@font-face{font-family:Cinzel;src:url(assets/cinzel-bold.ttf) format("truetype");font-display:swap;font-weight:700}
:root{color-scheme:dark;--ink:#070c17;--surface:#101827;--paper:#f0e9db;--muted:#b7b9c2;--gold:#dfbf7b;--edge:#9d804d66;--cyan:#63dcf5;--trace:#edbe66;--flick:#f26bd6;--hold:#f9df6c;--ease:cubic-bezier(.22,.68,.25,1);font-family:Optima,"Segoe UI",sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;overflow-x:clip}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:active,.cta:active{transform:scale(.98)}img{max-width:100%;height:auto;display:block}p{line-height:1.65;color:var(--muted);max-width:48ch;margin:20px 0}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:700;margin:0}h1,h2,.display{font-family:Cinzel,Georgia,serif;font-weight:700}h1{font-size:clamp(44px,5.7vw,88px);line-height:1.12;letter-spacing:-.04em}h2{font-size:clamp(34px,4.4vw,64px);line-height:1.18;letter-spacing:-.035em}h3{font-size:23px;line-height:1.3}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.21em;color:var(--gold);line-height:1.7}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:15px;z-index:5}.skip:focus{top:10px}.nav{height:78px;position:absolute;inset:20px 4.4vw auto;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3;border-bottom:1px solid var(--edge)}.brand{font-family:Cinzel,Georgia,serif;letter-spacing:.1em;font-size:16px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px}.nav-links a{transition:color .3s var(--ease)}.nav-links a:hover{color:var(--gold)}.motion-toggle{border:0;background:none;color:var(--muted);font-size:11px;padding:12px 0;min-height:44px}.motion-toggle:hover{color:var(--paper)}.section{padding:125px max(6vw,24px);position:relative}.wrap{width:min(1280px,100%);margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;padding:8px 9px 8px 25px;border:1px solid #e4c88a;color:#171827;background:linear-gradient(120deg,#efdbad,#c3a365);font-size:13px;letter-spacing:.035em;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.cta span{display:grid;place-items:center;width:37px;height:37px;background:#10182714;border:1px solid #4c391c33}.cta:hover{box-shadow:0 0 32px #cfa85d25;transform:translateY(-3px)}.text-link{font-size:13px;padding:15px 0;display:inline-block;border-bottom:1px solid var(--edge)}.text-link:hover{color:var(--gold)}.rule{height:1px;width:75px;background:var(--gold);margin:30px 0}.fine{font-size:11px;line-height:1.6;color:#a8abb6}.footer{padding:45px 6vw;border-top:1px solid var(--edge);display:flex;gap:24px;align-items:center;justify-content:space-between}.studio{width:170px;max-height:40px;object-fit:contain}.footer nav{display:flex;gap:25px;font-size:12px}.concept-note{font-size:11px;color:#a8abb6}.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(28px)}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.center{text-align:center}.center p{margin-left:auto;margin-right:auto}.inline-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.tab-list{display:flex;gap:8px;flex-wrap:wrap}.tab-list button{background:transparent;border:1px solid var(--edge);padding:13px 23px;min-height:48px;color:var(--muted)}.tab-list button[aria-pressed=true]{color:var(--paper);border-color:var(--gold);background:#dfbf7b0d}.tab-panel{min-height:130px;margin-top:32px}.gesture-line{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.gesture-line span{display:flex;gap:10px;align-items:center;font-size:12px}.note{height:7px;width:47px;border-radius:9px;background:var(--note-color,var(--cyan));box-shadow:0 0 14px color-mix(in srgb,var(--note-color,var(--cyan)) 60%,transparent)}.gesture-line i{display:inline-block}.range{width:100%;height:32px;accent-color:var(--gold);cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.range:focus-visible{outline-offset:4px}.control-label{display:block;color:var(--paper);font-size:13px;margin-bottom:13px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
/* A: full proscenium, centered brand architecture. */
.a-hero{min-height:860px;min-height:max(860px,100dvh);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px 7vw 190px;background:#090f20}.a-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url(assets/orchestra-poster.jpg) center 45%/cover no-repeat}.a-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#040915b8 0%,#04091570 12%,#070c1710 42%,#070c17db 90%,#070c17)}.a-logo{width:min(620px,65vw);filter:drop-shadow(0 8px 20px #070c17);margin-bottom:20px}.a-hero>p{font-size:14px;color:#f0e9db;letter-spacing:.16em;text-align:center}.a-lower{position:absolute;bottom:58px;left:7vw;right:7vw;display:flex;justify-content:space-between;align-items:end;gap:30px}.a-lower h1{font-size:clamp(28px,3vw,46px);max-width:550px;letter-spacing:-.02em}.a-hero .eyebrow{margin-bottom:15px}.a-section-title{max-width:800px}.beat-shell{margin-top:55px;background:linear-gradient(180deg,#111d31,#0a101e);padding:8px;border:1px solid #aa8c5355}.beat-stage{height:350px;border:1px solid #aa8c5333;position:relative;overflow:hidden;background:linear-gradient(0deg,#070c17dd,#070c1755),url(assets/orchestra-poster.jpg) center/cover}.beat-stage canvas{position:absolute;inset:0;width:100%;height:100%}.beat-status{position:absolute;inset:35px auto auto 35px;font-size:12px;letter-spacing:.15em;color:#f0e9db}.beat-symbol{position:absolute;inset:0;display:grid;place-items:center;font-family:Cinzel,serif;font-size:clamp(48px,7vw,100px);color:#f0e9db12;pointer-events:none;letter-spacing:.08em}.beat-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6b57533}.beat-key{border:0;background:#0c1423;min-height:108px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--paper)}.beat-key:hover{background:#16243a}.beat-key[aria-pressed=true]{background:#1d2b3e}.beat-key small{font-size:10px;color:var(--muted)}.beat-key .note{width:65px}.beat-key:nth-child(2){--note-color:var(--trace)}.beat-key:nth-child(3){--note-color:var(--flick)}.beat-key:nth-child(4){--note-color:var(--hold)}.a-intro{background:#0b1221}.world-window{aspect-ratio:1.15;overflow:hidden;position:relative;border:1px solid var(--edge);clip-path:polygon(12% 0,88% 0,100% 12%,100% 100%,0 100%,0 12%)}.world-window img{height:100%;width:100%;object-fit:cover}.world-window:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070c1766,transparent)}.a-finale{min-height:560px;display:grid;place-items:center;background:linear-gradient(#070c17aa,#070c17dd),url(assets/sky-hall.png) center/cover}.a-finale h2{max-width:760px}.a-finale .inline-actions{justify-content:center;margin-top:35px}
/* B: conductor folio, graphite negative space and score manipulation. */
.theme-b{--ink:#101419;--surface:#181e25;background:var(--ink)}.b-hero{min-height:900px;min-height:max(900px,100dvh);position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:160px 7vw 100px;gap:1vw;overflow:hidden}.b-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 45%,#27313d,#101419 64%)}.b-copy{position:relative;z-index:1;max-width:640px}.b-copy .small-logo{width:260px;margin-bottom:45px}.b-copy h1{font-size:clamp(48px,6vw,92px)}.b-copy p{max-width:35ch;margin:26px 0 32px}.b-portrait{position:relative;align-self:stretch;display:grid;place-items:center;min-width:0}.b-portrait img{width:130%;max-width:none;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 65% 70% at 50% 48%,#000 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 48%,#000 50%,transparent 100%);position:relative}.b-portrait:before{content:"";position:absolute;width:82%;height:95%;border:1px solid #c9a56855;border-radius:48% 48% 0 0;box-shadow:inset 0 0 0 10px #101419,inset 0 0 0 11px #c9a56822;transform:translateY(6%)}.b-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;letter-spacing:.18em;color:var(--gold)}.b-score-section{padding-top:100px;background:#0b1017}.b-score-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.score-stage{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);position:relative;padding:20px 0 35px}.score-art{height:300px;position:relative;overflow:hidden}.score-staves{position:absolute;inset:40px 0;display:flex;flex-direction:column;justify-content:space-evenly;transform:rotate(-9deg) scale(1.2);opacity:.6}.score-staves i{display:block;height:1px;background:linear-gradient(90deg,transparent,#d6b57566,transparent)}.score-canvas{position:absolute;width:100%;height:100%;inset:0}.baton{position:absolute;left:50%;top:50%;height:3px;width:210px;transform-origin:10% 50%;transform:translate(-35%,-50%) rotate(var(--baton-angle,-24deg));background:linear-gradient(90deg,#a57e40,#f9e5b5);box-shadow:0 0 22px #ddc28a66;transition:transform .25s var(--ease);pointer-events:none}.baton:before{content:"";position:absolute;left:-13px;top:-5px;height:13px;width:13px;background:#e6c98e;transform:rotate(45deg)}.score-notes{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;transform:rotate(-9deg)}.score-notes .note{width:45px;opacity:calc(.25 + var(--phrase,.25));transform:translateY(calc(var(--offset,1) * var(--note-y,10px)))}.score-notes .note:nth-child(2){--offset:-1;--note-color:var(--trace)}.score-notes .note:nth-child(3){--offset:1.5;--note-color:var(--flick)}.score-notes .note:nth-child(4){--offset:-2;--note-color:var(--hold)}.score-readout{font-family:Cinzel,serif;color:var(--gold);margin:20px 0 10px;font-size:23px}.b-material{padding-bottom:150px}.b-material-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center}.b-arena{aspect-ratio:1.3;object-fit:cover;width:100%;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}.b-finale{display:grid;grid-template-columns:.4fr 1fr;gap:8vw;background:#151c26;border-top:1px solid var(--edge)}.b-finale img{max-height:310px;object-fit:contain;mix-blend-mode:screen;margin:auto}.b-finale p{margin-bottom:30px}
/* C: feather-led ascent, tall chapters with a persistent editorial spine. */
.theme-c{background:#080f1d}.c-hero{min-height:930px;min-height:max(930px,100dvh);position:relative;padding:160px 7vw 90px;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;gap:2vw;align-items:center}.c-hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#070d1cef,#0c1836b5),url(assets/sky-hall.png) center/cover}.c-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 62%,#b78f4333,transparent 47%),linear-gradient(0deg,#080f1d,transparent 35%)}.c-copy{z-index:1;position:relative;max-width:650px}.c-copy .small-logo{width:280px;margin-bottom:40px}.c-copy h1{font-size:clamp(52px,6.5vw,100px);line-height:1.12}.c-copy p{max-width:35ch}.c-feather{position:relative;min-height:570px;height:100%;display:grid;place-items:center}.c-feather img{width:420px;max-width:100%;height:680px;object-fit:contain;mix-blend-mode:screen;transform:translateY(var(--rise,0px)) rotate(var(--feather-angle,22deg));transition:transform .6s var(--ease);filter:drop-shadow(0 0 20px #cfac6033)}.c-feather:after{content:"";position:absolute;width:86%;aspect-ratio:1;border:1px solid #d4b77944;border-radius:50%;transform:scaleX(.8) rotate(-25deg);z-index:-1;box-shadow:0 0 0 38px #d4b77904,0 0 0 39px #d4b77911}.resonance-control{max-width:390px;margin-top:38px;padding-top:20px;border-top:1px solid var(--edge)}.c-chapter-title{color:var(--gold);font-size:12px;letter-spacing:.1em;margin-bottom:10px}.c-world{padding-top:70px;padding-bottom:100px}.c-world-image{margin-top:45px;min-height:450px;height:65vw;max-height:700px;position:relative;overflow:hidden;clip-path:polygon(0 12%,12% 0,88% 0,100% 12%,100% 100%,0 100%)}.c-world-image img{width:100%;height:100%;object-fit:cover;transform:scale(var(--world-scale,1));transition:transform 1s var(--ease)}.c-world-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080f1d,transparent 50%)}.c-world-caption{position:absolute;bottom:40px;left:6%;right:6%;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px}.c-world-caption h3{font-family:Cinzel,serif;font-size:clamp(25px,3vw,45px);max-width:500px}.c-world-caption p{max-width:30ch;font-size:13px;margin-bottom:0}.chapter-nav{display:flex;gap:0;border-bottom:1px solid var(--edge);margin-top:30px}.chapter-nav button{flex:1;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:20px 8px;min-height:60px;font-size:13px}.chapter-nav button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.c-gestures{background:#0c1627;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.c-glyph{height:200px;display:grid;place-items:center;position:relative;margin-bottom:30px;border:1px solid var(--edge);box-shadow:inset 0 0 0 7px #0c1627,inset 0 0 0 8px #d4b77922}.c-glyph .note{width:180px;height:12px;transition:transform .7s var(--ease)}.c-glyph[data-gesture=flick] .note{transform:translateX(30px)}.c-glyph[data-gesture=hold] .note{box-shadow:0 -15px 30px #f9df6c55,0 -45px 65px #f9df6c33}.c-glyph[data-gesture=trace] .note{transform:rotate(-16deg)}.c-end{padding-top:145px;padding-bottom:145px}.c-end h2{max-width:850px;margin:auto}.c-end .cta{margin-top:38px}
/* Comparison lobby: three large editorial doors, no fake product stats. */
.compare{background:#080e1b}.compare-header{padding:80px 6vw 60px;max-width:1440px;margin:auto}.compare-header .eyebrow{margin-bottom:23px}.compare-header h1{font-size:clamp(42px,6vw,83px);max-width:1050px}.compare-header p{max-width:70ch}.directions{padding:0 6vw 80px;display:grid;gap:30px;max-width:1440px;margin:auto}.direction{min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid var(--edge);background:#0e1728}.direction-art{position:relative;isolation:isolate;min-height:390px;overflow:hidden;display:grid;place-items:center}.direction-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#0e1728)}.door-a{background:linear-gradient(#080f1c44,#080f1c55),url(assets/orchestra-poster.jpg) center/cover}.door-a img{width:78%;filter:drop-shadow(0 0 10px #080f1c)}.door-b{background:#1b222c}.door-b img{height:390px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 40%,transparent 80%)}.door-c{background:linear-gradient(#080f1c99,#080f1caa),url(assets/sky-hall.png) center/cover}.door-c img{height:360px;mix-blend-mode:screen;transform:rotate(24deg)}.direction-copy{padding:48px;align-self:center}.direction-copy h2{font-size:clamp(30px,3.3vw,48px)}.direction-copy .eyebrow{margin-bottom:14px}.direction-copy p{font-size:14px}.direction-copy .text-link{color:var(--gold)}.review-scope{padding:0 6vw 80px;max-width:1440px;margin:auto}.review-scope p{font-size:13px;max-width:90ch}.review-scope a{border-bottom:1px solid var(--edge)}
@media(min-width:1500px){.a-hero{min-height:100dvh}.b-hero,.c-hero{min-height:100dvh}}@media(max-width:1000px){.nav-links{gap:18px}.b-hero{grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.b-copy h1{font-size:60px}.b-portrait img{width:150%}.b-score-grid{grid-template-columns:1fr;gap:40px}.b-score-grid>div:first-child{max-width:650px}.c-hero{padding-left:5vw;padding-right:5vw}.c-copy h1{font-size:66px}.c-feather img{height:600px}.direction-copy{padding:30px}}
@media(max-width:767px){html{scroll-padding-top:30px}.nav{inset:10px 20px auto;height:64px;gap:10px}.brand{font-size:12px;letter-spacing:.06em}.nav-links{gap:16px;font-size:11px}.nav-links .wide-nav{display:none}.motion-toggle{font-size:10px;max-width:92px;text-align:right}.section{padding:80px 22px}.split,.b-material-grid,.b-finale,.c-gestures{grid-template-columns:1fr;gap:45px}h1{font-size:45px}h2{font-size:36px}.a-hero{padding:120px 22px 290px;min-height:800px;min-height:max(800px,100dvh)}.a-hero:before{background-position:50% 50%}.a-logo{width:min(490px,100%);margin-top:40px}.a-hero>p{font-size:10px;letter-spacing:.13em;max-width:28ch}.a-lower{bottom:45px;left:22px;right:22px;align-items:start;flex-direction:column;gap:24px}.a-lower h1{font-size:33px;max-width:350px}.a-lower .cta{min-height:52px}.beat-shell{margin-top:35px}.beat-stage{height:270px}.beat-status{left:20px;top:25px;font-size:10px}.beat-keys{grid-template-columns:repeat(2,1fr);gap:1px}.beat-key{min-height:95px;padding:18px}.a-finale{min-height:450px}.a-finale .inline-actions{gap:18px}.world-window{aspect-ratio:1.1}.b-hero{padding:120px 22px 75px;grid-template-columns:1fr;gap:15px;min-height:0}.b-copy .small-logo{width:200px;margin-bottom:35px}.b-copy h1{font-size:46px;max-width:500px}.b-copy p{font-size:14px;margin:22px 0}.b-portrait{height:430px;margin-top:20px;min-height:0}.b-portrait img{width:450px;max-width:130%;height:450px;object-fit:contain}.b-portrait:before{width:80%;height:93%;transform:none}.b-caption{bottom:0}.score-art{height:230px}.b-score-grid{gap:25px}.b-finale img{max-height:220px}.c-hero{padding:120px 22px 55px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.c-copy .small-logo{width:210px;margin-bottom:30px}.c-copy h1{font-size:47px;max-width:400px}.c-copy p{font-size:14px}.c-feather{height:420px;min-height:420px;order:2;margin-top:25px}.c-feather img{height:480px;width:330px;max-width:85%}.c-feather:after{width:70%}.resonance-control{max-width:none;margin-top:30px}.c-world{padding-top:40px}.c-world-image{height:540px;margin-top:30px;min-height:0;clip-path:polygon(0 8%,15% 0,85% 0,100% 8%,100% 100%,0 100%)}.c-world-caption{bottom:30px;left:25px;right:25px;flex-direction:column;align-items:start;gap:15px}.c-world-caption p{font-size:13px}.chapter-nav button{font-size:11px}.c-glyph{height:170px}.tab-list button{padding:13px 18px}.footer{padding:30px 22px;align-items:start;flex-wrap:wrap;gap:30px}.footer nav{gap:20px}.studio{width:140px}.concept-note{width:100%}.compare-header{padding:65px 22px 35px}.compare-header h1{font-size:41px}.directions{padding:0 22px 45px;gap:25px}.direction{grid-template-columns:1fr}.direction-art{min-height:270px;height:270px}.door-b img{height:310px}.door-c img{height:290px}.direction-copy{padding:27px}.direction-copy h2{font-size:31px}.review-scope{padding:0 22px 45px}.inline-actions{gap:20px}.fine{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.seen){opacity:1;transform:none}}
/* Lead visual review: soften existing matte edges without changing original artwork. */
.b-portrait img,.door-b img{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 38%,transparent 100%)}
.c-feather img,.b-finale img,.door-c img{mask-image:radial-gradient(ellipse 48% 48% at 50% 50%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 48% 48% at 50% 50%,#000 55%,transparent 100%)}