@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#171512;--cream:#f5f0e8;--gold:#d8a74e;--line:#d8d0c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,240,232,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.18em}.brand small{display:block;font-size:9px;letter-spacing:.32em;margin-top:3px}.mark{width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display";font-size:19px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:13px}.pill{padding:11px 18px;border:1px solid var(--ink);border-radius:999px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:5vw;gap:4vw}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;margin:0 0 20px}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(60px,8vw,116px);line-height:.88;margin:0 0 28px}.hero h1 em{color:#8d6232}.lead{font-size:19px;line-height:1.65;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;text-decoration:none;padding:15px 23px;border-radius:999px;font-weight:700;font-size:13px}.darkbtn{background:var(--ink);color:white}.lightbtn{border:1px solid var(--ink);color:var(--ink)}.hero-img img{width:100%;display:block;box-shadow:0 25px 70px rgba(0,0,0,.18)}.section{padding:110px 7vw}.dark{background:#141311;color:#f7f1e8}.head{max-width:780px}.section h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,74px);line-height:1;margin:0 0 20px}.head p:not(.eyebrow){font-size:18px;line-height:1.65;opacity:.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:65px;background:#4b463f}.cards article{background:#141311;padding:35px;min-height:250px}.cards span{color:var(--gold);font-size:12px}.cards h3{font-size:22px;margin:55px 0 12px}.cards p{line-height:1.6;opacity:.7}.flavors{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:55px}.flavor{min-height:330px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:8px;position:relative;overflow:hidden}.flavor:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.62))}.flavor b,.flavor span{position:relative;color:white}.flavor b{font-size:20px;letter-spacing:.08em}.flavor span{font-size:12px;margin-top:7px}.f1{background:linear-gradient(145deg,#b8c789,#596c2e)}.f2{background:linear-gradient(145deg,#b477bd,#43204d)}.f3{background:linear-gradient(145deg,#8db5db,#274b80)}.f4{background:linear-gradient(145deg,#f4b743,#ba4d1d)}.f5{background:linear-gradient(145deg,#8bd5e8,#b34f8d)}.expansion{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.large{font-size:25px;line-height:1.5;max-width:700px}.spec{display:grid;gap:14px}.spec div{border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:baseline;gap:15px}.spec strong{font-size:38px}.spec span{opacity:.65}.contact{background:#e6ddcf}.contact-box{max-width:900px}.contact p:not(.eyebrow){font-size:20px;line-height:1.6;max-width:700px}footer{padding:35px 7vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px}footer strong{display:block;letter-spacing:.15em}footer span{opacity:.6}footer a{color:inherit}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.cards{grid-template-columns:1fr 1fr}.flavors{grid-template-columns:1fr 1fr}.expansion{grid-template-columns:1fr}.flavor{min-height:250px}}@media(max-width:560px){.section{padding:75px 6vw}.hero{padding:55px 6vw}.cards,.flavors{grid-template-columns:1fr}.hero h1{font-size:60px}.lead{font-size:17px}footer{flex-direction:column}}