/* LAYEREN-STUDIO-A / typography-only editorial revision.
   Files are unmodified, with copyright and OFL in fonts/<family>/OFL.txt. */
@font-face { font-family: 'LR SUIT'; src: url('/fonts/suit/SUIT-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'LR Hahmlet'; src: url('/fonts/hahmlet/Hahmlet[wght].ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'LR Instrument'; src: url('/fonts/instrumentserif/InstrumentSerif-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'LR Instrument'; src: url('/fonts/instrumentserif/InstrumentSerif-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
:root { --font: 'LR SUIT', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; --lr-heading: 'LR Hahmlet', 'LR SUIT', serif; }
body { font-size: 17px; line-height: 1.75; letter-spacing: 0; font-synthesis: none; }
h1, h2 { font-family: var(--lr-heading); font-weight: 500; line-height: 1.4; letter-spacing: -.02em; text-wrap: balance; }
h3 { font-family: var(--font); font-weight: 600; line-height: 1.45; letter-spacing: -.01em; }
main p + p { margin-block-start: .9em; }
.hero.editorial-hero h1 { font-family: var(--lr-heading); font-weight: 500; font-size: clamp(40px, 3.65vw, 56px); line-height: 1.48; letter-spacing: -.025em; }
.hero-description { font-size: 17px; line-height: 1.8; }
.page-heading h1, .case-heading h1 { font-family: var(--lr-heading); font-weight: 500; line-height: 1.4; letter-spacing: -.02em; overflow-wrap: normal; }
.section-heading h2, .studio-band h2, .process-preview h2, .cta-section h2, .case-description h2 { font-family: var(--lr-heading); font-weight: 500; line-height: 1.45; letter-spacing: -.02em; }
.brand { font-family: var(--font); font-weight: 650; letter-spacing: .09em; }
.project-card h3 { font-family: 'LR Instrument', 'LR Hahmlet', serif; font-size: 30px; font-weight: 400; line-height: 1.4; letter-spacing: 0; }
.showcase-meta h2 { font-family: 'LR Instrument', 'LR Hahmlet', serif; font-size: 32px; font-weight: 400; line-height: 1.25; letter-spacing: .005em; }
.project-card p, .tier-preview p, .principles p, .compact-steps p,
.process-list p, .page-description, .section-intro, .contact-note p:not(.eyebrow),
.inquiry-guide > p:not(.eyebrow):not(.copy-status), .inquiry-guide ol,
.faq-list details p, .studio-intro > div p, .footer-top p { font-size: 17px; line-height: 1.75; }
.eyebrow { font-family: var(--font); font-size: 13px; font-weight: 600; line-height: 1.45; letter-spacing: .08em; }
.hero-copy > .eyebrow { font-size: 12px; letter-spacing: .09em; }
.caption { line-height: 1.5; letter-spacing: .04em; }
.button, .filters button, .site-header nav a, .menu-toggle, .showcase-tab, .text-link { font-family: var(--font); line-height: 1.35; font-weight: 600; }
.button, .text-link, .filters button { font-size: 16px; }
.showcase-tab { font-size: 14px; }
.showcase-tab span, .compact-steps li > span, .step-number { font-family: var(--font); font-style: normal; font-variant-numeric: tabular-nums; }
.tier-preview h3, .tier-title { font-family: var(--font); font-weight: 600; letter-spacing: .02em; line-height: 1.35; }
.tier-title small, .tier-preview h3 small { font-family: var(--font); font-size: 14px; letter-spacing: 0; line-height: 1.5; }
.tier-purpose, .tier-body ul, .scope-grid ul, .contact-facts div, .case-facts div { font-size: 16px; line-height: 1.65; }
.tier-price, .tier-preview strong { font-family: var(--font); font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1.45; }
.small-note, .demo-note, .archive-notice, .feature-list li { font-size: 14px; line-height: 1.75; letter-spacing: 0; }
.faq-list summary { font-size: 17px; line-height: 1.55; }
.contact-email, .footer-top > a:last-child, .case-facts a { font-family: var(--font); overflow-wrap: anywhere; }
.footer-bottom { font-size: 13px; line-height: 1.6; letter-spacing: .02em; }
.project-info, .showcase-meta > div, .hero-copy, .case-heading, .tier-body > div, .contact-facts dd { min-width: 0; }
@media (max-width: 1100px) and (min-width: 761px) {
  .hero.editorial-hero h1 { font-size: clamp(35px, 3.65vw, 43px); }
  .hero-description { font-size: 16px; }
}
@media (max-width: 760px) {
  body { font-size: 16px; }
  .hero.editorial-hero h1 { font-size: clamp(30px, 8.1vw, 44px); line-height: 1.48; letter-spacing: -.025em; }
  .hero-copy > .eyebrow { font-size: 12px; letter-spacing: .055em; }
  .hero-description, .project-card p, .tier-preview p, .principles p, .compact-steps p,
  .process-list p, .page-description, .section-intro, .contact-note p:not(.eyebrow),
  .inquiry-guide > p:not(.eyebrow):not(.copy-status), .inquiry-guide ol,
  .faq-list details p, .studio-intro > div p, .footer-top p { font-size: 16px; }
  .project-card h3 { font-size: 28px; }
  .editorial-stage .showcase-meta h2 { font-size: 30px; }
  .page-heading h1, .case-heading h1 { font-size: clamp(29px, 7.7vw, 38px); line-height: 1.4; }
  .section-heading h2, .studio-band h2, .process-preview h2, .cta-section h2, .case-description h2 { font-size: clamp(25px, 6.5vw, 32px); line-height: 1.45; }
  .tier-preview h3, .tier-title { font-size: 18px; }
  .tier-price, .tier-preview strong { font-size: 16px; }
  .tier-purpose { font-size: 15px; }
  .case-facts div { font-size: 15px; }
  .hero-description, .page-description { text-wrap: pretty; }
}
@media (max-width: 360px) {
  .tier-title { font-size: 16px; letter-spacing: 0; }
  .tier-price { font-size: 15px; }
}