:root{--coral:#FF6B4A;--apricot:#FFB088;--violet:#7B5EA7;--cream:#FFF5EC;--blush:#FFE8DB;--plum:#3D2C4E;--plum2:#5A3F6E;--gold:#D4A853;--tan:#F5E6C8;--brown:#A07830;--white:#FFFFFF;--sim-speed:4s;--sim-density:1;--sim-glow:1}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--plum);font-family:"Nunito",Inter,sans-serif;font-feature-settings:'liga' 1,'calt' 1}body{background:radial-gradient(circle at 15% 25%,rgba(255,176,136,.44),transparent 32%),radial-gradient(circle at 80% 70%,rgba(123,94,167,.26),transparent 34%),linear-gradient(135deg,var(--cream),var(--blush))}.ambient-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,rgba(255,107,74,.28) 1px,transparent 1px),linear-gradient(rgba(123,94,167,.18) 1px,transparent 1px),radial-gradient(circle,rgba(255,107,74,.34) 2px,transparent 3px);background-size:64px 64px,64px 64px,128px 128px;z-index:0}.panorama{position:relative;z-index:1;display:flex;flex-direction:row;width:700vw;height:100vh;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.panel{position:relative;width:100vw;height:100vh;flex:0 0 100vw;overflow:hidden;padding:clamp(22px,4vw,58px);background:linear-gradient(135deg,rgba(255,245,236,.88),rgba(255,232,219,.92))}.panel:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,107,74,.08) 31px 33px),radial-gradient(circle at 30% 40%,rgba(212,168,83,.24),transparent 28%),radial-gradient(circle at 75% 20%,rgba(123,94,167,.18),transparent 28%)}.panel.active:before{opacity:.15}.glass{background:linear-gradient(135deg,rgba(255,245,236,.35) 0%,rgba(255,176,136,.15) 100%);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid rgba(255,255,255,.35);border-radius:20px;box-shadow:0 8px 32px rgba(61,44,78,.12),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .35s ease,box-shadow .35s ease}.glass:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(61,44,78,.18),inset 0 1px 0 rgba(255,255,255,.55)}h1,h2{font-family:"Quicksand",Space,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}h1{font-size:clamp(3rem,9vw,7.5rem);line-height:.9;color:var(--plum);text-shadow:0 0 26px rgba(255,176,136,.8)}h2{font-size:clamp(2.4rem,6vw,5.5rem);line-height:.95}h3,.hero-copy{font-family:"Baloo 2",Inter,sans-serif}.hero-copy{font-size:clamp(1.25rem,2vw,2rem);line-height:1.18;max-width:820px}p{font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.68}.tech-label,.stat-card span,.control-labels,.led,.viewport-label{font-family:"Space Mono",monospace;font-size:.85rem;letter-spacing:.06em}.reveal{opacity:0;transform:scale(.85) translateY(12px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1.2,.34,1)}.panel.active .reveal{opacity:1;transform:scale(1) translate(0,0) rotate(var(--r,0deg))}.panel.active .reveal:nth-of-type(2){transition-delay:.08s}.panel.active .reveal:nth-of-type(3){transition-delay:.16s}.panel.active .reveal:nth-of-type(4){transition-delay:.24s}.panel.active .reveal:nth-of-type(5){transition-delay:.32s}.panel.active .reveal:nth-of-type(6){transition-delay:.4s}.from-top{transform:translateY(-80px) scale(.85)}.from-bottom{transform:translateY(80px) scale(.85)}.from-left{transform:translateX(-80px) scale(.85)}.from-right{transform:translateX(80px) scale(.85)}.circuit-map{position:absolute;inset:4% 0 0 0;width:100%;height:88%;fill:none;stroke:var(--coral);stroke-width:3;opacity:.36}.circuit-map circle{fill:var(--apricot);stroke:var(--violet)}.hero-card{position:absolute;left:50%;top:50%;width:min(78vw,980px);padding:clamp(30px,5vw,64px);transform:translate(-50%,-50%) scale(.85)!important;text-align:center;background:rgba(255,138,101,.15);backdrop-filter:blur(24px) saturate(1.5)}.panel.active .hero-card{transform:translate(-50%,-50%) scale(1)!important}.float-card{position:absolute;padding:16px;min-width:130px;min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}.one{left:6%;top:9%;--r:-4deg}.two{left:26%;top:5%;--r:3deg}.three{right:22%;top:8%;--r:-2deg}.four{right:5%;top:19%;--r:4deg}.five{left:8%;bottom:16%;--r:2deg}.six{left:29%;bottom:7%;--r:-5deg}.seven{right:28%;bottom:9%;--r:4deg}.eight{right:7%;bottom:13%;--r:-3deg}.nine{left:2%;top:45%;font-family:"Caveat";font-size:1.5rem;--r:-6deg}.ten{right:3%;top:48%;--r:5deg}.eleven{left:43%;top:11%;--r:6deg}.twelve{right:42%;bottom:4%;--r:-2deg}.osc svg{width:180px}.osc path{fill:none;stroke:var(--coral);stroke-width:6;stroke-linecap:round;animation:wave 2s ease-in-out infinite}.led{background:linear-gradient(180deg,var(--plum),var(--plum2));color:var(--apricot);text-shadow:0 0 8px var(--coral)}.toggle{width:58px;height:30px;border-radius:20px;background:linear-gradient(180deg,var(--gold),var(--tan),var(--brown));position:relative;box-shadow:inset 0 0 0 3px rgba(61,44,78,.2)}.toggle:after{content:"";position:absolute;top:5px;left:30px;width:20px;height:20px;background:var(--white);border-radius:50%;box-shadow:0 2px 8px rgba(61,44,78,.3)}.reel-icon{display:flex;gap:14px}.reel-icon i,.reel-deco:before,.reel-deco:after{display:block;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 18%,var(--coral) 19% 24%,var(--plum) 25% 29%,var(--gold) 30% 100%);animation:spin 7s linear infinite}.punch{background-image:radial-gradient(circle,rgba(61,44,78,.38) 4px,transparent 5px);background-size:22px 22px}.tube-icon{width:42px;height:72px;border:3px solid var(--violet);border-radius:22px 22px 15px 15px;display:block;position:relative}.tube-icon i{position:absolute;left:12px;top:25px;width:14px;height:26px;background:var(--coral);border-radius:50%;filter:blur(2px);animation:pulse 1.4s ease-in-out infinite}.knob{width:78px;height:78px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--tan) 45%,var(--gold) 55%,var(--brown));box-shadow:inset 0 5px 10px rgba(255,255,255,.45),0 10px 24px rgba(61,44,78,.25);position:relative;cursor:grab;transform:rotate(var(--angle,20deg))}.knob:after,.knob span{content:"";position:absolute;left:50%;top:9px;width:5px;height:30px;border-radius:4px;background:var(--plum);transform:translateX(-50%)}.tiny{width:48px;height:48px}.blueprint{display:grid;place-items:center}.blueprint-diagram{width:min(74vw,980px);height:min(68vh,680px);fill:none;stroke:var(--violet);stroke-width:5;filter:drop-shadow(0 16px 30px rgba(61,44,78,.16))}.blueprint-diagram path{stroke:var(--coral)}.blueprint-diagram ellipse{stroke:var(--gold);fill:rgba(255,255,255,.18)}.blueprint-diagram text{fill:var(--plum2);stroke:none;font-family:"Caveat";font-size:34px}.tube-bank path{filter:url(#glow);stroke:var(--coral)}.annotation{position:absolute;padding:24px;width:min(330px,28vw)}.annotation h2{font-size:clamp(2rem,3.4vw,4rem)}.annotation h3{font-size:1.8rem;margin:0}.annotation:nth-of-type(1){top:7%;left:7%}.annotation:nth-of-type(2){bottom:13%;left:5%}.annotation:nth-of-type(3){top:14%;right:6%}.annotation:nth-of-type(4){bottom:8%;right:16%}.observatory{display:flex;align-items:center;gap:4vw}.viewport-wrap{width:min(58vw,720px);aspect-ratio:1;border-radius:50%;padding:24px;background:linear-gradient(180deg,var(--gold) 0%,var(--tan) 45%,var(--gold) 55%,var(--brown) 100%);box-shadow:0 0 0 14px rgba(255,255,255,.28),0 0 0 28px rgba(212,168,83,.26),0 26px 70px rgba(61,44,78,.25);position:relative}#orbitCanvas{width:100%;height:100%;display:block;border-radius:50%;background:radial-gradient(circle,var(--plum2),var(--plum));box-shadow:inset 0 0 70px rgba(255,176,136,.38)}.viewport-label{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);color:var(--cream);background:rgba(61,44,78,.45);padding:8px 14px;border-radius:999px}.stat-stack{width:min(34vw,430px);display:grid;gap:14px}.stat-card{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:12px 18px}.stat-card b{font-family:"Baloo 2";font-size:1.4rem}.stat-card span{grid-column:2;color:var(--violet)}.gauge path{fill:none;stroke:rgba(61,44,78,.22);stroke-width:10;stroke-linecap:round}.gauge .fill{stroke:var(--coral);stroke-dasharray:128;stroke-dashoffset:30}.gauge .two{stroke-dashoffset:0}.gauge .three{stroke-dashoffset:55}.gauge .four{stroke-dashoffset:68}.gauge .five{stroke-dashoffset:17}.archive{padding:24px 48px}.archive-title{position:absolute;left:42px;top:28px;width:360px;padding:18px;z-index:5}.archive-title h2{font-size:3rem}.masonry{position:absolute;left:5vw;right:4vw;top:16vh;bottom:5vh;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:18px}.case-card{padding:12px;overflow:hidden;--r:0deg}.case-card:hover,.case-card.expanded{z-index:20;transform:scale(1.08) rotate(0deg)!important}.case-card h3{font-size:1.25rem;margin:8px 0 0}.case-card p{margin:4px 0 0;font-size:.92rem;line-height:1.3;opacity:.18;max-height:0;transition:.35s}.case-card:hover p,.case-card.expanded p{opacity:1;max-height:120px}.tall{grid-row:span 2}.short{min-height:150px}.tilt-a{--r:-2deg}.tilt-b{--r:3deg}.tilt-c{--r:-1deg}.tilt-d{--r:2deg}.polaroid{height:88px;background:var(--white);border:8px solid var(--white);border-bottom-width:22px;box-shadow:0 6px 18px rgba(61,44,78,.16);position:relative;overflow:hidden}.polaroid:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--apricot),var(--coral),var(--violet));clip-path:polygon(0 80%,25% 35%,45% 62%,68% 25%,100% 75%,100% 100%,0 100%)}.polaroid:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;right:16px;top:10px;background:var(--gold)}.reel-deco{position:absolute;width:150px;height:70px;bottom:4%;display:flex;gap:18px}.reel-deco.left{left:2%}.reel-deco.right{right:2%}.reel-deco:before,.reel-deco:after{content:"";width:62px;height:62px}.lounge-board{position:absolute;inset:5%;}.quote-main{position:absolute;left:20%;top:18%;width:58%;padding:38px;z-index:4}.quote-main h2{font-size:clamp(2.3rem,4.8vw,5rem)}.pet-computer,.apple-computer{position:absolute;width:240px;height:190px;padding:18px;background:linear-gradient(135deg,rgba(255,245,236,.42),rgba(123,94,167,.18))}.pet-computer{left:4%;top:8%;--r:-5deg}.apple-computer{right:5%;bottom:8%;--r:4deg}.pet-computer:before,.apple-computer:before{content:"";display:block;height:90px;border-radius:10px;background:linear-gradient(180deg,var(--plum),var(--plum2));box-shadow:inset 0 0 20px rgba(255,176,136,.4)}.postit{position:absolute;width:220px;min-height:140px;background:#F5E6C8;padding:22px;font-family:"Caveat";font-size:1.55rem;box-shadow:0 12px 28px rgba(61,44,78,.17)}.postit.a{left:10%;bottom:15%;transform:rotate(-7deg)}.postit.b{right:21%;top:7%;transform:rotate(5deg)}.pull{position:absolute;right:4%;top:23%;width:260px;padding:24px;font-family:"Baloo 2";font-size:1.35rem;--r:7deg}.pull.small{left:32%;bottom:5%;width:260px;--r:-4deg}.osc-card{position:absolute;left:3%;bottom:8%;width:330px;padding:16px}.osc-card path{fill:none;stroke:var(--coral);stroke-width:7}.laboratory{display:grid;grid-template-columns:1.25fr .75fr;gap:4vw;align-items:center}.tv-set{justify-self:center;width:min(62vw,840px);padding:34px;border-radius:46px;background:repeating-linear-gradient(90deg,#8f5628 0 12px,#A07830 13px 24px,#6e3e22 25px 34px);box-shadow:inset 0 0 0 12px rgba(61,44,78,.2),0 34px 80px rgba(61,44,78,.28)}.tv-screen{height:min(54vh,480px);border-radius:40px;background:radial-gradient(circle at 50% 50%,rgba(255,107,74,.3),transparent 28%),linear-gradient(180deg,var(--plum2),var(--plum));border:14px solid var(--tan);overflow:hidden;position:relative}.network-flow span{position:absolute;width:calc(18px * var(--sim-density));height:calc(18px * var(--sim-density));border-radius:50%;background:var(--apricot);box-shadow:0 0 calc(18px * var(--sim-glow)) var(--coral);animation:flow var(--sim-speed) linear infinite}.network-flow span:nth-child(1){left:10%;top:28%}.network-flow span:nth-child(2){left:28%;top:18%;animation-delay:-.4s}.network-flow span:nth-child(3){left:47%;top:36%;animation-delay:-.8s}.network-flow span:nth-child(4){left:68%;top:22%;animation-delay:-1.2s}.network-flow span:nth-child(5){left:82%;top:55%;animation-delay:-1.6s}.network-flow span:nth-child(6){left:56%;top:70%;animation-delay:-2s}.network-flow span:nth-child(7){left:30%;top:62%;animation-delay:-2.4s}.network-flow span:nth-child(8){left:14%;top:78%;animation-delay:-2.8s}.network-flow i{position:absolute;height:4px;background:linear-gradient(90deg,var(--coral),var(--violet));transform-origin:left;opacity:.65}.network-flow i:nth-of-type(1){left:12%;top:31%;width:36%;transform:rotate(-10deg)}.network-flow i:nth-of-type(2){left:30%;top:22%;width:42%;transform:rotate(18deg)}.network-flow i:nth-of-type(3){left:48%;top:40%;width:37%;transform:rotate(23deg)}.network-flow i:nth-of-type(4){left:34%;top:64%;width:28%;transform:rotate(12deg)}.network-flow i:nth-of-type(5){left:16%;top:80%;width:42%;transform:rotate(-18deg)}.tv-controls{margin-top:22px;display:grid;grid-template-columns:90px 80px 80px 1fr;gap:18px;align-items:center}.switch{width:72px;height:38px;border:0;border-radius:24px;background:linear-gradient(180deg,var(--gold),var(--brown));box-shadow:inset 0 0 0 3px rgba(61,44,78,.24);padding:4px;cursor:pointer}.switch span{display:block;width:30px;height:30px;border-radius:50%;background:var(--white);transition:transform .22s cubic-bezier(.2,1.5,.35,1)}.switch.on span{transform:translateX(34px)}.control-labels{display:flex;gap:25px}.lab-copy{padding:28px}.lab-copy h2{font-size:clamp(2.7rem,5vw,5rem)}.exit{display:grid;place-items:center;text-align:center}.exit-glow h2{font-size:clamp(4rem,13vw,12rem);text-shadow:0 0 42px rgba(255,176,136,.95),0 0 84px rgba(255,107,74,.45)}.exit-glow p{font-family:"Baloo 2";font-size:1.6rem}.postcard{position:absolute;bottom:8%;width:min(560px,78vw);padding:34px;border:12px solid transparent;background:linear-gradient(var(--cream),var(--blush)) padding-box,repeating-linear-gradient(45deg,#FF6B4A 0,#FF6B4A 8px,transparent 8px,transparent 16px,#7B5EA7 16px,#7B5EA7 24px,transparent 24px,transparent 32px) border-box;text-align:left}.postcard h3{font-size:2.1rem;margin:0}.postcard address{font-family:"Caveat";font-size:1.8rem;font-style:normal}.stamp-mark{position:absolute;right:26px;top:22px;width:72px;height:72px;display:grid;place-items:center;font-family:"Space Mono";color:var(--cream);background:var(--violet);mask:radial-gradient(8px at 8px 8px,transparent 98%,#000) -8px -8px}.progress-rail{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:20;display:flex;gap:30px;padding:16px 24px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.08));backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(61,44,78,.12)}.progress-rail:before{content:"";position:absolute;left:40px;right:40px;top:50%;height:2px;background:rgba(61,44,78,.25);z-index:-1}.progress-rail button{width:16px;height:16px;border:0;border-radius:50%;background:rgba(61,44,78,.25);cursor:pointer}.progress-rail button.active{background:var(--coral);box-shadow:0 0 12px rgba(255,107,74,.5);animation:dotPulse 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;filter:blur(5px)}}@keyframes wave{50%{transform:translateX(8px)}}@keyframes dotPulse{50%{transform:scale(1.28)}}@keyframes flow{0%{transform:translate(0,0) scale(.8);opacity:.45}50%{transform:translate(22px,-16px) scale(1.25);opacity:1}100%{transform:translate(48px,8px) scale(.8);opacity:.45}}
@media (max-width:768px){html,body{overflow:auto}.panorama{width:100%;height:auto;display:block;transform:none!important}.panel{width:100%;height:100vh;min-height:760px;padding:20px}.glass{backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}.float-card{display:none}.hero-card{width:88vw}.annotation{position:relative;width:auto;margin:10px}.blueprint{display:block}.blueprint-diagram{width:100%;height:42vh;margin-top:40px}.observatory,.laboratory{display:block}.viewport-wrap{width:86vw;margin:30px auto}.stat-stack{width:100%;grid-template-columns:1fr}.masonry{position:relative;left:auto;right:auto;top:130px;bottom:auto;grid-template-columns:repeat(2,1fr);gap:10px}.case-card:nth-child(n+7){display:none}.archive-title{left:20px;top:20px;width:80vw}.quote-main{left:5%;top:18%;width:90%;padding:22px}.pet-computer,.apple-computer,.pull,.osc-card{display:none}.postit.a{left:8%;bottom:20%}.postit.b{right:7%;top:5%}.tv-set{width:92vw;margin-top:40px;padding:18px}.tv-screen{height:42vh}.lab-copy{margin-top:24px}.progress-rail{left:auto;right:12px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:20px}.progress-rail:before{left:50%;right:auto;top:30px;bottom:30px;width:2px;height:auto}}