/* The approved 1672 x 941 composition: 630px hero + 311px interaction tray. */
.experience-frame{position:sticky;top:var(--pin-top,0px)}
.journey-shell[data-enabled=false]>.experience-frame{position:relative;top:0}
.studio{background-color:#071015;background-image:linear-gradient(to bottom,#00000014 0%,#00000014 60%,#00000061 100%),url('./assets/axis-studio-clean-plate-v1.jpg');background-position:center bottom;background-size:cover;background-repeat:no-repeat}
.studio:before{display:none}.edition,.model-note,.scene-caption{display:none}
.opening-copy>.eyebrow,.journey-copy>.eyebrow{visibility:hidden}
.scene-tools{opacity:0;transition:opacity .2s}.scene:hover .scene-tools,.scene:focus-within .scene-tools{opacity:1}
.scene canvas:focus{outline:none!important}
.keyboard-hint{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:4;pointer-events:none;opacity:0;white-space:nowrap;font-size:9px;letter-spacing:.04em;padding:10px 15px;border-radius:22px;color:#ead0a7;background:#091217ef;border:1px solid #d7ac7788}
.scene canvas[data-input=keyboard]:focus-visible~.keyboard-hint{opacity:1}
.workbench{height:clamp(290px,18.6vw,350px);padding:0;background:linear-gradient(#0009,#0009),#071015 url('./assets/axis-studio-clean-plate-v1.jpg') center bottom/cover;border-top:1px solid #a4b7c82b}
.bench-layout{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.bench-layout>div,.bench-layout>div:first-child,.bench-layout>div:last-child{position:relative;min-width:0;padding:0;overflow:hidden;border-left:1px solid #a4b7c82b}
.bench-layout>div:first-child{border-left:0}
.panel-heading{position:absolute;z-index:2;left:7.5%;top:22px;margin:0;font-size:13px;font-weight:400;letter-spacing:.24em;text-transform:uppercase}
.panel-heading span{color:#e2b477;margin-right:20px}
.preview{position:absolute;display:block;padding:0;border:0;transition:filter .2s}
.preview:hover{filter:brightness(1.12)}.preview img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.rotate-preview{left:9%;top:44px;width:59%;height:calc(100% - 48px)}
.rotate-copy{position:absolute;left:66%;top:34%;font-size:13px;line-height:1.6;letter-spacing:.055em;color:#bfc6c9;pointer-events:none}
.rotate-copy i{display:block;background:#b79262;height:1px;width:32px;margin-top:23px}
.explode-preview{left:2%;right:2%;top:44px;height:calc(100% - 76px);width:96%}
.part-options{position:absolute;left:8%;right:8%;bottom:12px;display:flex;justify-content:space-between;gap:0}
.part-options button{display:block;flex:1;border:0;text-align:center;padding:0 2px;white-space:nowrap}
.part-options button:before{content:'';display:block;height:13px;width:1px;background:#85939b66;margin:0 auto 10px}
.part-options button span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b8c1c6}
.specify-preview{left:0;top:44px;width:66%;height:calc(100% - 48px)}
.finish-meta{position:absolute;left:66%;right:6%;top:54px}
.component-label{text-align:left;padding:0;font-size:12px;line-height:1.4;letter-spacing:.04em;white-space:nowrap}
.component-label small{display:block;font-size:11px;font-weight:400;color:#a7b4bb;letter-spacing:.05em;margin-top:4px}
.component-label{transform:translateX(-35px)}.component-label:before{content:'';position:absolute;width:65px;height:1px;background:#c6a27288;right:calc(100% + 20px);top:8px}
.specify-preview:after{content:'';position:absolute;left:64%;top:7%;width:12px;height:12px;border:2px solid #f5f3ed;border-radius:50%;box-shadow:0 0 0 4px #c19a6b88}
.finish-label{display:block;margin:36px 0 17px;font-size:11px;color:#b8c1c7;letter-spacing:.1em}
.finish-options{gap:22px}.finish-options i{width:49px;height:49px;margin-bottom:12px}.finish-options button{font-size:10px;white-space:nowrap;letter-spacing:.02em}
.mobile-spec{display:none}
.project-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 4.5%;border-top:1px solid #ffffff20;color:#83949f;font-size:10px;line-height:1.6}
.project-footer p{margin:0;max-width:530px}.project-footer a{white-space:nowrap;color:#c4cfd6}.project-footer a span{margin-left:15px;color:var(--gold)}
@media(min-width:761px){
 .studio{height:37.68vw;min-height:590px;max-height:900px;position:relative}
 .header{height:96px;gap:43px}.wordmark{letter-spacing:.58em}.header nav{gap:52px}.header nav button{font-size:15px}
 .hero-copy{left:7.5%;top:26.5%;width:37%}.opening-copy>.eyebrow{display:none}
 h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,5.5vw,106px);line-height:.95;letter-spacing:-.025em;font-weight:400}
 .accent{width:50px;margin:20px 0 28px}
 .gesture{gap:22px;font-size:14px;margin:0 0 33px;letter-spacing:.1em}.gesture svg{width:31px;height:40px}
 .assembly-controls{width:420px;max-width:100%}.segmented{padding:2px}.segmented button{font-size:11px;padding:12px 10px;letter-spacing:.14em;font-weight:400}
 .segmented button[aria-pressed=true]{font-weight:600}
 .segmented button:first-child{flex:1.1}
 .slider-label{font-size:12px;margin:34px 0 10px;letter-spacing:.06em}.slider-label output,.slider-ends,.scroll-prompt{display:none}
 .scene{left:39.4%;right:8.6%;top:0;bottom:0}
 .scene canvas{mask-image:none;-webkit-mask-image:none}
 .lower-line{right:2.5%;bottom:28px;justify-content:flex-end}.alta-credit{font-size:10px;letter-spacing:.12em;gap:12px}.alta-credit>span{display:none}
 .journey-copy>.eyebrow,.journey-description{display:none}.journey-copy h2{font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:300;font-size:clamp(60px,5.25vw,100px);line-height:.98;letter-spacing:-.02em}
}
@media(min-width:761px) and (max-width:1100px){
 .studio{min-height:590px}.hero-copy{left:6%;width:36%;top:25%}h1{font-size:6vw}
 .journey-copy h2{font-size:5.8vw;white-space:nowrap}
 .scene{left:42%;right:0}.gesture{font-size:12px;gap:15px}.assembly-controls{width:100%}.segmented button{font-size:9px;padding:12px 5px}
 .header nav{gap:24px}.header nav button{font-size:13px}.rotate-copy{font-size:10px;left:63%}.panel-heading{font-size:10px}.panel-heading span{margin-right:12px}
 .finish-meta{left:62%;right:3%}.finish-options{gap:13px}.finish-options i{width:36px;height:36px}.finish-options button{font-size:8px}.component-label{font-size:10px}.component-label small{font-size:9px}.part-options button span{font-size:7px}
}
@media(max-width:760px){
 .studio{background-image:linear-gradient(to bottom,transparent 550px,#071015 700px),linear-gradient(to bottom,#00000014 0%,#00000014 60%,#00000061 100%),url('./assets/axis-studio-clean-plate-v1.jpg');background-size:100% 700px,100% 700px,auto 700px;background-position:left top,left top,62% top}
 .gesture{color:#d9e0e3;text-shadow:0 1px 8px #000}.gesture svg{stroke:#d9e0e3;filter:drop-shadow(0 1px 2px #000)}
 .lower-line{justify-content:flex-end}
 .scene-tools{opacity:1}.workbench{height:auto;background-size:auto 100%}
 .bench-layout{display:block}.bench-layout>div,.bench-layout>div:first-child,.bench-layout>div:last-child{height:275px;border-left:0;border-top:1px solid #a4b7c82b}
 .bench-layout>div:first-child{border-top:0}.panel-heading{top:20px;font-size:11px}.panel-heading span{margin-right:16px}
 .rotate-preview{left:2%;width:63%;height:235px;top:39px}.rotate-copy{left:61%;top:35%;font-size:11px}
 .explode-preview{height:200px;top:38px}.part-options{bottom:13px;left:7%;right:7%}.part-options button span{font-size:8px}
 .specify-preview{top:40px;height:235px}.finish-meta{top:58px;left:63%;right:5%}.finish-label{margin-top:27px}.finish-options{gap:16px}.finish-options i{width:39px;height:39px}.finish-options button{font-size:9px}.component-label{font-size:11px}.component-label small{font-size:10px}
 .bench-layout>div.finishes{height:300px}.mobile-spec{display:block;font-size:9px;white-space:nowrap;padding:9px 0;margin-top:12px;min-height:40px;border-bottom:1px solid #b28f63}.part-options button{min-height:44px}
 .project-footer{flex-direction:column;align-items:flex-start;gap:17px;padding:26px 8%;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.experience-frame{position:relative;top:0}}