/* Company information is grouped in one readable footer block. */
.footer { padding: 44px max(5vw,24px) 24px; }
.footer-main { display: grid; grid-template-columns: 200px minmax(0,1fr) 268px; gap: 40px; max-width: 1152px; margin: 0 auto; padding-bottom: 32px; }
.footer-brand .wordmark { font-size: 26px; font-weight: 600; }
.footer-brand p { margin: 20px 0 0; color: #a6b8ce; font-size: 13px; line-height: 1.85; }
.footer-company h2 { margin: 0 0 20px; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -.02em; line-height: 1.5; }
.footer-details { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0; }
.footer-details > div { display: grid; grid-template-columns: 136px minmax(0,1fr); align-items: baseline; gap: 12px; }
.footer-details dt { color: #a6b8ce; font-size: 12px; line-height: 1.8; font-weight: 400; }
.footer-details dd { margin: 0; color: #e1e9f3; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.footer-details a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.footer-details > .footer-privacy-contact { grid-column: 1 / -1; grid-template-columns: 136px minmax(0,1fr); }
.footer .footer-bottom { max-width: 1152px; margin: 0 auto; align-items: center; color: #a6b8ce; font-size: 11px; padding-top: 22px; }
.footer-links { display: flex; gap: 30px; align-items: center; white-space: nowrap; }
.footer-links a { color: #dbe5f3; font-size: 12px; }
.footer-links a:hover { color: #fff; }
.footer-links a:last-child { color: #a6b8ce; }
.footer-links a span { margin-left: 8px; }
.footer-channels h2 { margin:0 0 18px; color:#fff; font-size:15px; font-weight:600; letter-spacing:-.02em; line-height:1.5; }
.footer-social-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.footer .footer-social-link { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; color:#0b2237; background:#f1f6f2; transition:background-color .18s ease,transform .18s ease; }
.footer-social-link svg:not([fill="none"]) { fill:currentColor; }
.footer .footer-social-link:hover { color:#0b2237; background:#88d6a6; transform:translateY(-2px); }
.footer .footer-social-link:focus-visible { outline:3px solid #88d6a6; outline-offset:5px; }
.footer-social-naver svg { width:17px; height:17px; }
@media (prefers-reduced-motion:reduce) { .footer .footer-social-link { transition:none; } .footer .footer-social-link:hover { transform:none; } }
@media (max-width: 1100px) {
  .footer-main { grid-template-columns: 170px minmax(0,1fr); gap: 28px 36px; }
  .footer-channels { grid-column:2; }
  .footer-details { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .footer-details > div { grid-template-columns: 136px minmax(0,1fr); }
}
@media (max-width: 600px) {
  .footer { padding: 34px 24px 24px; }
  .footer-main { grid-template-columns: minmax(0,1fr); gap: 28px; padding-bottom: 26px; }
  .footer-brand { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
  .footer-brand .wordmark { font-size: 24px; }
  .footer-brand p { margin: 0; font-size: 11px; line-height: 1.7; }
  .footer-company { border-top: 1px solid #ffffff1a; padding-top: 24px; }
  .footer-company h2 { font-size: 14px; margin-bottom: 16px; }
  .footer-channels { grid-column:auto; border-top:1px solid #ffffff1a; padding-top:24px; }
  .footer-channels h2 { font-size:14px; margin-bottom:16px; }
  .footer-social-links { gap:10px; }
  .footer-details { gap: 12px; }
  .footer-details > div { grid-template-columns: 100px minmax(0,1fr); gap: 10px; }
  .footer-details > .footer-privacy-contact { grid-template-columns: 100px minmax(0,1fr); }
  .footer-details dt { font-size: 11px; }
  .footer-details dd { font-size: 13px; }
  .footer .footer-bottom { flex-direction: column-reverse; align-items: flex-start; gap: 20px; font-size: 10px; }
  .footer-links { width: 100%; justify-content: space-between; gap: 20px; }
}
@media (max-width: 360px) {
  .footer { padding-left: 20px; padding-right: 20px; }
  .footer-details > div, .footer-details > .footer-privacy-contact { grid-template-columns: 90px minmax(0,1fr); gap: 8px; }
  .footer-details dd { font-size: 12px; }
}