/* A single visual vocabulary: context opens, work connects, the operator decides. */
.work-story{background:radial-gradient(ellipse at 28% 40%,#231130 0%,#100c15 38%,#0a0a0a 75%);padding-bottom:70px}
.work-story .statement{max-width:1000px}.work-story-intro{max-width:610px;color:var(--light-gray);font-size:17px;margin-bottom:50px}
.work-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:70px;align-items:start}
.work-stage-shell{min-width:0}.work-stage-shell>.eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:16px;color:var(--accent-warm)}
.work-stage-shell>.journey-note{font-size:10px;line-height:1.65;max-width:540px;margin:18px 0 0}
.work-theatre{position:relative;height:clamp(350px,55svh,560px);isolation:isolate;perspective:1300px;overflow:clip;min-width:0;border-block:1px solid #ffffff12}
.work-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#9c30ff24,transparent 68%);pointer-events:none}
.work-orbit{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;border:1px solid #9c30ff35;border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg);pointer-events:none}
.work-camera{position:absolute;inset:0;transform-style:preserve-3d}
.work-plane{position:absolute;left:50%;top:50%;width:clamp(185px,20vw,255px);overflow:hidden;background:#151217;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 22px 45px #0008;transform-origin:center;backface-visibility:hidden}
.plane-label{display:flex;justify-content:space-between;align-items:center;background:#1b171e;padding:11px 13px;border-bottom:1px solid #ffffff15;color:#d9b3ff;font-size:8px;letter-spacing:.11em;white-space:nowrap}
.plane-label i{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.6}
.work-plane>img{width:100%;height:125px!important;object-fit:cover;object-position:top}
.plane-caption{padding:10px 12px;color:#bcb7c2;font-size:8px;line-height:1.4;background:#161219}
.plane-context{transform:translate(-100%,-112%) rotate(-8deg);z-index:1}.plane-brief{transform:translate(-7%,-112%) rotate(8deg);z-index:2}.plane-specialists{transform:translate(-50%,-40%);z-index:3}.plane-review{transform:translate(-100%,26%) rotate(-5deg);z-index:4;border-color:#f0b42980}.plane-output{transform:translate(-2%,30%) rotate(5deg);z-index:5}
.plane-review .plane-label{color:var(--accent-warm)}.specialist-chain{display:flex;align-items:center;justify-content:space-around;gap:5px;padding:25px 12px}.specialist-chain span{font-size:11px;text-align:center}.specialist-chain b{display:block;color:#b14dff;font:500 26px/1.2 var(--font-heading);margin-bottom:8px}.specialist-chain i{font-style:normal;color:#794b9d}
.review-composition{display:flex;align-items:center;gap:20px;padding:18px}.review-composition img{width:70px;height:84px!important;object-fit:cover;border-radius:4px}.review-composition strong{font:600 25px/1.06 var(--font-heading);letter-spacing:-.025em}
.work-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}.work-path path{fill:none;stroke:#9c30ff;stroke-width:1.5;stroke-dasharray:900;stroke-dashoffset:900}.work-path circle{fill:#f0b429;filter:drop-shadow(0 0 6px #f0b429)}
.work-coordinate{position:absolute;bottom:10px;left:18px;right:18px;display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:.1em;color:#b594c8;pointer-events:none}.work-coordinate i{height:1px;flex:1;background:linear-gradient(90deg,#9c30ff60,#f0b42960)}
.work-beat{min-height:clamp(250px,35svh,340px);padding:38px 0 45px 24px;border-left:1px solid #ffffff20;position:relative;scroll-margin-top:calc(var(--header-height) + 36px)}
.work-beat:before{content:'';position:absolute;left:-4px;top:42px;width:7px;height:7px;border-radius:50%;background:#78578f}
.work-beat[data-active=true]:before{background:var(--accent-warm);box-shadow:0 0 20px #f0b42970}.work-beat[data-active=true]{border-left-color:#9c30ff80}
.work-beat>.chapter-number{color:#bc79f4;font-size:10px;margin-bottom:18px;display:block}.work-beat h3{font-size:clamp(26px,2.8vw,40px)!important;max-width:390px}.work-beat p{font-size:15px;max-width:390px;margin:15px 0 0;line-height:1.75;color:#bbb}
.work-beat .work-mini{display:none}.work-replay{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:50px;margin-top:20px;border-top:1px solid #ffffff18;align-items:center}.work-replay h3{margin-top:12px}.work-replay p{max-width:460px;font-size:15px;color:#bbb}.work-replay .work-demo{width:100%;margin:0;border:1px solid #ffffff24;border-radius:8px}
.home-journey .arrival-stage,.home-journey .founder-photos{transform-style:preserve-3d;perspective:1300px}
.home-journey .hero-work,.home-journey .hero-portrait,.home-journey .hero-note,.home-journey .founder-photos figure{backface-visibility:hidden}
.home-journey .build-assembly{perspective:1000px;gap:10px;position:relative;max-width:370px;padding:20px 0 30px;margin-bottom:0}
.home-journey .build-assembly:before{content:'';position:absolute;left:23px;top:15px;bottom:25px;width:1px;background:linear-gradient(#9c30ff,#f0b429);opacity:.5}
.home-journey .build-assembly>[data-assembly]{position:relative;min-height:62px;padding:18px 18px 18px 14px;background:linear-gradient(110deg,#211529,#100e13);box-shadow:0 15px 26px #0003;transform:none;z-index:1}
.home-journey .build-assembly>[data-assembly]:last-child{border-color:#f0b42988}.home-journey .week[data-active=true] .week-number{color:var(--accent-warm)}
.week-progress{display:none}.resolution-line{display:flex;align-items:center;gap:12px;max-width:400px;font-size:8px;letter-spacing:.08em;color:#bca4ce;margin:30px 0 0}.resolution-line i{height:1px;background:linear-gradient(90deg,#9c30ff,#f0b429);flex:1;transform-origin:left}.resolution-line strong{color:#f0b429;font-weight:500}
.home-journey .closing-work{mask-image:none;border-color:#9c30ff55;opacity:.5}.home-journey .closing-portrait{mask-image:none;opacity:.65}.home-journey .closing-baseline{color:#d5bded}.home-journey .closing-baseline span:last-child{color:var(--accent-warm)}
html.motion-enabled .home-journey .work-plane,html.motion-enabled .home-journey .work-camera{will-change:transform}
@media(min-width:701px){.work-story .journey-container{width:min(1320px,calc(100% - var(--journey-gutter)*2))}}
@media(min-width:701px) and (max-width:1000px){.work-layout{grid-template-columns:1.2fr 1fr;gap:28px}.work-plane{width:190px}.work-plane>img{height:95px!important}.review-composition{padding:13px;gap:10px}.review-composition img{width:55px;height:68px!important}.review-composition strong{font-size:21px}.plane-label{font-size:7px;padding:9px}.work-beat{padding-left:18px}.work-stage-shell>.eyebrow{font-size:8px}.work-replay{gap:35px}}
@media(max-width:700px){
.work-story{padding-bottom:50px}.work-story-intro{font-size:15px;margin-bottom:15px}.work-layout{display:block}.work-stage-shell{display:none}.work-beat{min-height:0;padding:32px 0 30px;border-left:0}.work-beat:before{display:none}.work-beat h3{font-size:30px!important;max-width:310px}.work-beat p{font-size:14px;max-width:100%}.work-beat>.chapter-number{margin-bottom:13px}
.work-beat .work-mini{display:block;margin-top:25px;height:390px;width:100%;border-radius:12px;background:radial-gradient(ellipse at 50% 55%,#35174766,transparent 65%)}
.work-plane{width:210px;max-width:75%;box-shadow:0 18px 36px #0006}.work-plane>img{height:105px!important}.plane-label{font-size:7px;padding:9px 11px}.plane-caption{font-size:7px;padding:9px 11px}.review-composition{gap:15px;padding:15px}.review-composition img{width:58px;height:72px!important}.review-composition strong{font-size:22px}.specialist-chain{padding:23px 10px}.specialist-chain span{font-size:10px}.work-coordinate{font-size:6px;gap:9px;bottom:12px;left:12px;right:12px}
.work-mini .work-plane{display:none;transform:translate(-50%,-50%)}
.work-mini[data-pose="0"] .plane-context,.work-mini[data-pose="1"] .plane-brief,.work-mini[data-pose="2"] .plane-specialists,.work-mini[data-pose="3"] .plane-review{display:block;transform:translate(-57%,-100%) rotate(-6deg) scale(.84);z-index:1}
.work-mini[data-pose="0"] .plane-brief,.work-mini[data-pose="1"] .plane-specialists,.work-mini[data-pose="2"] .plane-review,.work-mini[data-pose="3"] .plane-output{display:block;transform:translate(-43%,-10%) rotate(3deg);z-index:2}
.work-replay{display:flex;flex-direction:column;gap:25px;margin-top:15px;padding-top:35px}.work-replay>div{width:100%}.work-replay p{font-size:14px}.work-stage-note{font-size:10px!important;color:#988a9f!important;max-width:330px!important}
.home-journey .build-assembly{max-width:calc(100% - 30px);margin-bottom:40px}.home-journey .build-assembly>[data-assembly]{min-height:56px;font-size:9px;padding:15px;gap:18px}.week-progress{display:flex;gap:8px;margin-top:20px}.week-progress i{height:2px;flex:1;background:#ffffff20}.week-progress i.is-built{background:var(--purple-hover)}.week:last-child .week-progress i.is-built{background:var(--accent-warm)}
.home-journey .closing-work{left:-90px;bottom:90px;width:170px}.home-journey .closing-portrait{right:-32px;bottom:78px;width:118px}.home-journey .closing-copy{padding-bottom:85px}.home-journey .closing-copy em{white-space:nowrap}.home-journey .closing-baseline{font-size:5px;gap:8px}.resolution-line{font-size:7px;gap:8px}
}
@media(max-height:600px){.work-theatre{height:350px}.work-beat{min-height:240px}.work-theatre .work-coordinate{bottom:5px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .work-plane,html:not(.motion-enabled) .work-camera{will-change:auto}}
