.pw{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--lime: var(--spectre, #C2F24A);--bw: min(46vw, 640px);--bx: calc(50% - var(--bw) * .5 + 1vw);--cy: calc(100% - 232px) ;--ph: min(11vw, 150px)}.pw--doors{--bw: min(58%, 520px);--bx: calc(50% - var(--bw) * .5 + 4%);--cy: 50%;--ph: 104px}.pw--doors .pw__notes{left:2.5%}.pw--doors .pw__crew{inset:auto 1% 2% auto;width:min(12%,112px);transform:none}.pw__blueprint{position:absolute;inset:0;opacity:.35;background:linear-gradient(to right,color-mix(in srgb,var(--lime) 9%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--lime) 9%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 70% at 60% 50%,#000,transparent 85%);-webkit-mask-image:radial-gradient(70% 70% at 60% 50%,#000,transparent 85%);transition:opacity .8s ease}.pw[data-stage="2"] .pw__blueprint{opacity:.12}.pw__floor{position:absolute;left:0;right:0;bottom:0;height:40%;background:radial-gradient(60% 80% at 62% 100%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 70%)}.pw__build{position:absolute;left:var(--bx);top:var(--cy);width:var(--bw);aspect-ratio:16 / 10.4;transform:translateY(-50%) scale(.92);border-radius:12px;overflow:hidden;background:#0a0c10;border:1px dashed rgba(255,255,255,.22);opacity:.55;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease,border .8s ease,box-shadow 1s ease}.pw[data-stage="1"] .pw__build{opacity:1;transform:translateY(-50%) scale(1);border-style:solid;border-color:#ffffff1f}.pw[data-stage="2"] .pw__build{opacity:1;transform:translate(-6%,-50%) scale(1.02);border-color:color-mix(in srgb,var(--lime) 50%,transparent);box-shadow:0 60px 140px -50px #000000f2,0 0 0 1px color-mix(in srgb,var(--lime) 30%,transparent),0 0 90px -20px color-mix(in srgb,var(--lime) 30%,transparent)}.pw__chrome{position:absolute;inset:0 0 auto;z-index:3;height:var(--chrome-h);display:flex;align-items:center;gap:var(--chrome-gap);padding:0 var(--chrome-pad);background:var(--chrome-ink);border-bottom:1px solid var(--chrome-rule);transition:background .8s ease}.pw__chrome i{width:8px;height:8px;border-radius:50%;background:#ffffff24}.pw__url{margin-left:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#f1f4f080}.pw__lock{width:7px;height:8px;border:1.2px solid var(--lime);border-radius:2px;opacity:0;transition:opacity .5s ease}.pw__stamp{margin-left:auto;font:800 8px Archivo,sans-serif;letter-spacing:.2em;color:#10140a;background:#ff8a3d;padding:3px 7px;border-radius:3px;rotate:-6deg;opacity:0;scale:1.5;transition:opacity .25s ease,scale .3s ease;font-style:normal}.pw__page{position:absolute;inset:30px 0 0;padding:3.5% 4%;display:grid;gap:2.5%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:9% 44% 24% 9%;grid-template-areas:"nav nav nav" "hero hero photo" "cards cards cards" "foot foot foot";background:#0a0c10;color:#f1f4f0;transition:background 1s ease,color 1s ease}.pw__mod{position:relative;border-radius:6px;border:1px dashed rgba(255,255,255,.18);background:#ffffff08;opacity:.35;transform:translateY(6px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1),border-color .6s ease,background .6s ease;overflow:hidden}.pw__mod--nav{grid-area:nav;display:flex;align-items:center;gap:10px;padding:0 10px;font:700 10px Archivo,sans-serif}.pw__mod--nav i{font:500 8px Geist,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-style:normal}.pw__mod--nav i:first-of-type{margin-left:auto}.pw__mod--hero{grid-area:hero;padding:9% 8%;display:flex;flex-direction:column;justify-content:center;gap:6%}.pw__kick{font:600 8px Geist,sans-serif;letter-spacing:.16em;text-transform:uppercase}.pw__h1{font:800 clamp(12px,1.72vw,25px)/1.04 "Archivo",sans-serif;font-stretch:114%;letter-spacing:-.02em;max-width:100%;overflow-wrap:break-word;text-wrap:balance}.pw__cta{align-self:flex-start;margin-top:2%;padding:5px 10px;border-radius:4px;font:700 8px Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;transition:background .6s ease,color .6s ease,box-shadow .6s ease}.pw__mod--photo{grid-area:photo}.pw__plate{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.05) 8px 9px)}.pw__plate:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background:url(/work-builds/volta-room.webp) center / cover}.pw__mod--cards{grid-area:cards;padding:5% 4% 4%;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.pw__mod--cards i{border-radius:4px;border:1px solid rgba(255,255,255,.1);padding:6px 8px;font:600 clamp(8px,.75vw,10px) "Archivo",sans-serif;font-style:normal;transition:border-color .6s ease,background .6s ease}.pw__mod--foot{grid-area:foot;display:flex;align-items:center;gap:7px;padding:0 8px;font:500 max(8px,.62vw) "Geist",sans-serif;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;overflow:hidden}.pw__mod--foot i{font-style:normal}.pw__w{position:relative;color:transparent;white-space:nowrap;transition:color .5s ease}.pw__w:before{content:"";position:absolute;left:0;top:30%;height:40%;width:100%;border-radius:3px;background:#ffffff29;transition:opacity .5s ease,transform .6s ease;transform-origin:right}.pw__path{position:absolute;left:6%;right:6%;top:34%;height:30%;color:var(--lime);opacity:0;transition:opacity .5s ease}.pw__path svg{width:100%;height:100%;overflow:visible}.pw__path path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.2s ease;filter:drop-shadow(0 0 4px currentColor)}.pw__scaffold{position:absolute;inset:30px 0 0;pointer-events:none;opacity:0;transition:opacity .6s ease;background:linear-gradient(to right,color-mix(in srgb,var(--lime) 22%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--lime) 22%,transparent) 1px,transparent 1px);background-size:8.33% 12.5%}.pw__notes{position:absolute;left:calc(var(--bx) - min(23vw,250px));top:calc(var(--cy) - 30px);width:min(21vw,228px);transform:translateY(-50%);display:grid;gap:5px;align-content:center}.pw__note{position:relative;left:0;display:grid;gap:2px;padding:7px 10px;border-radius:6px;background:#1d222a;border:1px solid rgba(255,255,255,.2);color:#fff;font:700 10px Archivo,sans-serif;opacity:0;white-space:normal;box-shadow:0 20px 40px -20px #000000f2;transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.pw__note i{font:500 9px Geist,sans-serif;color:#ffffffa8;font-style:normal}.pw__note--tier b{color:var(--lime)}.pw[data-stage="0"] .pw__note{opacity:min(1,max(0,var(--t) * 5 - var(--i) * .55));transform:translate(calc(-30px + min(1,max(0,var(--t) * 5 - var(--i) * .55))*30px))}.pw__note--decision{border-color:color-mix(in srgb,var(--lime) 70%,transparent);background:#10140a}.pw__note--decision b{color:var(--lime)}.pw__note--decision i{color:#ffffffdb}.pw[data-stage="1"] .pw__note{opacity:0;transform:translate(10vw) scale(.6)}.pw[data-stage="2"] .pw__note{opacity:0}.pw[data-stage="0"] .pw__scaffold{opacity:.35}.pw[data-stage="1"] .pw__mod{transition:none;border-style:solid;--k: min(1, max(0, var(--t) * 2.6 - var(--d))) ;opacity:calc(.35 + var(--k) * .65)}.pw[data-stage="1"] .pw__mod--nav{--d: 0;transform:translateY(calc((1 - var(--k)) * -60px))}.pw[data-stage="1"] .pw__mod--hero{--d: .25;transform:translate(calc((1 - var(--k)) * -80px))}.pw[data-stage="1"] .pw__mod--photo{--d: .5;transform:translate(calc((1 - var(--k)) * 90px))}.pw[data-stage="1"] .pw__mod--cards{--d: .75;transform:translateY(calc((1 - var(--k)) * 70px))}.pw[data-stage="1"] .pw__mod--foot{--d: 1;transform:translateY(calc((1 - var(--k)) * 40px))}.pw[data-stage="2"] .pw__mod{opacity:1;transform:none;border-style:solid}.pw[data-stage="1"] .pw__w,.pw[data-stage="2"] .pw__w{color:#f1f4f0}.pw[data-stage="1"] .pw__w:before,.pw[data-stage="2"] .pw__w:before{opacity:0;transform:scaleX(0)}.pw[data-stage="1"] .pw__scaffold{opacity:calc(.8 - (min(1,var(--t) * 1.4)*.8))}.pw[data-stage="1"] .pw__plate:after,.pw[data-stage="2"] .pw__plate:after{opacity:1}.pw[data-stage="1"] .pw__path{opacity:min(1,max(0,var(--t) - .35) * 3)}.pw[data-stage="1"] .pw__path path{stroke-dashoffset:calc(100 - min(100,max(0,var(--t) - .35) * 200))}.pw[data-stage="1"] .pw__stamp{opacity:min(1,max(0,var(--t) - .7) * 6);scale:calc(1.5 - (min(1,max(0,var(--t) - .7) * 6)/2))}.pw[data-stage="1"] .pw__page{background:#f4ede1;color:#171512}.pw[data-stage="1"] .pw__w,.pw[data-stage="2"] .pw__w{color:#171512}.pw[data-stage="1"] .pw__mod,.pw[data-stage="2"] .pw__mod{border-color:#17151224;background:#17151208}.pw[data-stage="1"] .pw__mod--cards i,.pw[data-stage="2"] .pw__mod--cards i{border-color:#17151229;background:#fffdf8}.pw[data-stage="1"] .pw__cta,.pw[data-stage="2"] .pw__cta{background:#171512;color:#f4ede1}.pw[data-stage="1"] .pw__chrome,.pw[data-stage="2"] .pw__chrome{background:#ece5d8}.pw[data-stage="1"] .pw__url,.pw[data-stage="2"] .pw__url{color:#17151299}.pw[data-stage="2"] .pw__page{background:#f4ede1;color:#171512}.pw[data-stage="2"] .pw__mod{border-color:transparent;background:transparent}.pw[data-stage="2"] .pw__cta{background:var(--lime);color:#10140a;box-shadow:0 8px 22px -8px color-mix(in srgb,var(--lime) 70%,transparent)}.pw[data-stage="2"] .pw__path,.pw[data-stage="2"] .pw__stamp{opacity:0}.pw[data-stage="2"] .pw__scaffold{opacity:calc(.5 - (min(1,var(--t) * 2)/2));transform:translateY(calc(min(1,var(--t) * 2)*40px))}.pw[data-stage="2"] .pw__build{box-shadow:0 60px 120px -50px #000000e6,0 0 0 1px color-mix(in srgb,var(--lime) calc(min(1,var(--t) * 2)*50%),transparent)}.pw[data-stage="2"] .pw__blueprint{opacity:calc(.35 - (min(1,var(--t) * 1.5)*.3))}.pw[data-stage="2"] .pw__lock{opacity:1}.pw__phone{position:absolute;left:calc(var(--bx) + var(--bw) + 16px);top:calc(var(--cy) - var(--ph) * .5);width:var(--ph);aspect-ratio:9 / 18.6;box-sizing:border-box;border-radius:calc(var(--ph) * .16);background:linear-gradient(160deg,#2a2e35,#0e1114);padding:calc(var(--ph) * .045);box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #0009,0 50px 80px -30px #000000f2,0 18px 30px -18px #000000e6;opacity:0;transform:translate(60px,-6%);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .5s ease;color:#171512;font-family:Archivo,sans-serif;z-index:4}.pw__phone-sensor{position:absolute;left:50%;top:calc(var(--ph) * .03);width:calc(var(--ph) * .22);height:calc(var(--ph) * .045);border-radius:100px;background:#050607;translate:-50% 0;z-index:2}.pw__phone-screen{position:absolute;inset:calc(var(--ph) * .045);border-radius:calc(var(--ph) * .12);background:#f4ede1;overflow:hidden;padding:calc(var(--ph) * .11) 5% 5%;display:grid;grid-template-rows:auto auto auto auto;gap:3.5%;align-content:start}.pw__phone-nav{display:flex;align-items:center;justify-content:space-between}.pw__phone-nav b{font:800 calc(var(--ph) * .06) "Archivo",sans-serif;letter-spacing:.02em}.pw__phone-nav i{width:calc(var(--ph) * .12);height:2px;background:#171512;box-shadow:0 4px #171512,0 -4px #171512}.pw__phone-hero{display:grid;gap:5%;align-content:start}.pw__phone-kick{font:600 calc(var(--ph) * .045) "Geist",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#17151299}.pw__phone-h1{font:800 calc(var(--ph) * .085) "Archivo",sans-serif;font-stretch:114%;line-height:1;letter-spacing:-.02em}.pw__phone-photo{aspect-ratio:16 / 9;border-radius:4px;background:url(/work-builds/volta-room.webp) center / cover}.pw__phone-cta{justify-self:start;padding:5% 8%;border-radius:3px;font:700 calc(var(--ph) * .05) "Archivo",sans-serif;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:#10140a}.pw__phone-services{display:grid;gap:4%}.pw__phone-services i{display:block;padding:4% 6%;border-radius:3px;border:1px solid rgba(23,21,18,.16);background:#fffdf8;font:600 calc(var(--ph) * .048) "Archivo",sans-serif;font-style:normal}.pw__phone-foot{display:flex;gap:6%;padding-top:4%;border-top:1px solid rgba(23,21,18,.14)}.pw__phone-foot i{font:500 calc(var(--ph) * .04) "Geist",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#17151299;font-style:normal}.pw[data-stage="2"] .pw__phone{opacity:1;transform:translate(calc(-10px + (1 - min(1,var(--t) * 1.6))*60px),-6%)}.pw__live{position:absolute;left:var(--bx);top:calc(var(--cy) + var(--bw) * .34 + 22px);display:inline-flex;align-items:center;gap:8px;margin:0;font:700 10px Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);opacity:0;transition:opacity .6s ease .2s}.pw__live em{margin-left:8px;font:500 9px Geist,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f1f4f08c;font-style:normal}.pw__live i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 2px color-mix(in srgb,var(--lime) 60%,transparent)}.pw[data-stage="2"] .pw__live{opacity:min(1,max(0,var(--t) - .3) * 3)}.pw__crew{position:absolute;left:calc(var(--bx) - min(15vw,220px));top:var(--cy);width:min(13vw,190px);aspect-ratio:1;transform:translateY(-10%)}.pw__ghost{position:absolute;left:0;bottom:0;width:100%;height:auto;opacity:0;transform:translateY(12px) scale(.94);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}.pw[data-stage="0"] .pw__ghost--scout,.pw[data-stage="1"] .pw__ghost--forge,.pw[data-stage="2"] .pw__ghost--closer{opacity:1;transform:none}.pw__ghost--scout{filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(47,107,255,.4))}.pw__ghost--forge{filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(25,211,218,.4))}.pw__ghost--closer{filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(171,173,179,.4))}@media (prefers-reduced-motion: no-preference){.pw__ghost{animation:pwHover 6.4s ease-in-out infinite alternate}@keyframes pwHover{0%{translate:0 0}to{translate:0 -6px}}}@media (max-width: 1100px){.pw{--bw: min(52vw, 560px);--cy: calc(100% - 230px) ;--ph: min(12vw, 120px)}}.pw:is(.pw--doors,.pw--reading){--bw: 70%;--bx: 16%;--cy: 46%;--ph: clamp(54px, 8vw, 100px)}.pw:is(.pw--doors,.pw--reading)[data-stage="0"]{--bw: 48%;--bx: 49%}.pw:is(.pw--doors,.pw--reading) .pw__notes{left:3%;top:4%;width:42%;gap:3px;transform:none}.pw:is(.pw--doors,.pw--reading) .pw__note{font-size:9px;line-height:1.15;padding:4px 7px}.pw:is(.pw--doors,.pw--reading) .pw__note i{font-size:8px;line-height:1.2}.pw:is(.pw--doors,.pw--reading) .pw__crew{inset:auto auto 2% 2%;width:20%;transform:none}.pw:is(.pw--doors,.pw--reading)[data-stage="0"] .pw__crew{left:auto;right:2%}.pw:is(.pw--doors,.pw--reading) .pw__ghost{animation:none;transition:transform .3s ease}.pw:is(.pw--doors,.pw--reading) .pw__phone{left:78%;top:42%}.pw:is(.pw--doors,.pw--reading) .pw__live{inset:auto 3% 5% 24%;font-size:8px;letter-spacing:.06em;flex-wrap:wrap}.pw:is(.pw--doors,.pw--reading) .pw__live em{margin-left:0;font-size:8px}@media (prefers-reduced-motion: reduce){.pw *{transition:none!important;animation:none!important}}