.gsap-showcase{overflow-x:clip}.scene{--scene-accent:#d7ff6b;background:#111310;color:#f2f0e7;min-height:calc(100svh - 64px)}.scene-header{justify-content:space-between;gap:24px;padding:28px 4vw;border-bottom:1px solid #ffffff20;font:10px var(--font-geist-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.scene-back,.scene-header{display:flex;align-items:center}.scene-back{color:inherit;min-height:24px}.scene-tags{color:#94998b}.scene-eyebrow{font:11px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--scene-accent)}.scene-title{font-size:clamp(64px,12.5vw,190px);line-height:.87;letter-spacing:-.075em;font-weight:500}.scene-title em{font-family:var(--font-instrument-serif),serif;font-weight:400;letter-spacing:-.055em}.scene-intro{min-height:calc(90svh - 150px);padding:8vh 6vw 6vh;flex-direction:column;gap:48px}.scene-intro,.scene-intro-bottom{display:flex;justify-content:space-between}.scene-intro-bottom{align-items:end;gap:32px}.scene-description{max-width:370px;font-size:clamp(14px,1.25vw,18px);line-height:1.65;color:#a8ac9f}.scene-scroll{display:flex;align-items:center;gap:18px;font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.scene-scroll-line{width:48px;height:1px;background:currentColor}.scene-footer{min-height:55svh;display:flex;flex-direction:column;justify-content:center;padding:8vw;gap:24px;border-top:1px solid #ffffff20}.scene-footer a{display:flex;justify-content:space-between;gap:24px;font-size:clamp(32px,6vw,90px);line-height:1.1;letter-spacing:-.05em}.scene-footer p{font:11px var(--font-geist-mono),monospace;color:#94998b}.scene-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;min-height:48px;border:1px solid #ffffff35;border-radius:100px;font-size:12px;cursor:pointer}.scene-button-primary,.scene-button[aria-pressed=true]{background:var(--scene-accent);color:#111310;border-color:var(--scene-accent)}.scene-button:hover{border-color:var(--scene-accent)}.scene-controls{display:flex;flex-wrap:wrap;gap:8px}.scene-progress{height:2px;background:#ffffff20;overflow:hidden}.scene-progress>span{display:block;height:100%;background:var(--scene-accent);transform-origin:left}.gallery-stage{height:calc(100svh - 64px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.gallery-track{display:flex;gap:5vw;width:max-content;padding:30px 8vw 45px;align-items:center}.gallery-panel{width:min(55vw,780px);flex:none}.gallery-panel:nth-child(2n){width:min(36vw,520px)}.gallery-image{height:57svh;position:relative;overflow:hidden;background:#25291f}.gallery-panel:nth-child(2n) .gallery-image{height:46svh}.gallery-image img{object-fit:cover}.gallery-caption{display:flex;justify-content:space-between;padding-top:18px;font:11px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.08em}.gallery-caption span{color:#8e9584}.gallery-status{margin:0 8vw;display:flex;gap:24px;align-items:center;font:11px var(--font-geist-mono),monospace}.gallery-status .scene-progress{flex:1}.mosaic-stage{height:calc(100svh - 64px);position:relative;overflow:hidden;display:grid;place-items:center}.mosaic-grid{width:88%;height:78%;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.mosaic-tile{position:relative;overflow:hidden;border-radius:4px;background:#2a3028}.mosaic-tile img{object-fit:cover}.mosaic-tile:first-child{grid-area:1/1/3/2}.mosaic-tile:nth-child(2){grid-area:1/2/2/4}.mosaic-tile:nth-child(3){grid-area:2/2/4/4;z-index:2}.mosaic-tile:nth-child(4){grid-area:1/4/3/5}.mosaic-tile:nth-child(5){grid-area:3/1/4/2}.mosaic-tile:nth-child(6){grid-area:3/4/4/5}.mosaic-grid.is-expanded{width:180%;height:180%;gap:24px}.mosaic-grid.is-expanded .mosaic-tile:nth-child(3){grid-area:1/2/4/4}.mosaic-caption{position:absolute;z-index:3;bottom:9%;left:8%;right:8%;pointer-events:none;text-shadow:0 2px 30px #000}.mosaic-caption h2{font-size:clamp(50px,9vw,140px);line-height:.9;letter-spacing:-.065em}.mosaic-label{position:absolute;top:24px;left:6%;font:10px var(--font-geist-mono),monospace;letter-spacing:.16em;text-transform:uppercase}.type-scene{--scene-accent:#d5c1ff}.type-stage{min-height:72svh;padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center;gap:48px;position:relative}.type-heading{max-width:1200px;font-size:clamp(64px,12vw,180px);font-weight:500;letter-spacing:-.075em;line-height:.95;perspective:900px}.type-heading em{color:var(--scene-accent);font-family:var(--font-instrument-serif),serif;font-weight:400}.type-bottom{display:flex;justify-content:space-between;gap:32px;padding:32px 6vw;border-top:1px solid #ffffff20;align-items:center}.type-index{position:absolute;right:6vw;top:32px;font:11px var(--font-geist-mono),monospace;color:#939589}.orbit-scene{--scene-accent:#e7a87e}.orbit-layout{min-height:78svh;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:4vw;padding:5vw 8vw}.orbit-copy{display:flex;flex-direction:column;gap:28px}.orbit-copy h1{font-size:clamp(64px,8vw,130px)}.orbit-pad{position:relative;aspect-ratio:1;perspective:1000px;touch-action:pan-y;border-radius:50%}.orbit-object{inset:10%}.orbit-object,.orbit-ring{position:absolute;transform-style:preserve-3d}.orbit-ring{inset:0;border:1px solid #e7a87e65;border-radius:50%}.orbit-ring:nth-child(2){inset:12%;border-style:dashed}.orbit-ring:nth-child(3){inset:24%;border-width:2px}.orbit-core{inset:35%;background:radial-gradient(circle at 30% 25%,#fff2d6,#e7a87e 35%,#4e302b 80%);box-shadow:0 0 80px #e7a87e25;transform:translateZ(70px)}.orbit-core,.orbit-satellite{position:absolute;border-radius:50%}.orbit-satellite{left:48%;top:-7px;width:14px;height:14px;background:#e7a87e;box-shadow:0 0 24px #e7a87e70}.orbit-grid{position:absolute;inset:0;border-radius:50%;opacity:.2;background-image:linear-gradient(#e7a87e40 1px,transparent 0),linear-gradient(90deg,#e7a87e40 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(black,transparent 70%)}.orbit-crosshair{position:absolute;inset:0;display:grid;place-items:center;color:#e7a87e80}.orbit-crosshair,.orbit-readout{font:11px var(--font-geist-mono),monospace}.orbit-readout{display:flex;gap:24px;color:#99998d}.score-scene{--scene-accent:#a9c7ff}.score-layout{padding:6vw}.score-heading{font-size:clamp(48px,7vw,108px);margin:24px 0 48px}.score-stage{position:relative;height:260px;border-block:1px solid #ffffff25;overflow:hidden}.score-lane{height:33.333%;border-bottom:1px dashed #ffffff15;display:flex;align-items:center;padding-inline:12px}.score-node{width:52px;height:52px;border-radius:12px;background:#d7ff6b;display:grid;place-items:center;font:11px var(--font-geist-mono),monospace;color:#111310}.score-lane:nth-child(2) .score-node{background:#a9c7ff;border-radius:50%}.score-lane:nth-child(3) .score-node{background:#e7a87e}.score-transport{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:28px;align-items:center}.score-range{width:100%;accent-color:var(--scene-accent);margin-top:32px;cursor:pointer}.score-labels{display:flex;gap:8px;flex-wrap:wrap}.feature-scene{--scene-accent:#d7ff6b}.feature-stage{padding:6vw}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:1100px}.feature-tile{min-height:360px;position:relative;padding:28px;background:#1c2019;border:1px solid #ffffff15;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.feature-tile:first-child,.feature-tile:last-child{grid-column:span 2}.feature-tile h2{font-size:clamp(24px,3vw,42px);letter-spacing:-.04em}.feature-tile p{font-size:13px;color:#a8ac9f;max-width:360px;margin-top:8px}.feature-number{font:10px var(--font-geist-mono),monospace;color:#828c74}.feature-art{height:145px;display:flex;justify-content:center;align-items:center;gap:7px;position:relative}.feature-bar{width:9%;max-width:24px;height:80%;background:var(--scene-accent);border-radius:4px;transform-origin:bottom}.feature-orbit{width:120px;height:120px;border:1px solid #d7ff6b70;border-radius:50%;position:absolute}.feature-orbit:nth-child(2){width:85px;height:85px;border-style:dashed}.feature-orbit:nth-child(3){width:44px;height:44px;background:var(--scene-accent)}.feature-chip{padding:14px;border:1px solid #d7ff6b50;border-radius:10px;font:11px var(--font-geist-mono),monospace}.feature-beam{position:absolute;height:1px;width:85%;background:linear-gradient(90deg,transparent,#d7ff6b,transparent)}.feature-glow{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--glow-x,50%) var(--glow-y,50%),#d7ff6b15,transparent 60%)}@media (max-width:767px){.scene-header{padding:22px 6vw;font-size:9px;gap:12px}.scene-tags{display:none}.scene-intro{min-height:70svh;padding-top:60px}.scene-intro-bottom,.type-bottom{flex-direction:column;align-items:start}.scene-title{font-size:clamp(58px,15vw,112px)}.gallery-stage{height:auto;padding-block:32px}.gallery-track{width:100%;flex-direction:column;gap:40px;padding-inline:6vw}.gallery-panel,.gallery-panel:nth-child(2n){width:100%}.gallery-image,.gallery-panel:nth-child(2n) .gallery-image{height:55svh}.gallery-status{display:none}.mosaic-grid{width:92%;gap:6px;height:65%}.mosaic-stage{height:80svh}.orbit-layout{grid-template-columns:1fr;padding:48px 8vw}.orbit-pad{width:100%}.feature-grid{grid-template-columns:1fr}.feature-tile:first-child,.feature-tile:last-child{grid-column:auto}.feature-tile{min-height:340px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-stage{height:auto}.gallery-track{width:100%;flex-wrap:wrap;padding-inline:6vw}.gallery-panel,.gallery-panel:nth-child(2n){width:min(100%,650px)}.gallery-status{display:none}}.wave-scene{--scene-accent:#ffa98c}.wave-stage{min-height:calc(100svh - 64px);padding:6vh 8vw;display:flex;flex-direction:column;justify-content:center}.wave-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5vh}.wave-heading h2{font-size:clamp(48px,8vw,110px);letter-spacing:-.065em;line-height:1.2}.wave-disc{height:100px;width:100px;border-radius:50%;background:repeating-radial-gradient(#2b2b25 0 2px,#181a16 3px 5px);display:grid;place-items:center}.wave-disc span{width:30%;height:30%;border-radius:50%;background:conic-gradient(#ffa98c,#955c45,#ffa98c);border:5px solid #ffa98c}.wave-visual{width:100%;position:relative}.wave-base{width:100%;fill:#363c30}.wave-reveal{position:absolute;inset:0;width:100%;fill:var(--scene-accent)}.wave-playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff3dd;box-shadow:0 0 20px #ffa98c90}.wave-time{display:flex;justify-content:space-between;margin:16px 0 32px;color:#9b9e91;font:11px var(--font-geist-mono),monospace}.wave-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff25}.wave-chapters button{padding:20px 8px;text-align:left;font-size:13px;cursor:pointer;border-top:2px solid transparent}.wave-chapters button span{display:block;color:#929789;font:10px var(--font-geist-mono),monospace;margin-bottom:10px}.wave-chapters button[aria-pressed=true]{color:var(--scene-accent);border-color:var(--scene-accent)}.wave-note{font:10px var(--font-geist-mono),monospace;color:#858c7c;margin-top:32px}@media (max-width:767px){.wave-chapters{grid-template-columns:repeat(3,1fr)}.wave-disc{width:70px;height:70px}.wave-stage{padding-inline:6vw}}.album-scene{--scene-accent:#d2baff}.album-stage{min-height:calc(100svh - 64px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10vw;padding:5vh 7vw}.album-art{aspect-ratio:1;position:relative;perspective:1000px}.album-sleeve{position:absolute;inset:0;overflow:hidden;z-index:1;box-shadow:0 24px 60px #0007}.album-sleeve img{object-fit:cover;filter:saturate(.4)}.album-sleeve-type{position:absolute;inset:0;padding:7%;background:linear-gradient(#0006,#0000,#0009);display:flex;flex-direction:column;justify-content:space-between;font:11px var(--font-geist-mono),monospace;letter-spacing:.08em}.album-sleeve-type span:nth-child(2){font:500 clamp(28px,4vw,66px)/.95 var(--font-geist-sans),sans-serif;letter-spacing:-.06em}.album-record{position:absolute;inset:2%;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(#20201f 0 2px,#0c0c0b 3px 5px);box-shadow:0 0 25px #0005}.album-record span{display:grid;place-content:center;text-align:center;width:34%;height:34%;border-radius:50%;background:#d2baff;color:#171411;font:12px var(--font-geist-mono),monospace;border:14px solid #b19bdc}.album-tracks h1{font-size:clamp(36px,4.4vw,72px);letter-spacing:-.06em;line-height:1;margin:18px 0 24px}.album-tracks h1 em{font-family:var(--font-instrument-serif),serif;font-weight:400;color:var(--scene-accent)}.album-tracks ol{margin-bottom:24px}.album-tracks li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff18;font-size:12px}.album-tracks li span:first-child,.album-tracks li span:last-child{font:10px var(--font-geist-mono),monospace;color:#8f9387}@media (max-width:767px){.album-stage{grid-template-columns:1fr;padding:48px 8vw;gap:48px}.album-art{width:90%}.album-record{transform:translateX(12%)}}@media (prefers-reduced-motion:reduce){.album-record{transform:translateX(12%)}}.sequence-scene{--scene-accent:#afd4ed}.sequence-stage{height:calc(100svh - 64px);background:#fdfdfd;position:relative;display:grid;place-items:center;overflow:hidden;color:#191d20}.sequence-stage canvas{max-width:70%;max-height:90%;width:auto;height:auto;object-fit:contain}.sequence-caption{position:absolute;left:6vw;bottom:8vh}.sequence-caption .scene-eyebrow{color:#526879}.sequence-caption h2{font-size:clamp(32px,5vw,80px);line-height:.95;letter-spacing:-.05em;margin-top:16px}.sequence-caption h2 em{font-family:var(--font-instrument-serif),serif;font-weight:400}.sequence-status{position:absolute;right:6vw;top:32px;font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em}@media (max-width:767px){.sequence-stage canvas{max-width:100%}.sequence-caption{bottom:32px}}.starter-duration{display:grid;grid-template-columns:1fr auto;gap:16px;max-width:420px;font:11px var(--font-geist-mono),monospace;margin-top:32px;color:#a8ac9f}.starter-duration input{grid-column:1/-1;width:100%;accent-color:var(--scene-accent)}@media (min-width:768px) and (max-height:800px){.album-stage{padding-block:24px}.album-tracks h1{font-size:48px;margin:12px 0 16px}.album-tracks li{padding-block:7px}}