:root{color-scheme:light;--orange:#f76707;--ink:#171717;--cream:#f7f3ed;--line:#e6e0d8}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}
.topbar{padding:9px 20px;text-align:center;background:#171717;color:#fff;font-size:12px;letter-spacing:.02em}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}
.brand{color:#111;text-decoration:none;font-size:28px;font-weight:900;letter-spacing:-.06em}.brand span{color:var(--orange)}
.nav-links{display:flex;gap:30px;font-size:14px;font-weight:700}.bag{font-size:14px}
main{max-width:1360px;margin:auto;padding:clamp(22px,4vw,58px)}
.hero{min-height:470px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:center;gap:clamp(30px,7vw,100px);padding:clamp(30px,6vw,90px);border-radius:28px;background:var(--cream);overflow:hidden}
.eyebrow{margin:0 0 14px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
h1{max-width:730px;margin:0;font-size:clamp(40px,6vw,78px);line-height:.96;letter-spacing:-.055em}
.hero-copy>p:not(.eyebrow){max-width:640px;font-size:clamp(17px,2vw,21px);line-height:1.5}.warning{padding-top:14px;border-top:1px solid #d7cfc3;color:#645e56;font-size:14px!important}
.hero-card{justify-self:center;width:min(280px,65vw);aspect-ratio:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:26px;background:linear-gradient(145deg,#111,#383838);color:#fff;box-shadow:0 28px 60px #0003;transform:rotate(5deg)}
.hero-card span{color:var(--orange);font-size:126px;font-weight:900;line-height:.9}.hero-card b{margin-top:30px;text-transform:uppercase;letter-spacing:.13em;font-size:13px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}.products article{font-size:15px}.products p{margin:14px 0 6px}.product-image{height:230px;border-radius:18px}.tone-one{background:#e8d7c2}.tone-two{background:#d5d9d7}.tone-three{background:#e7d7d8}
@media(max-width:760px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-card{display:none}.products{grid-template-columns:1fr}.product-image{height:170px}}