*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Manrope,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.hidden{display:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Manrope;src:url(/studio/assets/manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#151515;--ink:#f5f5f5;--muted:#aaa;--accent:#fff;--line:#303030;--curve:cubic-bezier(.22,1,.36,1);background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:not(.device){min-height:44px}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #fff}button:disabled{cursor:default;opacity:.45}button:focus:not(:focus-visible){outline:none}p,h1,h2,h3,dl,dd{margin:0}img{max-width:100%;display:block}::selection{color:#0a0a0a;background:#fff}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:#000;z-index:100;background:#fff;padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:44px;height:106px;margin-inline:4.4vw;display:flex;position:relative}.wordmark{letter-spacing:-.09em;padding:0;font-size:2.5rem;font-weight:760;line-height:1}.wordmark span{color:#fff}.header-note{color:var(--muted);letter-spacing:.065em;font:.59rem/1.6 monospace}.site-header>nav{align-items:center;gap:38px;margin-left:auto;font-size:.77rem;display:flex}.site-header nav :is(a,button){align-items:center;gap:16px;min-height:44px;display:inline-flex;position:relative}.site-header nav :is(a,button):after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--curve);background:#fff;position:absolute;bottom:0;left:0;right:30px;transform:scaleX(0)}.site-header nav :is(a,button):hover:after{transform:scaleX(1)}.site-header nav span{transition:transform .3s var(--curve);font-size:1.2rem}.site-header nav :is(a,button):hover span{transform:translate(3px,-3px)}.concept-label{color:var(--muted);letter-spacing:.09em;font:.5rem monospace;position:absolute;top:10px;right:0}.showcase{isolation:isolate;height:calc(100svh - 110px);min-height:770px;max-height:980px;position:relative;overflow:clip}.showcase>canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.coordinate{letter-spacing:.14em;color:var(--muted);font:.52rem monospace}.top-coordinate{justify-content:space-between;display:flex;position:absolute;top:26px;left:4.4vw;right:4.4vw}.intro-copy{z-index:4;max-width:540px;position:absolute;top:13%;left:4.4vw}.eyebrow{letter-spacing:.12em;color:var(--muted);align-items:center;gap:9px;font:.58rem/1.7 monospace;display:flex}.eyebrow>i{background:#fff;border-radius:50%;width:5px;height:5px}.intro-copy h2{letter-spacing:-.079em;margin-block:34px 29px;font-size:clamp(4rem,8.3vw,8.2rem);font-weight:570;line-height:.94}.intro-copy h2>span{color:#969696}.intro-description{color:#bdbdbd;letter-spacing:-.02em;font-size:1rem;line-height:1.6}.explore-button{align-items:center;gap:29px;margin-top:36px;padding:0;font-size:.75rem;display:flex}.round-arrow{width:44px;height:44px;transition:background .2s,color .2s,transform .3s var(--curve);border:1px solid #666;border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.explore-button:hover .round-arrow{color:#000;background:#fff;transform:rotate(45deg)}.intro-side-note{color:var(--muted);letter-spacing:.1em;font:.5rem/1.7 monospace;position:absolute;top:calc(100% + 42px);left:0}.space{pointer-events:none;perspective:1800px;--mx:0;--my:0;position:absolute;inset:0}.orbit{transform-style:preserve-3d;position:absolute;inset:0}.device{pointer-events:auto;aspect-ratio:1206/2622;width:18%;transform-style:preserve-3d;transform-origin:50%;text-align:left;background:#161616;border:1px solid #686868;border-radius:30px;padding:5px;transition:border-color .2s,box-shadow .2s;display:block;position:absolute;box-shadow:0 36px 60px -18px #000c,0 0 0 3px #242424}.device:hover,.device:focus-visible{border-color:#fff;box-shadow:0 40px 80px -18px #000d,0 0 0 3px #6b6b6b}.screen{background:#171717;border-radius:24px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.screen>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;filter:grayscale();width:100%;height:100%;transition:filter .45s}.device:hover .screen>img,.device:focus-visible .screen>img,body:not([data-view=overview]) .screen>img{filter:grayscale(0)}.device-hover{opacity:0;height:42px;transition:opacity .18s,transform .3s var(--curve);background:#0a0a0ae8;border:1px solid #777;border-radius:20px;justify-content:space-between;align-items:center;padding:0 14px;font-size:.65rem;display:flex;position:absolute;bottom:12px;left:10px;right:10px;transform:translateY(6px)}.device:hover .device-hover,.device:focus-visible .device-hover{opacity:1;transform:none}.device-brainsort{z-index:3;width:18%;transform:translateZ(60px) rotateY(calc(-16deg + var(--mx)*3deg)) rotateX(calc(8deg + var(--my)*-2deg)) rotateZ(-9deg);top:12%;left:47%}.device-minimum{z-index:1;width:15.5%;transform:translateZ(-70px) rotateY(calc(-13deg + var(--mx)*3deg)) rotateX(calc(9deg + var(--my)*-2deg)) rotateZ(8deg);top:7%;left:67%}.device-snoot{z-index:4;width:13.5%;transform:translateZ(110px) rotateY(calc(-12deg + var(--mx)*3deg)) rotateX(calc(5deg + var(--my)*-2deg)) rotateZ(7deg);top:32%;left:64%}.device-shadow-trainer{z-index:2;aspect-ratio:600/1245;width:14%;transform:translateZ(20px) rotateY(calc(-18deg + var(--mx)*3deg)) rotateX(calc(8deg + var(--my)*-2deg)) rotateZ(-7deg);top:32%;left:82%}.stage-instruction{letter-spacing:.08em;color:#bbb;align-items:center;gap:10px;font:.5rem monospace;display:flex;position:absolute;bottom:14%;left:48%}.stage-instruction>i{background:#fff;width:18px;height:1px}.stage-cross{color:#777;font:1rem monospace;position:absolute}.cross-left{top:43%;left:40%}.cross-right{top:18%;right:3%}.screen-note{letter-spacing:.05em;width:15%;color:var(--muted);font:.55rem/1.8 monospace;display:none;position:absolute;top:42%;left:76%}.project-index{z-index:5;border-top:1px solid #414141;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:22px;left:4.4vw;right:4.4vw}.project-index button{text-align:left;grid-template-columns:24px 1fr 24px;align-items:center;gap:10px;min-width:0;padding:23px 22px 12px 0;display:grid;position:relative}.project-index button:last-child{padding-right:0}.index-track{opacity:0;width:25%;height:2px;transform:translateX(calc(var(--active,0)*100%));transition:transform .55s var(--curve),opacity .2s;background:#fff;position:absolute;top:-1px;left:0}body:not([data-view=overview]) .index-track{opacity:1}.project-index:has(button:hover) .index-track{opacity:1}.index-number{color:#aaa;font:.58rem monospace}.index-name{letter-spacing:-.04em;font-size:1.25rem;font-weight:520}.index-kind{color:var(--muted);letter-spacing:.1em;grid-area:2/2;font:.47rem monospace}.index-arrow{color:#aaa;transition:transform .3s var(--curve);grid-area:1/3/3;justify-self:end;font-size:1.1rem}.project-index button:hover .index-arrow{color:#fff;transform:translate(3px,-3px)}.project-index button[aria-current=true] .index-number{color:#fff}.project-copy{z-index:6;width:31%;max-width:420px;position:absolute;top:12%;left:4.4vw}.project-copy:focus{outline:none}.back-link{color:#bcbcbc;align-items:center;gap:12px;margin-bottom:40px;padding:0;font-size:.7rem;display:flex}.back-link>span{transition:transform .2s}.back-link:hover>span{transform:translate(-4px)}.project-copy .eyebrow{font-size:.55rem}.project-copy h2{letter-spacing:-.08em;overflow-wrap:anywhere;margin-block:22px 24px;font-size:clamp(3.7rem,5.4vw,5.8rem);font-weight:560;line-height:1.02}.project-copy h2>span{color:#939393}#project-description{color:#bdbdbd;max-width:315px;font-size:.95rem;line-height:1.65}.screen-selector{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.screen-selector button{color:#bfbfbf;border:1px solid #494949;border-radius:30px;padding:0 13px;font-size:.68rem;transition:background .2s,color .2s,border-color .2s}.screen-selector button[aria-pressed=true]{color:#0a0a0a;background:#fff;border-color:#fff}.screen-selector button:hover{border-color:#fff}.screen-selector .tab-number{opacity:.65;margin-right:8px;font:.52rem monospace}.demo-button{border-bottom:1px solid #777;align-items:center;gap:22px;margin-top:22px;padding:0;font-size:.78rem;font-weight:550;display:flex}.demo-button>span{transition:transform .3s var(--curve);font-size:1.4rem}.demo-button:hover>span{transform:translate(4px,-4px)}.project-caption{color:var(--muted);max-width:280px;margin-top:22px;font:.51rem/1.7 monospace;display:block}body:not([data-view=overview]) .device{opacity:0;pointer-events:none;transform:translateZ(-100px)rotateY(-12deg)scale(.88)}body:not([data-view=overview]) .device[data-active=true]{opacity:1;z-index:5;pointer-events:auto;width:min(23%,290px);top:7%;left:50%;transform:translateZ(0)}body:not([data-view=overview]) .device-hover{display:none}body:not([data-view=overview]) .stage-instruction{bottom:14%;left:50%}body:not([data-view=overview]) .screen-note{display:block}.device[data-active=true]{cursor:zoom-in}.copy-ghost{pointer-events:none}.studio-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;margin-inline:4.4vw;padding:38px 0;display:flex}.studio-line>p{letter-spacing:-.02em;color:#bdbdbd;font-size:1rem;line-height:1.5}.studio-line dl{gap:40px;display:flex}.studio-line dl>div{flex-direction:column-reverse;display:flex}.studio-line dd{letter-spacing:-.07em;font-size:2.5rem;font-weight:550;line-height:1}.studio-line dd>span{color:#999;vertical-align:top;margin-left:2px;font-size:1.5rem}.studio-line dt{color:var(--muted);margin-top:8px;font-size:.6rem}.studio-line>a{align-items:center;gap:14px;min-height:44px;font-size:.73rem;display:flex}.studio-line>a>span{font-size:1.4rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-inline:4.4vw;padding:21px 0 25px;font-size:.58rem;display:flex}footer>nav{gap:22px;display:flex}#motion-toggle{width:44px;color:var(--ink);border:1px solid #555;border-radius:50%;padding:0;font-size:.85rem}dialog{width:calc(100% - 80px);max-width:1000px;max-height:calc(100svh - 48px);color:var(--ink);background:#111;border:1px solid #555;border-radius:16px;padding:0;overflow:auto;box-shadow:0 40px 150px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060606e6}dialog[open]::backdrop{animation:.3s both backdrop-in}.demo-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:18px;padding:23px 32px 18px;display:flex}.demo-eyebrow{letter-spacing:.13em;color:var(--muted);font:.5rem monospace}.demo-header h2{letter-spacing:-.06em;margin-top:7px;font-size:1.8rem;font-weight:570}.demo-header h2:focus{outline:none}.close-demo{align-items:center;gap:16px;font-size:.75rem;display:flex}.close-demo>span{font-size:1.6rem}.demo-disclaimer{color:#bbb;padding:14px 32px;font-size:.65rem;line-height:1.7}.gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;padding:16px 60px 32px;display:grid}.gallery-phone{aspect-ratio:1206/2622;touch-action:pan-y;background:#161616;border:1px solid #555;border-radius:23px;justify-self:center;width:min(100%,250px);position:relative;overflow:hidden}.gallery-phone img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.gallery-detail h3{letter-spacing:-.06em;margin-top:20px;font-size:clamp(1.8rem,2.7vw,2.7rem);font-weight:500;line-height:1.2}.gallery-instruction{color:var(--muted);margin-top:32px;font-size:.7rem;line-height:1.8}.demo-footer{letter-spacing:.05em;color:#bbb;border-top:1px solid #333;justify-content:space-between;gap:15px;padding:18px 32px;font:.5rem/1.6 monospace;display:flex}@keyframes backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#06060600}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060606e6}}@media (min-width:1600px){.device-brainsort{width:min(16%,320px);left:48%}.device-minimum{width:min(14%,270px)}.device-snoot{width:min(12%,220px);top:27%}.device-shadow-trainer{width:min(12.5%,240px)}.intro-copy{top:16%}}@media (max-width:1100px) and (min-width:769px){.site-header{gap:24px}.intro-copy h2{font-size:7.5vw}.showcase{min-height:730px}.intro-copy{top:15%}.device-brainsort{width:19%;top:18%;left:46%}.device-minimum{width:17%;top:13%;left:68%}.device-snoot{width:17%;top:48%;left:61%}.device-shadow-trainer{width:16%;top:42%;left:82%}.index-name{font-size:1rem}.index-kind{font-size:.42rem}.index-number{font-size:.5rem}.project-index button{grid-template-columns:20px 1fr 18px;gap:6px;padding-right:14px}.project-copy h2{font-size:4rem}.screen-note{left:78%}body:not([data-view=overview]) .device[data-active=true]{width:28%;top:13%;left:45%}body:not([data-view=overview]) .stage-instruction{left:45%}}@media (max-width:768px){.site-header{gap:18px;height:85px;margin-inline:6vw}.wordmark{font-size:2rem}.header-note{display:none}.site-header>nav{gap:18px;font-size:.65rem}.site-header nav :is(a,button){gap:8px}.concept-label{font-size:.4rem;top:8px}.showcase{height:calc(100svh - 85px);min-height:760px;max-height:none}body:not([data-view=overview]) .showcase{height:var(--scene-height,calc(100svh - 85px))}.top-coordinate{letter-spacing:.08em;font-size:.43rem;top:18px;left:6vw;right:6vw}.top-coordinate span:last-child{display:none}.intro-copy{max-width:88vw;top:75px;left:6vw}.intro-copy h2{margin:25px 0 16px;font-size:clamp(3.7rem,14.5vw,6rem);line-height:.94}.eyebrow{font-size:.48rem}.intro-description{font-size:.81rem}.explore-button{gap:18px;margin-top:20px;font-size:.64rem}.round-arrow{width:36px;height:36px;font-size:1.1rem}.intro-side-note{display:none}.device{border-radius:19px;padding:3px;box-shadow:0 24px 35px #0007,0 0 0 2px #333}.screen{border-radius:15px}.device-brainsort{width:31%;transform:translateZ(25px) rotateY(calc(-12deg + var(--mx)*3deg)) rotateZ(-9deg);top:46%;left:7%}.device-minimum{width:27%;transform:translateZ(-40px) rotateY(calc(-10deg + var(--mx)*3deg)) rotateZ(6deg);top:48%;left:35%}.device-snoot{width:28%;transform:translateZ(55px) rotateY(calc(-12deg + var(--mx)*3deg)) rotateZ(8deg);top:55%;left:49%}.device-shadow-trainer{width:23.5%;transform:translateZ(0) rotateY(calc(-15deg + var(--mx)*3deg)) rotateZ(-8deg);top:51%;left:71%}.device-hover{display:none}.stage-instruction{font-size:.44rem;bottom:11%;left:6%}.stage-cross{font-size:.75rem}.cross-left{top:43%;left:5%}.cross-right{top:37%;right:6%}.project-index{bottom:11px;left:6vw;right:6vw}.project-index button{grid-template-columns:1fr;align-content:start;gap:7px;padding:17px 8px 9px 0}.index-number{font-size:.48rem}.index-name{letter-spacing:-.045em;font-size:.74rem;line-height:1.25}.index-kind,.index-arrow{display:none}.project-copy{width:88vw;max-width:none;top:62px;left:6vw}.back-link{margin-bottom:15px;font-size:.64rem}.project-copy h2{margin:13px 0 15px;font-size:3.5rem}body[data-project=shadow-trainer] .project-copy h2{font-size:clamp(2.5rem,10.3vw,3.4rem)}.project-copy h2 br{display:none}.project-copy h2 br:after{content:" "}.project-copy .eyebrow{font-size:.43rem}#project-description{max-width:88vw;font-size:.8rem}.screen-selector{gap:7px;margin-top:17px}.screen-selector button{padding-inline:11px;font-size:.63rem}.screen-selector .tab-number{margin-right:7px;font-size:.48rem}.demo-button{gap:18px;margin-top:10px;font-size:.68rem}.project-caption{display:none}body:not([data-view=overview]) .device[data-active=true]{width:min(46%,200px);left:27%;top:var(--selected-top,46%)}body:not([data-view=overview]) .stage-instruction,body:not([data-view=overview]) .screen-note{display:none}.studio-line{flex-wrap:wrap;gap:27px;margin-inline:6vw;padding:27px 0}.studio-line>p{flex-basis:100%;font-size:.82rem}.studio-line dl{gap:26px}.studio-line dd{font-size:2.1rem}.studio-line dt{font-size:.52rem}.studio-line>a{gap:10px;max-width:150px;font-size:.61rem;line-height:1.7}footer{flex-wrap:wrap;gap:16px;margin-inline:6vw;font-size:.51rem}footer>span{flex-basis:100%}footer>nav{gap:14px;margin-left:auto}#motion-toggle{width:35px;min-height:35px!important}dialog{border-radius:10px;width:calc(100% - 24px);max-height:calc(100svh - 24px)}.demo-header{padding:19px 20px 15px}.demo-eyebrow{letter-spacing:.07em;font-size:.4rem}.demo-header h2{font-size:1.6rem}.close-demo{gap:10px;font-size:.61rem}.demo-disclaimer{padding:12px 20px;font-size:.58rem}.gallery{grid-template-columns:1fr;gap:24px;padding:12px 20px 24px}.gallery-phone{border-radius:18px;width:min(57vw,230px)}.gallery-detail{width:100%}.gallery-detail .eyebrow,.gallery-detail h3,.gallery-instruction{display:none}.gallery-detail .screen-selector{justify-content:center;margin-top:0}.demo-footer{gap:7px;padding:15px 20px;font-size:.43rem}}@media (max-width:359px){.site-header>nav{gap:13px;font-size:.6rem}.site-header nav :is(a,button){gap:4px}.wordmark{font-size:1.7rem}.intro-copy h2{font-size:3.45rem}.index-name{font-size:.66rem}.project-copy h2{font-size:3rem}.studio-line>a{max-width:115px}.studio-line dd{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}dialog[open]::backdrop{animation:none!important}}html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] :before,html[data-motion=paused] :after{transition:none!important;animation:none!important}html[data-motion=paused] dialog[open]::backdrop{animation:none!important}html[data-reflow=true] .showcase{height:auto;padding-top:65px;overflow:visible}html[data-reflow=true] .intro-copy,html[data-reflow=true] .project-copy{width:auto;max-width:none;margin:0 6vw;position:relative;top:auto;left:auto}html[data-reflow=true] .intro-copy h2,html[data-reflow=true] .project-copy h2{overflow-wrap:anywhere;font-size:3rem}html[data-reflow=true] .space{height:530px;margin-top:15px;position:relative;overflow:clip}html[data-reflow=true] .device-brainsort{top:10%}html[data-reflow=true] .device-minimum{top:5%}html[data-reflow=true] .device-snoot{top:42%}html[data-reflow=true] .device-shadow-trainer{top:32%}html[data-reflow=true] body:not([data-view=overview]) .device[data-active=true]{width:min(49%,200px);top:8%}html[data-reflow=true] .stage-instruction,html[data-reflow=true] .screen-note{display:none!important}html[data-reflow=true] .project-index{grid-template-columns:1fr 1fr;margin:0 6vw;position:relative;bottom:auto;left:auto;right:auto}html[data-reflow=true] .index-track{display:none}html[data-reflow=true] .project-index button{padding-right:8px}html[data-reflow=true] .site-header{flex-wrap:wrap;gap:12px;height:auto;min-height:85px;padding-block:25px 18px}html[data-reflow=true] .site-header>nav{justify-content:space-between;gap:8px;width:100%;margin-left:0}html[data-reflow=true] .studio-line dl{flex-wrap:wrap;width:100%}html[data-reflow=true] .demo-header{flex-wrap:wrap;align-items:flex-start}html[data-reflow=true] .demo-header>div{min-width:0}html[data-reflow=true] .gallery{grid-template-columns:1fr}html[data-reflow=true] .gallery-phone{width:min(57vw,230px)}.legal-page{max-width:1180px;margin:70px auto;padding-inline:4.4vw}.legal-page h1{letter-spacing:-.07em;overflow-wrap:anywhere;margin:22px 0;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:550;line-height:1.05}.legal-intro{color:#bbb;max-width:760px;font-size:1rem;line-height:1.8}.legal-notice{border:1px solid #505050;margin-block:32px 48px;padding:24px;font-size:.85rem;line-height:1.8}.legal-notice p{color:#bbb;margin-top:8px}.legal-columns{grid-template-columns:230px minmax(0,1fr);gap:60px;display:grid}.legal-toc{font-size:.8rem;line-height:1.7}.legal-toc>p{color:#aaa;margin-bottom:20px;font:.65rem monospace}.legal-toc ol{padding:0;list-style:none}.legal-toc li{margin-bottom:14px}.legal-section{margin-bottom:42px;scroll-margin-top:24px}.legal-section h2{letter-spacing:-.035em;margin-bottom:18px;font-size:1.5rem;font-weight:600}.legal-section p,.legal-section ul{color:#ccc;overflow-wrap:anywhere;margin-block:16px;font-size:.92rem;line-height:1.9}.legal-section ul{padding-left:24px;list-style:outside}.legal-section a{text-underline-offset:4px;text-decoration:underline}.legal-todo{border-left:2px solid #888;padding:12px 18px;color:#aaa!important;font-size:.8rem!important}.not-found{min-height:60svh}.not-found .back-link{margin-top:30px}@media (max-width:768px){.legal-page{margin-block:45px;padding-inline:6vw}.legal-columns{grid-template-columns:1fr;gap:28px}.legal-toc{border-bottom:1px solid #444;padding-bottom:18px}.legal-toc ol{-moz-columns:2;columns:2;-moz-column-gap:22px;column-gap:22px}.legal-toc li{-moz-column-break-inside:avoid;break-inside:avoid}.legal-notice{padding:18px}}@media (max-width:400px){.legal-toc ol{-moz-columns:1;columns:1}}