.website-detail .hero-message{position:relative;z-index:2;max-width:640px}.website-detail .hero-message h1{font-size:clamp(54px,6.2vw,88px)}
.website-dimension{position:absolute;right:3%;top:100px;width:45%;height:480px;perspective:1100px;pointer-events:none;transform-style:preserve-3d}
.design-plane{position:absolute;border:1px solid #e4ca9070;background:#0b0e12;box-shadow:0 35px 80px #0009;transform-style:preserve-3d;border-radius:12px}
.plane-front{width:92%;height:310px;top:65px;left:0;transform:rotateY(-22deg) rotateX(12deg) rotateZ(-5deg)}
.window-bar{height:35px;border-bottom:1px solid #e4ca9030;display:flex;align-items:center;gap:6px;padding:0 14px}.window-bar b{width:5px;height:5px;border-radius:50%;background:#bba478}.window-bar span{margin-left:auto;font-size:7px;letter-spacing:.17em;color:#d0be9c}
.design-composition{position:relative;height:calc(100% - 35px);overflow:hidden;padding:25px;background:radial-gradient(ellipse at 85% 85%,#6d4c24,#13181d 55%,#090b0e)}.composition-label{font-size:7px;letter-spacing:.22em;color:#c9b890}.design-composition strong{position:relative;display:block;font-weight:500;font-size:40px;letter-spacing:-.06em;line-height:1.05;margin-top:24px;z-index:1;color:#f3e6c8}.composition-footer{position:absolute;bottom:22px;font-size:7px;letter-spacing:.2em;color:#b9b5a9}
.composition-orbit{position:absolute;width:180px;height:180px;border:25px solid #d5b676;border-radius:50%;right:-20px;top:55px;transform:rotateY(45deg) rotateX(20deg);box-shadow:inset 7px 4px 12px #fff8,10px 10px 30px #0009}
.plane-back{width:80%;height:280px;top:0;left:12%;padding:25px;transform:translateZ(-80px) rotateY(-22deg) rotateX(12deg) rotateZ(-5deg);background:linear-gradient(140deg,#1f242b,#080a0e);color:#b7ab94;font-size:9px;letter-spacing:.2em}.plane-back i{display:block;width:75%;height:35px;margin-top:25px;border:1px solid #e4ca9020}
.plane-mobile{width:130px;height:240px;right:-4%;bottom:0;padding:12px;background:linear-gradient(155deg,#252a30,#080b0e);transform:translateZ(70px) rotateY(-18deg) rotateZ(7deg)}.mobile-speaker{width:30px;height:4px;border-radius:4px;background:#050607;margin:0 auto 22px}.plane-mobile span{font-size:10px;line-height:1.5;color:#c9c5bb}.plane-mobile strong{color:#eed59e;font-weight:500}.mobile-orbit{width:75px;height:75px;border:12px solid #d5b676;border-radius:50%;margin:18px auto;box-shadow:inset 3px 3px 5px #fff7}.plane-mobile i{display:block;height:3px;background:#d5b67650;width:80%;margin-top:8px}
.dimension-grid{position:absolute;inset:20% -10% -20%;background-image:linear-gradient(#e4ca9012 1px,transparent 1px),linear-gradient(90deg,#e4ca9012 1px,transparent 1px);background-size:35px 35px;transform:rotateX(65deg) translateY(60px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.website-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 36px}.website-details-grid article{border-top:1px solid #e4ca9030;padding-top:24px}.website-details-grid h3,.website-quotation h3{font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.2}.website-details-grid p,.website-quotation p{font-size:14px;line-height:1.85;color:#b7b8b6}.website-quotation{display:grid;grid-template-columns:1fr 1fr;gap:70px}
@media(max-width:1000px){.website-dimension{width:43%;right:2%;top:150px}.plane-front{height:270px}.design-composition strong{font-size:32px}.plane-mobile{right:-10%}.website-details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.website-detail .hero-layout{display:block;padding-top:65px}.website-detail .hero-message{max-width:100%}.website-detail .hero-message h1{font-size:clamp(48px,8vw,70px)}.website-dimension{position:relative;top:auto;right:auto;width:85%;max-width:520px;height:420px;margin:35px auto 0}.website-quotation{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.website-detail .hero-message h1{font-size:clamp(44px,11.5vw,60px)}.website-dimension{width:90%;height:340px;margin-top:24px}.plane-front{height:235px}.plane-back{height:200px;padding:15px}.plane-mobile{width:96px;height:190px;right:-5%;bottom:0}.mobile-orbit{width:50px;height:50px;border-width:9px;margin:12px auto}.mobile-speaker{margin-bottom:15px}.plane-mobile span{font-size:8px}.design-composition{padding:18px}.design-composition strong{font-size:29px}.composition-orbit{width:130px;height:130px;border-width:20px;right:-40px}.composition-label{font-size:6px}.website-details-grid{grid-template-columns:1fr;gap:24px}}