/* AboutUs identity: one reading system, one paper/ink/orange palette. */
@font-face { font-family: 'AboutUs Display'; src: url('../assets/fonts/aboutus-display-identity.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'AboutUs Text'; src: url('../assets/fonts/aboutus-text-identity.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; }
:root {
  --au-display: 'AboutUs Display', 'AboutUs Text', system-ui, sans-serif;
  --au-text: 'AboutUs Text', system-ui, -apple-system, 'Apple SD Gothic Neo', sans-serif;
  --au-font-system: 1;
  --font: var(--au-text); --am-serif: var(--au-display);
  --page: #f3f0e8; --paper: #faf8f2; --cream: #f3f0e8; --sand: #e7e3d9;
  --ink: #101b1b; --ink2: #263332; --sub: #52605b; --muted: #69736c;
  --line: #d4d7cc; --fl: #f75b2b; --fl-text: #b83b17;
}
html body { background: #f3f0e8; font-family: var(--au-text); font-weight: 400; line-height: 1.65; }
html[data-scheme], html[data-scheme] body { background-color: #f3f0e8; }
html body :is(.hb, .s7x, .ft) { --am-serif: var(--au-display); --al-serif: var(--au-display); }
html body :is(.say-t, .rch-t, .wld-t, .wal-t, .glb-t, .go-t, .hb-dif .hb-dif-t, .am-h4, .am-h3, .am-h2s, .hb.hb2 .hb-h, .hb.hb3 .hb-h, .hb.hb4 .hb-h, .hb.hb5 .hb-h, .s7x .say h2) {
  font-family: var(--au-display); font-weight: 700; letter-spacing: -.015em; line-height: 1.23; font-synthesis: none;
}
html body :is(.hb .am-sub, .rch-h, .wld-h, .hb .al-ar-t, .hb .al-ar-ct, .hb.hb4 .hb4-fh, .hb.hb4 .hb4-prom h3, .hb.hb5 h3.hb5-wh, .go-steps li) { font-family: var(--au-text); font-weight: 600; letter-spacing: -.025em; }
html body :is(.say-t, .wld-t, .wal-t, .glb-t) { font-size: clamp(44px, 5.1vw, 74px); }
html body .rch-t { font-size: clamp(40px, 4.3vw, 62px); max-width: 1050px; }
html body .go-t { font-size: clamp(48px, 5.8vw, 84px); }
html body :is(.hb-dif .hb-dif-t, .am-h4, .am-h3, .am-h2s, .hb.hb2 .hb-h, .hb.hb3 .hb-h, .hb.hb4 .hb-h, .hb.hb5 .hb-h) { font-size: clamp(38px, 4vw, 58px); }
html body :is(.rch-p, .wld-p, .wal-p, .glb-p, .hb .am-body, .hb .hb-lead) { font-size: 17px; line-height: 1.75; letter-spacing: -.012em; font-weight: 400; }
html body .hdx-name { font-family: var(--au-text); font-size: 17px; font-weight: 700; letter-spacing: -.06em; }
html body .hdx-mark { width: 28px; height: 28px; }
html body .hdx-in { max-width: 1440px; }
html body .hdx-nav > *, html body .hdx-kakao, html body .hdx-menu { font-family: var(--au-text); font-weight: 600; }
html body .hdx-kakao { background: #f75b2b; border-color: #f75b2b; color: #101b1b; border-radius: 10px; }
#site-header .hdx-kakao { background: #f75b2b; border-color: #f75b2b; color: #101b1b; font-weight: 600; }
#site-header .hdx-kakao:hover { background: #ff784b; }
/* Closing is the same visual language, with a quieter signature. */
html body #closer.au-closing { background: #f3f0e8; border-radius: 0; border-top: 1px solid #bfc7b8; padding-top: 88px; }
html body #closer .au-close h2 { font-family: var(--au-display); font-size: clamp(42px, 4.5vw, 66px); font-weight: 700; line-height: 1.22; letter-spacing: -.015em; }
html body #closer .au-close-primary { background: #f75b2b; border-color: #e74a1c; }
html body #closer .au-close-arrow { background: #ffe1d6; }
html body #closer .au-signal { background: #142320; border-color: #34413a; }
html body #closer .au-signal-file { background: #faf8f2; color: #142320; }
footer.ft.ft7, :is(html[data-scheme], body[data-theme]) footer.ft.ft7:not(.al-far) { background: #f3f0e8; color: #101b1b; --al-ink: #101b1b; --al-muted: #52605b; --al-line: #bfc7b8; --al-strong: #bfc7b8; --al-soft: #e7e3d9; }
html body footer.ft.ft7 { font-family: var(--au-text); }
html body footer.ft.ft7 .ft-col li > a { font-family: var(--au-text); }
html body footer.ft.ft7 .ft-col > summary :is(.ft-h,h2) { font-family: var(--au-text); font-size: 14px; font-weight: 600; letter-spacing: -.025em; }
@media (max-width: 767px) {
  html body { font-weight: 400; }
  html body :is(.say-t, .wld-t, .glb-t) { font-size: 38px; line-height: 1.25; }
  html body :is(.rch-t, .wal-t) { font-size: 34px; line-height: 1.3; }
  html body .go-t { font-size: 44px; line-height: 1.2; }
  html body :is(.hb-dif .hb-dif-t, .am-h4, .am-h3, .am-h2s, .hb.hb2 .hb-h, .hb.hb3 .hb-h, .hb.hb4 .hb-h, .hb.hb5 .hb-h) { font-size: 34px; line-height: 1.3; }
  html body :is(.rch-p, .wld-p, .wal-p, .glb-p, .hb .am-body, .hb .hb-lead) { font-size: 16px; line-height: 1.75; }
  html body .hdx-in { padding: 0 20px; }
  html body .hdx-name { font-size: 16px; }
  html body #closer.au-closing { padding-top: 64px; }
  html body #closer .au-close h2 { font-size: 38px; line-height: 1.25; }
  html body #closer .au-close-desc { font-size: 16px; line-height: 1.75; }
}

/* Protected artwork: the original flower layout, palette and motion are owned
   by s0x/s7x and their unchanged engines. This layer only selects text faces. */
html body #cf-hero-title > span:first-child { font-family: var(--au-text); }
html body #cf-hero-title > span:last-child { font-family: var(--au-display); font-weight: 700; }
#top {
 --page:#fdfbf7; --paper:#fffdf9; --sand:#f3e9dc; --clay:#ebc49d;
 --ink:#151414; --ink2:#2a2623; --sub:#4d4a46; --muted:#6b665f;
 --fl:#ff5e1f; --fl-text:#c2410c; --line:#e6dccd; --cream:#fcf9f5;
 --brand:#b8400e; --brand-edge:#c25a2f; background:#fdfbf7; color:#151414;
}
#top .s0-art, #top .s0x-room, #closer .closer {
 --font:'AboutUs Home Sans',system-ui,-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
 font-family:var(--font);
}
