:root{--nuit:#060606;--nuit-2:#0d0d0d;--trait:#262626;--ivoire:#efe8dc;--gris:#9ea7a3;--laiton:#c6a16a;
--display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--body:"Jost","Futura","Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--nuit);color:var(--ivoire);font:300 16px/1.65 var(--body)}
img{max-width:100%;display:block;height:auto}a{color:var(--ivoire)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
header{border-bottom:1px solid var(--trait);position:sticky;top:0;z-index:5;background:rgba(6,6,6,.92);backdrop-filter:blur(10px)}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font:400 26px var(--display);text-decoration:none;letter-spacing:.02em}.logo small{display:block;font:300 10px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gris);margin-top:-2px}
.btn{display:inline-block;background:var(--ivoire);color:#111;border:0;padding:13px 22px;font:400 13px var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.ghost{background:none;color:var(--ivoire);border:1px solid var(--trait)}
.crumb{font-size:12.5px;color:var(--gris);margin:22px 0 0}.crumb a{color:var(--gris)}
.prod{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);padding:24px 0 56px;align-items:start}
.hero{background:var(--nuit);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.hero img{max-height:100%;width:auto}
h1{font:400 clamp(38px,5vw,60px)/1.05 var(--display);margin:6px 0 10px}
h2{font:400 30px/1.15 var(--display);margin:0 0 18px}
.price{font:400 28px var(--display);margin:6px 0 18px}.price small{font:300 14px var(--body);color:var(--gris);margin-left:8px}
.fmt{display:flex;gap:10px;margin:14px 0}.fmt button{flex:1;background:none;border:1px solid var(--trait);color:var(--ivoire);padding:11px;font:300 13px var(--body);cursor:pointer}
.fmt button[aria-pressed=true]{border-color:var(--laiton)}.fmt b{display:block;font-weight:400}
dl.specs{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;margin:26px 0;border-top:1px solid var(--trait);padding-top:18px}
dl.specs dt{color:var(--gris)}dl.specs dd{margin:0}
.ph{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 60px}.ph img{aspect-ratio:1;object-fit:cover;width:100%}
.plan{max-width:520px}
.others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:70px}.others a{text-decoration:none;font:400 20px var(--display)}.others img{background:var(--nuit);margin-bottom:8px}
.legal{max-width:780px;padding:30px 0 70px}.legal h1{font-size:44px}.legal h2{font-size:24px;margin:34px 0 10px}.legal p,.legal li{color:#d9d2c6}
.todo{background:#3a2d12;color:#f3d79b;padding:0 4px}
footer{border-top:1px solid var(--trait);padding:26px 0 40px;font-size:12.5px;color:var(--gris)}footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}footer a{color:var(--gris)}
.ok{color:var(--laiton);font-size:13px;margin-left:10px}
@media(max-width:820px){.prod{grid-template-columns:1fr}.ph{grid-template-columns:repeat(2,1fr)}.others{grid-template-columns:repeat(2,1fr)}}