/* Real geometry above; a coded CSS composition if Canvas2D is unavailable. */
.about-workchapter{background:#0e1013;color:#eee9e1}
.workscene{--work-header:88px;--work-progress:0;--explode:0;--fallback-turn:0deg;--fallback-tilt:0deg;--fallback-scale:1;--pointer-x:0;--pointer-y:0;position:relative;background:#0e1013}
.workstage{position:relative;isolation:isolate;overflow:hidden;height:min(790px,65vw);min-height:510px;background:#0e1013;touch-action:pan-y}
.workscene.is-work-active{height:340svh}.is-work-active .workstage{position:sticky;top:var(--work-header);height:calc(100svh - var(--work-header));min-height:0}
.work-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.has-studio-engine .work-canvas{opacity:1}
.work-fallback{position:absolute;inset:0;display:grid;place-items:center;perspective:1400px;background:radial-gradient(ellipse at 50% 45%,#34373f 0,transparent 67%)}.has-studio-engine .work-fallback{visibility:hidden}
.fallback-rig{position:relative;width:min(64vw,780px);height:min(36vw,440px);transform-style:preserve-3d;transform:rotateX(var(--fallback-tilt)) rotateY(var(--fallback-turn)) scale(var(--fallback-scale))}
.fallback-device,.fallback-layer{position:absolute;inset:0;border-radius:12px;border:2px solid #969ea7;box-shadow:0 0 0 5px #292d35,0 0 0 8px #888c95,18px 23px 45px #0009;background:#111318;transform-style:preserve-3d}
.fallback-device:after{content:"";position:absolute;width:23%;height:8px;bottom:-42px;left:39%;background:linear-gradient(90deg,#393d45,#d1d6da,#40454d);box-shadow:0 -20px 0 -1px #6d7279}
.fallback-nav{height:17%;padding:4% 5%;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;font:11px var(--mono);letter-spacing:.04em}
.fallback-design{height:83%;display:flex;align-items:center;justify-content:space-between;padding:5%;overflow:hidden}.fallback-design strong{font:650 clamp(28px,5.6vw,80px)/.9 var(--display);letter-spacing:-.02em}.fallback-design em{color:#ff6038;font-style:normal}.fallback-design svg{width:35%;height:100%;fill:none;stroke:#ff7049;stroke-width:1.5}
.fallback-layer{background:#0b1018aa;box-shadow:none;border:1px solid #f27c514f;opacity:calc(var(--explode)*.85);pointer-events:none;display:grid;place-items:center;font:650 5vw var(--display);letter-spacing:-.02em;backdrop-filter:blur(2px)}
.fallback-layer-one{transform:translate3d(calc(var(--explode)*-80px),calc(var(--explode)*-15px),calc(var(--explode)*150px));background:repeating-linear-gradient(90deg,transparent 0 9.8%,#ff603844 9.8% 10%)}
.fallback-layer-two{transform:translate3d(calc(var(--explode)*75px),calc(var(--explode)*-25px),calc(var(--explode)*300px));color:#ff7049}.fallback-layer-three{transform:translate3d(calc(var(--explode)*120px),calc(var(--explode)*30px),calc(var(--explode)*450px));background:transparent;border-color:#dce7f780}
.work-scene-top{position:absolute;top:26px;left:0;right:0;z-index:7;display:flex;justify-content:space-between;gap:24px;font:12px/1.6 var(--mono);letter-spacing:.04em;color:#eee8ef;text-shadow:0 1px 8px #000;pointer-events:none}.work-scene-top>span:last-child{color:#a7abb5}
.work-scene-rail{position:absolute;bottom:23px;left:0;right:0;z-index:7;display:flex;align-items:end;justify-content:space-between;gap:24px;font:12px/1.5 var(--mono);letter-spacing:.025em;color:#eee5ee;text-shadow:0 1px 8px #000}
.work-scene-rail>span:first-child{display:flex;gap:16px}.work-scene-rail b{color:#ff8a64;font-weight:400}.work-scene-rail>a{min-height:36px;display:flex;align-items:center;text-align:right;border-bottom:1px solid #ffffff55}
.work-scroll-cue{display:none;color:#a7abb5}.is-work-active .work-scroll-cue{display:block}
.work-progress{position:absolute;left:0;right:0;bottom:0;z-index:8;height:3px;background:#ffffff19}.work-progress i{display:block;background:#ff6038;width:100%;height:100%;transform:scaleX(var(--work-progress));transform-origin:left}
.work-origin-copy{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:100px 110px;background:#eee9e1;color:#211b22}.work-origin-copy h2{font:650 clamp(58px,7.2vw,116px)/.94 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0}.work-origin-copy h2 em{color:#b73e22}.work-origin-copy>div:last-child{align-self:center}.work-origin-copy p:not(.about-kicker){font-size:19px;line-height:1.75;margin:0 0 25px;max-width:540px}.work-origin-copy .about-text-link{margin-top:12px}.work-origin-copy .about-kicker{color:#5a4b4b}
@media(min-width:761px) and (max-height:650px){.work-scene-top{top:18px}.work-scene-rail{bottom:17px}}
@media(max-width:760px){
 .workscene{--work-header:72px}.workstage{height:520px;min-height:0}.workscene.is-work-active{height:320svh}
 .work-scene-top{top:20px;font-size:12px;letter-spacing:0}.work-scene-top>span:last-child{display:none}
 .work-scene-rail{bottom:18px;gap:20px;font-size:11px;letter-spacing:0}.work-scene-rail>span:first-child{flex-direction:column;gap:3px}.work-scene-rail>a{max-width:104px;font-size:11px}.work-scroll-cue{display:none!important}
 .fallback-rig{width:79vw;height:57vw}.fallback-nav{font-size:7px;padding:4%}.fallback-design strong{font-size:8.5vw}.fallback-layer{font-size:9vw}
 .work-origin-copy{grid-template-columns:1fr;gap:32px;padding-block:65px}.work-origin-copy h2{font-size:clamp(55px,15vw,80px)}.work-origin-copy p:not(.about-kicker){font-size:17px;margin-bottom:23px}.work-origin-copy .about-kicker{font-size:12px}
}
@media(max-width:1000px) and (max-height:500px){.workscene.is-work-active{height:auto}.is-work-active .workstage{position:relative;top:0;min-height:520px;height:520px}}
html[data-motion=off] .workscene{height:auto!important}html[data-motion=off] .workstage{position:relative!important;top:0!important}
@media(prefers-reduced-motion:reduce){.workscene.is-work-active{height:auto}.is-work-active .workstage{position:relative;top:0;min-height:510px}.fallback-rig{transform:none}}