/* Ariyana's deck: a fixed stage, shrinking rear cards, and an upward 3D exit. */
.home-official .project-stage{display:flex;flex-direction:column;gap:55px}
.home-official .project-stack.is-deck{display:block;position:relative;height:var(--deck-track-height)}
.home-official .is-deck .project-stage{position:sticky;top:var(--deck-pin);height:var(--deck-card-height);display:block;perspective:1500px;isolation:isolate}
.home-official .is-deck .project-panel{position:absolute;inset:0;height:var(--deck-card-height);min-height:0;transform-origin:center;will-change:transform;backface-visibility:hidden}
.home-official .is-deck .panel-image{min-height:0;height:100%}
.home-official .is-deck .project-panel:not(.deck-current){pointer-events:none}
.home-official .is-deck .project-panel.deck-passed{visibility:hidden;display:none}
.home-official .project-panel .panel-index,.home-official .project-panel .panel-tags{font-size:14px}
.home-official .project-panel{color:var(--project-ink);--button-bg:var(--panel)}
.home-official .project-panel h3,.home-official .project-panel .outline-button{color:inherit}
.home-official .project-panel .panel-tags>span{border-color:currentColor}
.home-official .project-panel .outline-button{border-color:currentColor}
.home-official .project-panel .outline-button:hover{color:var(--panel);background:var(--project-ink)}
.home-official .project-panel .social-triptych{background:var(--panel)}
.home-official .project-panel .image-arrow{color:#404040}
/* The logo wheel opens from the upper stack and turns in response to scroll. */
.home-official .leader-section{--orbit-radius:clamp(270px,30vw,440px);--orbit-card:clamp(130px,14.2vw,200px);width:100%;max-width:none;height:clamp(800px,85vw,1160px);overflow:clip}
.home-official .client-grid{animation:none;transform:rotate(var(--orbit-turn,0deg)) scale(var(--orbit-scale,1));transition:scale .5s cubic-bezier(.76,0,.24,1);pointer-events:none}
.home-official .client-grid>div{width:var(--orbit-card);height:var(--orbit-card);left:calc(50% - var(--orbit-card)/2);top:calc(50% - var(--orbit-card)/2);transform:rotate(var(--orbit-angle,var(--angle))) translateY(calc(-1 * (var(--orbit-radius) + var(--orbit-push,0px))));border-radius:25%;padding:calc(var(--orbit-card)*.14);will-change:transform}
.home-official .leader-copy{max-width:410px;opacity:1;transition:opacity .5s}
.home-official .leader-copy h2{font-size:clamp(30px,3.2vw,50px);line-height:1.15}
.home-official .leader-copy h2::first-line{color:#424242}
@media(max-width:700px){
 .home-official .project-stage{gap:28px}
 .home-official .is-deck .project-panel{grid-template-rows:auto minmax(160px,1fr)}
 .home-official .project-panel .panel-copy{padding:24px}
 .home-official .project-panel .panel-copy>p{margin:16px 0;font-size:16px}
 .home-official .project-panel .panel-copy h3{font-size:clamp(25px,7.3vw,36px)}
 .home-official .project-panel .panel-index{font-size:13px;margin-bottom:14px}
 .home-official .project-panel .panel-tags{font-size:12px;margin-bottom:16px;gap:6px}
 .home-official .project-panel .panel-tags>span{padding:6px 9px}
 .home-official .project-panel .panel-image{height:230px}
 .home-official .is-deck .project-panel .panel-image{height:100%}
 .home-official .project-panel .outline-button{font-size:14px}
 .home-official .leader-section{--orbit-card:clamp(74px,20vw,115px);--orbit-radius:clamp(180px,47vw,280px);height:clamp(550px,150vw,760px)}
 .home-official .leader-copy{max-width:240px}
 .home-official .leader-copy h2{font-size:clamp(20px,5.7vw,30px)}
 .home-official .leader-copy .micro{font-size:14px;max-width:170px;padding:8px 12px}
 .home-official .leader-copy .outline-button{font-size:14px;min-height:48px;padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){
 .home-official .client-grid,.home-official .client-grid>div{will-change:auto}
}

@media(hover:hover) and (pointer:fine){
 .home-official .leader-section.orbit-motion .leader-copy{opacity:.5}
 .home-official .leader-section.orbit-motion .leader-copy:hover{opacity:1}
 .home-official .leader-section.orbit-motion:has(.leader-copy:hover) .client-grid{--orbit-scale:.8}
 .home-official .leader-section.orbit-motion .client-grid{transition:transform .5s cubic-bezier(.76,0,.24,1)}
}
@media(prefers-reduced-motion:reduce){
 .home-official .leader-copy,.home-official .client-grid{transition:none!important}
}
.home-official .projects-section .portfolio-end{display:flex;justify-content:center;align-items:center;text-align:center}
