@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/bodoni-moda-latin-600-normal.woff') format('woff')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/bodoni-moda-latin-700-normal.woff') format('woff')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/ibm-plex-mono-latin-500-normal.woff') format('woff')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-latin-800-normal.woff') format('woff')}
/* Shared typography; component sizes remain responsive within the requested hierarchy. */
html body{--r-body:Manrope,system-ui,sans-serif;--r-display:'Bodoni Moda',Georgia,serif;font-family:var(--r-body);font-size:16px;line-height:1.65}
html body :is(button,input,select,textarea){font-family:var(--r-body)}
html body :is(h1,h2){font-family:var(--r-display)!important;font-style:normal;letter-spacing:-.035em;line-height:1.08;font-weight:600!important}
html body h1{font-size:clamp(44px,7.2vw,112px)!important}
html body h2{font-size:clamp(34px,4.5vw,68px)!important}
html body :is(h1,h2) em{font-family:inherit!important;font-style:normal;font-size:1em!important;font-weight:inherit!important}
html body h3{font-family:var(--r-body)!important;font-weight:700!important;font-size:clamp(24px,2.3vw,34px)!important;line-height:1.2;letter-spacing:-.025em}
html body :is(p,li){font-family:var(--r-body);font-weight:400}
html body main :is(p,li){font-size:clamp(16px,1.15vw,18px);line-height:1.7}
html body :is(.btn,button,.navlinks,.navright,header nav a){font-family:var(--r-body);font-weight:600;font-size:14px}
html body :is(.price,.extra-price,[data-first-month],[data-monthly],.reward-balance-value){font-family:var(--r-body)!important;font-weight:800!important;font-size:clamp(48px,5.2vw,80px);line-height:1.1;letter-spacing:-.05em}
html body :is(.eyebrow,.studio-label,.service-number,.extra-kicker,.show-copy>small,.showcase-top,.sample-label,.process-step summary>span,.proposal-label){font-family:'IBM Plex Mono',monospace!important;font-size:11px!important;font-weight:500!important;line-height:1.6;letter-spacing:.06em}
html body.brand-site .agency-intro h1{font-family:var(--r-display)!important;font-size:clamp(44px,7vw,104px)!important;font-weight:700!important;letter-spacing:-.045em}
html body.brand-site .agency-intro h1 em{font-weight:700!important}
html body .show-copy h2{font-family:var(--r-display)!important;font-size:clamp(34px,3.5vw,48px)!important;font-weight:600!important}
html body .show-copy p{font-size:16px;line-height:1.6}
html body .agency-proof h2{font-size:clamp(40px,4.5vw,68px)!important}
html body :is(.portal-grid,.portal-body,.admin-body,.system-surface,.dashboard-preview) h2{font-size:clamp(34px,3.5vw,48px)!important}
html body :is(.portal-grid,.portal-body,.admin-body,.system-surface,.dashboard-preview) h3{font-size:clamp(24px,2.4vw,30px)!important}
html body :is(.mini-hero strong,.footer-invite>p){font-family:var(--r-display)!important;font-weight:600}
/* Compact supplementary copy and labels stay below body copy without forcing large UI rows. */
html body main :is(.fine,.muted.fine,.hero-note,.legal-inline,.sample-caption p,.toast,.extra-price small){font-size:13px!important;line-height:1.65}
html body .extra-price{font-size:48px}html body .extra-price small{font-weight:400;letter-spacing:0}
html body .art-window-body b{font-family:var(--r-body);font-weight:800}html body .art-paper strong{font-family:var(--r-display);font-weight:600}
@media(min-width:1000px){html body .hero h1{font-size:clamp(80px,7vw,112px)!important}html body .section h2{font-size:clamp(48px,4.5vw,68px)!important}}
@media(max-width:600px){html body .agency-intro .actions{gap:16px;flex-wrap:wrap}html body .show-card{min-height:500px}html body .show-copy{padding:22px}html body .show-copy h2{font-size:36px!important}html body .extra-price{font-size:40px}html body .extras-summary strong{font-size:48px}html body header nav a{font-size:13px}html body .corporate-mode{font-size:11px}html body .agency-intro h1 br{display:none}}