html[data-motion=on] .studio-hero-track{height:225svh;min-height:1400px}.studio-hero{--hero-transition:0;--hero-copy-out:0;--hero-copy-in:0}.hero-intro{opacity:calc(1 - var(--hero-copy-out));transform:translateY(calc(var(--hero-copy-out) * -52px))}.sculpture-stage{transform:translateX(calc(var(--hero-transition) * -33vw)) scale(calc(1 + var(--hero-transition) * .08));transform-origin:50%}.sculpture-index{display:none}.sculpture-caption{opacity:calc(1 - var(--hero-transition))}.hero-story{z-index:4;width:40%;opacity:var(--hero-copy-in);transform:translateY(calc((1 - var(--hero-copy-in)) * 45px));position:absolute;top:27%;left:55%}.hero-story[hidden]{display:none}.hero-story .studio-label{color:#aab6a3;margin-bottom:30px;font-size:9px}.hero-story h2{letter-spacing:-.07em;margin:0 0 26px;font-size:clamp(52px,5.4vw,86px);font-weight:500;line-height:1.07}.hero-story h2 span{color:var(--orange)}.hero-story>p:not(.studio-label){color:#b3bdac;margin-bottom:25px;font-size:13px;line-height:1.8}.hero-story .studio-button{color:#1e2a20;background:#edf0e6}.hero-chapters{z-index:5;color:#b8c6aa;align-items:center;gap:19px;width:min(430px,100% - 48px);display:none;position:absolute;bottom:94px;right:6%}html[data-motion=on] .hero-chapters{display:flex}.hero-chapter-number{color:#e9eee3;letter-spacing:-.06em;font-size:25px;font-weight:450}.hero-chapters>div{letter-spacing:.035em;text-transform:uppercase;border-bottom:1px solid #d3e2c32b;flex:1;justify-content:space-between;gap:18px;min-width:0;padding-block-start:8px;padding-block-end:15px;font-size:13px;font-weight:500;line-height:1.4;display:flex;position:relative}.hero-chapters>div>span{white-space:nowrap}.hero-chapters i{height:1px;width:calc(var(--hero-progress) * 100%);background:#f47749;position:absolute;bottom:-1px;left:0}.hero-chapters span[data-current=true]{color:#e4eacf}html[data-motion=off] .hero-intro{opacity:1;transform:none}html[data-motion=off] .sculpture-stage{transform:none}html[data-motion=off] .hero-story{display:none}html[data-motion=on] .exhibit-track{--cutaway-tilt:0;--cutaway-lift:0;--cutaway-orbit:0;height:180svh;min-height:1120px}.exhibit-track{--cutaway-tilt:1;--cutaway-lift:1;--cutaway-orbit:1}.exhibit-copy{width:33%;top:18%}.architecture-stage{perspective:1300px;z-index:2;width:61%;height:80%;position:absolute;top:10%;left:39%}.architecture-glow{background:radial-gradient(#ffffff96,#0000 65%);position:absolute;top:0;bottom:0;left:-5%;right:-5%}.architecture-floor{background:radial-gradient(#294b4925,#0000 67%);border-radius:50%;height:28%;position:absolute;top:63%;left:4%;right:1%;transform:rotateX(65deg)}.app-stack{--tilt:var(--cutaway-tilt);--lift:var(--cutaway-lift);--depth:145px;width:min(18vw,47svh - 108.1px,280px);transform-style:preserve-3d;transform:translate(-50%, calc(-50% + var(--lift) * 5px)) rotateX(calc(var(--tilt) * 52deg)) rotateY(calc(var(--tilt) * -12deg + var(--cutaway-orbit) * 9deg)) rotateZ(calc(var(--tilt) * -26deg - var(--cutaway-orbit) * 6deg));position:absolute;top:49%;left:50%}[data-project-view=app] .app-stack{--tilt:0;--lift:0;--cutaway-orbit:0}.app-frame{transform:translateZ(calc(20px + var(--lift) * var(--depth)));transform-style:preserve-3d;background:linear-gradient(125deg,#e6ecec,#35433f 14%,#a4b4b1 45%,#26322e 72%,#becbc6);border:1px solid #c3cecd;border-radius:25px;padding:6px;position:relative;box-shadow:-2px 3px #34413d,-4px 6px #8e9b95,0 10px 15px #24403e22}.app-display{background:#111716;border-radius:18px;position:relative;overflow:hidden}.app-display img{width:100%;height:auto;display:block}.frame-button{background:linear-gradient(#eaf4ef,#4d5d56);border-radius:3px;width:3px;height:32px;position:absolute;top:24%;right:-3px}.screen-tag{letter-spacing:.09em;color:#294b48;width:110px;opacity:var(--lift);transform-origin:0 0;font-size:7px;position:absolute;top:12px;left:calc(100% + 15px);transform:rotate(90deg)}.stack-sheet{color:#356e70;transform-style:preserve-3d;border:1px solid #fff;border-radius:25px;padding:15px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:-2px 3px #c5dad5,-4px 6px #86a9a2,0 18px 25px #244a4820}.logic-sheet{transform:translateZ(calc(-8px + var(--lift) * var(--depth) * .03));background:linear-gradient(145deg,#f6fffcbe,#cceee29e)}.services-sheet{transform:translateZ(calc(-24px + var(--lift) * var(--depth) * -.72));background:linear-gradient(145deg,#e4f4ec,#9ac0bb)}.sheet-top{letter-spacing:.08em;border-bottom:1px solid #4e9b952f;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:7px;font-weight:650;display:flex}.sheet-top b{font-size:17px}.sheet-footer{color:#35665f;border-top:1px solid #599e9433;padding-top:12px;font-size:7px;position:absolute;bottom:15px;left:15px;right:15px}.sheet-footer i{background:#3f8d76;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.circuit-traces{opacity:.5;width:84%;height:80%;position:absolute;top:10%;bottom:10%;left:8%;right:8%}.backend-core{aspect-ratio:1;color:#ddf5e9;background:linear-gradient(145deg,#305f58,#193d38);border:1px solid #97c5b6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:43%;display:flex;position:absolute;top:47%;left:28.5%;transform:translateZ(10px);box-shadow:-2px 3px #9cbeb0,-5px 6px #4c8270,0 12px 14px #244c3c32}.backend-core span{letter-spacing:.1em;font-size:5px}.backend-core b{letter-spacing:-.05em;margin-block-start:6px;margin-block-end:6px;font-size:25px;font-weight:500}.backend-core i{background:var(--project-accent);width:25px;height:2px}.backend-nodes{gap:7px;display:flex;position:absolute;top:77%;left:13%;right:13%}.backend-nodes span{text-align:center;background:#b7d6c8;border:1px solid #effff4;border-radius:6px;flex:1;padding:9px 4px;font-size:6px;box-shadow:0 3px #6d9b8b}.backend-nodes i{background:#5c9183;width:12px;height:3px;margin:6px auto 0;display:block}.logic-map{width:84%;height:76%;position:absolute;top:10%;left:8%}.logic-map svg{opacity:.65;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.logic-node{z-index:1;aspect-ratio:1;letter-spacing:.1em;background:linear-gradient(135deg,#fafff8,#cce5d9);border:1px solid #fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:36%;font-size:6px;display:flex;position:absolute;transform:translateZ(7px);box-shadow:-2px 3px #87b5a4,0 8px 12px #386b531b}.logic-node i{margin-bottom:6px;font-size:23px;font-style:normal;display:block}.node-input{top:7%;left:45%}.node-state{top:37%;left:8%}.node-view{bottom:3%;right:7%}.stack-post{width:1px;height:calc(var(--lift) * (var(--depth) * 1.72 + 44px));transform-origin:top;transform:translateZ(calc(20px + var(--lift) * var(--depth))) rotateX(-90deg);opacity:var(--lift);background:linear-gradient(#739e9aaa,#bedfd680,#43796fcc);position:absolute;top:88%}.post-one{left:12%}.post-two{right:12%}.layer-key{gap:13px;margin:27px 0 0;padding:0;list-style:none;display:grid}.layer-key li{align-items:center;gap:12px;font-size:10px;font-weight:650;display:flex}.layer-key li>span{border:1px solid #637e7c55;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;transition:background-color .2s,color .2s;display:grid}.layer-key li[data-current=true]>span{color:#f4f8f0;background:#244c43;border-color:#244c43}.layer-key small{color:#526b6a;margin-top:4px;font-size:8px;font-weight:400;display:block}.exhibit-finance .stack-sheet{color:#617c3a}.exhibit-finance .services-sheet{background:linear-gradient(145deg,#f0f4d7,#bfc999)}.exhibit-finance .logic-sheet{background:linear-gradient(145deg,#ffffeff5,#e5ebbec2)}.exhibit-finance .backend-core{background:linear-gradient(145deg,#556d35,#304922)}.exhibit-finance .backend-nodes span,.exhibit-finance .logic-node{background:linear-gradient(145deg,#fbffe1,#c4d4a1)}.exhibit-signal .architecture-glow{background:radial-gradient(#768c9535,#0000 65%)}.exhibit-signal .stack-sheet{color:#b6bad5;border-color:#bec8e47d;box-shadow:-2px 3px #576776,-4px 6px #405561,0 18px 25px #090e1d36}.exhibit-signal .logic-sheet{background:linear-gradient(145deg,#6b7482af,#425d669c)}.exhibit-signal .services-sheet{background:linear-gradient(145deg,#576879,#2c414e)}.exhibit-signal .backend-core{background:linear-gradient(145deg,#999abf,#565b7f);border-color:#bdc2db}.exhibit-signal .backend-nodes span,.exhibit-signal .logic-node{color:#e2e9f1;background:linear-gradient(145deg,#7d8a9d,#3f566a);border-color:#a5b4c8;box-shadow:-2px 3px #2d3f55}.exhibit-signal .layer-key li[data-current=true]>span{color:#202938;background:#c2c9e1}@media (min-width:640px) and (max-width:1100px){.app-stack{--depth:115px;width:clamp(162px,19vw,210px)}.hero-story{width:43%;left:53%}.hero-story h2{font-size:6vw}.hero-story .studio-label{font-size:7px}.hero-story>p:not(.studio-label){font-size:11px}}@media (min-width:640px) and (max-width:820px){.app-stack{--depth:100px;width:162px;left:48%}.exhibit-copy{top:20%}.exhibit-copy h3{font-size:31px}.hero-story{width:48%;top:24%;left:47%}.hero-story h2{font-size:6.2vw}.sculpture-stage{transform:translate(calc(var(--hero-transition) * -41vw), calc(var(--hero-transition) * -3vh)) scale(calc(1 - var(--hero-transition) * .04))}.hero-chapters{width:min(430px,100% - 48px)}}@media (max-width:639px){html[data-motion=on] .studio-hero-track{height:200svh;min-height:1560px}.sculpture-stage{height:45%;transform:translateY(calc(var(--hero-transition) * -6svh)) scale(calc(1 + var(--hero-transition) * .09));top:48%}.sculpture-caption{display:none}.hero-story{width:calc(100% - 48px);top:123px;left:24px}.hero-story .studio-label{margin-bottom:20px;font-size:7px}.hero-story h2{margin-bottom:17px;font-size:clamp(40px,11vw,63px)}.hero-story>p:not(.studio-label){margin-bottom:17px;font-size:11px;line-height:1.6}.hero-story .studio-button{min-height:41px;font-size:9px}.hero-chapters{gap:12px;width:auto;bottom:65px;left:24px;right:24px}.hero-chapter-number{font-size:20px}.hero-chapters>div{letter-spacing:0;text-transform:none;gap:8px;padding-block-start:6px;padding-block-end:12px;font-size:12px}.hero-specialties{margin-top:17px}html[data-motion=on] .exhibit-track{height:165svh;min-height:1280px}.exhibit-stage{min-height:830px}.exhibit-copy{width:calc(100% - 48px);top:90px}.architecture-stage{perspective:1000px;width:100%;height:46%;top:43%;left:0}.app-stack{--depth:95px;width:clamp(144px,41vw,205px);transform:translate(-50%, calc(-50% + var(--lift) * 25px)) rotateX(calc(var(--tilt) * 51deg)) rotateY(calc(var(--tilt) * -10deg)) rotateZ(calc(var(--tilt) * -24deg));top:46%;left:50%}.app-frame{border-radius:20px;padding:5px}.app-display{border-radius:14px}.stack-sheet{border-radius:20px;padding:11px}.sheet-top{padding-bottom:9px;font-size:5px}.sheet-top b{font-size:13px}.sheet-footer{padding-top:9px;font-size:5px;bottom:12px;left:11px;right:11px}.backend-core{border-radius:8px}.backend-core b{font-size:19px}.backend-core span{font-size:4px}.backend-nodes{gap:5px}.backend-nodes span{padding:7px 3px;font-size:4px}.logic-node{border-radius:8px;font-size:4px}.logic-node i{margin-bottom:4px;font-size:17px}.screen-tag{font-size:5px;left:calc(100% + 10px)}.layer-key{gap:13px;margin-top:22px;display:flex}.layer-key li{flex:1;align-items:start;gap:6px;font-size:7px;line-height:1.5}.layer-key li>span{flex-shrink:0;width:19px;height:19px;font-size:7px}.layer-key small{display:none}}@media (max-width:359px){.app-stack{--depth:85px;width:140px}.hero-story{top:114px}.hero-story h2{font-size:39px}}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .view-changing .app-stack,html[data-motion=on] .view-changing .app-frame,html[data-motion=on] .view-changing .stack-sheet{transition:transform .6s cubic-bezier(.2,.7,.2,1)}}.exhibit-signal .exhibit-copy>p,.exhibit-signal .layer-key small,.exhibit-signal .sheet-footer,.exhibit-signal .screen-tag{color:#bac8d3}