#experience{background:#080e0b;border:1px solid #28352c}.stage{border:0}#audio{display:none}#decision-map{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}.stage[data-view=origin] #decision-map{display:block}.stage[data-view=origin] #map{display:none!important}.stage[data-view=origin] #photo{opacity:.48}.transport{display:flex;align-items:center;gap:12px;padding:13px 16px;width:100%;color:#dce5d5}.transport button{border:0;font-size:22px;min-width:26px;padding:3px;background:none}.transport #play{width:38px;height:38px;border-radius:50%;border:1px solid #6b7e5f;font-size:16px;color:var(--lime)}#fullscreen{margin-left:8px;white-space:nowrap;font-size:21px}#fullscreen span{font-size:10px;vertical-align:middle}input[type=range]{accent-color:#dcf4ab;cursor:pointer}#progress{flex:1;min-width:30px;height:4px}.immersive-controls{display:none}#screen-title{display:none}.note-switch{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.note-switch input{accent-color:var(--lime)}.tempo-panel{display:flex;gap:20px;align-items:center;margin:24px 0}.dial{width:89px;height:89px;flex:0 0 89px;position:relative;border-radius:50%;border:1px solid #738465;background:radial-gradient(circle at 40% 30%,#344331,#172117 70%);box-shadow:0 4px 15px #0006;touch-action:none;cursor:ns-resize;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial i{position:absolute;inset:5px;transform:rotate(var(--angle,0deg));pointer-events:none}.dial i:before{content:'';position:absolute;left:calc(50% - 1px);top:1px;width:2px;height:13px;background:var(--lime)}.dial strong{font:26px Georgia}.dial small{font-size:8px;letter-spacing:.14em;color:#b2c0a9;margin-top:3px}.tempo-panel>div:last-child{flex:1}.tempo-panel label{font-size:12px}.tempo-panel input{display:block;width:100%;margin:13px 0}.tempo-panel p{font-size:10px;color:var(--muted);margin:0}.tempo-panel button{border:0;border-bottom:1px solid #56614f;font-size:9px;color:#c7d1bc;padding:0;margin-top:9px}.instruments p{font-size:13px}.decision-story{margin-top:29px;border-top:1px solid var(--line);padding-top:19px}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-heading button{font-size:10px;padding:6px 9px;border-radius:4px}.story-heading .eyebrow{margin:0}.decision-cards{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:17px;margin-top:20px}.decision-cards article{border-left:1px solid var(--line);padding-left:15px;min-width:0}.decision-cards small{font-size:9px;letter-spacing:.10em;color:#95a78d}.decision-cards h3{font:21px/1.25 Georgia;margin:10px 0 13px;min-height:27px}.decision-cards p{font-size:11px;line-height:1.65;color:#b9c7b3;margin:12px 0 0}.decision-footnote{font-size:10px;line-height:1.65;color:#7e907b;margin:20px 0 0}#row-comparison{height:73px;width:100%;display:block}.pitch-chain{display:flex;align-items:center;gap:6px;min-height:73px}.pitch-chain b{background:#222f23;padding:10px 8px;font:18px Georgia;color:var(--lime);border-radius:3px}.pitch-chain small{font:9px/1.4 -apple-system,sans-serif;color:#91a28a}.pitch-chain em{font-style:normal;color:#7d9373}#beat-pattern{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;height:73px;align-items:center}#beat-pattern i{height:14px;background:#2f3d2e;border-radius:1px}#beat-pattern i.beat{height:23px;background:#5b7050}#beat-pattern i.note{background:var(--lime);height:40px}#beat-pattern i.other-note{background:#849571;height:22px}.gallery-heading{display:flex;justify-content:space-between;align-items:baseline;margin-top:36px}.gallery-heading h2{font-size:28px;margin:0}.gallery-heading p{font-size:11px;color:var(--muted)}#gallery{margin-top:18px;row-gap:24px}#gallery button .complexity{font-size:8px;letter-spacing:.04em;min-height:0;color:#b9c9aa;padding:0 8px 12px}#gallery button .image-name{min-height:30px}.view-row{margin-bottom:5px}.decision-story button:hover,.view-options button:hover{border-color:#a9be91}#status{line-height:1.5}
#experience:fullscreen,#experience:-webkit-full-screen,#experience.immersed{background:#030705;width:100vw;height:100dvh;padding:16px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;--ratio:1.3333}#experience.immersed{position:fixed;inset:0;z-index:9999}body.immersed{overflow:hidden}#experience:fullscreen .stage,#experience:-webkit-full-screen .stage,#experience.immersed .stage{width:min(100%,calc((100dvh - 140px) * var(--ratio)));flex:none;max-height:calc(100dvh - 140px)}#experience:fullscreen .transport,#experience:-webkit-full-screen .transport,#experience.immersed .transport{max-width:1200px;padding:12px 0;flex:none}#experience:fullscreen .immersive-controls,#experience:-webkit-full-screen .immersive-controls,#experience.immersed .immersive-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;font-size:11px;color:#bccbb2;gap:20px;height:36px}#experience:fullscreen #screen-title,#experience:-webkit-full-screen #screen-title,#experience.immersed #screen-title{display:block;position:absolute;top:15px;left:16px;font:18px Georgia;text-shadow:0 2px 5px black}.immersive-controls label{display:flex;align-items:center;gap:12px}.immersive-controls input{width:110px}.immersive-controls button{font-size:10px;padding:5px 9px}.immersive-controls output{min-width:65px}
@media(max-width:1100px){.room{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:22px}.transport{gap:8px;padding:10px}#fullscreen span{display:none}.tempo-panel{gap:12px}.dial{width:76px;height:76px;flex-basis:76px}.decision-cards{gap:10px}.decision-cards article{padding-left:10px}.decision-cards h3{font-size:18px}.pitch-chain{gap:3px}.pitch-chain b{padding:8px 6px;font-size:15px}}
@media(max-width:760px){.room{display:flex}.decision-cards{grid-template-columns:1fr}.decision-cards article{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}.decision-cards article small,.decision-cards article h3{grid-column:1}.decision-cards article h3{margin:3px 0}.decision-cards article>svg,.decision-cards article>.pitch-chain,.decision-cards article>#beat-pattern{grid-column:2;grid-row:1/3}.decision-cards article>p{grid-column:1/-1;margin-top:5px}.story-heading{align-items:flex-start}.story-heading .eyebrow{max-width:90px}.story-heading button{padding:6px 7px;font-size:9px}.gallery-heading{display:block}.gallery-heading p{margin-bottom:0}.tempo-panel{max-width:360px}.dial{width:90px;height:90px;flex-basis:90px}#gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery button .style-name{font-size:23px}#experience.immersed,#experience:fullscreen{padding:8px}.immersive-controls{gap:5px!important;flex-wrap:wrap;height:52px!important}.immersive-controls label{gap:5px}.immersive-controls input{width:85px}#immersive-name{max-width:115px}.transport{gap:8px}.transport #play{width:32px;height:32px}.transport button{font-size:20px}#clock{font-size:9px}#fullscreen{margin-left:0}.description{font-size:14px}.families{margin-top:20px}}

/* V7: a curated shelf, with rendered previews of every visual language. */
#gallery{display:block}#gallery .gallery-group{margin:28px 0}#gallery h3{font:10px -apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9eaf94;margin:0 0 14px}.gallery-grid{display:grid;gap:14px}.gallery-grid.retained{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid.explorations{grid-template-columns:repeat(5,minmax(0,1fr))}#gallery button img{object-fit:contain;background:#07100e;opacity:.90}#design-reference{margin-top:22px}#design-reference p{font-size:11px;line-height:1.7}#design-sources a{display:block;font-size:10px;color:#bdcba9}#design-sources p{font-size:10px;color:#91a084}#design-reference>a{font-size:10px}#gallery button .style-name{font-size:22px}.gallery-grid.retained button{max-width:none}#gallery button .complexity{display:none}@media(max-width:1000px){.gallery-grid.explorations{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.gallery-grid.retained,.gallery-grid.explorations{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery button .style-name{font-size:20px}.gallery-heading h2{font-size:27px}}