/* ==========================================================================
   Launch & Linger — California Central Coast (Smoke & Sand network)
   Smoke #2D2926 · Sand #C8A96E · Bone #F5F0E6
   Corridor accents: Terra #B85C38 · Sage #8B9B6B
   ========================================================================== */

:root {
  --smoke: #2D2926;
  --sand: #C8A96E;
  --bone: #F5F0E6;
  --dusk: #A67B5B;
  --tidal: #3A7D72;
  --graphite: #6B6460;
  --smoke-light: #3A3530;
  --terra: #B85C38;
  --sage: #8B9B6B;
  --max: 1200px;
  --reading: 720px;
  --gut: clamp(24px, 4vw, 48px);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:'DM Sans',sans-serif;color:var(--bone);background:var(--smoke);line-height:1.6;overflow-x:hidden;}

/* ===== Reveal — defaults visible (no IntersectionObserver gating) ===== */
.reveal{opacity:1;}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 var(--gut);transition:background 0.3s ease, box-shadow 0.3s ease;}
.nav.scrolled{background:rgba(45,41,38,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(200,169,110,0.06);}
.nav-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bone);}
.nav-icon{width:32px;height:32px;border-radius:7px;background:var(--smoke-light);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:var(--terra);border:1px solid rgba(184,92,56,0.18);}
.nav-wm{font-family:'Playfair Display',serif;font-size:14px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;}
.nav-wm .amp{font-style:italic;font-weight:400;font-size:13px;color:var(--sand);letter-spacing:normal;margin:0 2px;}
.nav-links{display:flex;gap:22px;align-items:center;}
.nav-links a{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,230,0.34);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--sand);}
.nav-mobile-toggle{display:none;background:none;border:none;color:var(--bone);font-size:22px;cursor:pointer;padding:8px;}
@media(max-width:820px){.nav-links{display:none;}.nav-mobile-toggle{display:block;}}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:120px var(--gut) 80px;background:url('/images/hero-california.jpg') center center / cover no-repeat;}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(26,22,16,0.55) 0%, rgba(26,22,16,0.7) 50%, rgba(45,41,38,0.92) 100%);pointer-events:none;}
.hero-inner{position:relative;z-index:1;max-width:860px;}
.wm-word{font-family:'Playfair Display',serif;font-size:clamp(52px,10vw,108px);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;line-height:1;color:var(--bone);margin-right:-0.16em;}
.wm-amp{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(36px,7vw,64px);font-weight:400;color:var(--sand);line-height:1;margin:10px 0 12px;}
.hero-tagline{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:5px;text-transform:uppercase;opacity:0.42;margin-top:32px;color:var(--sand);}
.hero-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,2.4vw,26px);font-weight:300;opacity:0.78;margin-top:18px;line-height:1.55;color:var(--bone);}
.hero-cta{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--bone);text-decoration:none;margin-top:48px;padding:14px 28px;border:1px solid rgba(245,240,230,0.28);border-radius:4px;transition:all 0.3s ease;background:rgba(184,92,56,0.10);}
.hero-cta:hover{background:rgba(184,92,56,0.22);border-color:rgba(245,240,230,0.55);}
.hero-cta svg{width:14px;height:14px;stroke:var(--bone);fill:none;stroke-width:2;transition:transform 0.3s;}
.hero-cta:hover svg{transform:translateY(3px);}

/* ===== PAGE HEADER (beat pages) ===== */
.page-header{padding:140px var(--gut) 60px;text-align:center;border-bottom:1px solid rgba(200,169,110,0.08);background:linear-gradient(180deg, rgba(184,92,56,0.06) 0%, transparent 100%);}
.page-header .crumbs{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;opacity:0.4;margin-bottom:18px;}
.page-header .crumbs a{color:var(--sand);text-decoration:none;}
.page-header .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;font-weight:600;}
.page-header h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(38px,6vw,64px);line-height:1.08;letter-spacing:-0.01em;color:var(--bone);max-width:900px;margin:0 auto;}
.page-header h1 em{font-style:italic;color:var(--sand);font-weight:500;}
.page-header .dek{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(17px,2vw,22px);opacity:0.72;margin-top:18px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.55;}
.page-header .byline{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;opacity:0.4;margin-top:24px;}
.page-header .byline em{font-style:normal;color:var(--sand);}

