/* Final shared layer: measured spacing, quiet color, and readable Korean. */
:root { --pad:clamp(24px,5.5vw,88px); }
html { scroll-padding-top:28px; }
body { -webkit-font-smoothing:antialiased; }
.section-shell { max-width:1520px; margin-left:auto; margin-right:auto; }
.site-header { background:var(--paper); color:var(--ink); padding-left:var(--pad); padding-right:var(--pad); }
.site-header .wordmark { width:176px; flex-shrink:0; }
.site-header .desktop-nav { font-size:14px; gap:32px; }
.site-header .header-contact { background:transparent; color:var(--ink); border:1px solid var(--control-line); }
.site-header .header-contact:hover { background:var(--ink); color:var(--paper); }
.site-header .menu-toggle { color:var(--ink); }
.site-header .menu-toggle span { background:currentColor; }
#mobile-nav { background:var(--paper); color:var(--ink); border-color:var(--line); }
.page-head .page-eyebrow { font-family:var(--sans); font-size:12px; letter-spacing:.02em; }
.page-head h1 { font-weight:500; }
.company-manifesto { grid-template-columns:1fr 1fr; gap:70px; padding-top:35px; padding-bottom:50px; }
.company-editorial { border-top:1px solid var(--control-line); padding-top:25px; }
.company-editorial > .mono { font-size:11px; letter-spacing:.05em; color:var(--muted); }
.company-editorial > p { font-size:clamp(29px,3vw,42px); line-height:1.55; letter-spacing:-.04em; font-weight:450; margin:28px 0 0; }
.company-position { padding-top:24px; border-top:1px solid var(--line); }
.company-position h2 { font-size:24px; margin:0 0 20px; }
.company-position p { font-size:16px; }
.company-principles { gap:36px; padding-top:26px; padding-bottom:55px; }
.company-principles article { padding-top:25px; }
.company-principles article > .mono { color:var(--muted); font-size:11px; }
.company-principles h2 { font-size:22px; }
.technical-foundation { padding-top:60px; padding-bottom:65px; }
.technical-foundation h2 { font-size:clamp(29px,3vw,42px); line-height:1.5; }
.recommendations-heading h2 { font-size:clamp(29px,3vw,42px); font-weight:500; }
.company-ending { background:transparent; border-top:1px solid var(--line); }
.company-ending .name-story h2 { font-size:27px; font-weight:500; }
.journal-curation { grid-template-columns:1fr 1fr; }
.blog-card { box-shadow:none; }
.site-footer { max-width:none; }
.site-footer .footer-brand { width:200px; }
.site-footer .footer-bottom { gap:20px; }
summary:focus-visible { outline:2px solid var(--orange); outline-offset:5px; }
 details[id],article[id],section[id] { scroll-margin-top:30px; }
@media(max-width:1050px) {
 .site-header { gap:20px; }
 .company-manifesto { gap:35px; }
 .company-principles { gap:26px; }
}
@media(max-width:620px) {
 :root { --pad:20px; }
 .site-header { padding-left:20px; padding-right:20px; gap:10px; }
 .site-header .wordmark { width:clamp(112px,32vw,154px); }
 .site-header .header-contact { min-width:0; font-size:12px; padding:8px 10px; gap:7px; }
 .company-manifesto { display:block; padding-top:12px; padding-bottom:30px; }
 .company-editorial { padding-top:20px; }
 .company-editorial > p { font-size:30px; margin-top:22px; }
 .company-position { margin-top:30px; padding-top:25px; }
 .company-position h2 { font-size:23px; }
 .company-position p { font-size:15px; }
 .company-principles { padding-top:10px; padding-bottom:35px; }
 .company-principles h2 { font-size:22px; }
 .technical-foundation { padding-top:35px; padding-bottom:40px; }
 .technical-foundation h2 { font-size:30px; }
 .recommendations-heading h2 { font-size:29px; }
 .company-ending .name-story h2 { font-size:24px; }
 .journal-curation { display:block; }
 .site-footer .footer-brand { width:174px; }
 .site-footer .footer-bottom { gap:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }