
:root{--ink:#111;--muted:#656565;--line:#e7e4e0;--cream:#f7f5f1;--warm:#d4a878}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button{cursor:pointer;font:inherit}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,90px);border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:-1.2px;font-size:24px}.nav{font-size:11px;letter-spacing:1.5px;font-weight:800;display:flex;gap:26px}.nav span:first-child{border-bottom:2px solid #111;padding-bottom:4px}.mini{font-size:11px;letter-spacing:1.4px}.intro{padding:18px clamp(20px,5vw,90px);font-size:11px;color:#666}.hero{display:grid;grid-template-columns:55% 45%;min-height:650px}.hero-img{position:relative;background:#141414;overflow:hidden;max-height:800px}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.tag{position:absolute;bottom:22px;left:25px;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000}.info{padding:clamp(30px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#777}.identity{font-size:clamp(44px,5.4vw,82px);letter-spacing:-4px;font-weight:950;line-height:.95;margin:18px 0 10px}.name{font-size:19px;font-weight:700;margin:12px 0 20px}.price{font-size:26px;font-weight:800;margin:4px 0 20px}.recognition{font-size:21px;font-weight:800;line-height:1.4;max-width:410px;margin:10px 0 24px}.smallcopy{font-size:14px;line-height:1.7;color:#555;max-width:430px}.selector{margin-top:25px}.selector h4{font-size:11px;letter-spacing:1.7px}.sizes{display:flex;flex-wrap:wrap;gap:8px}.sizes button{border:1px solid #ccc;background:#fff;min-width:52px;height:48px;font-weight:700}.sizes button.active{background:#111;color:white;border-color:#111}.cta{margin-top:20px;background:#111;color:#fff;border:0;padding:19px;font-weight:900;letter-spacing:1.6px;width:100%;max-width:440px}.shipping{font-size:11px;letter-spacing:1.4px;margin-top:16px;color:#666}.gallery-nav{display:flex;gap:8px;margin-top:28px}.thumb{width:67px;height:82px;border:2px solid transparent;padding:0;background:#eee}.thumb.active{border-color:#111}.thumb img{width:100%;height:100%;object-fit:cover}.section-head{padding:78px 6vw 25px;text-align:center}.section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-2px;margin:10px 0}.section-head p{font-size:14px;color:#666}.proof{background:var(--cream);padding-bottom:70px}.proof img{display:block;width:min(1150px,90vw);margin:auto;box-shadow:0 18px 50px #0002}.proof .note{text-align:center;font-size:12px;color:#666;margin-top:20px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.story img{width:100%;height:100%;max-height:760px;object-fit:cover}.story-text{background:#191919;color:#fff;padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.story-text h2{font-size:clamp(38px,5vw,76px);line-height:1.05;letter-spacing:-3px;margin:15px 0 30px}.story-text p{font-size:18px;line-height:1.75;max-width:470px;color:#ddd}.detail{display:grid;grid-template-columns:1fr 1fr;background:#f3eee7}.detail .photo{max-height:760px;overflow:hidden}.detail img{width:100%;height:100%;object-fit:cover}.detail .copy{padding:7vw;display:flex;flex-direction:column;justify-content:center}.detail h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2px}.detail p{font-size:17px;line-height:1.7;color:#555}.specs{padding:75px 7vw;max-width:1000px;margin:auto}.specs h2{font-size:36px;letter-spacing:-1px}.specrow{padding:19px 0;border-bottom:1px solid #ddd;display:grid;grid-template-columns:180px 1fr;gap:20px;font-size:14px;line-height:1.5}.specrow strong{font-size:12px;letter-spacing:1px}.bottom{background:#101010;color:white;padding:75px 6vw;text-align:center}.bottom h2{font-size:clamp(36px,5vw,65px);letter-spacing:-2px;margin:0 0 16px}.bottom button{padding:18px 55px;background:white;border:0;font-weight:900;letter-spacing:1.5px}.card-demo{padding:70px 6vw;background:#f7f5f1}.card-demo h2{font-size:35px;letter-spacing:-1px}.card{max-width:360px;background:white;border:1px solid #ddd}.card img{width:100%;height:400px;object-fit:cover}.card-body{padding:20px}.card-body strong{font-size:19px;letter-spacing:1px}.card-body p{font-size:13px;line-height:1.5}.card-body b{display:block;margin:15px 0}.card-body a{color:#111;font-size:12px;font-weight:900;letter-spacing:.5px}.notice{font-size:12px;color:#777;line-height:1.5;max-width:760px;margin:30px auto 0}.toast{position:fixed;bottom:25px;right:25px;background:#111;color:#fff;padding:18px 24px;box-shadow:0 10px 30px #0004;display:none;z-index:3;font-size:13px}.mobilebar{display:none}@media(max-width:800px){header{height:60px}.nav{gap:10px;font-size:9px}.brand{font-size:18px}.hero,.story,.detail{grid-template-columns:1fr}.hero-img{height:62vh;min-height:440px}.info{padding:35px 25px 50px}.identity{font-size:58px}.story img,.detail img{max-height:560px}.story-text,.detail .copy{padding:55px 25px}.proof img{width:96vw}.section-head{padding-top:55px}.specs{padding:55px 25px}.specrow{grid-template-columns:1fr;gap:6px}.mobilebar{display:block;position:sticky;bottom:0;background:white;padding:12px 20px;box-shadow:0 -5px 20px #0002;text-align:center;z-index:2}.mobilebar button{width:100%;padding:15px;background:#111;color:white;border:0;font-weight:900}}
