:root { --ink:#17130d; --cream:#f4ecdc; --honey:#f3a900; --amber:#c66b09; --muted:#766b5c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.nav-wrap { position:absolute; z-index:20; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:28px 4.5vw; color:#fff; }
.brand { display:flex; align-items:center; gap:12px; font-size:21px; font-weight:800; letter-spacing:.16em; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); transform:rotate(30deg); font-size:14px; }
.brand-mark::first-letter { transform:rotate(-30deg); }
.brand-dot, footer span { color:var(--honey); }
nav { display:flex; gap:34px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
nav a { opacity:.76; transition:.2s; }
nav a:hover { opacity:1; color:#ffc94f; }
.nav-cta { font-size:12px; text-transform:uppercase; letter-spacing:.12em; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:7px; }
.nav-cta span { color:#ffc84b; margin-left:8px; }
.hero { min-height:100vh; display:grid; grid-template-columns:54% 46%; background:#13110d; color:#fff; overflow:hidden; }
.hero-copy { padding:160px 5vw 55px 9vw; display:flex; flex-direction:column; justify-content:center; position:relative; background:radial-gradient(circle at 90% 55%, #34230d 0, #18140e 35%, #100f0c 75%); }
.eyebrow { display:flex; align-items:center; gap:11px; color:#9c7b47; font-size:11px; letter-spacing:.24em; font-weight:700; text-transform:uppercase; }
.eyebrow span { width:34px; height:1px; background:currentColor; }
.eyebrow.light { color:#f0b33b; }
h1,h2 { font-family:Georgia, 'Times New Roman', serif; font-weight:400; margin:18px 0; line-height:.86; letter-spacing:-.045em; }
h1 { font-size:clamp(72px,9vw,150px); }
h1 em,h2 em { color:var(--honey); font-weight:400; }
.hero-text { color:#bfb5a4; max-width:530px; font-family:Georgia,serif; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:32px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-width:190px; padding:17px 20px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; }
.button.primary { background:var(--honey); color:#18120a; }
.button span,.text-link span { font-size:16px; }
.text-link { font-size:11px; letter-spacing:.14em; text-transform:uppercase; border-bottom:1px solid #8e7957; padding:12px 0; }
.hero-facts { display:flex; gap:45px; margin-top:60px; padding-top:26px; border-top:1px solid #393124; }
.hero-facts div { display:flex; flex-direction:column; gap:4px; }
.hero-facts strong { color:#ffbe2d; font-family:Georgia,serif; font-size:22px; font-weight:400; }
.hero-facts span { color:#887c6c; font-size:9px; text-transform:uppercase; letter-spacing:.16em; }
.hero-visual { position:relative; min-height:740px; overflow:hidden; background:#050505; }
.hero-visual img { height:100%; object-fit:cover; object-position:center; filter:saturate(1.12) contrast(1.05); }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,14,9,.68),transparent 32%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 35%); }
.sun-orbit { position:absolute; z-index:2; width:62vw; height:62vw; border:1px solid rgba(255,190,40,.16); border-radius:50%; left:-30%; top:14%; }
.vertical-label { position:absolute; z-index:3; right:20px; top:28%; color:#a3885b; font-size:8px; letter-spacing:.22em; writing-mode:vertical-rl; }
.floating-tag { position:absolute; z-index:3; right:6%; bottom:8%; width:85px; height:85px; border-radius:50%; display:grid; place-items:center; text-align:center; background:#f3ad0a; color:#17110a; font-weight:800; font-size:10px; letter-spacing:.12em; transform:rotate(8deg); }
.manifesto { background:#1d281c; color:#f5ead6; padding:120px 9vw; display:grid; grid-template-columns:16% 38% 46%; align-items:center; min-height:820px; }
.section-index { align-self:start; color:#8b846f; font-size:9px; letter-spacing:.22em; writing-mode:vertical-rl; }
.manifesto h2,.varieties h2,.editorial h2,.experience h2 { font-size:clamp(58px,7vw,112px); }
.manifesto-copy { padding-right:5vw; }
.manifesto-copy>p:not(.eyebrow) { color:#a8ab9d; max-width:480px; font-family:Georgia,serif; font-size:17px; line-height:1.75; }
.button.outline { border:1px solid #55604f; margin-top:25px; color:#eac170; }
.origin-image { position:relative; height:560px; }
.origin-image img { height:100%; object-fit:cover; }
.image-caption { position:absolute; left:-45px; bottom:25px; padding:15px 20px; background:#f0a900; color:#17130d; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.image-caption span { display:block; color:#6c4811; margin-bottom:5px; }
.varieties { padding:120px 9vw 130px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:80px; }
.section-heading>p { max-width:410px; color:#756b5e; font-family:Georgia,serif; line-height:1.75; font-size:16px; margin-bottom:30px; }
.variety-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:60px; }
.variety-card { position:relative; background:#e8dfcf; min-height:410px; overflow:hidden; }
.sample { height:265px; position:relative; border-radius:0 0 50% 50% / 0 0 18% 18%; box-shadow:inset 0 -35px 60px rgba(74,32,0,.23); }
.sample::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 65% 25%,rgba(255,255,255,.65),transparent 18%),linear-gradient(120deg,transparent 50%,rgba(255,255,255,.23)); }
.sample span { position:absolute; z-index:2; top:18px; left:18px; font-size:9px; letter-spacing:.18em; color:rgba(0,0,0,.55); }
.card-copy { padding:26px; }
.card-copy h3 { margin:0; font-family:Georgia,serif; font-size:24px; font-weight:400; }
.card-copy p { margin:8px 0 0; color:#877968; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.card-arrow { position:absolute; right:24px; bottom:32px; color:#96650d; }
.editorial { background:#e5dbca; padding:110px 7vw; display:grid; grid-template-columns:38% 32% 24%; gap:3%; align-items:center; }
.editorial-photo { position:relative; }
.editorial-photo img { height:620px; object-fit:cover; }
.editorial-photo.small img { height:390px; }
.editorial-photo span { position:absolute; left:14px; bottom:14px; background:#f5a900; padding:9px 13px; color:#1c150c; text-transform:uppercase; font-size:8px; letter-spacing:.16em; }
.editorial-center { padding:0 20px; }
.editorial-center .section-index { writing-mode:horizontal-tb; margin-bottom:35px; }
.editorial-center h2 { font-size:clamp(48px,5.5vw,90px); }
.editorial-center>p:not(.section-index) { color:#766b5d; font-family:Georgia,serif; line-height:1.7; }
.text-link.dark { display:inline-block; margin-top:20px; border-color:#a99c88; }
.experience { height:720px; position:relative; background:#050505; color:#fff; overflow:hidden; }
.experience>img { height:100%; object-fit:cover; object-position:center 48%; opacity:.68; }
.experience::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.15)); }
.experience-overlay { position:absolute; z-index:2; left:9vw; top:50%; transform:translateY(-50%); max-width:650px; }
.experience-overlay>p:not(.eyebrow) { max-width:500px; color:#c2b8aa; font-family:Georgia,serif; line-height:1.7; }
footer { background:#12100c; color:#d8cdbb; padding:90px 9vw 34px; display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:50px; }
.footer-brand { font-size:clamp(58px,8vw,120px); font-weight:800; line-height:.8; letter-spacing:-.07em; }
footer>p { color:#8c8172; font-family:Georgia,serif; line-height:1.6; }
.footer-links { display:flex; flex-direction:column; gap:15px; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; border-top:1px solid #332d24; padding-top:25px; color:#6f675b; font-size:9px; text-transform:uppercase; letter-spacing:.16em; }
@media (max-width:900px) {
  nav { display:none; } .hero { grid-template-columns:1fr; } .hero-copy { min-height:720px; padding:140px 8vw 60px; } .hero-visual { min-height:650px; }
  .manifesto { grid-template-columns:1fr; gap:55px; padding:90px 8vw; } .section-index { writing-mode:horizontal-tb; } .manifesto-copy { padding:0; } .origin-image { height:520px; }
  .section-heading { align-items:start; flex-direction:column; gap:0; } .variety-grid { grid-template-columns:1fr; gap:16px; } .variety-card { min-height:360px; }
  .editorial { grid-template-columns:1fr; padding:80px 8vw; gap:45px; } .editorial-photo img,.editorial-photo.small img { height:500px; } .editorial-center { padding:0; }
  footer { grid-template-columns:1fr; } .footer-bottom { grid-column:1; }
}
@media (max-width:560px) {
  .nav-wrap { padding:22px 6vw; } .nav-cta { display:none; } h1 { font-size:70px; } .hero-copy { min-height:690px; } .hero-actions { align-items:flex-start; flex-direction:column; gap:12px; }
  .hero-facts { gap:20px; justify-content:space-between; } .hero-visual { min-height:560px; } .manifesto h2,.varieties h2,.experience h2 { font-size:55px; }
  .varieties { padding:85px 6vw; } .experience { height:650px; } .experience-overlay { left:7vw; right:7vw; } .footer-bottom { flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }