/* Direction 02: distinct musical worlds, shared product infrastructure. */
.site-header{position:relative;z-index:4;background:transparent;border-bottom-color:#ffffff20}.world-hero{position:relative;min-height:760px;height:min(850px,calc(100svh - 15px));margin-top:-100px;padding-top:100px;overflow:hidden;border-bottom:1px solid #ffffff20;background:#090c16}.world-canvas,.world-vignette{position:absolute;inset:0}.world-canvas{background:radial-gradient(ellipse at 74% 42%,#273b5d77,transparent 52%),radial-gradient(ellipse at 54% 90%,#39274766,transparent 55%)}.world-canvas canvas{width:100%;height:100%;display:block}.world-vignette{pointer-events:none;background:linear-gradient(90deg,#080b16e6 0%,#080b16a6 23%,transparent 54%),linear-gradient(0deg,#090c16 0%,transparent 25%)}.world-inner{position:relative;height:100%;display:flex;align-items:center}.world-copy{width:590px;z-index:1;padding-bottom:25px;pointer-events:none}.world-copy a,.world-copy button{pointer-events:auto}.world-copy>.eyebrow{font-size:10px;color:#b9cce8;letter-spacing:2px;margin-bottom:32px}.world-copy h1{font:400 clamp(76px,7vw,112px)/.93 Georgia,serif;letter-spacing:-5px;color:#eae8ee;max-width:700px}.world-copy h1 em{color:#c0bbe8;font-weight:400}.world-description{font-size:16px;line-height:1.75;color:#b2bdd0;max-width:350px;margin-top:28px}.world-actions{display:flex;gap:22px;align-items:center;margin-top:30px;flex-wrap:wrap}.world-actions .button{font-size:13px}.world-secondary{font-size:12px;color:#d1d6e2}.world-annotation{position:absolute;right:0;top:85px;display:flex;flex-direction:column;gap:9px;text-align:right;font:9px/1.7 Mono;letter-spacing:1.3px;color:#8e9cb5}.world-foot{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:25px}.world-caption{font:10px/1.6 Mono;color:#8c98b1}.world-tuning{display:flex;align-items:center;gap:28px}.world-tuning label{display:flex;gap:14px;align-items:center;font:11px Mono;color:#bbc8e1}.world-tuning input{width:120px;accent-color:#bdc8eb;cursor:pointer}.world-tuning button{background:none;border:1px solid #ffffff35;padding:8px 14px;min-height:40px;font-size:11px;color:#b9c7dc}.world-selector{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-block:0;margin-bottom:0}.world-selector button{background:transparent;display:grid;grid-template-columns:24px 1fr 22px;column-gap:16px;align-items:center;text-align:left;padding:24px 20px;border:0;border-bottom:2px solid transparent;min-height:104px}.world-selector button>span:first-child{grid-row:span 2;font:10px Mono;color:var(--muted)}.world-selector strong{font-size:23px;font-weight:500;line-height:1.3}.world-selector small{grid-column:2;font-size:11px;color:var(--muted);margin-top:5px}.world-selector button>span:last-child{grid-column:3;grid-row:1 / span 2}.world-selector button[aria-pressed=true]{background:#abb8e50a;border-bottom-color:var(--accent)}.world-selector button:hover{background:#ffffff07}.interface-heading{margin-top:65px;margin-bottom:30px}.interface-heading h2{font-size:36px}.family-workspace{margin-top:0}.family-workspace .product-rail{display:none!important}.family-workspace{display:block!important}.product-stage{padding-inline:35px}.stage-art{height:460px}.family-details{padding-top:35px}.live-demo-button{margin-left:14px;color:#e8dc64}.family-crosslink{padding-top:15px}.world-fallback::before{content:'';position:absolute;right:15%;top:20%;width:440px;height:440px;border-radius:50%;border:60px solid #a9bde044;box-shadow:0 0 100px #c7a5ff55,inset 0 0 70px #ecbb7a55;transform:rotate(-25deg) scaleY(.8)}
.attack-world{background:#141510}.attack-world .world-canvas{background:radial-gradient(ellipse at 75% 30%,#8c945422,transparent 55%),linear-gradient(120deg,#121310,#23251c)}.attack-world .world-vignette{background:linear-gradient(90deg,#121310f5,#12131077 30%,transparent 60%),linear-gradient(0deg,#141510,transparent 30%)}.attack-world .world-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(88px,8.5vw,142px);line-height:.87;letter-spacing:-1px;transform:skewY(-3deg);font-weight:400}.attack-world .world-copy h1 em{font-style:normal;color:#e5e572}.attack-world .world-copy>.eyebrow{color:#d9dc72}.attack-world .world-description{color:#bdc2ad;margin-top:35px}.attack-world .world-annotation{color:#b9c19c}.attack-world .world-tuning input{accent-color:#e3e46e}.attack-world .world-tuning label,.attack-world .world-tuning button{color:#d0d2b5}.attack-world .world-caption{color:#a9b393}body[data-theme=sota] .world-selector button[aria-pressed=true]{background:#dde5730b;border-color:#e4e26a}body[data-theme=sota] .world-selector strong{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;font-size:26px}
.home-world .world-copy{width:700px}.home-world .world-copy h1{font-size:clamp(75px,7vw,106px)}.home-world .world-description{max-width:355px}.home-world+.family-pair{padding-top:45px;margin-bottom:30px}.family-pair{gap:20px}.family-window{border:0;min-height:490px}.industrial-window{background:linear-gradient(145deg,#44462a,#1c1f17);position:relative}.industrial-window::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(120deg,transparent 0 75px,#dfe258 76px 77px,transparent 78px 150px)}.industrial-window h2{font-size:110px;font-style:italic;letter-spacing:-4px;margin-bottom:35px}.field-window{background:radial-gradient(ellipse at 70% 0,#4d426c,#172338 45%,#121a29)}.field-window h2{font-size:58px}.family-window img{height:260px;position:relative}.collection-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px}.collection-pair>a{padding:30px;min-width:0;overflow:hidden;display:flex;flex-direction:column}.collection-pair h2{font-size:33px;font-weight:500;letter-spacing:-1px;margin:12px 0 25px}.collection-pair img{height:330px;object-fit:contain;width:100%;transition:transform .4s}.collection-pair>a:hover img{transform:translateY(-5px)}.lab-door{background:#d8d1b9;color:#24241c}.llouder-door{background:#28251e;color:#e0d3b6}.llouder-door h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:40px;font-style:italic;letter-spacing:.2px}.door-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid currentColor;font-size:12px}.collection-pair .eyebrow{font-size:10px}
#demo-dialog{width:min(1480px,calc(100% - 30px));background:#11120f}#demo-dialog iframe{display:block;width:100%;height:760px;border:1px solid #ffffff25;background:#080908}.demo-heading{display:flex;justify-content:space-between;align-items:start;gap:25px}.demo-heading h2{font:400 40px Impact,'Arial Narrow',sans-serif;color:#e6df74;margin-top:6px}.demo-heading .eyebrow{color:#adae8c;font-size:10px}.demo-note{font-size:12px;color:#a9ac9c;margin:16px 0 22px;max-width:700px}#demo-dialog .dialog-close{margin:0}.review-bar{opacity:.95}.review-bar .review-label{font-size:8px}
@media(min-width:1900px){.world-hero{height:850px}.world-copy h1{font-size:112px}.home-world .world-copy h1{font-size:106px}.attack-world .world-copy h1{font-size:142px}}
@media(max-width:1100px){.world-hero{margin-top:-85px;min-height:700px;height:760px;padding-top:85px}.world-copy{width:490px}.world-copy h1{font-size:90px}.home-world .world-copy h1{font-size:76px}.attack-world .world-copy h1{font-size:110px}.world-annotation{font-size:8px;top:45px}.world-description{font-size:15px;max-width:300px}.world-selector strong{font-size:20px}.world-selector button{padding-inline:12px;gap:10px}.world-selector small{font-size:10px}.collection-pair img{height:270px}.family-window img{height:220px}.family-window{min-height:440px}.industrial-window h2{font-size:90px}.field-window h2{font-size:48px}.live-demo-button{margin:15px 0 0}}
@media(max-width:760px){.site-header{background:#090c16b8}.world-hero{margin-top:0;padding-top:0;min-height:900px;height:950px}.world-inner{align-items:start}.world-copy,.home-world .world-copy{width:100%;padding-top:45px}.world-copy h1{font-size:79px;letter-spacing:-4px;line-height:.94}.home-world .world-copy h1{font-size:66px;letter-spacing:-3px}.world-copy>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:25px;max-width:300px}.world-description{max-width:320px;font-size:14px;line-height:1.7;margin-top:23px}.world-actions{margin-top:24px;gap:18px}.world-actions .button{padding:11px 17px;min-height:46px;font-size:12px}.world-annotation{top:auto;bottom:100px;right:0;left:0;text-align:left;font-size:8px}.world-vignette{background:linear-gradient(180deg,#080b16ff 0%,#080b16dd 23%,transparent 55%),linear-gradient(0deg,#090c16ff 0,transparent 27%)}.world-foot{bottom:20px;display:block}.world-caption{font-size:9px}.world-tuning{margin-top:15px;justify-content:space-between;gap:10px}.world-tuning label{font-size:10px;gap:10px}.world-tuning input{width:100px}.world-tuning button{font-size:10px;min-height:40px}.attack-world .world-copy h1{font-size:100px;letter-spacing:0}.attack-world .world-description{margin-top:25px}.attack-world .world-vignette{background:linear-gradient(180deg,#121310 0,#121310d9 25%,transparent 62%),linear-gradient(0deg,#141510 0,transparent 22%)}.world-selector{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.world-selector button{display:block;min-height:110px;padding:17px 12px;border-right:1px solid var(--line)}.world-selector button>span:first-child{display:block;margin-bottom:7px;font-size:8px}.world-selector strong{display:block;font-size:17px}.world-selector small{display:block;font-size:9px;line-height:1.5}.world-selector button>span:last-child{display:none}body[data-theme=sota] .world-selector strong{font-size:20px}.interface-heading{margin-top:40px}.interface-heading h2{font-size:31px}.product-stage{padding-inline:12px}.family-workspace .stage-art{height:270px}.family-details{padding-bottom:45px}.home-world+.family-pair{padding-top:20px}.family-pair{margin-bottom:20px}.family-window{min-height:0;padding:22px}.industrial-window h2{font-size:95px;margin-top:30px}.field-window h2{font-size:52px}.family-window img{height:auto;max-height:290px}.collection-pair{grid-template-columns:1fr;margin-bottom:45px}.collection-pair>a{padding:22px}.collection-pair img{height:auto;max-height:350px}.collection-pair h2{font-size:30px}.llouder-door h2{font-size:35px}.collection-pair .door-bottom{padding-top:18px;margin-top:18px}.world-fallback::before{top:52%;right:5%;width:280px;height:280px;border-width:30px}#demo-dialog{padding:16px;width:calc(100% - 16px)}#demo-dialog iframe{height:600px}.demo-heading h2{font-size:31px}.demo-heading .eyebrow{font-size:8px}.demo-heading .dialog-close{font-size:11px;padding:8px}.demo-note{font-size:11px}.review-bar a,.review-bar button{font-size:9px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.collection-pair>a:hover img{transform:none}}
/* A harsher SOTA material language; original geometry and procedural surfaces. */
.plain-button{background:none;border:0;padding:12px 0;min-height:44px;font:inherit;cursor:pointer}
.attack-world{background:#100a08}.attack-world .world-canvas{background:radial-gradient(ellipse at 72% 45%,#70280d44,transparent 55%),#0d0b0a}.attack-world .world-vignette{background:linear-gradient(90deg,#100a08f5,#100a08a0 30%,transparent 64%),linear-gradient(0deg,#100a08,transparent 25%)}.attack-world .world-copy h1{color:#e4ded5;text-shadow:2px 1px 0 #6a5f55}.attack-world .world-copy h1 em{color:#ff632b;text-shadow:0 0 35px #f94b1230}.attack-world .world-copy>.eyebrow,.attack-world .world-annotation{color:#e2a587}.attack-world .world-description{color:#c7b9ae}.attack-world .button.yellow{background:#fa662d;border-color:#fa662d;color:#180b05}.attack-world .world-tuning input{accent-color:#fa662d}.attack-world .world-tuning label,.attack-world .world-tuning button,.attack-world .world-caption{color:#c3a796}body[data-theme=sota]{--bg:#100c0a;--accent:#ff713a;--surface:#1e1713;--ink:#e5ddd1}body[data-theme=sota] .world-selector{border-color:#74432c}body[data-theme=sota] .world-selector button[aria-pressed=true]{background:#a8461214;border-color:#fb6c31}.attack-world::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h190v190H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}.back-to-world{background:transparent;border:1px solid var(--line);padding:10px 18px;color:var(--ink);font-size:12px;min-height:44px}
@media(min-width:761px){
 body:is([data-theme=sota],[data-theme=atmosphere]){padding-bottom:62px}
 body:is([data-theme=sota],[data-theme=atmosphere]) .world-hero{min-height:0;height:calc(100svh - 170px)}
 body:is([data-theme=sota],[data-theme=atmosphere]) .world-copy h1{font-size:clamp(65px,10svh,106px)}
 body[data-theme=sota] .world-copy h1{font-size:clamp(70px,12svh,130px)}
 body:is([data-theme=sota],[data-theme=atmosphere]) .world-copy>.eyebrow{margin-bottom:22px}
 body:is([data-theme=sota],[data-theme=atmosphere]) .world-description{margin-top:20px;font-size:14px}
 body:is([data-theme=sota],[data-theme=atmosphere]) .world-actions{margin-top:22px}
 body:is([data-theme=sota],[data-theme=atmosphere]) .site-footer,body:is([data-theme=sota],[data-theme=atmosphere]) .family-crosslink{display:none}
 body:is([data-theme=sota],[data-theme=atmosphere]):not([data-focus=tools]) :is(.interface-heading,.family-workspace,.family-details){display:none!important}
 body[data-focus=tools] .world-hero{display:none}
 body[data-focus=tools] .world-selector{margin-top:0;min-height:90px}
 body[data-focus=tools] .interface-heading{margin-top:20px;margin-bottom:20px;align-items:center}
 body[data-focus=tools] .interface-heading h2{font-size:27px}
 body[data-focus=tools] .family-workspace .stage-art{height:clamp(160px,37svh,430px)}
 body[data-focus=tools] .family-details{padding-block:20px 0;gap:45px}
 body[data-focus=tools] .family-details h2{font-size:24px}
 body[data-focus=tools] .family-details p{font-size:13px}
 body[data-focus=tools] .family-details .access-line{margin-block:8px 12px}
 body[data-focus=tools] .family-details .eyebrow{margin-bottom:10px}
 body[data-focus=tools] .family-details .button{min-height:42px;padding:9px 16px;font-size:12px}
 #demo-dialog{max-height:calc(100svh - 24px);overflow:hidden;display:none}
 #demo-dialog[open]{display:flex;flex-direction:column}
 #demo-mount{min-height:0;flex:1}
 #demo-dialog iframe{height:calc(100svh - 175px)}
}
@media(max-width:760px){.attack-world .world-vignette{background:linear-gradient(180deg,#100a08 0,#100a08cc 25%,transparent 62%),linear-gradient(0deg,#100a08 0,transparent 22%)}.back-to-world{margin-top:15px}}
/* SOTA reset: its own identity and a pressure-driven composition. */
.sota-reset::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h190v190H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}
body[data-theme=sota]{--bg:#10110f;--ink:#dadbcf;--accent:#cedb45;--surface:#191b16}
.sota-reset{background:#11120f}.sota-reset .world-canvas{background:radial-gradient(ellipse at 73% 47%,#565a2a24,transparent 55%),#10110f}.sota-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10110ff5 0,#10110fd9 24%,transparent 55%),linear-gradient(0deg,#10110f,transparent 20%)}.sota-composition{height:100%;position:relative}.sota-id{position:absolute;top:65px;left:0;width:460px}.sota-id>.eyebrow{font-size:11px;letter-spacing:2px;color:#bec19c}.sota-id h1{margin:15px 0 0}.sota-id h1 img{width:100%;height:auto}.sota-genres{font:10px/1.5 Mono;letter-spacing:1.2px;color:#a6ab95;margin-top:7px}.sota-purpose{position:absolute;left:0;bottom:125px}.sota-verb{font:600 28px/1.2 Space,sans-serif;letter-spacing:-.7px;color:#d0d2c5}.sota-actions{display:flex;gap:22px;align-items:center;margin-top:25px}.sota-actions button{font:500 12px Space;background:transparent;border:0;border-bottom:1px solid #69705a;padding:13px 0;min-height:44px;text-align:left;color:#d5d8c5}.sota-actions button:first-child{border-color:#c2ce4a;color:#d3dd72}.sota-actions button>span{padding-left:20px}.sota-technical{position:absolute;right:0;top:66px;display:flex;gap:9px;flex-direction:column;font:9px/1.5 Mono;color:#8e9882}.sota-technical>span:first-child{color:#c5d469}.sota-bottom{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.strike-button{font:10px/1.5 Mono;color:#cbd57a;background:#151811;border:1px solid #555e38;padding:12px 16px;min-height:42px;letter-spacing:.5px}.strike-button span{margin-left:20px}.sota-reset .world-tuning input{accent-color:#bdca42}.sota-reset .world-tuning label,.sota-reset .world-tuning button{color:#a9b192}.sota-reset .world-tuning button{border-color:#4e5644}.sota-reset .world-canvas canvas{filter:contrast(1.08)}body[data-theme=sota] .world-selector strong{font:600 18px Space,sans-serif;letter-spacing:0}body[data-theme=sota] .world-selector button[aria-pressed=true]{background:#c9d64b08;border-color:#bfcd4b}body[data-theme=sota] .world-selector{border-color:#353d28}body[data-theme=sota] .site-header nav a{color:#9fa58e}body[data-theme=sota] .review-bar{background:#171b14;border-color:#4a513e;color:#a4ac96}body[data-theme=sota] .review-bar a[aria-current=page]{background:#3a4226;color:#d5dfad}body[data-theme=sota] .review-bar button{border-color:#414b32}.sota-reset .world-fallback{background:repeating-radial-gradient(ellipse at 70% 50%,#181b14 0 12px,#555c3b 13px,#11130f 15px 30px)}
@media(max-width:1100px){.sota-id{width:340px;top:45px}.sota-purpose{bottom:120px}.sota-verb{font-size:25px}.sota-technical{top:45px;font-size:8px}}
@media(max-width:760px){.sota-id{top:38px;width:min(390px,100%)}.sota-technical{top:auto;bottom:145px;left:0;right:auto}.sota-purpose{top:245px;bottom:auto}.sota-verb{font-size:23px}.sota-actions{gap:20px;margin-top:18px}.sota-actions button{font-size:11px}.sota-actions button>span{padding-left:10px}.sota-bottom{bottom:22px;display:block}.sota-bottom .world-tuning{margin-top:18px}.sota-shade{background:linear-gradient(180deg,#10110fff 0,#10110fe8 33%,transparent 63%),linear-gradient(0deg,#10110f 0,transparent 25%)}.sota-genres{font-size:9px}.sota-id>.eyebrow{font-size:10px}}