/* eAIoYOU typography system: Bodoni Moda / Tenor Sans / IBM Plex Sans */
:root{--display:"Bodoni Moda",Didot,"Times New Roman",serif;--support:"Tenor Sans","Helvetica Neue",Arial,sans-serif;--body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--serif:var(--display);--sans:var(--body)}
html{font-size:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--body);font-weight:300;font-size:1rem;line-height:1.75;letter-spacing:.006em}
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-style:normal;text-wrap:balance;color:inherit}h1{font-size:clamp(4.25rem,8vw,8.5rem);font-weight:400;line-height:.91;letter-spacing:-.052em}h2{font-size:clamp(3.2rem,5.2vw,5.6rem);font-weight:400;line-height:.99;letter-spacing:-.042em}h3{font-size:clamp(2rem,3.2vw,3.35rem);font-weight:400;line-height:1.06;letter-spacing:-.032em}h4{font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:500;line-height:1.18;letter-spacing:-.022em}h5{font-size:1.2rem;font-weight:500;line-height:1.3;letter-spacing:-.012em}h6{font-family:var(--support);font-size:.78rem;font-weight:400;line-height:1.45;letter-spacing:.16em;text-transform:uppercase}
p,li,input,select,textarea{font-family:var(--body)}p{font-weight:300}.lead,.hero-bottom>p,.inner-hero-copy>p:last-of-type,.inquiry-intro>p:not(.section-tag),.service-story .story-copy{font-size:clamp(1.0625rem,1.3vw,1.22rem);font-weight:300;line-height:1.8;letter-spacing:.003em}
.eyebrow,.section-tag,.nav nav,.nav-cta,.feature-copy>span,.frame-label,.offering-grid>article>span,.offering-grid a,.process-line span,.film-youtube,.copy-btn,.field label,.form-action button,footer>p{font-family:var(--support);font-weight:400}.eyebrow,.section-tag{font-size:.7rem;line-height:1.45;letter-spacing:.22em;text-transform:uppercase}.nav nav{font-size:.74rem;line-height:1;letter-spacing:.13em}.nav-cta{font-size:.7rem;line-height:1;letter-spacing:.09em}.feature-copy>span,.frame-label,.offering-grid>article>span,.process-line span{font-size:.68rem;letter-spacing:.16em}.offering-grid a,.film-youtube,.copy-btn,.form-action button{font-size:.7rem;letter-spacing:.08em}.field label{font-size:.7rem;letter-spacing:.12em}
.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(4.25rem,8vw,8.5rem);line-height:.91;letter-spacing:-.052em}.hero h1 em,.inner-hero-copy h1 em,.prompt-hero h1 em,blockquote em{font-family:var(--display);font-style:italic;font-weight:400;letter-spacing:-.045em}.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-family:var(--display);font-weight:400;font-size:clamp(3.2rem,5.2vw,5.6rem);line-height:.99;letter-spacing:-.042em}.feature-copy h3{font-family:var(--display);font-weight:400;font-size:clamp(2.35rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.038em}.offering-grid h3,.work-item h2,.studio-values h2,.prompt-body h3,.deliverables-grid h3,.seo-copy h3,.process-line h3{font-family:var(--display);font-weight:400}.offering-grid h3{font-size:clamp(1.65rem,2.25vw,2.45rem);line-height:1.08}.work-item h2,.studio-values h2{font-size:clamp(1.8rem,2.5vw,2.65rem);line-height:1.08}.prompt-body h3{font-size:clamp(1.75rem,2.45vw,2.6rem);line-height:1.08}.deliverables-grid h3,.seo-copy h3,.process-line h3{font-size:clamp(1.35rem,1.75vw,1.75rem);line-height:1.18}
blockquote{font-family:var(--display);font-size:clamp(3rem,5.5vw,6rem);font-weight:400;line-height:1.08;letter-spacing:-.046em}.service-list summary{font-family:var(--display);font-weight:400;letter-spacing:-.02em}.prompt-text{font-size:.95rem;line-height:1.72}.form-note,.section-head p:last-child{font-size:.82rem;line-height:1.55}.contact-details a{font-family:var(--body);font-weight:400}.circle-link{font-family:var(--support);font-size:.7rem;letter-spacing:.1em}
button,.nav a,.nav-cta,.circle-link,.copy-btn,.film-youtube,.form-action button{font-family:var(--support)}input,select,textarea{font-size:1rem!important;font-weight:300;line-height:1.5}
@media(min-width:801px) and (max-width:1100px){h1,.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-size:clamp(3.8rem,8vw,6.5rem)}h2,.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-size:clamp(2.8rem,5.5vw,4.5rem)}h3,.feature-copy h3{font-size:clamp(2rem,3.8vw,3.25rem)}}
@media(max-width:800px){body{font-size:1rem;line-height:1.72}h1,.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-size:clamp(3.15rem,14vw,4.9rem);line-height:.94;letter-spacing:-.045em}h2,.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-size:clamp(2.35rem,10vw,3.45rem);line-height:1.02;letter-spacing:-.036em}h3,.feature-copy h3{font-size:clamp(1.8rem,8vw,2.55rem);line-height:1.07;letter-spacing:-.028em}h4{font-size:1.45rem}.eyebrow,.section-tag{font-size:.67rem;letter-spacing:.18em}.lead,.hero-bottom>p,.inner-hero-copy>p:last-of-type,.inquiry-intro>p:not(.section-tag),.service-story .story-copy{font-size:1.05rem;line-height:1.75}.nav nav{font-size:.78rem}.prompt-text{font-size:.93rem;line-height:1.68}blockquote{font-size:clamp(2.45rem,10.5vw,3.7rem);line-height:1.1}}

