:root{--bg:#07131c;--panel:#0c1b26;--text:#edf3f5;--muted:#a1b4c0;--line:rgb(176 203 222 / .18);--accent:#ff743b;--body:'General Sans',Arial,sans-serif;--display:'Cabinet Grotesk',Arial,sans-serif;--small:clamp(.75rem,.73rem + .12vw,.8125rem);--base:clamp(.875rem,.84rem + .15vw,1rem);--title:clamp(2.5rem,1.5rem + 2.5vw,4.5rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem}
[data-theme=light]{--bg:#e7eef0;--panel:#f7fafb;--text:#142b3b;--muted:#496270;--line:rgb(17 51 69 / .2);--accent:#b74114}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--base)/1.65 var(--body)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:500 var(--base)/1.3 var(--body);color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:transparent;min-height:44px;padding:var(--s2) var(--s4);border-radius:3px}button:hover{background:var(--line)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.035em}.skip{position:absolute;top:-100px;z-index:50;background:var(--panel);padding:var(--s4)}.skip:focus{top:0}.masthead{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--s12);gap:var(--s6)}.brand{display:flex;align-items:center;gap:var(--s3);font-weight:700}.brand svg{width:34px;height:38px;color:var(--accent)}.brand b{font-weight:400;color:var(--muted);padding-inline:var(--s2)}.brand strong{font-size:var(--small);color:var(--accent)}.head-actions{display:flex;align-items:center;gap:var(--s6)}.head-actions a{font-size:var(--small)}.head-actions a span{color:var(--accent);padding-left:var(--s4)}#theme{width:44px;padding:0;font-size:1.25rem}
.experience{position:relative;min-height:670px;height:min(740px,calc(100svh - 178px));isolation:isolate;overflow:hidden}.intro{position:absolute;top:var(--s12);left:var(--s12);pointer-events:none;z-index:2;max-width:520px}.eyebrow{font-size:var(--small);font-weight:600;letter-spacing:.14em;display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.eyebrow>span{width:20px;height:2px;background:var(--accent)}h1{font-size:var(--title)}.lede{color:var(--muted);margin-top:var(--s5);max-width:320px}.model-topline{position:absolute;right:var(--s12);top:var(--s12);display:flex;gap:var(--s6);font-size:var(--small);letter-spacing:.11em;color:var(--muted);z-index:2}.model-topline span:last-child{color:var(--accent)}#stage{position:absolute;inset:0}#scene{width:100%;height:100%;display:block;touch-action:pan-y;outline-offset:-4px;cursor:grab}#scene.dragging{cursor:grabbing}.poster{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.6}.ready .poster{visibility:hidden}#loading{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);padding:var(--s3) var(--s5);background:var(--panel);border:1px solid var(--line);z-index:4;text-align:center;color:var(--muted);min-width:220px}.ready #loading{display:none}.hub-label{position:absolute;left:0;top:0;z-index:3;min-height:36px;font-size:var(--small);background:var(--panel);border-color:var(--accent);padding:var(--s2) var(--s3);display:flex;align-items:center;gap:var(--s2);visibility:hidden;white-space:nowrap;box-shadow:0 8px 24px rgb(0 0 0 / .13)}.ready .hub-label{visibility:visible}.hub-label[aria-pressed=true]{background:var(--accent);color:var(--bg)}.led{height:5px;width:5px;background:var(--accent);border-radius:50%}.hub-label[aria-pressed=true] .led{background:var(--bg)}#tip{position:absolute;z-index:6;pointer-events:none;background:var(--panel);border:1px solid var(--line);padding:var(--s2) var(--s3);font-size:var(--small);max-width:250px}.detail{position:absolute;left:var(--s12);bottom:88px;width:276px;padding-top:var(--s5);border-top:1px solid var(--line);pointer-events:none;z-index:2}.detail>p:first-child{font-size:var(--small);letter-spacing:.12em;color:var(--accent);margin-bottom:var(--s3)}.detail h2{font-size:clamp(1.5rem,1.2rem + .7vw,2rem);line-height:1.15}.detail>p:last-child{font-size:var(--small);color:var(--muted);margin-top:var(--s3);line-height:1.8}.stage-bottom{position:absolute;bottom:var(--s5);left:var(--s12);right:var(--s12);display:flex;justify-content:space-between;gap:var(--s6);font-size:var(--small);color:var(--muted);pointer-events:none}.gesture:before{content:'↔';color:var(--accent);padding-right:var(--s3)}.concept{opacity:.85}
.controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding:var(--s5) var(--s12);border-block:1px solid var(--line);background:var(--panel)}.control-label,.service-control label{font-size:var(--small);letter-spacing:.1em;color:var(--muted)}.view-controls{display:flex;align-items:center;gap:var(--s4)}.segments{display:flex;border:1px solid var(--line);border-radius:3px}.segments button{border:0;border-radius:0;font-size:var(--small);padding-inline:var(--s3)}.segments button[aria-pressed=true]{background:var(--text);color:var(--bg)}.service-control{display:flex;align-items:center;gap:var(--s4);min-width:0}.service-control select{background:var(--panel);border:1px solid var(--line);border-radius:3px;min-height:44px;padding:var(--s2) var(--s8) var(--s2) var(--s3);max-width:225px;cursor:pointer;font-size:var(--small)}.motion-controls{display:flex;gap:var(--s2);flex-shrink:0}.motion-controls button{font-size:var(--small)}#zoom-in,#zoom-out{width:44px;padding:0;font-size:1.25rem}.context-strip{display:flex;justify-content:space-between;align-items:center;gap:var(--s6);padding:var(--s8) var(--s12);border-bottom:1px solid var(--line);font-size:var(--small);color:var(--muted)}.context-strip p{display:flex;align-items:center;gap:var(--s4)}.context-strip strong{font-family:var(--display);font-size:2rem;font-weight:500;color:var(--text)}.context-strip a{color:var(--text)}.context-strip a span{color:var(--accent);padding-left:var(--s4)}footer{padding:var(--s5) var(--s12);display:flex;justify-content:space-between;gap:var(--s4);color:var(--muted);font-size:var(--small)}.noscript{padding:var(--s6);text-align:center}.embed .masthead,.embed .intro,.embed .model-topline,.embed .context-strip,.embed footer{display:none}.embed .experience{min-height:380px;height:calc(100svh - 90px)}.embed .detail{left:var(--s6);width:240px;bottom:64px}.embed .controls{padding:var(--s4) var(--s6)}.embed .stage-bottom{left:var(--s6);right:var(--s6)}
@media(min-width:1600px){.experience{height:780px;max-height:none}.intro{top:64px}.detail{bottom:100px}}
@media(max-width:1150px){.masthead{padding-inline:var(--s6)}.intro{left:var(--s6);max-width:420px}.intro h1{font-size:3rem}.detail{left:var(--s6);width:235px}.model-topline{right:var(--s6);gap:var(--s3)}.model-topline span:first-child{display:none}.controls{padding:var(--s5) var(--s6);gap:var(--s4);flex-wrap:wrap}.control-label{display:none}.service-control{margin-left:auto}.motion-controls{margin-left:auto}.context-strip,footer{padding-inline:var(--s6)}}
@media(max-width:1100px){.masthead{height:74px;padding-inline:var(--s5)}.brand{gap:var(--s2)}.brand span{font-size:.875rem;line-height:1.4}.brand strong{display:block;font-size:.75rem}.brand b{display:none}.brand svg{width:28px;height:32px}.head-actions a{display:none}.experience{height:auto;min-height:0;padding-top:var(--s8);display:flex;flex-direction:column;overflow:hidden}.intro{position:relative;left:auto;top:auto;margin-inline:var(--s5);max-width:none}.eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:var(--s4)}.intro h1{font-size:clamp(2.5rem,6vw,3.5rem)}.lede{font-size:.875rem;margin-top:var(--s4)}.model-topline{display:none}#stage{position:relative;height:430px;margin-top:-8px}.detail{position:relative;left:auto;bottom:auto;width:auto;margin:0 var(--s5);padding-top:var(--s4);min-height:150px;padding-bottom:var(--s4)}.detail h2{font-size:1.5rem}.detail>p:last-child{font-size:.8125rem;margin-top:var(--s2)}.detail>p:first-child{margin-bottom:var(--s2)}.stage-bottom{position:relative;bottom:auto;left:auto;right:auto;flex-direction:column;gap:var(--s2);padding:0 var(--s5) var(--s5);font-size:.75rem}.hub-label{min-height:44px}.controls{padding:var(--s5);gap:var(--s4);display:grid;grid-template-columns:1fr}.view-controls,.segments{width:100%}.segments button{flex:1}.service-control{width:100%;margin:0;justify-content:space-between}.service-control select{max-width:62%;width:100%}.motion-controls{width:100%;margin:0}.motion-controls #pause{flex:1}.context-strip{align-items:flex-start;flex-direction:column;padding:var(--s5);gap:var(--s4)}.context-strip strong{font-size:1.75rem}.context-strip a{min-height:44px;display:flex;align-items:center}footer{padding:var(--s5);flex-wrap:wrap}.embed .experience{padding:0;height:auto;min-height:0}.embed #stage{height:420px;margin-top:0}.embed .detail{left:auto;bottom:auto;width:auto;min-height:130px}.embed .stage-bottom{left:auto;right:auto}.embed .controls{padding:var(--s4)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.concept{background:var(--bg);padding:var(--s1) var(--s2);border-radius:3px;opacity:1}
@media(max-width:1100px){.concept{padding:0}}
.masthead{height:112px;gap:var(--s8)}
.brand{gap:var(--s5);flex-shrink:0;min-height:76px}
.brand svg{width:60px;height:66px;flex-shrink:0}
.brand>span{font-size:clamp(1.5rem,1.15rem + .65vw,1.875rem);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.brand strong{font-size:clamp(1.125rem,.95rem + .45vw,1.5rem);font-weight:700;letter-spacing:-.015em}
.brand b{padding-inline:var(--s3)}
.head-actions{flex-shrink:0}
@media(max-width:1100px){
 .masthead{height:104px;gap:var(--s4)}
 .brand{gap:var(--s4)}
 .brand svg{width:52px;height:58px}
 .brand>span{font-size:1.5rem}
 .brand strong{font-size:1.125rem;margin-top:var(--s1)}
}
@media(max-width:480px){
 .masthead{height:96px;padding-inline:var(--s4);gap:var(--s2)}
 .brand{min-height:72px;gap:var(--s3)}
 .brand svg{width:44px;height:50px}
 .brand>span{font-size:clamp(1rem,.5rem + 2.4vw,1.25rem);letter-spacing:-.03em}
 .brand strong{font-size:1rem}
}