*{box-sizing:border-box}body{margin:0;background:#080a0c;color:#ebebea;font-family:"Inter Tight",Arial,sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d6e7fa;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:30px 30px;font-size:11px;letter-spacing:.18em}header span{color:#9299a1;font-size:9px}main{max-width:1200px;margin:auto;padding:32px 30px 60px}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#949eac}h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-.055em;margin:15px 0}h1 em{font-family:'Instrument Serif',Georgia;font-weight:400}.intro>p{max-width:300px;color:#949aa3;font-size:13px;line-height:1.7}.studio{margin-top:28px;border:1px solid #ffffff10;border-radius:26px;overflow:hidden;background:#0c0e10}.topline{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;font-size:10px;letter-spacing:.12em;color:#a6acb6}.topline b{font-weight:400;color:#eee}.car{position:relative;padding:10px 20px 0;background:#0b0d0e}.car svg{display:block;width:100%;height:auto}.car rect{transition:opacity .45s}.viewlabel{display:flex;justify-content:space-between;padding:12px 28px 22px;color:#848c96;font-size:10px}.compare{background:#ffffff06;border:1px solid #ffffff25;color:#cbd0d8;padding:10px 15px;border-radius:30px;font-size:11px}.compare[aria-pressed=true]{background:#ebebea;color:#111}.controls{border-top:1px solid #ffffff10;display:grid;grid-template-columns:1fr 1fr;padding:28px;gap:44px;background:#11151a}.label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#8e99a8;margin-bottom:20px}.label output{letter-spacing:0;color:#eee;font-size:13px}.swatches{display:flex;flex-wrap:wrap;gap:13px}.swatches button{border:1px solid #ffffff20;background:var(--color);width:33px;height:33px;border-radius:50%;position:relative;box-shadow:inset 0 2px 5px #ffffff22}.swatches button[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid #dfe5ee;border-radius:50%}.finishes{display:flex;gap:8px;flex-wrap:wrap}.finishes button{border:1px solid #ffffff20;border-radius:30px;padding:11px 16px;background:transparent;color:#aeb7c3;font-size:12px}.finishes button[aria-pressed=true]{background:#e4e7ec;color:#10151a;border-color:#e4e7ec}.description{font-size:12px;color:#9aa5b4;line-height:1.6;margin:18px 0 0;min-height:38px}.bottom{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.bottom p{margin:4px 0;font-size:13px}.bottom small{font-size:10px;color:#858f9c}.bottom a{padding:14px 21px;background:#e7e7e4;color:#15181e;border-radius:30px;text-decoration:none;font-size:12px}.note{color:#747e8b;font-size:11px;line-height:1.7;max-width:700px;margin:20px 0}.finish-hint{color:#a2acb8;font-size:10px} @media(max-width:650px){header{padding:22px 20px}header span{font-size:8px}main{padding:15px 16px 35px}.intro{display:block}.intro>p{max-width:34ch}.studio{margin-top:22px;border-radius:22px}.topline{padding:18px;font-size:8px}.car{padding:30px 0 16px}.viewlabel{padding:0 18px 20px}.controls{grid-template-columns:1fr;gap:30px;padding:24px 20px}.bottom{padding:20px;align-items:start}.bottom a{padding:13px 16px;white-space:nowrap}.swatches{gap:15px}.swatches button{width:30px;height:30px}.description{min-height:0}.compare{font-size:10px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}