/* ===== ARTICLE ===== */
.article{max-width:var(--reading);margin:0 auto;padding:clamp(50px,7vw,90px) var(--gut);}
.article p,.article li{font-size:18px;line-height:1.78;color:var(--bone);opacity:0.92;margin-bottom:22px;font-family:'DM Sans',sans-serif;}
.article p.lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;line-height:1.55;opacity:0.85;margin-bottom:36px;color:var(--bone);}
.article h2{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin:60px 0 22px;color:var(--bone);letter-spacing:-0.01em;}
.article h2:first-child{margin-top:0;}
.article h3{font-family:'Playfair Display',serif;font-weight:600;font-size:22px;line-height:1.3;margin:40px 0 16px;color:var(--sand);}
.article ul,.article ol{padding-left:22px;margin-bottom:22px;}
.article li{margin-bottom:10px;}
/* Inline links: same color, italic, no underline, no bold, no hover color shift */
.article a{color:inherit;font-style:italic;text-decoration:none;border-bottom:1px dotted rgba(200,169,110,0.4);transition:border-color 0.2s;}
.article a:hover{border-bottom-color:rgba(200,169,110,0.85);}
.article blockquote{border-left:2px solid var(--terra);padding:6px 0 6px 22px;margin:30px 0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:21px;line-height:1.55;opacity:0.85;}
.article hr{border:none;border-top:1px solid rgba(200,169,110,0.12);margin:50px 0;}

/* ===== PLACE CARDS ===== */
.place{margin:48px 0;padding:30px 0;border-top:1px solid rgba(200,169,110,0.12);}
.place:first-of-type{border-top:none;padding-top:0;}
.place-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:8px;}
.place-name{font-family:'Playfair Display',serif;font-weight:600;font-size:30px;line-height:1.15;margin-bottom:6px;color:var(--bone);}
.place-meta{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:0.5;margin-bottom:18px;}
.place-meta .dot{margin:0 8px;opacity:0.4;}
.place-body{font-size:18px;line-height:1.78;opacity:0.92;}
.place-body p{margin-bottom:18px;}
.place-cta{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--sand);text-decoration:none;margin-top:8px;padding:11px 20px;border:1px solid rgba(200,169,110,0.32);border-radius:3px;transition:all 0.3s ease;}
.place-cta:hover{background:rgba(200,169,110,0.10);border-color:rgba(200,169,110,0.65);}

/* ===== BEAT GRID (homepage) ===== */
.beats{padding:clamp(70px,9vw,120px) var(--gut);border-top:1px solid rgba(200,169,110,0.06);}
.beats-inner{max-width:var(--max);margin:0 auto;}
.beats-head{margin-bottom:48px;text-align:center;}
.beats-head .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;}
.beats-head h2{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-0.01em;}
.beats-head h2 em{font-style:italic;color:var(--sand);}
.beats-head .dek{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(16px,1.8vw,20px);opacity:0.6;max-width:540px;margin:14px auto 0;line-height:1.55;}
.beats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
@media(max-width:820px){.beats-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.beats-grid{grid-template-columns:1fr;}}
.beat{background:var(--smoke-light);padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--bone);transition:background 0.25s ease, transform 0.25s ease;border:1px solid transparent;}
.beat:hover{background:#42393A;border-color:rgba(184,92,56,0.25);}
.beat-icon{font-size:24px;line-height:1;}
.beat-name{font-family:'Playfair Display',serif;font-weight:600;font-size:22px;letter-spacing:-0.01em;}
.beat-dek{font-size:14.5px;line-height:1.65;opacity:0.7;}
.beat-go{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--sand);margin-top:10px;}

/* ===== WINE CALLOUT BAND ===== */
.wine-band{padding:clamp(70px,9vw,120px) var(--gut);background:linear-gradient(135deg, #2D2926 0%, #3A2D26 100%);border-top:1px solid rgba(184,92,56,0.18);border-bottom:1px solid rgba(184,92,56,0.18);}
.wine-band-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,6vw,80px);align-items:center;}
@media(max-width:780px){.wine-band-inner{grid-template-columns:1fr;}}
.wine-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:16px;}
.wine-band h2{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(30px,4.5vw,48px);line-height:1.15;letter-spacing:-0.01em;}
.wine-band h2 em{font-style:italic;color:var(--sand);}
.wine-band p{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.75;opacity:0.85;margin-bottom:18px;}
.wine-band a.wine-cta{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--bone);text-decoration:none;padding:14px 26px;border:1px solid rgba(200,169,110,0.32);border-radius:3px;transition:all 0.3s ease;background:rgba(184,92,56,0.10);font-weight:600;margin-top:8px;}
.wine-band a.wine-cta:hover{background:rgba(184,92,56,0.22);}

