@charset "UTF-8";
:root{--ink:#142b43;--blue:#124998;--blue-dark:#103879;--yellow:#f6d955;--paper:#f7f7f0;--muted:#526575;--line:#d9dfdc;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #ad5500;outline-offset:5px}button:disabled{cursor:default}img,svg{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,6vw,6.1rem);font-weight:650}h2{font-size:clamp(2.5rem,4.2vw,4rem);font-weight:590}h3{font-size:1.45rem;letter-spacing:-.025em;line-height:1.25}p{color:var(--muted)}.section-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{max-width:1440px;margin:auto;min-height:104px;display:flex;gap:28px;align-items:center;justify-content:space-between;padding:22px 56px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;letter-spacing:-.045em;font-weight:750;white-space:nowrap}.brand img{width:37px;height:37px;border-radius:9px}.brand-light{font-weight:430}.site-header nav{display:flex;gap:27px;margin-left:auto;margin-right:20px}.site-header nav a{font-size:13px;text-decoration:none;color:#425365;font-weight:550;padding:8px 0;position:relative}.site-header nav a::after{content:"";height:2px;position:absolute;bottom:1px;left:0;right:100%;background:var(--blue);transition:right .2s}.site-header nav a:hover::after{right:0}.header-cta{text-decoration:none;border:1px solid #bac9cd;padding:9px 13px;border-radius:4px;font-size:12px;font-weight:650;white-space:nowrap}.header-cta span{margin-left:16px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--yellow);padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:48px;padding-block:60px 102px;min-height:695px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:670;margin-bottom:24px}.small-square{background:var(--yellow);width:8px;height:8px;transform:rotate(25deg);flex-shrink:0}.hand-mark{position:relative;isolation:isolate;white-space:nowrap}.hand-mark::after{content:"";position:absolute;left:-5px;right:-10px;bottom:3px;height:20px;transform:rotate(-2deg);background:var(--yellow);z-index:-1}.hero-description{max-width:465px;font-size:16px;line-height:1.7;margin-top:30px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 19px;text-decoration:none;font-size:13px;font-weight:620;border-radius:4px;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0c244314}.button-blue{background:var(--blue);color:white}.button-blue:hover{background:var(--blue-dark)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-decoration:none;font-weight:650}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.play-icon{font-size:9px;width:22px;height:22px;display:grid;place-content:center;border:1px solid #acb7b6;border-radius:50%}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#5d6f7c;letter-spacing:.015em;margin-top:35px}.hero-meta span+span::before{content:"·";margin-right:9px}.interactive-figure{margin-top:10px;position:relative}.interactive-figure::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--yellow);right:-25px;top:95px;z-index:-1}.figure-topline{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px;font-size:10px;font-weight:650}.figure-topline>span:first-child{display:flex;align-items:center;gap:6px}.status-dot{background:#376f6a;width:6px;height:6px;border-radius:50%}.figure-label{letter-spacing:.07em;font-size:7px;color:#5c6d78}.mode-switch{display:flex;border:1px solid #ccd5d2;border-radius:10px 10px 0 0;background:#fff;padding:9px;gap:4px}.mode-switch button{background:transparent;border:0;color:#53646c;padding:9px 13px;border-radius:4px;font-size:11px;flex:1;cursor:pointer;transition:background .18s,color .18s}.mode-switch button[aria-pressed=true]{background:var(--blue);color:#fff}.room{position:relative;aspect-ratio:540/350;background:#edf1e8;overflow:hidden;border-inline:1px solid #cdd6ce}.room-art{display:block;width:100%;height:100%}.scene-target{position:absolute;background:transparent;border:1px dashed #738876;cursor:pointer;border-radius:6px;color:#183b5f;transition:border-color .3s,box-shadow .3s,background .3s}.scene-target:hover{background:#ffffff26}.scene-target.is-selected{border:2px solid #184b8d;box-shadow:0 0 0 5px #f3d85566;background:#f5dc5618}.target-cup{left:35.5%;top:50%;width:14%;height:24%}.target-plant{left:65%;top:25%;width:15%;height:37%}.target-book{left:79%;top:49%;width:15%;height:17%}.target-label{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#f7f8f0;border:1px solid #c5d0cb;padding:2px 8px;border-radius:4px;color:#405968;font-size:9px;white-space:nowrap;font-weight:650}.is-selected .target-label{color:#fff;background:var(--blue);border-color:var(--blue)}.target-cross{display:none}.guide-puck{position:absolute;bottom:8%;left:43%;height:42px;width:42px;background:var(--blue);color:var(--yellow);box-shadow:0 4px 15px #243d5438;display:grid;place-items:center;border-radius:50%;transition:left .45s cubic-bezier(.2,.7,.2,1)}.guide-puck svg{width:25px;transition:transform .45s}.room[data-target=plant] .guide-puck{left:65%}.room[data-target=book] .guide-puck{left:78%}.room[data-target=plant] .guide-puck svg,.room[data-target=book] .guide-puck svg{transform:rotate(12deg)}.room-note{position:absolute;left:12px;bottom:9px;font-size:7px;color:#4f6766;letter-spacing:.01em}.guidance-bar{display:flex;align-items:center;gap:17px;padding:18px 19px;border:1px solid #cdd6ce;background:white;border-radius:0 0 10px 10px;box-shadow:0 16px 28px #203d4610}.guidance-bar>div:first-child{min-width:74px}.micro-label{font-size:7px;color:#546978;font-weight:650;letter-spacing:.075em;display:block}.guidance-bar strong{display:block;font-size:16px;line-height:1.4}.cue-icons{display:flex;gap:6px}.cue-icons>span{width:29px;height:29px;border:1px solid #d9e1e0;border-radius:6px;color:var(--blue);font-weight:650;font-size:17px;display:grid;place-items:center}.cue-icons>span:nth-child(2){font-size:11px;letter-spacing:-2px;padding-right:2px}.cue-icons>span:nth-child(3){font-size:27px;line-height:1}.guidance-description{font-size:9px;line-height:1.5;color:#61717c;margin-left:auto;max-width:123px}.interactive-figure figcaption{font-size:8px;line-height:1.6;color:#61717b;text-align:right;margin-top:11px}.section-kicker{font-size:9px;font-weight:720;letter-spacing:.13em;color:#39648c;margin-bottom:24px}.vision{padding-block:58px 84px;border-top:1px solid var(--line)}.vision-main{display:grid;grid-template-columns:1fr .9fr;gap:80px}.vision-main h2{font-size:clamp(2.4rem,3.6vw,3.5rem)}.vision-copy p{font-size:15px;line-height:1.75}.vision-copy p+p{margin-top:17px}.signature{color:var(--ink);font-size:13px!important;font-weight:650}.signature span{margin-left:12px;color:var(--muted);font-size:10px;font-weight:400}.experience{padding-block:45px 104px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:43px}.section-heading p{font-size:12px;line-height:1.7;max-width:350px;padding-bottom:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#ebeede;border:1px solid #dde3d5;border-radius:6px;padding:24px;display:flex;flex-direction:column}.feature-card:nth-child(2){background:#e5eced;border-color:#d8e1e3}.feature-card:nth-child(3){background:#f2edda;border-color:#e7dfc6}.feature-art{height:140px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:30px;color:#265b76}.feature-number{font-size:10px;letter-spacing:.08em;font-weight:700;color:#587061;margin-bottom:12px}.feature-card h3{font-size:21px;margin-bottom:14px;max-width:220px}.feature-card p{font-size:12px;line-height:1.8;margin-bottom:30px}.feature-footer{font-size:8px;line-height:1.7;letter-spacing:.025em;font-weight:650;margin-top:auto;border-top:1px solid #bac8b8;padding-top:16px;color:#486154}.mini-image{position:absolute;left:12%;top:17%;transform:rotate(-8deg);border:2px solid #5c795f;width:60px;height:72px;border-radius:5px;background:#f6f6e8;display:grid;place-items:center;font-size:34px}.mini-object{position:absolute;left:28%;top:35%;transform:rotate(12deg);width:52px;height:59px;border:2px solid #5c795f;background:#d6e1c6;border-radius:5px;display:grid;place-items:center;font-size:26px}.art-select svg{position:absolute;bottom:6%;width:85%;left:4%}.tiny-target{font-size:33px;position:absolute;right:17%;top:51%;line-height:1;color:#2f624d}.cue-orbit{position:absolute;width:110px;height:110px;border:1px solid #90afb4;border-radius:50%}.orbit-two{width:142px;height:142px;border-style:dashed;opacity:.55}.direction-shape{font-size:53px;line-height:1;transform:rotate(25deg);color:var(--blue)}.sound-shape,.haptic-shape{position:absolute;background:#e5eced;padding:6px;font-weight:600;color:#456e78}.sound-shape{top:12%;right:20%;font-size:23px;letter-spacing:-4px;transform:rotate(-35deg)}.haptic-shape{bottom:5%;left:21%;font-size:40px;line-height:1;transform:rotate(-20deg)}.art-control{flex-direction:column;gap:12px}.control-row{width:180px;background:#fcfaf1;border:1px solid #bfae79;border-radius:5px;padding:13px 15px;display:flex;justify-content:space-between;font-size:16px;box-shadow:4px 4px 0 #d6c995}.control-row b{font-size:13px}.control-stop{display:flex;gap:7px;align-items:center;font-size:10px;border:1px solid #aeb4a0;padding:7px 16px;border-radius:4px;background:#fcfaf1;color:#4b6b61}.control-stop span{font-size:8px}.original-section{background:#11346b;color:#f8f6e6;overflow:hidden;position:relative}.original-section::after{content:"";position:absolute;width:350px;height:350px;border:1px solid #30517c;border-radius:50%;right:-190px;top:-110px;pointer-events:none}.original-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:88px}.original-copy .section-kicker{color:#b6cdec}.original-copy h2{font-size:clamp(2.5rem,3.9vw,3.7rem);margin-bottom:26px}.original-copy p{color:#bfcce0;font-size:14px;line-height:1.8;max-width:390px;margin-bottom:16px}.button-yellow{background:var(--yellow);color:#12345d;margin-top:18px;gap:18px}.button-yellow:hover{background:#ffe578}.tech-line{font-size:8px;color:#a4bad9;letter-spacing:.14em;margin-top:27px}.archive-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:450px;justify-self:end;width:100%;position:relative;z-index:1}.archive-frame{padding:7px;border:1px solid #68809a;border-radius:10px;background:#213f69;box-shadow:0 8px 30px #091e4222;max-width:211px}.archive-frame img{display:block;width:100%;border-radius:5px;max-width:195px}.archive-shot figcaption{font-size:9px;line-height:1.6;color:#b9cae1;padding:15px 4px 0}.archive-shot figcaption span{display:block;color:var(--yellow);font-size:7px;letter-spacing:.09em;margin-bottom:4px}.second-shot{padding-top:32px}.archive-note{grid-column:1/-1;font-size:8px;color:#a8bdd6;text-align:center;line-height:1.6;margin-top:-5px}.journal{padding-block:101px 80px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-card{min-width:0}.journal-graphic{height:180px;border:1px solid #dde3de;border-radius:5px;margin-bottom:22px;overflow:hidden;position:relative}.prototype-graphic{background-color:#eeeee4;background-image:linear-gradient(#bccbb336 1px,transparent 1px),linear-gradient(90deg,#bccbb336 1px,transparent 1px);background-size:18px 18px}.sketch-note{position:absolute;font:italic 12px var(--serif);color:#617463;top:25px;left:28px;transform:rotate(-3deg)}.sticker{width:53px;height:60px;background:#f9f8e8;border:1px solid #9fad91;position:absolute;left:20%;top:67px;display:grid;place-items:center;font-size:30px;transform:rotate(-12deg);box-shadow:4px 5px 0 #dce3cc}.sketch-line{height:1px;width:30%;position:absolute;left:38%;top:110px;transform:rotate(10deg);border-top:2px dashed #a0aa8b}.sketch-arrow{position:absolute;right:15%;top:65px;font-size:55px;color:#667e63;transform:rotate(20deg)}.iteration-graphic{background:#e5eef0;display:flex;align-items:flex-start;padding-top:31px;justify-content:center;gap:13px;flex-wrap:wrap}.mode-chip{font-size:11px;background:#fbfcfa;padding:10px 20px;border:1px solid #a5b9c0;border-radius:5px}.iteration-graphic>span{margin-top:7px;color:#71888c}.iteration-graphic svg{position:absolute;top:80px;width:180px;height:40px;color:#839eac}.merged-chip{position:absolute;top:119px;font-size:10px;background:#38637e;color:#fff;padding:7px 18px;border-radius:4px}.showcase-graphic{background:#f0e9d4;display:flex;justify-content:center}.showcase-screen{position:absolute;top:24px;width:155px;height:94px;border:3px solid #315574;border-radius:4px;background:#fbf6e9;padding:9px;display:flex;align-items:center;flex-direction:column}.showcase-screen>span{font-size:7px;color:#305778}.showcase-play{margin-top:10px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#305778;background:#ead16a;font-size:11px}.showcase-screen::after{content:"";position:absolute;top:92px;width:2px;height:27px;background:#315574}.audience-dot{width:15px;height:15px;position:absolute;top:139px;border-radius:50% 50% 3px 3px;background:#a1987d}.dot-a{left:35%;transform:rotate(10deg)}.dot-b{left:48%;background:#305778}.dot-c{left:61%;transform:rotate(-10deg)}.journal-date{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#537084;font-size:9px;margin-bottom:14px}.journal-date>span{font-size:6px;font-weight:700;letter-spacing:.1em}.journal-card h3{font-size:21px;margin-bottom:14px}.journal-card p{font-size:12px;line-height:1.8}.evaluation-note{display:flex;gap:13px;padding:22px 25px;border:1px solid #dbe2dc;background:#efefe7;border-radius:5px;margin-top:38px}.note-mark{border:1px solid #759085;border-radius:50%;width:17px;height:17px;line-height:16px;text-align:center;font:italic 12px/16px var(--serif);flex-shrink:0;margin-top:2px;color:#426456}.evaluation-note p{font-size:10px;line-height:1.75}.evaluation-note strong{color:#375545;font-weight:600}.team-section{padding-block:30px 94px;border-bottom:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.team-grid h2{font-size:clamp(2.5rem,3.8vw,3.8rem);margin-bottom:20px}.team-description{font-size:14px;line-height:1.75;max-width:365px}.team-motif{display:flex;gap:3px;margin-top:25px;line-height:1;font-size:34px;color:#316793}.team-motif span:nth-child(2){color:#ead250}.team-motif span:nth-child(3){color:#719a8f}.team-motif span:nth-child(4){color:#cab79b}.contribution-card{padding-top:5px}.person-label{display:flex;gap:15px;align-items:center;margin-bottom:22px}.person-label h3{font-size:22px;margin-bottom:5px}.person-label>div>span{color:#5c6f7b;font-size:10px}.person-monogram{font-size:19px;background:#e3e9e5;color:#316081;display:grid;place-items:center;flex-shrink:0;height:55px;width:55px;border-radius:50%}.contribution-card p{font-size:13px;line-height:1.8;margin-bottom:15px}.contribution-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.contribution-tags span{font-size:8px;border:1px solid #cdd8d1;border-radius:3px;padding:4px 8px;color:#456354}.closing{padding-block:66px}.closing-inner{display:flex;gap:26px;align-items:center}.closing-inner>img{width:58px;height:58px;border-radius:14px}.closing-inner h2{font-size:26px;margin-bottom:12px;line-height:1.2}.closing-inner h2 br{display:none}.closing-inner p{font-size:11px}.button-outline{border:1px solid #b8c8c6;color:#2e5772;margin-left:auto;font-size:10px;white-space:nowrap}.site-footer{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;padding-block:23px 30px;font-size:9px}.site-footer>span{font-weight:700}.footer-year{font-weight:400;margin-left:8px;color:#6c7e86}.site-footer p{font-size:8px}.site-footer a{font-size:8px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.pulse .guide-puck{animation:cue-pulse .8s ease-out 2}@keyframes cue-pulse{0%,100%{box-shadow:0 0 0 0 #12499818,0 4px 15px #243d5438}50%{box-shadow:0 0 0 13px #12499800,0 4px 15px #243d5438}}
@media(min-width:1500px){.site-header{max-width:1440px}.hero{gap:70px}.interactive-figure{max-width:560px}}
@media(max-width:1120px){.section-shell{width:calc(100% - 64px)}.site-header{padding-inline:32px;gap:18px}.site-header nav{gap:18px;margin-right:0}.hero{gap:30px;padding-block:48px 72px;min-height:600px}.hero h1{font-size:clamp(3.2rem,6.2vw,4.7rem)}.eyebrow{font-size:8px;letter-spacing:.03em}.hero-description{font-size:14px}.hero-actions{gap:17px}.button{gap:17px;font-size:12px}.text-link{font-size:10px}.figure-label{font-size:6px}.figure-topline{font-size:9px}.guidance-bar{padding:14px 12px;gap:10px}.cue-icons{gap:4px}.cue-icons>span{width:26px;height:26px}.guidance-description{font-size:8px;max-width:100px}.vision-main{gap:45px}.feature-card{padding:21px}.feature-art{height:120px}.feature-card h3,.journal-card h3{font-size:20px}.original-inner{gap:48px}.journal-grid{gap:23px}.team-grid{gap:65px}.archive-gallery{gap:17px}}
@media(max-width:860px){.brand{font-size:17px}.site-header{min-height:88px;flex-wrap:wrap;row-gap:14px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin:0}.site-header nav a{font-size:12px}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:50px;gap:50px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(3.4rem,8vw,5.4rem)}.hero-description{font-size:16px;max-width:500px}.eyebrow{font-size:9px}.hero-meta{margin-top:27px}.interactive-figure{width:100%;max-width:570px;justify-self:center}.figure-label{font-size:8px}.figure-topline{font-size:11px}.mode-switch button{font-size:12px}.guidance-bar{padding:19px;gap:20px}.guidance-description{font-size:10px;max-width:145px}.cue-icons>span{width:31px;height:31px}.target-label{font-size:10px}.room-note{font-size:8px}.interactive-figure figcaption{font-size:9px}.vision-main{grid-template-columns:1fr;gap:28px}.vision-main h2 br{display:none}.vision-copy{max-width:670px}.vision{padding-block:44px 42px}.experience{padding-block:38px 68px}.section-heading{gap:25px;align-items:flex-start}.section-heading p{font-size:11px;max-width:220px}.feature-grid{gap:12px}.feature-card{padding:16px}.feature-card h3{font-size:18px}.feature-card p{font-size:11px}.feature-art{height:95px;margin-bottom:22px}.mini-image{height:55px;width:43px;font-size:25px}.mini-object{height:43px;width:39px;font-size:22px}.cue-orbit{width:74px;height:74px}.orbit-two{width:100px;height:100px}.sound-shape{font-size:18px}.haptic-shape{font-size:29px;left:14%}.direction-shape{font-size:45px}.control-row{width:130px;padding:9px 11px}.control-stop{font-size:8px}.original-inner{grid-template-columns:1fr;padding-block:60px;gap:44px}.original-copy p{max-width:620px}.original-copy h2 br{display:none}.archive-gallery{justify-self:center;max-width:440px}.journal{padding-top:70px}.journal-grid{gap:17px}.journal-graphic{height:155px}.journal-date{flex-direction:column;align-items:flex-start;gap:4px}.journal-date>span{font-size:7px}.journal-card h3{font-size:19px}.journal-card p{font-size:11px}.sketch-note{font-size:10px;left:17px}.iteration-graphic{gap:6px;padding-top:24px}.mode-chip{font-size:9px;padding:9px 12px}.iteration-graphic svg{top:65px;width:150px}.merged-chip{top:101px;font-size:8px}.showcase-screen{width:130px;height:82px;top:20px}.showcase-screen::after{top:78px}.showcase-play{height:28px;width:28px;margin-top:5px}.audience-dot{top:123px}.team-grid{gap:38px}.team-description{font-size:13px}.contribution-card p{font-size:12px}.person-label{gap:10px}.person-label h3{font-size:20px}.person-label>div>span{font-size:8px}.closing-inner h2{font-size:22px}.closing-inner p{max-width:350px}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}.site-footer a{margin-left:auto}}
@media(max-width:580px){html{scroll-padding-top:24px}.section-shell{width:calc(100% - 38px)}.site-header{padding:19px;gap:13px}.brand{font-size:17px}.brand img{width:32px;height:32px;border-radius:8px}.header-cta{font-size:9px;padding:7px 9px}.header-cta span{margin-left:4px}.site-header nav{gap:12px;padding-top:5px}.site-header nav a{font-size:10px}.hero{padding-top:35px;gap:40px;padding-bottom:52px}.hero h1{font-size:clamp(3rem,11vw,4rem);letter-spacing:-.055em}.hero h1 br{display:none}.hand-mark{white-space:nowrap}.hand-mark::after{height:13px;bottom:1px}.eyebrow{font-size:7px;letter-spacing:.025em;gap:7px;margin-bottom:20px}.hero-description{font-size:14px;line-height:1.8;margin-top:25px}.hero-actions{margin-top:25px;gap:18px}.button{font-size:11px;padding:12px 14px;gap:15px}.text-link{font-size:10px}.hero-meta{font-size:8px;gap:7px;line-height:1.8}.hero-meta span+span::before{margin-right:7px}.interactive-figure::before{right:-13px;width:80px;height:80px}.figure-topline{font-size:8px;gap:5px}.figure-label{font-size:6px}.mode-switch{padding:7px}.mode-switch button{font-size:10px;padding:9px 5px}.guidance-bar{padding:14px 11px;gap:11px}.guidance-description{font-size:8px;max-width:100px}.guidance-bar strong{font-size:14px}.guidance-bar>div:first-child{min-width:58px}.micro-label{font-size:6px}.cue-icons{gap:3px}.cue-icons>span{width:25px;height:25px;font-size:16px}.cue-icons>span:nth-child(2){font-size:10px}.cue-icons>span:nth-child(3){font-size:23px}.interactive-figure figcaption{font-size:8px;text-align:left;max-width:310px}.target-label{font-size:7px;padding:1px 6px;bottom:calc(100% + 5px)}.guide-puck{width:31px;height:31px}.guide-puck svg{width:20px}.room-note{font-size:6px;left:8px;bottom:6px}.section-kicker{font-size:8px;margin-bottom:19px}.vision{padding-block:35px 26px}.vision-main h2{font-size:34px;line-height:1.14}.vision-copy p{font-size:13px;line-height:1.85}.signature{font-size:11px!important}.signature span{display:block;margin-left:0;font-size:9px;margin-top:3px}.experience{padding-top:25px;padding-bottom:54px}.section-heading{flex-direction:column;gap:18px;margin-bottom:28px}.section-heading h2{font-size:36px}.section-heading p{font-size:11px;max-width:100%}.section-heading p br{display:none}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.feature-art{grid-column:2;grid-row:1/4;height:140px;align-self:center;margin:0}.feature-number{grid-column:1;margin-bottom:9px}.feature-card h3{grid-column:1;font-size:21px;margin-bottom:15px}.feature-card p{grid-column:1/-1;font-size:12px;margin-bottom:22px}.feature-footer{grid-column:1/-1;font-size:8px}.mini-image{left:9%;width:45px;height:58px}.mini-object{left:28%;top:30%}.art-select svg{bottom:10%;left:-2%;width:100%}.tiny-target{right:12%;top:56%;font-size:27px}.cue-orbit{width:85px;height:85px}.orbit-two{width:110px;height:110px}.sound-shape{top:12%;right:10%}.haptic-shape{bottom:6%;left:10%}.control-row{width:118px;font-size:12px;padding:10px}.control-row b{font-size:11px}.control-stop{font-size:7px;gap:4px;padding:6px 10px}.original-inner{padding-block:47px;gap:37px}.original-copy h2{font-size:36px}.original-copy p{font-size:12px;line-height:1.85}.original-copy .button{font-size:10px}.tech-line{font-size:6px;margin-top:20px}.archive-gallery{gap:16px;max-width:375px}.archive-frame{padding:5px;border-radius:8px}.archive-shot figcaption{font-size:8px;padding-top:10px}.archive-shot figcaption span{font-size:6px}.archive-note{font-size:7px;margin-top:0}.journal{padding-block:53px 48px}.journal-grid{grid-template-columns:1fr;gap:36px}.journal-graphic{height:185px;margin-bottom:16px}.journal-date{flex-direction:row;align-items:center;font-size:9px;margin-bottom:12px}.journal-date>span{font-size:7px}.journal-card h3{font-size:24px;margin-bottom:12px}.journal-card p{font-size:12px;line-height:1.85}.sketch-note{left:26px;top:23px;font-size:13px}.sticker{width:62px;height:73px;top:65px;left:22%;font-size:36px}.sketch-arrow{right:24%;top:71px}.sketch-line{width:30%;top:112px}.iteration-graphic{padding-top:31px;gap:17px}.mode-chip{font-size:12px;padding:10px 24px}.iteration-graphic svg{top:85px;width:200px}.merged-chip{top:126px;font-size:10px}.showcase-screen{top:23px;width:170px;height:100px;padding:10px}.showcase-screen>span{font-size:8px}.showcase-play{margin-top:8px;width:37px;height:37px}.showcase-screen::after{top:98px}.audience-dot{top:146px;width:18px;height:18px}.evaluation-note{padding:18px 17px;gap:10px;margin-top:30px}.evaluation-note p{font-size:9px;line-height:1.8}.evaluation-note strong{display:block;margin-bottom:4px}.team-section{padding-block:15px 50px}.team-grid{grid-template-columns:1fr;gap:30px}.team-grid h2{font-size:37px}.team-description{font-size:13px;max-width:100%}.team-motif{font-size:27px;margin-top:18px}.contribution-card{border-top:1px solid var(--line);padding-top:26px}.person-label>div>span{font-size:10px}.contribution-card p{font-size:12px}.contribution-tags{margin-top:17px}.closing{padding-block:35px}.closing-inner{gap:15px;flex-wrap:wrap;align-items:flex-start}.closing-inner>img{width:45px;height:45px;border-radius:10px}.closing-inner>div{width:calc(100% - 65px)}.closing-inner h2{font-size:24px}.closing-inner h2 br{display:block}.closing-inner p{font-size:11px;line-height:1.8}.closing-inner .button{margin:5px 0 0 60px;font-size:9px;padding:9px 12px}.site-footer{font-size:8px;gap:13px;padding-block:20px 25px}.site-footer p{font-size:7px;max-width:285px}.site-footer a{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-archive{display:grid;grid-template-columns:1fr 1fr;gap:22px;justify-self:end;width:100%;max-width:448px;padding:26px 24px 17px;background:#e5eadb;border:1px solid #d0dacb;border-radius:8px;position:relative}.hero-archive::before{content:"";position:absolute;background:var(--yellow);height:75px;width:75px;right:-15px;top:-17px;border-radius:50%;z-index:-1}.hero-original-shot{min-width:0}.hero-original-shot>img{display:block;width:100%;border:4px solid #395c75;border-radius:8px;box-shadow:0 8px 18px #142b4322}.hero-original-shot figcaption{font-size:8px;text-align:center;margin-top:10px;color:#3b5968}.hero-second-shot{padding-top:29px}.hero-archive-note{grid-column:1/-1;font-size:8px;line-height:1.7;text-align:center;color:#617168}.illustration-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:77px 25px}.illustration-section .interactive-figure{max-width:520px;width:100%;justify-self:end}.illustration-copy h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:22px;line-height:1.12}.illustration-copy p{font-size:13px;line-height:1.8;max-width:375px}.illustration-section+.journal{padding-top:65px}.team-roster{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px}.team-roster li{display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:center}.team-roster strong{font-size:12px;font-weight:600}.team-roster li>span:last-child{grid-column:2;font-size:9px;color:#61747a;margin-top:1px}.roster-dot{width:7px;height:7px;border-radius:50%;display:block}.restoration-note{margin-top:39px;font-size:10px;line-height:1.8;color:#5b6d78;max-width:760px}.closing-inner p{max-width:610px;line-height:1.8}.team-grid{align-items:start}
@media(max-width:1120px){.hero-archive{max-width:375px;padding:20px 18px 15px;gap:16px}.hero-archive-note{font-size:7px}.illustration-section{gap:45px}}
@media(max-width:860px){.hero-archive{justify-self:center;max-width:440px;padding:25px;gap:22px}.hero-original-shot figcaption{font-size:9px}.hero-archive-note{font-size:8px}.illustration-section{grid-template-columns:1fr;gap:32px;padding-top:53px}.illustration-copy p{max-width:600px}.illustration-section .interactive-figure{justify-self:center;max-width:570px}.illustration-copy h2{font-size:34px}.restoration-note{font-size:9px}.closing-inner p{max-width:430px}}
@media(max-width:580px){.hero-archive{padding:19px 15px 14px;gap:16px;max-width:375px}.hero-archive-note{font-size:7px}.hero-original-shot figcaption{font-size:7px}.hero-second-shot{padding-top:24px}.hero-archive::before{width:60px;height:60px;right:-8px;top:-13px}.illustration-section{padding-top:43px;gap:28px}.illustration-copy h2{font-size:31px}.illustration-copy p{font-size:12px}.illustration-section+.journal{padding-top:39px}.team-roster{grid-template-columns:1fr 1fr;gap:18px 12px}.team-roster strong{font-size:11px}.team-roster li>span:last-child{font-size:8px}.restoration-note{font-size:8px;margin-top:28px}.closing-inner p{max-width:none}.closing-inner h2{font-size:21px}}

/* Recovered original-site direction: dark canvas, blue/violet hero, yellow labels. */
:root{--ink:#f1f2f4;--blue:#aca0ff;--blue-dark:#c4bbff;--yellow:#e5ca66;--paper:#0d1012;--muted:#a8b3be;--line:#293139}
body{background:#0d1012}.section-shell{max-width:1120px}.site-header{max-width:1280px}.brand{color:#f1f2f4}.site-header nav a{color:#b3bbc5}.header-cta{border-color:#414154;color:#c4bcff}.button-blue{background:#a99cfa;color:#17132e}.button-blue:hover{background:#c1b6ff}.text-link{color:#c8c0ff}.hero{position:relative;isolation:isolate;gap:70px;padding-top:55px;padding-bottom:80px;min-height:650px}.hero::before{content:"";position:absolute;z-index:-2;inset:10px -60px 0;background:radial-gradient(ellipse at 21% 49%,#26244c77,transparent 62%),radial-gradient(ellipse at 80% 35%,#122b6466,transparent 59%);pointer-events:none}.hero h1{font-size:clamp(3rem,5.5vw,5.5rem);letter-spacing:-.03em}.eyebrow{color:#d0c8eb}.hand-mark::after{height:3px;bottom:1px;background:#8e83cf;left:0;right:0;transform:none}.hero-meta{color:#8595a8}.hero-archive{background:#10162a;border-color:#343b58;box-shadow:0 20px 60px #03050977}.hero-archive::before{background:#7a68bf;opacity:.32}.hero-original-shot>img{border-color:#5a6489;box-shadow:0 5px 20px #03050977}.hero-original-shot figcaption{color:#c1c5d7}.hero-archive-note{color:#98a5be}.section-kicker{color:var(--yellow)}.vision{border-top-color:#293139}.vision-main h2{font-size:clamp(2.1rem,3.3vw,3.1rem);line-height:1.15}.signature{color:#c4bbff}.signature span{color:#96a4b2}.feature-card{background:#14191d;border-color:#2a323c}.feature-card:nth-child(2){background:#151822;border-color:#31313e}.feature-card:nth-child(3){background:#181a1e;border-color:#36332d}.feature-number{color:#c6b276}.feature-footer{border-top-color:#3b4246;color:#a8b3b5}.feature-art{color:#a7bcca}.mini-image{border-color:#95a7a0;background:#273d3d;color:#c5dcca}.mini-object{border-color:#95a7a0;background:#315450;color:#d6e9da}.tiny-target{color:#a9c9b4}.cue-orbit{border-color:#7a819e}.sound-shape,.haptic-shape{background:#151822;color:#aba4d9}.direction-shape{color:#baafff}.control-row{background:#252a2f;border-color:#79735d;box-shadow:4px 4px 0 #343328;color:#d3cbae}.control-stop{background:#252d2c;border-color:#677b70;color:#b6cdbf}.original-section{background:#111824;border-block:1px solid #293442}.original-section::after{border-color:#344155;opacity:.5}.original-copy .section-kicker{color:var(--yellow)}.original-copy p{color:#a8b9cb}.archive-frame{background:#1b2736;border-color:#5b6b86}.button-yellow{background:#a99cfa;color:#17132e}.button-yellow:hover{background:#c1b6ff}.tech-line{color:#9dabc2}.archive-shot figcaption span{color:#bdb4fa}.archive-shot figcaption{color:#afbfd3}.archive-note{color:#96a5be}.illustration-section{border-bottom:1px solid #293139;padding-bottom:55px}.figure-topline{color:#c2cbd8}.figure-label{color:#a1acc0}.mode-switch{border-color:#4b5367;background:#1b2534}.mode-switch button{color:#b4bfd2}.mode-switch button[aria-pressed=true]{background:#aba0f5;color:#17132e}.guidance-bar{border-color:#465465;background:#1c2735;color:#e3eaf1;box-shadow:0 16px 28px #01091235}.micro-label{color:#a0b3c7}.guidance-description{color:#aebcd0}.cue-icons>span{border-color:#4a5670;color:#b9affe}.interactive-figure figcaption{color:#929fae}.interactive-figure::before{background:#2e2752}.guide-puck{background:#284987;color:#fff}.target-label{background:#edf1ea;color:#405968}.is-selected .target-label{background:#254988;border-color:#254988;color:white}.scene-target.is-selected{border-color:#254988}.journal-graphic{border-color:#374250}.prototype-graphic{background-color:#252c30;background-image:linear-gradient(#849da318 1px,transparent 1px),linear-gradient(90deg,#849da318 1px,transparent 1px)}.sketch-note{color:#bbc6b2}.sticker{color:#d7dfbc;background:#3d493b;border-color:#9fa98a;box-shadow:4px 5px 0 #242b25}.sketch-line{border-color:#98a787}.sketch-arrow{color:#b4c5a9}.iteration-graphic{background:#232837}.mode-chip{background:#373c4d;border-color:#85899f;color:#c5cbe0}.iteration-graphic>span{color:#b4b0d1}.iteration-graphic svg{color:#a6a0c4}.merged-chip{background:#9d90cc;color:#1a1926}.showcase-graphic{background:#302c2c}.showcase-screen{border-color:#9594ae;background:#222536}.showcase-screen>span{color:#c7c0e8}.showcase-play{background:#d4bf70;color:#37322a}.showcase-screen::after{background:#9594ae}.audience-dot{background:#897d74}.dot-b{background:#b4a3e5}.journal-date{color:#b5add9}.journal-date>span{color:#a6b0c1}.evaluation-note{border-color:#303943;background:#171e22}.note-mark{border-color:#839c91;color:#a4c1b0}.evaluation-note strong{color:#cad9ce}.team-description{color:#a8b3be}.person-label>div>span{color:#abb7c6}.person-monogram{background:#313d52;color:#d0c6ff}.team-roster li>span:last-child{color:#96a6b6}.contribution-tags span{border-color:#3b4653;color:#adbdd0}.restoration-note{color:#8999aa}.button-outline{border-color:#45465e;color:#bdb1f3}.site-footer p,.footer-year{color:#8c9cac}.closing-inner h2{font-size:24px}.play-icon{border-color:#727489}.site-footer a{color:#bbb2e0}
@media(max-width:1120px){.hero{gap:42px}.hero::before{inset:10px -28px 0}}@media(max-width:860px){.hero{gap:40px;min-height:initial}.hero h1{font-size:clamp(3.5rem,9vw,5.4rem)}.hero::before{inset:0 -25px}.vision-main h2{font-size:36px}}@media(max-width:580px){.hero{padding-top:30px;padding-bottom:45px;gap:35px}.hero h1{font-size:clamp(3.1rem,13vw,4.7rem)}.hero h1 br{display:block}.hero::before{inset:0 -15px}.vision-main h2{font-size:32px}.illustration-section{padding-bottom:35px}.closing-inner h2{font-size:20px}}
.hero-demo{width:100%;margin-top:20px;align-self:center}.demo-heading{display:flex;justify-content:space-between;font-size:9px;color:#a99eda;margin-bottom:13px;letter-spacing:.055em}.demo-heading>span:last-child{color:#858ba2}.hero-demo video{display:block;width:100%;aspect-ratio:16/9;background:#080a12;object-fit:contain;border:1px solid #3c4057;border-radius:5px;box-shadow:0 20px 60px #03050966}.hero-demo figcaption{font-size:9px;color:#95a4b7;line-height:1.7;margin-top:15px;max-width:470px}.hero-demo figcaption a{color:#b9adf0;text-underline-offset:3px;white-space:nowrap}.real-app-gallery{grid-template-columns:1fr;max-width:420px;justify-self:center;gap:24px}.real-app-gallery .archive-frame{padding:7px;width:100%;max-width:none}.real-app-gallery .archive-frame img{width:100%;max-width:none}.real-app-gallery .second-shot{padding-top:0}.real-app-gallery .archive-shot figcaption{font-size:12px;padding-top:10px}.real-app-gallery .archive-shot figcaption span{font-size:9px}.real-app-gallery .archive-note{margin-top:0;font-size:10px}.hero{min-height:620px}
@media(max-width:860px){.hero-demo{max-width:640px;justify-self:center;margin-top:0}.hero{min-height:initial}.hero-demo figcaption{font-size:10px}.real-app-gallery{grid-template-columns:1fr 1fr;max-width:680px}}@media(max-width:580px){.demo-heading{font-size:8px;margin-bottom:10px}.hero-demo figcaption{font-size:8px;margin-top:12px}.real-app-gallery{grid-template-columns:1fr;max-width:420px;gap:24px}.real-app-gallery .archive-frame{padding:5px}.real-app-gallery .archive-note{font-size:10px}}

/* Portrait explanations: full scenes and controls, without cropping or stretching. */
.portrait-app-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;gap:22px;align-items:start}
.portrait-app-gallery .archive-frame{padding:6px;border-radius:15px}
.portrait-capture{aspect-ratio:1/2.1;overflow:hidden;border-radius:8px;background:#f8f8f4;display:flex;align-items:center}
.portrait-app-gallery .portrait-capture img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;border-radius:0}
.portrait-app-gallery .second-shot{padding-top:0}
.portrait-app-gallery .archive-note{grid-column:1/-1;max-width:440px;margin:0 auto;line-height:1.6}
@media(max-width:580px){.portrait-app-gallery{grid-template-columns:1fr;max-width:300px;gap:26px}.portrait-app-gallery .archive-frame{padding:5px;border-radius:12px}.portrait-app-gallery .portrait-capture{border-radius:6px}.portrait-app-gallery .archive-shot figcaption{font-size:13px}.portrait-app-gallery .archive-shot figcaption span{font-size:10px}.portrait-app-gallery .archive-note{font-size:11px}}

/* Schematic sound and haptic cues sit above the approved illustrations. */
.illustrated-guidance-gallery{gap:28px 36px}
.illustrated-guidance-gallery .archive-frame{position:relative;overflow:visible}
.multimodal-cues{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);overflow:visible;pointer-events:none}
.audio-cue,.vibration-cue{fill:none;stroke-linecap:round;stroke-linejoin:round}
.multimodal-cues .audio-cue{stroke:#72dbf7;stroke-width:1.9;filter:drop-shadow(0 1px 1px #174b63)}
.multimodal-cues .vibration-cue{stroke:#c9b5ff;stroke-width:1.7}
.multimodal-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:11px;line-height:1.5;color:#c4cfdf}
.multimodal-legend>span{display:flex;align-items:center;gap:7px}
.multimodal-legend svg{width:23px;height:23px;flex:none;stroke-width:1.8}
.multimodal-legend .audio-cue{stroke:#72dbf7}
.multimodal-legend .vibration-cue{stroke:#c9b5ff}
@media(max-width:580px){.illustrated-guidance-gallery{gap:27px}.multimodal-cues{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.multimodal-legend{gap:10px;font-size:12px}}