/* V1 identity, curated scrolling story, separate detail pages. */
.site-header{position:sticky;top:0;z-index:20;background:var(--paper)}
.page-index main>.section-pad{padding-top:75px;padding-bottom:75px}
.page-index .hero-body{min-height:620px}.page-index .hero-art{height:580px}
.page-index .hero-bottom{padding-bottom:28px}
.page-index .home-overview .section-label{border-top:0;padding-top:0}
.home-overview .section-heading{margin-bottom:45px}.home-overview .section-heading p{font-size:15px;max-width:370px}
.offer-row{display:grid;grid-template-columns:35px 1.1fr 1fr 25px;align-items:center;gap:30px;padding:31px 0;position:relative;border-top:1px solid var(--line)}
.offer-row:last-child{border-bottom:1px solid var(--line)}
.offer-number{font-size:10px;letter-spacing:1px;color:var(--muted)}
.offer-row h3{font-size:clamp(25px,2.7vw,39px);letter-spacing:-1.1px;line-height:1.15;font-weight:500}
.offer-row p{font-size:14px;line-height:1.6;max-width:345px;color:var(--muted)}
.offer-arrow{font-size:27px;transition:transform .65s var(--ease)}
.offer-row:hover .offer-arrow{transform:translate(4px,-4px)}
.offer-row h3{transition:transform .65s var(--ease)}.offer-row:hover h3{transform:translateX(7px)}
.home-detail-link{margin-top:30px}
.page-index .work-curated{padding-top:30px;padding-bottom:60px}
.page-index .collaboration-intro{margin-bottom:32px}
.page-index .collaboration-row{padding:27px 0}
.page-index .home-studio{padding-top:40px;padding-bottom:80px}
.studio-preview-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:start}
.studio-preview-layout h2{font-size:clamp(40px,4.5vw,68px)}
.studio-preview-layout .lead{font-size:23px;line-height:1.5;letter-spacing:-.45px;margin-bottom:24px}
.studio-preview-layout p:not(.lead){font-size:15px;color:var(--muted);max-width:470px}
.studio-preview-links{display:flex;flex-wrap:wrap;gap:25px 35px;align-items:center;margin-top:28px}
.quiet-link{font-size:12px;display:inline-flex;gap:22px;padding:10px 0}.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}
.page-index .contact{padding-top:20px;padding-bottom:80px}.page-index .contact h2{font-size:clamp(72px,9vw,135px)}
.service-list details{scroll-margin-top:125px}
/* Motion keeps copy readable and never creates extra scroll distance. */
.motion-enabled .chapter-heading{clip-path:inset(0);transition:clip-path .9s var(--ease),transform .9s var(--ease)}
.motion-enabled .chapter-heading:not(.chapter-visible){clip-path:inset(0 0 12% 0);transform:translateY(14px)}
.offer-row:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:#747a82;transform:scaleX(0);transform-origin:left;transition:transform .85s var(--ease)}
.offer-row.chapter-visible:before{transform:scaleX(1)}
@media(max-width:1100px){.studio-preview-layout{gap:50px}.offer-row{gap:24px;grid-template-columns:25px 1fr 1fr 25px}}
@media(max-width:800px){.page-index main>.section-pad{padding-top:50px;padding-bottom:50px}.page-index .hero-body{min-height:0}.page-index .hero-art{height:365px}.page-index .hero-copy{padding-top:40px}.page-index .hero-bottom{gap:25px}.home-overview .section-heading p{font-size:14px;margin-top:24px}.home-overview .section-heading{margin-bottom:32px}.offer-row{grid-template-columns:22px 1fr 25px;gap:12px 15px;padding:25px 0}.offer-row h3{font-size:28px;letter-spacing:-.8px}.offer-row p{grid-column:2;grid-row:2;font-size:13px}.offer-arrow{grid-column:3;grid-row:1/3}.offer-number{align-self:start;margin-top:7px}.offer-row:hover h3{transform:none}.studio-preview-layout{grid-template-columns:1fr;gap:26px}.studio-preview-layout h2{font-size:clamp(38px,7.3vw,55px)}.studio-preview-layout .lead{font-size:20px;margin-bottom:20px}.studio-preview-layout p:not(.lead){font-size:14px}.page-index .contact h2{font-size:clamp(53px,10vw,79px)}.page-index .work-curated{padding-top:25px}.page-index .home-studio{padding-top:20px}.page-index .contact{padding-top:10px}.service-list details{scroll-margin-top:100px}}
@media(max-width:390px){.page-index .hero-art{height:320px}.page-index .contact h2{font-size:13vw}}
@media(prefers-reduced-motion:reduce){.motion-enabled .chapter-heading:not(.chapter-visible){clip-path:none;transform:none}.offer-row:before{transform:scaleX(1);transition:none}.hero-art{transform:none!important}}
/* Approved founder portrait, shared between the homepage and studio. */
.founder-portrait{margin:0;align-self:start}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover}
.founder-portrait figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.founder-portrait figcaption span:first-child{color:var(--ink)}
.studio-preview-layout.with-portrait{grid-template-columns:.7fr 1fr;gap:85px;align-items:center}
.with-portrait .founder-portrait{max-width:350px;width:100%;align-self:center}
.with-portrait h2{margin-bottom:28px}
@media(max-width:1100px){.studio-preview-layout.with-portrait{gap:50px}}
@media(max-width:800px){.studio-preview-layout.with-portrait{grid-template-columns:1fr;gap:35px}.with-portrait .founder-portrait{max-width:340px}.with-portrait h2{margin-bottom:25px}.founder-portrait figcaption{font-size:8px;gap:12px}.studio-layout>.founder-portrait{max-width:450px}}

/* Three-part homepage: introduction, compact services, contact. */
.page-index .hero-body{min-height:520px}
.page-index .hero-art{height:490px}
.page-index .home-overview{padding-top:48px;padding-bottom:55px}
.home-overview .section-heading{margin-bottom:28px}
.home-overview .offer-row{padding:23px 0}
.overview-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 36px;margin-top:25px}
.overview-links .home-detail-link{margin-top:0}
.page-index .contact{padding-top:20px;padding-bottom:60px}
@media(max-width:800px){
.page-index .hero-body{min-height:0}
.page-index .hero-art{height:300px}
.page-index .home-overview{padding-top:36px;padding-bottom:40px}
.home-overview .section-label span:first-child{max-width:165px}
.home-overview .section-heading{margin-bottom:24px}
.home-overview .offer-row{padding:20px 0}
.page-index .contact{padding-top:10px;padding-bottom:45px}
}