@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#100d0b;--ivory:#f6ebd5;--muted:#bdaf99;--gold:#d8b577;--red:#ed796a;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--ivory);font:15px/1.7 'DM Sans',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.05}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #add9f5;outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-70px;z-index:100;background:var(--ivory);color:var(--ink);padding:12px}.skip:focus{top:0}.site-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff26;background:linear-gradient(#090909b8,transparent)}.brand{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;line-height:1.4}.brand img{width:45px;height:45px}.brand small{display:block;font-size:8px;letter-spacing:3px}.site-nav nav{display:flex;gap:30px;font-size:12px}.site-nav nav a{border-bottom:1px solid transparent}.site-nav nav a:hover{border-color:var(--gold)}.motion-button{background:#100d0b66;border:1px solid #ffffff50;padding:7px 12px;font-size:10px;border-radius:30px}.hero{height:100svh;min-height:720px;max-height:1200px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;animation:arrive 2s ease-out both,drift 26s ease-in-out 2s infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090809e8 0%,#1009099c 26%,transparent 65%),linear-gradient(0deg,var(--ink),transparent 23%,transparent 80%,#0005)}.hero-copy{position:relative;z-index:2;margin:50px 0 0 7vw;max-width:550px;animation:rise 1.3s ease both}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:var(--gold)}.hero h1{font-size:clamp(85px,10.5vw,170px);letter-spacing:.08em;margin:14px 0 0;line-height:.9}.hero-subtitle{font-size:15px;letter-spacing:6px;text-transform:uppercase;margin:22px 0 32px}.hero-description{font-size:17px;line-height:1.75;color:#f0e5d6}.gold-button{margin-top:32px;display:inline-flex;align-items:center;gap:45px;padding:14px 24px;border:1px solid #d8b577b0;background:#17100aa8;color:var(--ivory);font-size:12px;transition:background .3s,transform .3s}.gold-button:hover{background:#9b723a80;transform:translateY(-3px)}.gold-button span{font-size:22px}.hero-footer{position:absolute;bottom:26px;left:7vw;right:5vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.4px;color:#d4c4ad}.motes{position:absolute;inset:0;pointer-events:none}.mote{position:absolute;width:2px;height:2px;background:#ffdb96;border-radius:50%;box-shadow:0 0 9px #ffe1a0;animation:float 13s linear infinite;opacity:0}.instrument-section{padding:100px 4vw 75px;background:radial-gradient(ellipse at 50% 30%,#3c281934,transparent 65%)}.section-heading{display:flex;gap:60px;justify-content:space-between;align-items:end;margin:0 auto 42px;max-width:1400px}.section-heading h2{font-size:clamp(42px,4.6vw,68px);margin-top:12px}.section-heading>p{max-width:355px;color:var(--muted);font-size:13px}.explorer-tools{max-width:1400px;margin:0 auto 28px;display:flex;align-items:center;gap:14px;font-size:11px}.explorer-tools label{color:var(--muted)}select{background:#211a14;color:var(--ivory);border:1px solid #685742;padding:10px;max-width:260px}.explorer-tools button{background:transparent;border:1px solid #685742;padding:9px 15px;font-size:11px}.tour-note{margin-left:auto;color:var(--muted);font-size:10px}.explorer{position:relative;max-width:1400px;margin:auto;min-height:660px;display:grid;grid-template-columns:minmax(0,1fr) 0fr;gap:0;align-items:start;transition:grid-template-columns .8s cubic-bezier(.2,.8,.2,1),gap .8s}.explorer.is-open{grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:45px}.instrument-wrap{min-width:0;transition:transform .8s;transform-origin:center;align-self:start}.is-open .instrument-wrap{transform:perspective(1500px) rotateY(4deg) translateY(18px)}.instrument-panel{position:relative;aspect-ratio:1.5;overflow:hidden;box-shadow:0 30px 80px #0009;border-radius:9px}.instrument-panel>img{width:100%;height:auto;max-width:none}.hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:50%;transform:translate(-50%,-50%);padding:0;transition:background .25s,border .25s;z-index:2}.hotspot:hover,.hotspot:focus-visible,.hotspot.selected,.show-hotspots .hotspot{border-color:#fff4ce;background:#ffd89128;box-shadow:0 0 16px #ffd891aa}.hotspot:after{content:attr(data-label);position:absolute;left:50%;bottom:110%;transform:translateX(-50%);padding:5px 10px;background:#130c08;color:var(--ivory);font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--gold)}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.hotspot.rect{border-radius:5px}.hotspot.ruby{box-shadow:0 0 20px #ff2c3466;border:1px solid #ffb18e66;animation:ruby 3s ease-in-out infinite}.panel-caption{text-align:center;color:var(--muted);font-size:11px;padding-top:23px}.pulse-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px}.control-story{position:relative;min-width:0;padding:30px 0 20px;border-top:1px solid var(--gold);animation:rise .6s .12s both}.close-story{position:absolute;top:16px;right:0;border:1px solid var(--line);background:transparent;width:36px;height:36px;font-size:24px;line-height:1}.control-story h3{font-size:clamp(38px,4vw,60px);margin:14px 30px 15px 0}.control-lead{font-size:17px;line-height:1.6}.story-detail{border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.story-detail h4{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:var(--gold);margin-bottom:7px}.story-detail p{color:var(--muted);font-size:13px;line-height:1.8}.related{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.related button{border:1px solid #574530;background:#261b11;padding:6px 10px;font-size:11px}.story-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:10px;color:var(--muted)}.story-bottom button{background:none;border:0;color:var(--gold);font-size:11px}.signal-art{height:48px;display:flex;align-items:center;gap:5px;margin-bottom:20px}.signal-art i{display:block;background:linear-gradient(var(--gold),#816139);width:3px;height:var(--h,20px);animation:sing 2s ease-in-out infinite alternate;animation-delay:var(--d,0s)}.advanced{max-width:1400px;margin:55px auto 0;border:1px solid #973b3255;background:radial-gradient(ellipse at top,#471d19aa,#100a0b 60%);padding:35px;animation:reveal .7s ease}.advanced-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.advanced h3{font-size:46px;margin:12px 0}.advanced .eyebrow{color:var(--red)}.advanced-heading button{border:1px solid #a25245;background:transparent;font-size:11px;padding:9px 13px}.advanced-intro{color:#c2a79e;max-width:650px;font-size:13px}.advanced-tabs{display:flex;gap:10px;margin-top:30px;border-bottom:1px solid #913f3555;overflow-x:auto}.advanced-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 18px;color:#c28b80;white-space:nowrap}.advanced-tabs button[aria-selected=true]{color:#ffb69f;border-bottom-color:#fc8b73}.advanced-image{position:relative;aspect-ratio:3;overflow:hidden;margin:25px 0}.advanced-image img{position:absolute;bottom:0;width:100%;height:auto}.advanced-copy h4{font-size:24px;font-family:'Cormorant Garamond';margin-bottom:10px}.advanced-copy>p{max-width:850px;color:#d8bbb0;font-size:14px}.advanced-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.advanced-facts h5{font-size:11px;color:#ffb89a;margin:0 0 7px}.advanced-facts p{font-size:12px;color:#bda399}.origin{background:#ede5d5;color:#332b20;display:grid;grid-template-columns:1fr 1.15fr;gap:9vw;padding:110px 9vw}.origin .eyebrow{color:#805e37}.origin h2{font-size:clamp(60px,7vw,104px);margin:20px 0}.fine-rule{display:block;width:65px;border-top:1px solid #a88c68;margin:30px 0}.origin-title>p:last-child{max-width:260px;font-size:14px;color:#776248}.origin-copy .large-copy{font:30px/1.3 'Cormorant Garamond';color:#3b2d1c}.origin-copy>p{margin-bottom:24px;color:#6d5c46;font-size:14px}details{border-top:1px solid #89745b55;margin-top:30px;padding-top:18px}summary{cursor:pointer;font-size:12px;letter-spacing:.3px}details p{margin-top:18px;font-size:13px;line-height:1.8;color:inherit}.architecture{padding:100px 7vw;max-width:1700px;margin:auto}.signal-path{display:flex;gap:15px;align-items:center}.signal-path button{flex:1;background:#201911;border:1px solid #5e4a30;padding:24px 15px;text-align:left;font-size:13px}.signal-path span{display:block;font-size:10px;color:var(--gold);margin-bottom:10px}.signal-path b{color:#6d563a}.signal-path button[aria-selected=true]{background:#d8b577;color:#211508;border-color:#f5d49f}.signal-path button[aria-selected=true] span{color:#5c421f}#signal-detail{display:flex;gap:35px;padding:35px 20px;min-height:180px;border-bottom:1px solid var(--line)}#signal-number{font:65px/1 'Cormorant Garamond';color:#7b5f3d}#signal-detail h3{font-size:30px;margin-bottom:12px}#signal-detail p{max-width:800px;color:var(--muted);font-size:14px}.engineering{color:var(--muted)}.engineering>div{max-width:850px}.listening{padding:85px 9vw;background:#211912;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.listening h2{font-size:66px;margin:18px 0}.listening p{color:var(--muted);max-width:370px;font-size:14px}.recordings article{border-top:1px solid #856746;padding:18px 0 25px}.recordings article>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.recordings h3{font-size:29px;margin:8px 0 18px}audio{width:100%;height:38px;color-scheme:dark}.recordings .small-note{font-size:11px;max-width:500px}.jasper-note{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding:100px 9vw}.jasper-note>img{width:100%;aspect-ratio:1;object-fit:cover;object-position:61% center;border-radius:50%;border:1px solid #ad8c53;box-shadow:0 0 80px #b77e1820}.jasper-note h2{font-size:60px;margin:15px 0 20px}.jasper-note p{font-size:13px;color:var(--muted);max-width:380px}.jasper-note a{display:inline-block;border-bottom:1px solid var(--gold);font-size:12px;padding-bottom:5px;margin-top:22px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 5vw;font-size:10px;letter-spacing:1px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-off *{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}
@keyframes arrive{from{transform:scale(1.07);filter:brightness(.65)}to{transform:scale(1);filter:brightness(1)}}@keyframes drift{to{transform:scale(1.045) translateX(-.4%)}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(30px);opacity:0}20%,80%{opacity:.6}100%{transform:translate(30px,-170px);opacity:0}}@keyframes ruby{50%{box-shadow:0 0 28px #ff3c3877}}@keyframes sing{to{transform:scaleY(.5);opacity:.55}}@keyframes reveal{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-copy{margin-left:9vw}}@media(max-width:1000px){.explorer{min-height:0}.explorer.is-open{grid-template-columns:minmax(0,1fr);gap:30px}.is-open .instrument-wrap{transform:none}.control-story{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.control-story .eyebrow,.control-story h3,.control-story .signal-art,.control-story .control-lead,.control-story .related,.story-bottom{grid-column:1/-1}.tour-note{display:none}.hero-art{object-position:62% center}.hero h1{font-size:105px}.hero-copy{max-width:450px}.hero-shade{background:linear-gradient(90deg,#100909b8,transparent 90%),linear-gradient(0deg,var(--ink),transparent 70%)}.origin{gap:6vw}.signal-path{gap:8px}.signal-path button{font-size:11px;padding:18px 12px}}
@media(max-width:650px){html{scroll-padding-top:20px}.site-nav{height:73px;padding:0 5vw}.brand span{display:none}.site-nav nav{gap:16px;font-size:10px}.motion-button{font-size:9px;padding:6px 9px}.brand img{width:37px;height:37px}.hero{min-height:740px;height:95svh;max-height:950px;align-items:end}.hero-art{object-position:61% center}.hero-shade{background:linear-gradient(0deg,#100d0b 0%,#100d0bbb 37%,transparent 75%)}.hero-copy{margin:0 6vw 100px}.hero h1{font-size:82px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-subtitle{font-size:11px;margin:13px 0 20px;letter-spacing:4px}.hero-description{font-size:14px;line-height:1.55}.gold-button{margin-top:22px;padding:11px 20px}.hero-footer{bottom:22px;left:6vw;flex-direction:column;gap:5px;font-size:8px}.instrument-section{padding:65px 5vw}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:43px;margin:12px 0 20px}.section-heading>p{font-size:12px}.explorer-tools{flex-wrap:wrap;gap:8px}.explorer-tools label{width:100%}select{font-size:12px;width:calc(100% - 134px)}.explorer-tools button{font-size:10px}.instrument-panel{border-radius:3px}.hotspot:after{display:none}.panel-caption{font-size:10px}.control-story{display:block;padding:24px 0}.control-story h3{font-size:42px}.control-lead{font-size:16px}.signal-art{height:30px}.advanced{padding:20px;margin-top:30px}.advanced-heading{align-items:start}.advanced-heading h3{font-size:33px}.advanced-heading button{max-width:100px;font-size:9px}.advanced-tabs button{font-size:11px;padding:12px 8px}.advanced-facts{grid-template-columns:1fr;gap:18px}.advanced-image{margin-inline:-10px}.origin{padding:65px 7vw;grid-template-columns:1fr;gap:35px}.origin h2{font-size:72px}.origin-title>p:last-child{max-width:none}.origin-copy .large-copy{font-size:27px}.architecture{padding:65px 6vw}.signal-path{display:grid;grid-template-columns:1fr 1fr;gap:10px}.signal-path b{display:none}.signal-path button{padding:15px}#signal-detail{gap:20px;padding:28px 0;min-height:240px}#signal-number{font-size:45px}#signal-detail h3{font-size:27px}#signal-detail p{font-size:12px}.listening{padding:65px 7vw;grid-template-columns:1fr;gap:35px}.listening h2{font-size:55px}.jasper-note{grid-template-columns:1fr;padding:65px 9vw;gap:35px}.jasper-note>img{max-width:350px;margin:auto}.jasper-note h2{font-size:48px}footer{flex-wrap:wrap;font-size:9px}.footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Ambient-only scene: original character and sword remain fixed. */
.hero-art{animation:none}.ambient-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.ambient-ready .ambient-scene{opacity:1}.ambient-ready .hero-art{opacity:0}.hero .motes{display:none}