:root{--accent:#d7f85f;--bg:#0b0d0c}body{background:var(--bg)}header{height:88px}nav,.navcta{font-size:14px}.logo span{font-size:10px}.experience{height:560vh}.stage{min-height:650px;background:radial-gradient(ellipse at 50% 50%,#2c3330 0%,#151b17 38%,#0b0d0c 72%)}.grid{background-size:20% 100%;inset:88px 5% 76px}.ghost{top:23%;left:0;width:100%;text-align:center;color:#ffffff05;font-size:27vw;letter-spacing:-1.8vw;line-height:1}.intro{inset:125px 0 auto;text-align:center;z-index:2;transition:opacity .25s;pointer-events:none}.intro .eyebrow{justify-content:center}.eyebrow{font-size:12px;letter-spacing:2px}.intro h1{font-size:clamp(42px,5vw,78px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:16px 0}.intro h1 br{display:none}.intro h1 em{margin-left:.2em}.intro .description{font-size:14px;margin:15px 0}.intro .button{position:fixed;right:5%;bottom:115px;font-size:14px}.button{font-size:14px}#scene{left:13%;top:24%;width:74%;height:69%;z-index:1;pointer-events:none}.scene-note{left:5%;bottom:125px;font-size:12px;z-index:2;letter-spacing:1px}.scene-note #finish-caption{color:#aeb5a6}.angle{right:5%;top:43%;z-index:2}.angle span{font-size:30px}.angle small{font-size:12px}.spec-focus{right:5%;bottom:26%;z-index:2;opacity:0}.spec-focus>span{font-size:12px;max-width:250px}.spec-focus strong{font-size:clamp(40px,5vw,76px)}.spec-focus small{font-size:14px;max-width:240px;line-height:1.6}.chapter-copy{position:absolute;z-index:2;left:6%;top:37%;opacity:0;pointer-events:none}.chapter-copy p{color:var(--accent);font-size:12px;letter-spacing:2px}.chapter-copy h2{font-size:clamp(30px,3.1vw,48px);line-height:1.18;max-width:310px;letter-spacing:-1px}.bottom{height:76px;z-index:3;font-size:12px;letter-spacing:1px;background:linear-gradient(transparent,#0b0d0c)}.steps button{font-size:12px;min-width:28px;min-height:44px}.spec-strip small{font-size:12px}.spec-strip strong{font-size:36px}.collection{padding:100px 6%;background:#101410;border-bottom:1px solid #ffffff16}.collection-head{position:relative}.collection-head .eyebrow{color:var(--accent)}.collection-head h2{font-size:clamp(40px,5vw,68px);font-weight:500}.collection-head h2 span{color:#899380}.collection-head>p:last-child{position:absolute;right:0;bottom:0;font-size:16px;color:#aeb6a7}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.design-card{min-width:0;position:relative;text-align:left;padding:25px;background:radial-gradient(ellipse at 50% 42%,#293126,#181d16 70%);color:var(--text);border:1px solid #343c2e;transition:border-color .2s,transform .2s}.design-card:hover{border-color:var(--accent);transform:translateY(-6px)}.card-no{font-size:12px;color:#9ba68f;letter-spacing:2px}.design-card img{display:block;width:100%;height:auto;margin:0;object-fit:contain}.card-name{display:flex;justify-content:space-between;font-size:20px;gap:10px}.card-name>span{color:var(--accent)}.card-spec{display:block;font-size:13px;color:#9ca58f;margin-top:14px}.section-heading>p:last-child{font-size:16px}.tabs button{font-size:16px}.fields label{font-size:14px}select{font-size:16px}.filter-footer p,.prototype{font-size:13px}#result{font-size:15px}footer>span{font-size:12px}.is-detail .intro{opacity:0;visibility:hidden}.is-detail .chapter-copy,.is-detail .spec-focus{opacity:1}.is-detail #scene{top:13%;height:79%}.is-detail .scene-note{opacity:.65}
@media(max-width:900px){nav{gap:18px}.intro h1 br{display:block}.intro{top:120px}.intro .button{position:static;margin-top:10px}#scene{left:5%;width:90%;top:35%;height:56%}.intro .description{display:none}.scene-note{bottom:100px;font-size:10px}.angle{top:44%}.bottom>span:last-child{display:none}.chapter-copy{top:17%;left:6%}.chapter-copy h2{font-size:32px;max-width:300px}.is-detail #scene{top:30%;height:58%}.spec-focus{bottom:18%}.collection-grid{gap:12px}.design-card{padding:15px}.card-name{font-size:16px}.spec-strip{padding:35px 4%}.spec-strip small{font-size:10px}}
@media(max-width:600px){header{height:74px}.navcta{font-size:12px}.logo{font-size:24px}.experience{height:510vh}.stage{height:100svh;min-height:680px}.intro{top:110px;left:5%;right:5%}.intro h1{font-size:clamp(30px,8.1vw,48px);letter-spacing:-1px;line-height:1.13;margin:18px 0}.intro h1 em{margin-left:0}.intro h1 br{display:block}.intro .eyebrow{font-size:10px}.intro .button{font-size:12px;padding:14px 19px}#scene{top:37%;height:47%;left:1%;width:98%}.ghost{font-size:28vw;top:48%;color:#ffffff05}.scene-note{left:6%;bottom:102px;font-size:10px;gap:6px}.angle{top:auto;bottom:142px;right:6%}.angle small{display:none}.angle span{font-size:23px}.bottom{left:6%;right:6%;height:72px}.bottom>span:first-child{font-size:10px;max-width:115px;line-height:1.7}.steps{gap:0}.steps b{width:8px}.steps button{min-width:23px;font-size:12px}.chapter-copy{top:16%}.chapter-copy h2{font-size:30px;max-width:260px;margin:18px 0}.chapter-copy p{font-size:11px}.is-detail #scene{top:32%;height:48%}.spec-focus{right:6%;bottom:19%;text-align:right}.spec-focus strong{font-size:37px;letter-spacing:-1px}.spec-focus>span{font-size:10px;max-width:190px}.spec-focus small{display:none}.is-detail .angle{bottom:104px}.is-detail .scene-note{bottom:111px;font-size:9px}.spec-strip{grid-template-columns:repeat(3,1fr);gap:26px 8px;padding:30px 6%}.spec-strip>div{padding:0;border:0}.spec-strip strong{font-size:27px}.spec-strip small{font-size:10px}.collection{padding:60px 6%}.collection-head>p:last-child{position:static;font-size:14px}.collection-head h2{font-size:40px}.collection-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.design-card{padding:25px}.design-card img{max-width:330px;margin:auto}.card-name{font-size:22px}.card-spec{font-size:14px}.section-heading>p:last-child{font-size:14px}.tabs button{font-size:14px;padding:18px 13px;gap:12px}.filter-footer p,.prototype{font-size:12px}.filter-footer .button{font-size:14px}.eyebrow{font-size:11px}footer>span{font-size:10px}}