@font-face{font-family:Geist;src:url('assets/Geist.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f4f3ee;--stone:#e8e7e1;--ink:#22241f;--muted:#696b64;--line:#cdcec5;--accent:#a74432;--ease:cubic-bezier(.22,1,.36,1);font-family:Geist,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p{line-height:1.6}::selection{background:#b9c3aa;color:#1b2219}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:wait}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.mono{font:10px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:.08em}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.02em}.skip-link{position:fixed;top:-100px;left:24px;padding:14px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}
.header{height:104px;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:24px;letter-spacing:-.06em}.brand img{object-fit:contain}.brand-caption{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:15px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.header nav a{padding-block:12px;position:relative}.header nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.header nav a:hover::after,.header nav a[aria-current=page]::after{transform:scaleX(1)}.header-download{display:flex;gap:30px;align-items:center;font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0}.header-download span{font-size:21px}.menu-toggle{display:none}
.hero{position:relative;min-height:780px;height:calc(100svh - 104px);max-height:980px;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-2;inset:0 -56px;background:radial-gradient(ellipse at 74% 38%,#f4f4ee 0%,#e3e4dc 45%,#d9dcd3 100%)}.hero-top{position:absolute;top:28px;width:100%;display:flex;justify-content:space-between;color:#60655b}.hero-copy{position:relative;z-index:2;padding-top:103px;width:57%}.hero h1{font-size:clamp(90px,9.4vw,152px);line-height:.92;letter-spacing:-.085em;font-weight:510;margin-left:-8px}.hero h1 span{color:#72796b}.hero-copy p{margin-top:33px;font-size:16px;line-height:1.6;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:56px;min-height:58px;padding:0 24px;font-size:13px;font-weight:500;transition:background .25s,transform .25s var(--ease);border-radius:3px}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{background:#41473a;transform:translateY(-2px)}.button span:last-child{font-size:20px}.hero-copy .button{margin-top:30px}.quiet-link{display:block;width:max-content;font-size:12px;margin-top:23px;border-bottom:1px solid #a4a79a;padding-bottom:8px}.quiet-link span{margin-left:26px}.hero-bottom{position:absolute;bottom:24px;width:100%;display:flex;align-items:center;gap:32px;border-top:1px solid #bfc3b8;padding-top:21px;font-size:11px;color:#53594d}.hero-bottom>div{display:flex;gap:30px;margin-left:auto}.hero-bottom>a{font-size:22px;margin-left:35px}
.object-stage{position:absolute;right:30px;top:50px;width:56%;height:calc(100% - 100px);perspective:1200px;pointer-events:none}.record-assembly{position:absolute;width:78%;aspect-ratio:1;left:6%;top:10%;transform:rotateX(22deg) rotateY(-14deg) rotateZ(-24deg);filter:drop-shadow(28px 48px 28px #333b2745);animation:object-arrive 1.4s var(--ease) both}.record-rim{position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,#fafcf4 4%,#c3c8bb 29%,#f5f5eb 40%,#808978 73%,#eef0e4 92%);padding:7%;box-shadow:inset 0 0 1px 2px #fff9,8px 14px 0 -1px #7b8470,9px 15px 0 1px #a0a892,12px 19px 0 #abb09f}.record{position:relative;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 2px,#777c722c 3px,#12171055 4px),conic-gradient(from 20deg,#151a13,#2d3427 12%,#10150e 29%,#424a39 47%,#1a2116 56%,#11160d 76%,#38422f 89%,#151a13);box-shadow:0 0 0 3px #b5bda9,0 8px 12px #27351d61,inset 0 0 0 1px #151d0f;display:grid;place-items:center}.record-light{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 170deg,transparent 0 17%,#ffffff14 19%,transparent 26% 65%,#ffffff18 69%,transparent 77%)}.record-label{position:relative;border-radius:50%;width:36%;height:36%;background:linear-gradient(120deg,#e9e9dd,#c9cebc);box-shadow:inset 1px 1px 4px #f8f9e3aa,0 1px 3px #0008;display:grid;place-items:center}.record-label img{width:31%;opacity:.8;transform:translateY(-20%)}.label-top,.label-bottom{position:absolute;font-size:clamp(5px,.54vw,9px);letter-spacing:.06em}.label-top{top:18%}.label-bottom{bottom:17%}.spindle{position:absolute;left:calc(50% - 4px);top:calc(50% + 18px);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:1px 1px 4px #0007,inset 1px 1px 1px #ffd0b8}.object-shadow{position:absolute;bottom:10%;left:20%;width:75%;height:8%;border-radius:50%;background:#4b56402e;filter:blur(30px);transform:rotate(-10deg)}.object-annotation{position:absolute;bottom:14%;right:1%;font-size:9px;display:flex;align-items:center;gap:20px;color:#656d5d}.object-annotation i{display:block;width:75px;height:1px;background:#89927e}.object-side{position:absolute;right:-12px;top:34%;writing-mode:vertical-rl;font-size:9px;color:#717a65}.stage-cross{position:absolute;font:19px/1 monospace;color:#77806c}.cross-one{left:18%;top:3%}.cross-two{right:2%;bottom:28%}
@keyframes object-arrive{from{opacity:0;transform:translateY(25px) rotateX(25deg) rotateY(-16deg) rotateZ(-26deg)}to{opacity:1;transform:translateY(0) rotateX(22deg) rotateY(-14deg) rotateZ(-24deg)}}
.manifesto{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:end;padding-block:120px;border-bottom:1px solid var(--line)}.manifesto>.eyebrow{align-self:start;color:var(--muted);margin-top:7px}.manifesto>p{font-size:clamp(26px,3vw,46px);line-height:1.22;letter-spacing:-.055em}.manifesto>p span{color:#8b8e82}.manifesto-note{font-size:12px;line-height:1.7;color:var(--muted);padding-bottom:5px}.section{padding-block:110px}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:start;margin-bottom:58px}.index{padding-top:9px;color:var(--muted)}h2{font-size:clamp(32px,3.5vw,55px);font-weight:480;line-height:1.06;letter-spacing:-.06em}.section-head>p{font-size:13px;color:var(--muted);max-width:255px;padding-top:5px}.exhibit-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;gap:20px}.screen-tabs{display:flex;gap:25px}.screen-tabs button{font-size:12px;padding:10px 0;color:var(--muted);border-bottom:1px solid transparent;transition:border-color .2s}.screen-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.exhibit-caption{color:var(--muted);font-size:9px}.exhibit{position:relative;min-height:630px;padding:72px 11% 90px 6%;background:#e6e5de;overflow:hidden}.exhibit-grid{position:absolute;inset:0;background-image:linear-gradient(#72776b0a 1px,transparent 1px),linear-gradient(90deg,#72776b0a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000)}.desktop-screen{position:relative;display:block;padding:5px;background:#d4d4ca;border:1px solid #a5a99a;border-radius:9px;box-shadow:0 30px 45px -25px #30352e66;width:90%;transition:transform .6s var(--ease)}.desktop-screen:hover{transform:translateY(-4px)}.desktop-screen img{border-radius:0 0 4px 4px;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.window-top{height:23px;display:flex;justify-content:space-between;align-items:center;padding-inline:10px;font:8px monospace;color:#697060}.phone-screen{position:absolute;width:19%;max-width:215px;right:6%;bottom:65px;background:#d0d1c6;padding:5px;border:1px solid #989c90;border-radius:22px;box-shadow:8px 16px 30px -6px #363e2e55;transform:rotate(5deg);transition:transform .6s var(--ease)}.phone-screen:hover{transform:rotate(0deg) translateY(-6px)}.phone-screen img{border-radius:16px;aspect-ratio:9/20;width:100%;object-fit:cover;object-position:top}.zoomable{cursor:zoom-in}.exhibit-label{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.feature-strip>div{display:flex;gap:30px;padding:35px 25px;border-right:1px solid var(--line)}.feature-strip>div:first-child{padding-left:0}.feature-strip>div:last-child{border-right:0}.feature-strip .mono{color:var(--muted);margin-top:5px}.feature-strip p{font-size:17px;line-height:1.4;letter-spacing:-.03em}
.dj-section{background:#252922;color:#e9eadf;padding:100px 0 70px;overflow:hidden}.dj-inner{position:relative}.dj-section .section-head{grid-template-columns:1fr 2fr 1fr;position:relative;z-index:1}.dj-section .index{color:#adb29e}.dj-section h2 em{font-style:normal;color:#a2ab92}.dj-section .section-head>p{color:#b4b9a8}.sound-study{height:300px;position:relative;display:grid;place-items:center;margin:40px 0 60px}.sound-ring{position:absolute;border-radius:50%;width:55%;height:90%;border:1px solid #b5bda529;transform:rotate(-12deg);box-shadow:0 0 0 15px #a7b59404}.sound-ring.r2{width:42%;height:78%;transform:rotate(9deg);border-color:#b5bda544}.sound-ring.r3{width:31%;height:64%;transform:rotate(-20deg);border-color:#b5bda577}.sound-ring.r4{width:21%;height:52%;transform:rotate(20deg);border-color:#b5bda5a6}.sound-core{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#a6b28d,#566346);box-shadow:10px 15px 35px #0c110980,inset 1px 1px 1px #e2edbe9e}.sound-core img{width:33px;opacity:.8}.sound-label{position:absolute;left:0;bottom:45%;color:#a8b19b;font-size:9px}.sound-number{position:absolute;right:0;bottom:45%;color:#a8b19b;font-size:9px}.dj-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid #c5cdbb30;padding-top:30px}.dj-notes .mono{color:#939f86}.dj-notes h3{font-size:19px;font-weight:450;margin:19px 0 12px;letter-spacing:-.03em}.dj-notes p{font-size:13px;color:#aeb7a3;max-width:310px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);padding:13px 0;width:max-content;max-width:100%;font-size:13px;margin-top:32px}.text-link.light{border-color:#89977b;color:#c0cbb3}.text-link span{font-size:23px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.detail-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:start}.detail-art{position:relative;aspect-ratio:1;background:#e9e7de;display:grid;place-items:center;overflow:hidden}.detail-art>span{position:absolute;bottom:26px;color:#77796c;font-size:9px}.detail-disc{width:61%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 30deg,#f2efe6,#d6d6c7,#f0eee3,#bebfae,#eeebe1);box-shadow:inset 2px 2px 3px #fffffccc,15px 20px 25px #8587754d;display:grid;place-items:center;transform:rotate(-25deg)}.detail-disc::before{content:'';width:78%;height:78%;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 10px #e8e8dc,inset 4px 4px 10px #b2b59f80}.detail-disc i{position:absolute;width:29%;height:29%;border-radius:50%;background:#373d2f;box-shadow:6px 10px 15px #858571aa,inset 2px 2px 2px #555d49}.detail-disc i::after{content:'';position:absolute;top:46%;left:46%;width:8%;height:8%;border-radius:50%;background:#a6b58b}.detail-list details{border-top:1px solid var(--line);padding:24px 0}.detail-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;font-size:21px;letter-spacing:-.035em;line-height:1.25}summary::-webkit-details-marker{display:none}summary>.mono{color:var(--muted);font-size:9px;flex-shrink:0;letter-spacing:0}summary>span:last-child{margin-left:auto;font-size:22px;font-weight:300;transition:transform .3s}details[open]>summary>span:last-child{transform:rotate(45deg)}.detail-list details p{font-size:14px;color:var(--muted);padding:23px 35px 0}.detail-list details>a{display:block;font-size:12px;margin:20px 35px 0;width:max-content;border-bottom:1px solid var(--line);padding-bottom:6px}
.download-section{background:#d9ddd0;padding:100px 0}.download-section>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.download-heading h2{font-size:clamp(60px,7vw,112px);letter-spacing:-.075em;margin-top:32px;line-height:.95}.download-heading h2 span{color:#6c765d}.download-heading p{font-size:14px;margin-top:28px}.download-panel{padding-top:4px}.download-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #aab29d;font-size:11px}.platforms{display:flex;gap:27px;margin-top:32px}.platforms button{font-size:13px;padding:8px 0;border-bottom:1px solid transparent;color:#69735d}.platforms button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.download-product{padding:26px 0}.download-product h3{font-size:28px;font-weight:480;letter-spacing:-.045em}.download-product p{font-size:12px;color:#606b55;margin-top:8px}.download-panel>.button{display:flex;width:100%}.download-meta{display:flex;justify-content:space-between;padding-top:13px;color:#69745e;font-size:9px}.download-help{display:flex;justify-content:space-between;font-size:11px;margin-top:28px}.integrity{margin-top:27px;padding-top:19px;border-top:1px solid #aab29d}.integrity summary{font-size:11px;letter-spacing:0}.integrity summary::after{content:'+';margin-left:auto;font-size:17px}.integrity[open] summary::after{content:'−'}.integrity>a,.integrity>button{display:block;font-size:11px;padding:9px 0;text-align:left}.integrity>a:first-of-type{margin-top:12px}.release-note{font-size:10px;color:#606b55;margin-top:20px}
.footer{padding-block:45px 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:45px}.footer-top>div{display:flex;gap:25px;font-size:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:14px 22px;background:var(--ink);color:white;border-radius:4px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.lightbox{border:0;background:#e8e7e1;padding:50px 16px 16px;max-width:94vw;max-height:94svh;border-radius:6px}.lightbox::backdrop{background:#191d18c9;backdrop-filter:blur(10px)}.lightbox img{max-height:calc(90svh - 75px);max-width:90vw;object-fit:contain;margin:auto}.lightbox-close{position:absolute;top:12px;right:16px;padding:6px;font-size:12px}
.document-hero{padding:85px 0 75px;border-bottom:1px solid var(--line)}.document-hero>.eyebrow{color:var(--muted)}.document-hero h1{font-weight:470;font-size:clamp(42px,6.3vw,100px);line-height:1.02;letter-spacing:-.065em;margin-top:35px}.document-hero>p{color:var(--muted);font-size:15px;margin-top:28px}.document-layout{display:grid;grid-template-columns:1fr 3fr;gap:65px}.contents{position:sticky;top:40px;align-self:start;padding-top:60px;display:flex;flex-direction:column;gap:20px;font-size:12px}.contents>.mono{font-size:9px;color:var(--muted);padding-bottom:10px}.contents>a{color:var(--muted)}.contents>a:hover{color:var(--ink)}.document-body{max-width:900px;min-width:0}.document-body>section{padding:60px 0;border-bottom:1px solid var(--line)}.document-body>section:last-child{border:0;padding-bottom:100px}.document-body h2{margin:24px 0 30px}.document-body p{font-size:16px;color:#60655a;max-width:690px;margin:20px 0;line-height:1.75}.document-body .lead{font-size:20px;letter-spacing:-.02em;line-height:1.6}.document-body details{border-top:1px solid var(--line);padding:22px 0}.document-body details:first-of-type{margin-top:30px}.document-body summary{font-size:19px}.document-body details>div{padding-right:20px}.document-body details p{font-size:14px}.document-body code{font:12px/1.6 monospace;overflow-wrap:anywhere}.document-body pre{padding:22px;background:var(--stone);overflow-x:auto;white-space:pre-wrap}.document-body strong{font-weight:550;color:var(--ink)}.document-screen{margin:32px 0}.document-screen button{padding:8px;border:1px solid var(--line);background:var(--stone);cursor:zoom-in;width:100%}.document-screen img{width:100%;height:auto}.document-screen figcaption{margin-top:12px;font-size:11px;color:var(--muted)}.steps{padding-left:23px}.steps>li{padding-left:12px;margin-block:30px}.steps li::marker{font:13px monospace;color:var(--muted)}.steps li>p{margin-top:10px;font-size:15px}.document-body dl{margin:35px 0 0;display:grid;grid-template-columns:1fr 2fr;gap:28px}.document-body dt{font-weight:500;font-size:15px;padding-top:3px}.document-body dd{margin:0;font-size:15px;color:var(--muted);line-height:1.7}.process{margin:40px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.process>div{display:flex;flex-direction:column;gap:9px}.process .mono{color:var(--muted);margin-bottom:5px}.process strong{font-size:19px}.process small{font-size:11px;color:var(--muted)}.process>span{color:var(--muted)}.note{border-left:2px solid #919d7e;background:#e8ebdf;padding:22px 28px;font-size:13px;line-height:1.8;color:#58614b;margin-top:30px}.test-report{display:flex;gap:40px;align-items:center;padding:30px 0;border-block:1px solid var(--line);margin:35px 0}.test-report>strong{font-size:85px;font-weight:430;letter-spacing:-.075em}.test-report h3{font-size:18px;font-weight:500}.test-report p{font-size:12px;margin:12px 0;max-width:330px}.release-entry{display:grid;grid-template-columns:1fr 4fr;gap:35px;border-top:1px solid var(--line);padding:25px 0}.release-entry>.mono{padding-top:7px;color:var(--muted)}.release-entry h3{font-size:20px;font-weight:480;letter-spacing:-.03em}.release-entry p{font-size:14px;margin:13px 0}.release-entry a{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}
@media(min-width:1700px){.hero::before{inset-inline:calc((1440px - 100vw)/2)}.object-stage{top:80px}.exhibit{min-height:770px}.hero-copy{padding-top:145px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{gap:28px;height:88px}.header nav{gap:22px}.brand-caption{display:none}.hero::before{inset-inline:-32px}.hero{min-height:690px;height:calc(100svh - 88px)}.hero h1{font-size:clamp(80px,10vw,115px)}.hero-copy{padding-top:110px}.object-stage{top:105px;right:-5px;width:55%;height:75%}.record-assembly{width:83%;left:0;top:13%}.object-side{right:-15px}.object-annotation{bottom:7%;right:0;font-size:8px}.object-annotation i{width:25px}.manifesto,.section-head{grid-template-columns:1fr 2.4fr 1.2fr;gap:25px}.manifesto{padding-block:90px}.section{padding-block:90px}.exhibit{min-height:490px;padding:55px 10% 80px 5%}.phone-screen{bottom:65px}.section-head>p{font-size:12px}.sound-label,.sound-number{bottom:0;font-size:8px}.dj-section{padding-block:85px 65px}.download-section>.wrap{gap:8%}.document-layout{gap:40px}.detail-list details{padding-block:22px}summary{font-size:19px}.detail-list details p{padding-inline:30px 0}.detail-list details>a{margin-left:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px;gap:20px}.brand{font-size:22px}.brand img{width:22px;height:22px}.header-download{margin-left:auto;font-size:11px;gap:13px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:10;background:var(--paper);margin:0;padding:20px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 30px #22241f14}.header nav a{font-size:18px;width:max-content}.menu-toggle{display:flex;align-items:center;gap:10px;font-size:11px;margin-left:auto;padding:12px 0}.menu-toggle span{font-size:20px}.header-download{margin-left:0}.hero{min-height:840px;height:auto;max-height:none}.hero::before{inset-inline:-20px}.hero-top{top:22px;font-size:8px;gap:10px}.hero-copy{padding-top:80px;width:100%}.hero h1{font-size:clamp(72px,16vw,112px);letter-spacing:-.075em;margin-left:-4px}.hero-copy p{font-size:13px;margin-top:22px;line-height:1.65}.hero-copy .button{margin-top:24px;min-height:50px;padding-inline:18px;gap:45px;font-size:12px}.quiet-link{display:inline-block;margin-left:20px;margin-top:0;font-size:10px}.quiet-link span{margin-left:10px}.object-stage{width:73%;height:380px;right:8%;top:410px}.record-assembly{width:100%;max-width:355px;left:50%;top:4%;translate:-50% 0;filter:drop-shadow(18px 30px 15px #333b2740)}.record-rim{box-shadow:inset 0 0 1px 1px #fff9,5px 8px 0 -1px #7b8470,6px 9px 0 1px #a0a892,7px 11px 0 #abb09f}.object-shadow{bottom:15%;filter:blur(20px)}.label-top,.label-bottom{font-size:6px}.spindle{top:calc(50% + 10px);width:6px;height:6px;left:calc(50% - 3px)}.object-side{font-size:7px;right:-24px;top:30%}.cross-one{left:-8%;top:10%}.cross-two{right:-5%;bottom:23%}.object-annotation{bottom:8%;right:0;font-size:7px}.hero-bottom{bottom:20px;padding-top:15px;gap:10px}.hero-bottom>span{font-size:9px}.hero-bottom>div{gap:12px;font-size:8px}.hero-bottom>a{margin-left:0;font-size:18px}.manifesto{grid-template-columns:1fr;gap:24px;padding-block:65px}.manifesto>p{font-size:34px;letter-spacing:-.05em}.manifesto-note{font-size:12px}.manifesto>.eyebrow{font-size:10px}.section{padding-block:65px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:35px}h2{font-size:39px;letter-spacing:-.055em}.section-head>p{font-size:13px;max-width:320px}.index{font-size:9px;padding-top:0}.exhibit-toolbar{padding-bottom:12px}.screen-tabs{gap:20px;overflow-x:auto}.screen-tabs button{font-size:11px;flex-shrink:0}.exhibit-caption{display:none}.exhibit{min-height:345px;padding:40px 8% 85px 4%;margin-inline:-20px}.desktop-screen{width:92%;padding:3px;border-radius:5px}.desktop-screen .window-top{height:15px;font-size:6px;padding-inline:5px}.phone-screen{width:22%;max-width:105px;right:5%;bottom:46px;padding:3px;border-radius:11px}.phone-screen img{border-radius:8px}.exhibit-label{font-size:7px;bottom:18px;left:20px;right:20px}.feature-strip{gap:14px}.feature-strip>div{flex-direction:column;gap:12px;padding:25px 12px 25px 0}.feature-strip p{font-size:13px;letter-spacing:-.025em}.feature-strip .mono{font-size:9px}.dj-section{padding-block:65px 50px}.dj-section .section-head{grid-template-columns:1fr}.sound-study{height:220px;margin:20px 0 40px}.sound-ring{width:90%;height:65%}.sound-ring.r2{width:72%;height:56%}.sound-ring.r3{width:54%;height:46%}.sound-ring.r4{width:36%;height:36%}.sound-core{width:55px;height:55px}.sound-core img{width:24px}.sound-label,.sound-number{font-size:7px;bottom:0}.dj-notes{grid-template-columns:1fr;gap:27px;padding-top:25px}.dj-notes>div{display:grid;grid-template-columns:28px 1fr;column-gap:15px}.dj-notes .mono{grid-row:1/3;padding-top:5px}.dj-notes h3{margin:0 0 10px;font-size:19px}.dj-notes p{grid-column:2;max-width:100%;font-size:13px}.text-link{font-size:12px}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-art{aspect-ratio:1.6}.detail-disc{width:43%}.detail-art>span{bottom:15px;font-size:7px}.detail-list details{padding-block:23px}.detail-list summary{font-size:18px;gap:15px}.detail-list details p{padding-top:18px;padding-left:26px;font-size:13px}.detail-list details>a{margin-left:26px;font-size:11px}.download-section{padding-block:65px}.download-section>.wrap{grid-template-columns:1fr;gap:42px}.download-heading h2{font-size:75px;margin-top:26px}.download-heading p{font-size:13px;margin-top:20px}.download-panel{border-top:1px solid #aab29d;padding-top:20px}.download-top{font-size:11px}.download-product h3{font-size:26px}.footer{padding-block:35px 25px}.footer-top{align-items:flex-start;padding-bottom:30px}.footer-top>div{gap:17px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:13px;font-size:9px}.footer-bottom>span:nth-child(2){margin-left:auto}.footer-bottom>a{width:100%}.document-hero{padding:48px 0 40px}.document-hero h1{font-size:clamp(38px,8.8vw,64px);margin-top:25px}.document-hero>p{font-size:13px;margin-top:25px}.document-hero>.eyebrow{font-size:8px}.document-layout{display:block}.contents{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:13px 20px;padding-block:25px;border-bottom:1px solid var(--line);font-size:10px}.contents>.mono{display:none}.document-body>section{padding-block:45px}.document-body h2{font-size:35px;margin-top:22px}.document-body p{font-size:14px}.document-body .lead{font-size:17px}.document-body details p{font-size:13px}.document-body dl{grid-template-columns:1fr;gap:12px}.document-body dd{font-size:14px;margin-bottom:16px}.document-body dt{font-size:16px}.document-screen{margin-inline:-10px}.process{gap:10px}.process strong{font-size:15px}.process small{font-size:9px;max-width:80px}.note{padding:18px;font-size:12px}.test-report{gap:24px}.test-report>strong{font-size:64px}.test-report h3{font-size:15px}.test-report p{font-size:11px}.release-entry{gap:20px;grid-template-columns:50px 1fr}.release-entry h3{font-size:19px}.release-entry p{font-size:13px}}
@media(max-width:380px){.hero{min-height:800px}.object-stage{top:405px;height:330px}.hero-copy .quiet-link{margin-left:12px;font-size:9px}.hero-bottom>span{max-width:95px}.hero-top{font-size:7px}.hero-top>span:first-child{max-width:160px}.screen-tabs{gap:15px}.exhibit{min-height:305px}.document-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.record-assembly{animation:none}}
body:has(.lightbox[open]){overflow:hidden}

/* Canonical silhouette, including the small mark in the footer. */
.brand { font-weight: 650; gap: 13px; }
.brand img { width: 30px; height: 32px; flex: 0 0 auto; filter: brightness(0); }
.record-label img { width: 34%; filter: brightness(0); opacity: .91; }
.hero::before { inset-inline: calc((100% - 100vw) / 2); }
.hero-bottom > a { margin-left: 8px; }
.motion-toggle { display: grid; place-items: center; width: 32px; height: 32px; margin-left: 8px; padding: 0; border: 1px solid transparent; border-radius: 50%; opacity: .65; transition: opacity .2s, border-color .2s; }
.motion-toggle[hidden] { display: none; }
.motion-toggle:hover, .motion-toggle:focus-visible { opacity: 1; border-color: #9aa18f; }
.record-rim { transform: translate3d(var(--drift-x,0px),var(--drift-y,0px),0); transition: transform 1.2s cubic-bezier(.2,.8,.2,1); animation: record-float 10s ease-in-out infinite; animation-play-state: paused; }
.record-label { animation: label-turn 110s linear infinite; animation-play-state: paused; }
.object-stage.is-active .record-rim, .object-stage.is-active .record-label { animation-play-state: running; }
@keyframes record-float { 0%,100% { translate: 0 3px; } 50% { translate: 0 -4px; } }
@keyframes label-turn { to { rotate: 360deg; } }
.sound-study { height: 290px; }
.wavefield { width: 88%; height: 100%; overflow: visible; animation: sound-breathe 12s ease-in-out infinite alternate; animation-play-state: paused; }
.sound-study.is-active .wavefield { animation-play-state: running; }
@keyframes sound-breathe { from { opacity: .65; transform: translateY(2px); } to { opacity: 1; transform: translateY(-2px); } }
.sound-label, .sound-number { bottom: 0; }
.preview-previous { object-fit: cover; object-position: top; }
.button:active { transform: translateY(0) scale(.985); }
.header-download:hover span { transform: translate(2px,-2px); }
.header-download span { transition: transform .3s var(--ease); }
.screen-tabs button { transition: color .25s, border-color .25s; }
html.motion-away .record-rim, html.motion-away .record-label, html.motion-away .wavefield,
html.motion-disabled .record-rim, html.motion-disabled .record-label, html.motion-disabled .wavefield { animation-play-state: paused !important; }
html.motion-disabled .record-assembly { animation: none; }
html.motion-disabled *, html.motion-disabled *::before, html.motion-disabled *::after { scroll-behavior: auto !important; transition: none !important; }
@media (max-width:760px) {
  .brand img { width: 26px; height: 28px; }
  .brand { gap: 10px; }
  .hero-bottom { gap: 8px; }
  .hero-bottom > div { gap: 10px; }
  .hero-bottom > a { margin-left: 0; }
  .motion-toggle { width: 28px; height: 28px; margin-left: 0; flex-shrink: 0; }
  .sound-study { height: 200px; }
  .wavefield { width: 112%; max-width: none; }
}
@media (max-width:380px) {
  .hero-bottom > span { max-width: 78px; }
  .hero-bottom > div { gap: 8px; font-size: 7px; }
}
@media (prefers-reduced-motion:reduce) {
  .record-rim, .record-label, .wavefield { animation: none !important; }
}

/* Product stories: real capabilities, with their measurement windows. */
.page-index { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 38px; padding-block: 23px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.page-index > .mono { margin-right: auto; color: var(--muted); }
.page-index a { display: flex; gap: 20px; font-size: 12px; padding-block: 8px; }
.page-index a span { color: var(--muted); }
.listening-section { border-top: 1px solid var(--line); }
.listening-ledger { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 48px; }
.listening-ledger article { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--line); padding: 27px 0 36px; }
.metric-period { color: #757c6d; }
.listening-ledger h3 { max-width: 320px; font-size: clamp(24px,2.15vw,33px); line-height: 1.15; letter-spacing: -.045em; font-weight: 480; margin: 24px 0 17px; }
.listening-ledger p { max-width: 340px; font-size: 13px; color: var(--muted); margin-bottom: 24px; }
.metric-name { margin-top: auto; color: #536047; font-size: 11px; }
.section-footnote { display: flex; align-items: flex-start; justify-content: space-between; gap: 36px; border-top: 1px solid var(--line); padding-top: 26px; }
.section-footnote > p { max-width: 440px; color: var(--muted); font-size: 12px; }
.section-footnote .text-link { margin-top: 0; flex-shrink: 0; }
.everyday-section { background: var(--stone); }
.use-cases { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; }
.use-cases article { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid #bdc2b6; padding-top: 23px; }
.use-cases article > .mono { color: var(--muted); font-size: 9px; }
.use-cases h3 { font-size: clamp(23px,2.1vw,32px); line-height: 1.2; font-weight: 470; letter-spacing: -.045em; margin: 30px 0 18px; }
.use-cases p { color: var(--muted); font-size: 13px; max-width: 360px; margin-bottom: 26px; }
.use-cases .text-link { margin-top: auto; font-size: 12px; }
.questions-list { margin-left: calc((100% - 64px)/4 + 32px); }
.questions-list details { border-top: 1px solid var(--line); }
.questions-list details:last-child { border-bottom: 1px solid var(--line); }
.questions-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; font-size: 20px; font-weight: 450; line-height: 1.4; letter-spacing: -.025em; padding: 25px 0; cursor: pointer; list-style: none; }
.questions-list summary::-webkit-details-marker { display: none; }
.questions-list .details-plus { flex-shrink: 0; color: var(--muted); }
.questions-list details > div { padding: 0 50px 27px 0; max-width: 710px; }
.questions-list p { font-size: 14px; color: var(--muted); }
.questions-list details a { display: inline-block; font-size: 12px; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid var(--line); }
.document-subheading { font-size: 25px; font-weight: 480; letter-spacing: -.035em; margin-top: 45px; }
@media (max-width:1150px) {
 .page-index { gap: 14px 25px; }
 .listening-ledger, .use-cases { column-gap: 28px; }
 .questions-list { margin-left: 0; }
}
@media (max-width:760px) {
 .page-index { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; padding-block: 20px; }
 .page-index > .mono { grid-column: 1/-1; margin-bottom: 8px; font-size: 8px; }
 .page-index a { justify-content: space-between; font-size: 11px; gap: 8px; }
 .listening-ledger, .use-cases { grid-template-columns: 1fr; gap: 0; }
 .listening-ledger article { padding: 25px 0 28px; }
 .listening-ledger h3 { font-size: 28px; max-width: 100%; margin: 18px 0 12px; }
 .listening-ledger p { max-width: 100%; margin-bottom: 15px; }
 .metric-period { font-size: 9px; }
 .section-footnote { flex-direction: column; gap: 22px; }
 .section-footnote .text-link { font-size: 11px; }
 .use-cases article { padding-block: 24px 32px; }
 .use-cases article:last-child { padding-bottom: 0; }
 .use-cases h3 { font-size: 28px; margin-top: 22px; }
 .use-cases p { max-width: 100%; }
 .questions-list summary { font-size: 18px; gap: 20px; padding-block: 22px; }
 .questions-list details > div { padding: 0 10px 24px 0; }
 .questions-list p { font-size: 13px; }
 .document-subheading { font-size: 23px; }
}
