*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeefeb;color:#252c27;font-family:Arial,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:5;top:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #26352a18}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}header span{font-size:10px;letter-spacing:2px;color:#657066}header>a:last-child{font-size:11px}.journey{height:650vh}.stage{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 70% 38%,#fafbf8,#e7eae3 90%)}.scene{position:absolute;inset:0 0 0 28%;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.copy{position:absolute;top:24%;left:5.5%;width:30%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#5b7863}.chapter{font-size:10px;letter-spacing:1.5px;color:#818b81;margin-top:44px}h1{font-size:clamp(30px,3.6vw,58px);letter-spacing:-2.5px;line-height:1.25;margin:23px 0 22px;font-weight:650}h1 em{font-style:normal;color:#6d7d70}.description{font-size:13px;color:#6f796f;line-height:1.9;min-height:70px;max-width:320px}.rule{height:1px;width:38px;background:#819280;margin:26px 0 15px}.material{font-size:9px;letter-spacing:1.7px;color:#6e7b70}.model-tag{position:absolute;right:5%;top:19%;display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.4px;color:#6f7e72}.model-tag i{height:5px;width:5px;background:#65826c;border-radius:50%}.scene-tools{position:absolute;right:5%;bottom:145px;display:flex;gap:8px}.scene-tools button{border:1px solid #70816c44;background:#ffffff60;padding:10px 14px;border-radius:30px;font-size:10px;color:#586957;cursor:pointer;backdrop-filter:blur(12px)}.scene-tools button[aria-pressed=true]{background:#344b3b;color:white}.steps{position:absolute;left:5.5%;right:5%;bottom:70px;display:flex;border-top:1px solid #6b7b6d35}.steps button{width:20%;display:flex;align-items:center;gap:15px;text-align:left;padding:20px 0 8px;border:0;border-top:2px solid transparent;margin-top:-1px;background:none;color:#8e968d;cursor:pointer}.steps b{font-size:11px;font-weight:400}.steps span{font-size:12px}.steps button[aria-pressed=true]{border-color:#345540;color:#263d2c}.steps button[aria-pressed=true] b{font-weight:bold}.steps button:focus-visible,.scene-tools button:focus-visible{outline:2px solid #42674c;outline-offset:5px}.footnote{position:absolute;bottom:25px;left:5.5%;right:5%;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#879184}.footnote>span{font-size:8px;letter-spacing:1.5px}.footnote small{font-size:9px}.footnote b{font-size:9px;font-weight:400;letter-spacing:1px}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#cbd4c7}.progress i{display:block;background:#49674c;height:100%;width:0}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#687a6b;text-align:center;line-height:2;width:250px}.loading span{display:block;width:25px;height:25px;border:1px solid #c5d0c0;border-top-color:#46664d;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.details{padding:100px 8%;background:#fafbf8;display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}.details h2{font-size:36px;line-height:1.4;letter-spacing:-1.8px}.details p{font-size:13px;color:#788274;line-height:1.9}.parts article{position:relative;padding:8px 0 23px 45px;border-bottom:1px solid #d5dccf}.parts article>b{position:absolute;left:0;top:26px;font-size:10px;color:#8a9786}.parts h3{font-size:16px;font-weight:500}.parts p{font-size:12px}.detail-links{display:flex;gap:40px;grid-column:1/-1}.detail-links a{font-size:12px;border-bottom:1px solid #8b9d85;padding-bottom:12px}.details .disclaimer{grid-column:1/-1;font-size:10px;color:#929b8d;margin:0}footer{display:flex;justify-content:space-between;padding:35px 8%;gap:20px}footer span,footer small{font-size:10px;color:#7b8877;letter-spacing:1px}@media(max-width:700px){header{height:65px;padding:0 6%}.brand{font-size:21px}header span{display:none}.stage{min-height:660px}.copy{top:95px;left:7%;width:86%}.eyebrow{font-size:8px}.chapter{margin-top:22px;font-size:9px}h1{font-size:33px;letter-spacing:-1.5px;margin:13px 0}.description{font-size:11px;line-height:1.7;min-height:0;max-width:260px}.rule,.material{display:none}.scene{inset:32% -8% 15% -8%}.model-tag{top:auto;bottom:180px;right:6%;font-size:8px}.scene-tools{bottom:130px;left:7%;right:auto;gap:7px}.scene-tools button{font-size:9px;padding:8px 11px}.steps{left:7%;right:7%;bottom:65px}.steps button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:13px}.steps span{font-size:10px}.steps b{font-size:9px}.footnote{left:7%;right:7%;bottom:15px}.footnote>span{display:none}.footnote small{font-size:8px;max-width:250px;line-height:1.6}.footnote b{font-size:8px;white-space:nowrap}.details{grid-template-columns:1fr;padding:60px 7%;gap:25px}.details h2{font-size:29px}.detail-links{flex-wrap:wrap;gap:20px}footer{flex-wrap:wrap;padding:30px 7%}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading span{animation:none}}
.scene{inset:8% 0 19% 28%}@media(max-width:700px){.scene{inset:34% -8% 19% -8%}}
.scene{inset:8% 0 19% 30%}#measure{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;overflow:visible}#measureLines{stroke:#314f3b;stroke-width:1;fill:none}#measureText{font-size:11px;fill:#314f3b;paint-order:stroke;stroke:#f2f4ed;stroke-width:3;stroke-linejoin:round}
#alignment{position:absolute;right:5%;top:20%;width:135px;padding:13px 10px;background:#fafcf6cf;border:1px solid #adbcaa60;backdrop-filter:blur(6px);border-radius:3px;pointer-events:none}#alignment>span{font-size:9px;display:block;text-align:center;color:#4d6552}#alignment svg{display:block;width:100%;margin:8px 0}#alignment>b{font-size:8px;display:block;text-align:center;font-weight:400;color:#6d7c69}#alignment.finished{border-color:#7d9b77}
@media(max-width:700px){.scene{inset:35% -5% 21% -5%}#alignment{top:29%;right:7%;width:102px;padding:7px}#alignment svg{width:58px;margin:4px auto}#alignment>span,#alignment>b{font-size:7px}.model-tag{display:none}.scene-tools{gap:5px}.scene-tools button{padding:8px 10px}#measureText{font-size:9px}}
.description{word-break:keep-all}.model-tag{top:14%}
#focusRing{position:absolute;left:50%;top:50%;pointer-events:none;color:#254d37;z-index:2;transition:opacity .1s}#focusRing i{position:absolute;width:22px;height:22px;left:-11px;top:-11px;border:1px solid #376749;border-radius:50%;box-shadow:0 0 0 4px #ffffff66}#focusRing span{position:absolute;left:20px;top:-10px;font-size:9px;white-space:nowrap;background:#ffffffe0;padding:5px 7px;border-radius:2px}

nav[aria-label="외장재 조립 단계"] button{flex:1;width:auto;gap:7px}nav[aria-label="외장재 조립 단계"] span{font-size:10px}@media(max-width:700px){nav[aria-label="외장재 조립 단계"]{overflow-x:auto}nav[aria-label="외장재 조립 단계"] button{min-width:72px}nav[aria-label="외장재 조립 단계"] span{font-size:9px}}

.model-tag{top:19%}

#measureText{font-size:22px;font-weight:700;stroke-width:5px}#measureLines{stroke-width:1.6}@media(max-width:700px){#measureText{font-size:17px}}