/* One photographic surface, a quieter measurement plate and a guided assembly sequence. */
.studio-stage{border:0;background:transparent;aspect-ratio:1;overflow:hidden;border-radius:16px;isolation:isolate}.studio-stage #gallery-zoom{height:100%;width:100%}.studio-stage img#product-photo{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:1;object-fit:cover}.studio-stage .panel-watermark,.studio-stage.panel-shot .panel-watermark{display:block!important;position:absolute;left:50%;top:50%;width:26%;height:auto;aspect-ratio:auto;max-width:180px;transform:translate(-50%,-50%);opacity:.105;pointer-events:none;z-index:1}.studio-stage .gallery-arrow,.zoom-hint,#gallery-badge{z-index:2}.gallery-thumb{border-color:#ece8e0}.gallery-thumb.selected{border-color:#c74b2d}.technical{background:#fff;background-image:none;color:#24271f;border-block:1px solid #eeece5}.technical-copy>p,.technical-copy .small{color:#7c7f73}.technical-copy .eyebrow,.technical .accent{color:#cb4d2f}.technical .specs div{border-color:#e5e3d9}.technical .specs dt{color:#838476}.technical .specs dd{color:#2e3329}.technical .specs dd span{color:#9b9d92}.technical-download{color:#c14a2c;border-color:#dcb6a5}.technical-drawing{padding:0;border:0;border-radius:0;background:none;color:#363a31;min-width:0}.technical-drawing>svg.dimension-diagram{width:100%;height:auto;aspect-ratio:1;display:block}.technical-caption{border-color:#e4e2d9;color:#8d8f80;padding:16px 0 0;font-size:8px}.dimension-diagram{overflow:visible}.technical-grid{gap:50px;grid-template-columns:1fr 1.25fr}.assembly{background:#f7f6f2;color:#282c23}.assembly .section-heading{margin-bottom:34px}.assembly-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:58px;align-items:center}.assembly-visual,.assembly-explanation{min-width:0}.assembly-photo{position:relative;aspect-ratio:1;overflow:hidden;border-radius:17px;background:#f1eee8;isolation:isolate}.assembly-photo>img#sequence-image{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1}.sequence-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;max-width:180px;opacity:.1;pointer-events:none}.sequence-label{position:absolute;top:20px;left:20px;color:#6d6f62;font-size:8px;letter-spacing:.12em;background:#ffffffb8;border:1px solid #ddd8c9;padding:8px 13px;border-radius:30px}.sequence-controls{display:flex;gap:12px;align-items:center;padding:20px 0 16px}.sequence-controls button{border:0;background:transparent;color:#2b3026;font-size:11px;padding:8px 0;font-weight:600}.sequence-controls #sequence-restart{font-size:21px;font-weight:400;padding:4px 12px;border-left:1px solid #d8d6cb}.sequence-controls #sequence-count{margin-left:auto;font-size:9px;color:#969686;font-variant-numeric:tabular-nums;letter-spacing:.1em}.sequence-progress{height:2px;background:#e7e4d9;overflow:hidden;border-radius:2px}.sequence-progress span{height:100%;background:#cf5234;display:block;width:16.666%;transition:width .5s ease}.assembly-explanation .steps-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:35px;padding:0;border:0}.assembly-explanation .steps-tabs button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 9px;font-size:9px;letter-spacing:-.02em;white-space:nowrap;border:1px solid #dedbd0;background:transparent;border-radius:8px;color:#797b6d;font-weight:400;justify-content:center}.assembly-explanation .steps-tabs button>span{font-size:8px;color:#aaab9e}.assembly-explanation .steps-tabs button[aria-selected=true]{background:#282e23;border-color:#282e23;color:white}.assembly-explanation .steps-tabs button[aria-selected=true]>span{color:#b6bba9}.assembly-explanation #sequence-panel{min-height:193px}.assembly-explanation #sequence-kicker{font-size:9px;color:#c14b2f}.assembly-explanation #sequence-title{font-size:30px;letter-spacing:-.04em;font-weight:500;line-height:1.17;margin:17px 0}.assembly-explanation #sequence-description{font-size:12px;line-height:1.95;color:#787c6e}.sequence-note{font-size:9px!important;color:#9a9a8b!important;line-height:1.85;margin-top:22px;padding:18px 0;border-top:1px solid #dfddd2}.assembly-resources{margin-top:18px}.assembly-resources .button{font-size:11px;min-height:47px}.assembly-resources .button>span{font-size:9px;font-weight:400;opacity:.8}.assembly-resources .resource-video{background:white;border-color:#d9d7cc;color:#3d4436;margin-top:8px;font-size:11px;justify-content:start}.assembly-resources>p{font-size:8px;line-height:1.8;color:#a3a393;margin-top:14px}.lightbox-photo{position:relative;width:fit-content;margin:auto}.lightbox-photo #lightbox-image{width:min(80vh,90vw);max-height:80vh;object-fit:contain}.lightbox-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.105;width:26%;max-width:180px;pointer-events:none}#photo-lightbox{padding:0;max-width:95vw;width:fit-content;overflow:auto;background:#f4f1ea}#photo-lightbox>button{z-index:3}#lightbox-caption{padding:0 20px}#real-video-dialog{padding:25px;border:0;border-radius:18px;max-width:880px;width:94vw;background:#f6f5ef;color:#31362b}#real-video-dialog::backdrop{background:#0e130de3;backdrop-filter:blur(8px)}#real-video-close{position:absolute;right:16px;top:16px;border:1px solid #d9d5c7;background:#fff;border-radius:50%;width:35px;height:35px;z-index:2}.real-video-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.real-video-layout video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#151914;border-radius:10px}.real-video-layout>div{padding-right:20px}.real-video-layout h3{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.real-video-layout p{font-size:12px;color:#7c8072;line-height:1.9}.real-video-layout .button{font-size:11px;margin-top:25px}.video-manual-link{display:inline-block;font-size:10px;color:#b94c30;margin-top:20px;border-bottom:1px solid #dfb5a2;padding-bottom:5px}
@media(min-width:901px){.gallery-thumbnails{max-height:calc((100vw - 80px - 56px) * .592 - 79px);max-height:min(47vw,599px)}.studio-gallery{grid-template-columns:65px minmax(0,1fr)}.studio-stage img#product-photo{height:100%;min-height:0;aspect-ratio:1;object-fit:cover}}
@media(max-width:1000px){.assembly-showcase{gap:30px}.assembly-explanation #sequence-title{font-size:26px}.assembly-explanation .steps-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}.technical-grid{gap:25px}.assembly-explanation #sequence-panel{min-height:210px}}
@media(max-width:700px){.technical-grid{display:flex;gap:22px}.technical-copy h2{font-size:30px}.technical-drawing{width:100%}.dimension-labels text{font-weight:500}.assembly-showcase{grid-template-columns:1fr;gap:30px}.assembly-explanation .steps-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.assembly-explanation .steps-tabs button{font-size:9px;min-height:40px;padding:7px 6px;gap:5px}.assembly-explanation #sequence-title{font-size:27px}.assembly-explanation #sequence-panel{min-height:0}.assembly-explanation #sequence-description{font-size:13px}.sequence-controls{padding-top:12px}.sequence-controls button{font-size:11px}.sequence-label{top:15px;left:15px;font-size:7px}.sequence-note{font-size:10px!important}.assembly-resources>p{font-size:9px}.real-video-layout{grid-template-columns:1fr;gap:15px}.real-video-layout video{max-height:51vh}.real-video-layout>div{padding:0 8px}.real-video-layout h3{font-size:24px;margin:12px 0}.real-video-layout .button{margin-top:16px}#real-video-dialog{padding:14px}.studio-stage,.assembly-photo{border-radius:12px}.lightbox-photo #lightbox-image{width:90vw;max-height:80vh}}
@media(prefers-reduced-motion:reduce){.sequence-progress span{transition:none}}
.dimension-diagram>image:first-of-type{filter:brightness(1.05)}

.sequence-play-overlay{position:absolute;top:18px;right:18px;background:#fffffff0;border:1px solid #d5d5c8;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:500;color:#33392c;z-index:2;box-shadow:0 2px 8px #282d1a04}.sequence-play-overlay[aria-pressed=true]{background:#293123;color:white;border-color:#293123}.assembly-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px}.assembly-visual{max-width:550px}.assembly-explanation{max-width:550px}
@media(max-width:1000px){.assembly-showcase{gap:30px}.sequence-play-overlay{font-size:9px;padding:8px 10px}}
@media(max-width:700px){.assembly-showcase{grid-template-columns:1fr;gap:25px}.assembly-visual,.assembly-explanation{max-width:none}.sequence-play-overlay{top:13px;right:13px;font-size:9px;padding:8px 10px}}