/* ===== ABOUT (home) ===== */
.about{padding:clamp(80px,10vw,140px) var(--gut);border-top:1px solid rgba(200,169,110,0.06);}
.about-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start;}
@media(max-width:780px){.about-inner{grid-template-columns:1fr;}}
.about-left .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;}
.about-left h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4.2vw,48px);font-weight:600;line-height:1.18;letter-spacing:-0.01em;}
.about-left h2 em{font-style:italic;color:var(--sand);font-weight:500;}
.about-right{padding-top:8px;}
.about-right p{font-size:17px;line-height:1.8;opacity:0.78;margin-bottom:20px;}
.about-right p:last-child{margin-bottom:0;}

/* ===== SUBSCRIBE ===== */
.subscribe{padding:clamp(80px,10vw,140px) var(--gut);text-align:center;background:var(--smoke-light);border-top:1px solid rgba(200,169,110,0.06);}
.subscribe-inner{max-width:560px;margin:0 auto;}
.subscribe .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;}
.subscribe h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4.2vw,46px);font-weight:600;line-height:1.18;margin-bottom:14px;}
.subscribe h2 em{font-style:italic;color:var(--sand);}
.subscribe .dek{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(17px,2vw,21px);opacity:0.72;line-height:1.6;margin-bottom:32px;}
.subscribe form{display:flex;gap:0;max-width:480px;margin:0 auto;}
.subscribe input[type="email"]{flex:1;padding:15px 18px;background:var(--smoke);border:1px solid rgba(200,169,110,0.18);border-right:none;border-radius:4px 0 0 4px;color:var(--bone);font-family:'DM Sans',sans-serif;font-size:15px;outline:none;transition:border-color 0.2s;}
.subscribe input[type="email"]:focus{border-color:rgba(200,169,110,0.5);}
.subscribe input[type="email"]::placeholder{color:rgba(245,240,230,0.3);}
.subscribe button{padding:15px 26px;background:var(--terra);color:var(--bone);font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.2s;white-space:nowrap;}
.subscribe button:hover{background:#cf6d44;}
.subscribe button:disabled{opacity:0.5;cursor:not-allowed;}
.subscribe .trust{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:1.5px;opacity:0.32;margin-top:16px;}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none;}
.form-success{display:none;padding:20px;background:rgba(58,125,114,0.12);border:1px solid rgba(58,125,114,0.3);border-radius:4px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#7FB8AC;margin-top:20px;}
.form-success.visible{display:block;}
.form-error{display:none;padding:14px;background:rgba(196,52,45,0.10);border:1px solid rgba(196,52,45,0.25);border-radius:4px;font-size:14px;color:#E37C77;margin-top:12px;}
.form-error.visible{display:block;}

/* ===== FOOTER ===== */
.footer{padding:clamp(48px,6vw,80px) var(--gut) clamp(28px,4vw,40px);border-top:1px solid rgba(200,169,110,0.06);background:#1F1B19;}
.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;}
@media(max-width:820px){.footer-inner{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.footer-inner{grid-template-columns:1fr;text-align:center;}}
.footer-brand .f-wm{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:4px;}
.footer-brand .f-wm .amp{font-style:italic;font-weight:400;font-size:16px;color:var(--sand);letter-spacing:normal;margin:0 3px;}
.footer-brand .f-tag{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;opacity:0.7;}
.footer-brand .f-desc{font-size:14px;line-height:1.7;opacity:0.5;max-width:300px;}
@media(max-width:520px){.footer-brand .f-desc{max-width:100%;margin:0 auto;}}
.footer-col h3{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--terra);margin-bottom:18px;opacity:0.7;}
.footer-col a{display:block;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--bone);text-decoration:none;opacity:0.55;margin-bottom:10px;transition:opacity 0.2s,color 0.2s;}
.footer-col a:hover{opacity:1;color:var(--sand);}
.footer-bottom{max-width:var(--max);margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(245,240,230,0.06);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
@media(max-width:520px){.footer-bottom{justify-content:center;text-align:center;}}
.footer-bottom p,.footer-bottom a{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:0.32;color:var(--bone);text-decoration:none;}
.footer-bottom a:hover{opacity:0.7;color:var(--sand);}

/* ===== MISC ===== */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;}}
::selection{background:var(--terra);color:var(--bone);}
a:focus-visible{outline:2px solid var(--sand);outline-offset:3px;border-radius:2px;}
img{max-width:100%;height:auto;display:block;}

/* Mobile menu (open state) */
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(45,41,38,0.98);backdrop-filter:blur(12px);padding:20px var(--gut);gap:16px;border-bottom:1px solid rgba(200,169,110,0.10);}
@media(max-width:820px){.nav-links.open{display:flex;}}