/* Live display-font comparison — support and body typography remain unchanged */
.font-home{--display:"Cormorant Garamond",Garamond,serif}
.font-prompts{--display:"Newsreader",Georgia,serif}
.font-work{--display:"Instrument Serif",Georgia,serif}
.font-studio{--display:"Marcellus",Trajan,serif}
.font-video{--display:"DM Serif Display",Georgia,serif}
.font-product{--display:"Libre Caslon Display",Caslon,Georgia,serif}
.font-avatar{--display:"Prata",Didot,serif}
.font-brand{--display:"Fraunces",Georgia,serif}

/* Final selected display face and refined scale */
.font-home,.font-prompts,.font-work,.font-studio,.font-video,.font-product,.font-avatar,.font-brand{--display:"Fraunces",Georgia,serif}
h1,.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-size:clamp(3.8rem,7vw,7.45rem);line-height:.93;letter-spacing:-.046em}
h2,.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-size:clamp(2.9rem,4.7vw,4.9rem);line-height:1.01;letter-spacing:-.038em}
h3{font-size:clamp(1.9rem,2.8vw,3rem)}
.feature-copy h3{font-size:clamp(2.15rem,3.55vw,3.7rem)}
blockquote{font-size:clamp(2.8rem,5vw,5.3rem)}
@media(min-width:801px) and (max-width:1100px){h1,.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-size:clamp(3.45rem,7.2vw,5.7rem)}h2,.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-size:clamp(2.55rem,5vw,4rem)}h3,.feature-copy h3{font-size:clamp(1.85rem,3.4vw,2.85rem)}}
@media(max-width:800px){h1,.hero h1,.inner-hero-copy h1,.prompt-hero h1{font-size:clamp(2.85rem,12.5vw,4.3rem);line-height:.96}h2,.manifesto-copy h2,.service-intro h2,.service-story h2,.page-section h2,.inquiry-intro h2,.prompt-library-head h2,.prompt-cta h2{font-size:clamp(2.15rem,8.8vw,3.05rem);line-height:1.04}h3,.feature-copy h3{font-size:clamp(1.65rem,7vw,2.25rem)}blockquote{font-size:clamp(2.2rem,9.5vw,3.3rem)}}

/* Editorial spacing rhythm */
.inner-hero-copy .eyebrow{margin:0 0 1.65rem}.inner-hero-copy h1{margin:0 0 2.35rem}.inner-hero-copy h1+p{margin-top:0}.inner-hero-copy .hero-cta{margin-top:2.35rem}
.story-copy h2{margin:0 0 2rem}.story-copy h2+p{margin-top:0}.story-copy p+p{margin-top:1.35rem}
.deliverables>.section-tag{margin:0 0 1.5rem}.deliverables>h2{margin:0}.deliverables-grid h3{margin-bottom:1.15rem}.deliverables-grid h3+p{margin-top:0}
.seo-copy article h3{margin:0 0 1.2rem}.seo-copy article p{margin:0;line-height:1.78}
.work-item h2{margin:.85rem 0 1.15rem}.work-item h2+p,.studio-values h2+p,.featured-film-copy h2+p,.prompt-body h3+p{margin-top:0}
.studio-values h2{margin-bottom:1.25rem}.featured-film-copy h2{margin-bottom:1.45rem}.prompt-body h3{margin:0 0 1.35rem}
.founder-copy .section-tag{margin:0 0 1.45rem}.founder-copy h2{margin:0 0 2.1rem}.founder-copy>p{margin:0}.founder-copy>p+p{margin-top:1.35rem}
.inquiry-intro .section-tag{margin:0 0 1.5rem}.inquiry-intro h2{margin:0 0 1.75rem}.inquiry-intro h2+p{margin-top:0}.contact-details{margin-top:2.25rem}
@media(max-width:800px){.inner-hero-copy .eyebrow{margin-bottom:1.35rem}.inner-hero-copy h1{margin-bottom:1.85rem}.inner-hero-copy .hero-cta{margin-top:1.85rem}.story-copy h2{margin-bottom:1.6rem}.deliverables>.section-tag{margin-bottom:1.2rem}.founder-copy h2{margin-bottom:1.65rem}.inquiry-intro h2{margin-bottom:1.45rem}}
