/* V48 — shared motion language: spatial assembly, alignment, then release. */
@import url('/assets-v61/cetelem-bookends.css?v=1');
@import url('/assets-v62/preview-selection.css?v=1');
.home-page .hero{perspective:1100px;overflow:clip;overflow-clip-margin:12px}
.home-page .hero-copy{min-width:0}
.home-page .hero-title-line{display:block;transform-origin:0 70%}
.home-page .hero-portrait{transform-origin:50% 70%;border-radius:180px 180px 6px 6px}
.home-page .hero-portrait img{animation:none!important;transform:none!important}
.home-page .hero-intro{max-width:58ch}
.home-page .hero .hero-intro strong{font-weight:500}
.home-page .hero-shortcuts{margin-top:24px}
.home-page .hero-shortcuts>span{letter-spacing:.025em}
.home-page .hero-portrait .hero-motion-control{position:absolute;z-index:2;right:12px;bottom:36px;display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:44px;padding:10px 14px;border:1px solid #dce3f1;border-radius:24px;background:#fffffff2;color:#2548cc;font:650 11px/1.2 var(--sans);box-shadow:0 3px 12px #17264e0f}
.home-page .hero-portrait .hero-motion-control:hover{background:#eef2ff}
.home-page .hero-portrait .hero-motion-control:focus-visible{outline:3px solid #3158f4;outline-offset:3px}
.home-page .gn47-after h2{max-width:18ch}
.home-page .gn47-after p{max-width:43ch}
.home-page .gn48-upcoming-shell{padding-bottom:clamp(40px,5vw,72px)}
.home-page .work .section-head{display:block}
.home-page .work .section-head h2{max-width:18ch}
.home-page .work .project-copy .project-role{max-width:none}
.home-page .about p:not(.eyebrow):not(.caption){max-width:55ch}
@media(max-width:600px){
 .home-page .hero{grid-template-columns:minmax(0,1fr) clamp(128px,39vw,152px);padding-top:22px;row-gap:0}
 .home-page .hero-portrait{border-radius:100px 100px 5px 5px;margin-bottom:18px}
 .home-page .hero-portrait .hero-motion-control{right:6px;bottom:6px;min-width:64px;min-height:44px;padding:8px 11px;font-size:10px}
 .home-page .hero h1{font-size:clamp(34px,9.35vw,47px);letter-spacing:-.055em;line-height:1.08}
 .home-page .hero-intro{font-size:14px;max-width:48ch}
 .home-page .hero-shortcuts{margin-top:17px}
 .home-page .gn47-after h2{font-size:35px;margin-bottom:16px}
 .home-page .gn48-upcoming-shell{padding-bottom:40px}
 .home-page .work .section-head h2{font-size:43px}
}
@media(max-width:360px){.home-page .hero h1{font-size:32px}.home-page .hero .eyebrow{max-width:15ch}}
.motion-reduced .hero-motion-ready .hero-title-line,
.motion-reduced .hero-motion-ready .hero-portrait,
.motion-reduced .hero-motion-ready .eyebrow,
.motion-reduced .hero-motion-ready .hero-intro,
.motion-reduced .hero-motion-ready .hero-actions,
.motion-reduced .hero-motion-ready .hero-shortcuts{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.home-page .hero-motion-ready [style]{transform:none!important;opacity:1!important}}
@media print{.home-page .hero-motion-ready [style]{transform:none!important;opacity:1!important}.hero-motion-control{display:none!important}}

/* Portrait, headline, then navigation settle as one short editorial sequence. */
.home-page .hero-motion-ready .portrait-window,
.home-page .hero-motion-ready .hero-title-line{will-change:opacity,transform}
.home-page .hero-motion-ready .hero-intro,
.home-page .hero-motion-ready .hero-actions,
.home-page .hero-motion-ready .hero-shortcuts{will-change:opacity,transform}
.home-page .hero-motion-ready .hero-shortcuts{border-top-color:transparent;position:relative}
.home-page .hero-motion-ready .hero-shortcuts:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--line);transform:scaleX(var(--hero-rule-progress,1));transform-origin:left center}
.home-page .hero-motion-ready .hero-portrait{transform:none!important}
.motion-reduced .hero-motion-ready .portrait-window,
.motion-reduced .hero-motion-ready .hero-title-line{clip-path:none!important;transform:none!important}
.motion-reduced .hero-motion-ready .hero-shortcuts:before{transform:none!important}
@media(prefers-reduced-motion:reduce){.home-page .hero-motion-ready .portrait-window,.home-page .hero-motion-ready .hero-title-line{clip-path:none!important;transform:none!important}.home-page .hero-motion-ready .hero-shortcuts:before{transform:none!important}}
@media print{.home-page .hero-motion-ready .portrait-window,.home-page .hero-motion-ready .hero-title-line{clip-path:none!important}.home-page .hero-motion-ready .hero-shortcuts:before{transform:none!important}}