.product-3d{height:calc(var(--scroll-viewport, 100svh) * 5.4);background:#eff2f4;position:relative}.product-3d-stage{position:sticky;top:76px;height:calc(var(--scroll-viewport, 100svh) - 76px);min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#fff 0%,#f4f6f7 40%,#e5ebef 100%)}.three-copy{position:absolute;left:6%;top:18%;width:32%;z-index:2;pointer-events:none}.three-copy .eyebrow{color:#657f93;font-size:12px;letter-spacing:.12em}.three-copy h2{font-size:clamp(38px,4.5vw,72px);font-weight:550;line-height:1.13;letter-spacing:-.065em;margin:28px 0;color:#17374f}.three-copy h2 span{color:#4e7c9f}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:18px;line-height:1.9;color:#657d8e;max-width:350px;min-height:75px}.three-chapter{margin-top:40px;color:#688a9e;font-size:11px;letter-spacing:.17em}.three-skip{pointer-events:auto;display:inline-block;margin-top:20px;font-size:13px;color:#385f7b}.three-mount{position:absolute;right:0;top:0;width:67%;height:calc(100% - 165px);touch-action:pan-y;cursor:grab}.three-mount:active{cursor:grabbing}.three-mount canvas{width:100%;height:100%;display:block;touch-action:pan-y}.three-mount>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.three-mount>p{position:absolute;bottom:12px;left:0;width:100%;text-align:center;color:#46677d;font-size:13px}.three-toolbar{position:absolute;left:6%;right:6%;bottom:20px;z-index:3}.three-buttons{display:flex;justify-content:center;gap:8px}.three-buttons button{padding:11px 19px;border:1px solid #cad6df;border-radius:40px;background:#f8fafbc9;color:#607d92;cursor:pointer;font-size:13px;backdrop-filter:blur(12px)}.three-buttons button[aria-pressed=true]{color:#fff;background:#244f70;border-color:#244f70}.three-range-label{display:flex;align-items:center;justify-content:center;gap:14px;color:#678398;font-size:12px;margin:15px auto 10px}.three-range-label input{width:min(350px,45vw);accent-color:#295e86;cursor:pointer}.three-range-label span{min-width:30px}.three-help{font-size:11px;letter-spacing:.04em;color:#6d8292;text-align:center;margin:8px 0}.three-note{font-size:11px;color:#83939e;line-height:1.5;text-align:center;margin:10px 0 0}.three-mount [hidden]{display:none}.three-unavailable{isolation:isolate}.three-unavailable .three-buttons,.three-unavailable .three-range-label,.three-unavailable .three-help{display:none}
@media(max-width:900px){.three-copy{left:5%;width:36%}.three-copy h2{font-size:42px}.three-mount{width:64%}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:15px}.three-buttons button{padding:10px 13px}}
@media(max-width:700px){.product-3d{height:calc(var(--scroll-viewport, 100svh) * 4.6)}.product-3d-stage{top:66px;height:calc(var(--scroll-viewport, 100svh) - 66px);min-height:620px}.three-copy{left:6%;top:25px;width:88%;pointer-events:none}.three-copy .eyebrow{font-size:10px;margin-bottom:8px}.three-copy h2{font-size:33px;margin:12px 0;line-height:1.13}.three-copy h2 br{display:none}.three-copy h2 span{display:block}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:13px;line-height:1.6;max-width:100%;min-height:42px;margin:8px 0}.three-chapter,.three-skip{display:none}.three-mount{width:100%;top:155px;height:calc(100% - 315px)}.three-toolbar{left:4%;right:4%;bottom:16px}.three-buttons{gap:5px;flex-wrap:wrap}.three-buttons button{padding:9px 11px;font-size:11px}.three-note{font-size:10px;max-width:360px;margin:8px auto 0}.three-help{font-size:10px}.three-range-label{margin:10px auto 6px}}
@media(prefers-reduced-motion:reduce){.product-3d{height:auto}.product-3d-stage{position:relative;top:76px;margin-bottom:76px}.three-help{font-size:0}.three-help:after{content:'버튼과 슬라이더로 장면을 선택하세요.';font-size:12px}@media(max-width:700px){.product-3d-stage{top:66px;margin-bottom:66px}}}
.three-component-label{position:absolute;pointer-events:none;border-left:2px solid #4088b1;background:#f6fafce8;color:#255876;font-size:12px;padding:9px 12px;box-shadow:0 3px 16px #1c3e5110;max-width:160px}.three-component-label[hidden]{display:none}
.three-view-actions{display:flex;justify-content:center;gap:20px;margin-top:10px}.three-view-actions button{background:none;border:0;color:#4d6a7e;text-decoration:underline;text-underline-offset:4px;font-size:12px;cursor:pointer}.three-mount>#three-reference{position:absolute;inset:0;background:#fff;mix-blend-mode:normal;z-index:4}.three-mount{height:calc(100% - 185px)}.three-toolbar{bottom:16px}.three-copy h2{letter-spacing:-.045em}@media(max-width:700px){.three-mount{height:calc(100% - 345px)}.three-view-actions{margin-top:8px;gap:18px}.three-view-actions button{font-size:11px}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:12px}.three-help{margin:5px 0}}

/* Scoped dark presentation; the existing landing page remains unchanged. */
.product-3d{background:#08090b;scroll-margin-top:76px}.product-3d-stage{min-height:780px;background:radial-gradient(ellipse at 72% 42%,#263442 0%,#111820 37%,#08090b 75%)}
.three-copy{top:9%;width:33%}.three-copy .eyebrow{color:#9daebf}.three-copy h2{color:#f5f5f7;font-size:clamp(34px,4vw,64px);margin:22px 0}.three-copy h2 span{color:#a9c9e8}.three-copy>p:not(.eyebrow):not(.three-chapter){color:#b2bbc5;font-size:16px;min-height:54px;line-height:1.7}.three-chapter{color:#8297ac;margin-top:24px}.three-skip{color:#c2d9ef;margin-top:10px}.three-mount>img{mix-blend-mode:normal}.three-mount>p{color:#c4cfda}
#three-details{margin:24px 0 0;max-width:370px}#three-details div{border-top:1px solid #ffffff20;padding:12px 0}#three-details dt{color:#e7edf5;font-size:14px;font-weight:600;margin-bottom:5px}#three-details dd{margin:0;color:#a4afbc;font-size:13px;line-height:1.65}.three-buttons button{background:#17212ce8;border-color:#43505e;color:#bdc9d6}.three-buttons button[aria-pressed=true]{background:#c2dcf5;border-color:#c2dcf5;color:#122638}.three-range-label{color:#a4b7ca}.three-range-label input{accent-color:#afcff0}.three-help,.three-note{color:#96a6b7}.three-view-actions button{color:#b4cbe1}.three-component-label{background:#132330ed;color:#d3e8fa;border-color:#9ec9ef}.three-buttons button:focus-visible,.three-view-actions button:focus-visible,.three-skip:focus-visible{outline:2px solid #d0e8ff;outline-offset:4px}
@media(max-width:900px) and (min-width:701px){.three-copy{width:36%;left:4%}.three-copy h2{font-size:37px}#three-details dd{font-size:12px}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:14px}}
@media(max-width:700px){.product-3d-stage{min-height:850px}.three-copy{top:24px;width:88%}.three-copy h2{font-size:31px;margin:12px 0}.three-copy h2 br{display:none}.three-copy h2 span{display:inline;margin-left:8px}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:12px;line-height:1.6;min-height:36px}#three-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:12px;max-width:none}#three-details div{padding:9px 0}#three-details dt{font-size:12px}#three-details dd{font-size:11px;line-height:1.5}.three-mount{top:255px;height:calc(100% - 450px)}.three-note{max-width:95%}.three-toolbar{bottom:18px}}
.three-unavailable .three-view-actions{display:none}
@media(prefers-reduced-motion:reduce){.product-3d-stage{top:0;margin-bottom:0}}
@media(min-width:701px) and (max-height:900px){.product-3d-stage{min-height:640px}.three-copy{top:5%}.three-copy h2{font-size:clamp(34px,3.8vw,52px);margin:14px 0}.three-copy .eyebrow{margin:0}.three-copy>p:not(.eyebrow):not(.three-chapter){font-size:14px;margin:12px 0;min-height:44px}#three-details{margin-top:14px}#three-details div{padding:9px 0}#three-details dt{font-size:13px}#three-details dd{font-size:12px}.three-chapter{display:none}.three-skip{margin-top:10px}}

@media(max-width:700px){.product-3d-stage{min-height:700px}.three-mount{top:245px;height:calc(100% - 440px)}}

@media(max-width:700px){.product-3d-stage{min-height:0}}