/* Red Cabin Farm — comparison-ready homepage styles.
   Same content, imagery, structure and calls-to-action across all three designs. */
body {
  --theme-base:#f6f6f0;--theme-surface:#fffdfa;--theme-accent:#2b6247;
  --theme-deep:#193a2b;--theme-text:#213a2e;--theme-muted:#607267;
  --theme-soft:#eaf1e6;--theme-border:#e0e8dc;--theme-hero:#e8eee5;
  --theme-hero-text:#183b2a;--theme-secondary:#bd966f;--theme-on-accent:#fff;
}
body.theme-green {
  --theme-base:#f5f5ed;--theme-surface:#fffefa;--theme-accent:#35654a;
  --theme-deep:#1d4231;--theme-text:#1f3b2e;--theme-muted:#607567;
  --theme-soft:#e9efe4;--theme-border:#dce5d8;--theme-hero:#e9f0e6;
  --theme-hero-text:#1a3c2b;--theme-secondary:#aa7945;
}
body.theme-blue {
  --theme-base:#f4f8fa;--theme-surface:#ffffff;--theme-accent:#226888;
  --theme-deep:#123954;--theme-text:#1b3e52;--theme-muted:#617b88;
  --theme-soft:#e7f1f6;--theme-border:#d8e7ed;--theme-hero:#123d5c;
  --theme-hero-text:#ffffff;--theme-secondary:#a5cfe1;
}
body.theme-red {
  --theme-base:#faf5ed;--theme-surface:#fffcf7;--theme-accent:#a54038;
  --theme-deep:#682b2a;--theme-text:#452e2b;--theme-muted:#866f68;
  --theme-soft:#f5e6db;--theme-border:#edd8cb;--theme-hero:#f4e4d7;
  --theme-hero-text:#552b2a;--theme-secondary:#c18a61;
}
.site-header{display:block;padding:0 max(3vw,18px)!important;background:var(--theme-surface);border-bottom:1px solid var(--theme-border);position:relative;z-index:3}
.site-header-inner{max-width:1450px;margin:0 auto;min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-identity{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:245px}
.site-logo{width:78px;height:78px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.035))}
.site-wordmark{font:700 24px/1.03 Georgia,serif;color:var(--theme-deep);letter-spacing:-.025em;white-space:nowrap}
.site-wordmark small{font:600 10px/1.5 system-ui,-apple-system,sans-serif;color:var(--theme-muted);display:block;letter-spacing:.18em;text-transform:uppercase;margin-top:5px}
.site-nav{display:flex;align-items:center;gap:13px;justify-content:flex-end;flex-wrap:wrap}
.site-nav a{color:var(--theme-deep);font-size:13px;text-decoration:none;font-weight:700;white-space:nowrap}
.site-nav a:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.design-links{display:flex;gap:3px;background:var(--theme-soft);padding:4px;border-radius:100px;border:1px solid var(--theme-border)}
.design-links a{font-size:12px;padding:9px 12px;border-radius:30px;color:var(--theme-deep)}
.design-links a[aria-current="page"]{background:var(--theme-accent);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.site-nav a.nav-shop{padding:10px 5px}
.site-nav a.nav-signin{background:var(--theme-deep);color:white;padding:11px 18px;border-radius:6px}
.nav-logout{margin:0}
.nav-logout .secondary{padding:9px 13px;font-size:13px;background:var(--theme-soft);color:var(--theme-deep)}
.preview-notice{background:#f7f1de;border-bottom:1px solid #eae0c5;color:#665936;text-align:center;font-size:12px;padding:9px 18px;letter-spacing:.015em}
body:not(.homepage) main{max-width:1260px;margin:0 auto;min-height:70vh;padding:0 24px 40px}
body:not(.homepage) main>.preview-notice{margin:0 -24px 32px}
body.homepage{background:var(--theme-base);color:var(--theme-text)}
body.homepage main{margin:0;padding:0;max-width:none;min-height:unset}
.design-reviewbar{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 28px;font-size:12px;color:var(--theme-muted)}
.design-reviewbar-label{text-transform:uppercase;letter-spacing:.18em;font-weight:750;color:var(--theme-accent)}
.design-reviewbar-name{font-weight:800;color:var(--theme-deep);font-size:13px}
.design-reviewbar-tip{font-size:12px}
.farm-hero{max-width:1420px;margin:0 auto;padding:0 23px;display:grid;grid-template-columns:1fr .93fr;min-height:570px}
.farm-hero-copy{background:var(--theme-hero);color:var(--theme-hero-text);padding:clamp(45px,5.1vw,92px) clamp(32px,5vw,83px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.farm-hero-copy:after{content:"";pointer-events:none;position:absolute;width:300px;height:300px;border:1px solid currentColor;opacity:.075;border-radius:50%;bottom:-195px;left:-75px}
.farm-eyebrow{color:var(--theme-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eyebrow-marker{width:7px;height:7px;background:currentColor;border-radius:50%;display:inline-block}
.farm-hero h1{font:500 clamp(50px,5.55vw,87px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:27px 0 26px}
.farm-hero h1 em{font-weight:400;color:var(--theme-accent);font-style:italic}
.hero-lede{font-size:17px;line-height:1.8;max-width:490px;margin:0;opacity:.92}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:31px 0 37px}
.farm-button{background:var(--theme-accent);color:#fff!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 22px;border-radius:4px;font-weight:700;font-size:14px;border:1px solid transparent;box-shadow:0 5px 16px rgba(0,0,0,.07);transition:transform .16s,filter .16s}
.farm-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.farm-quiet-link{font-size:13px;font-weight:750;color:var(--theme-hero-text);text-decoration:none;border-bottom:1px solid currentColor;padding:6px 0}
.hero-tagline{display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.05em;opacity:.67}
.hero-tagline .line{width:30px;height:1px;background:currentColor;opacity:.6}
.farm-hero-image{min-height:570px;position:relative;overflow:hidden;background:#a1b5a2}
.farm-hero-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 44%}
.farm-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,30,25,.39),transparent 45%);pointer-events:none}
.farm-photo-note{position:absolute;z-index:1;right:28px;bottom:32px;color:white;text-align:right;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.farm-photo-note span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:5px}
.farm-photo-note strong{font:600 24px/1.1 Georgia,serif}
.farm-values{max-width:1374px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--theme-border);background:var(--theme-surface)}
.farm-values>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px;padding:22px clamp(20px,3vw,47px);border-right:1px solid var(--theme-border)}
.farm-values>div:last-child{border:0}
.value-spark{grid-row:span 2;font-size:19px;color:var(--theme-accent);align-self:center}
.farm-values strong{font-size:13px;line-height:1.4}
.farm-values small{font-size:12px;color:var(--theme-muted)}
.farm-section{max-width:1360px;margin:0 auto;padding:88px 25px}
.farm-section-title{max-width:700px;margin:0 0 38px}
.section-kicker{color:var(--theme-accent);text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800}
.farm-section h2,.farm-story h2,.farm-final-cta h2{color:var(--theme-deep);font:500 clamp(38px,4.3vw,60px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:15px 0 18px}
.farm-section-title p,.story-copy p,.farm-final-cta p{color:var(--theme-muted);font-size:16px;line-height:1.75;max-width:630px}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.offer-card{background:var(--theme-surface);border:1px solid var(--theme-border);padding:34px 32px;min-height:292px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.offer-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,39,37,.06)}
.offer-card:before{content:"";height:4px;width:46px;background:var(--theme-accent);display:block;margin-bottom:30px}
.offer-number{font-size:10px;letter-spacing:.16em;color:var(--theme-accent);font-weight:800}
.offer-card h3{font:500 28px/1.2 Georgia,serif;color:var(--theme-deep);margin:19px 0 13px}
.offer-card p{margin:0 0 28px;font-size:14px;color:var(--theme-muted);line-height:1.75}
.offer-link{font-size:13px;color:var(--theme-accent);font-weight:800;text-decoration:none;margin-top:auto}
.farm-story{display:grid;grid-template-columns:.92fr 1.08fr;max-width:1360px;margin:8px auto 0;padding:0 25px}
.story-photo{position:relative;min-height:435px;background:#88a189}
.story-photo img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;object-position:center}
.story-photo-caption{position:absolute;bottom:22px;left:23px;background:var(--theme-surface);color:var(--theme-deep);padding:10px 15px;font:italic 16px Georgia,serif}
.story-copy{background:var(--theme-soft);padding:clamp(38px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.story-copy p{max-width:520px;font-size:15px}
.story-signoff{font:italic 25px Georgia,serif;color:var(--theme-accent);margin-top:16px}
.farm-how-to-buy{padding-top:98px}
.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.how-cards>div{border-top:1px solid var(--theme-border);padding-top:18px}
.how-icon{color:var(--theme-accent);font:italic 22px Georgia,serif}
.how-cards h3{color:var(--theme-deep);font:500 23px Georgia,serif;margin:18px 0 10px}
.how-cards p{color:var(--theme-muted);font-size:14px;line-height:1.7}
.farm-final-cta{max-width:1360px;margin:0 auto 25px;padding:65px 65px;background:var(--theme-deep);display:flex;gap:40px;align-items:center;justify-content:space-between}
.farm-final-cta .section-kicker{color:#ceddd2}
.farm-final-cta h2{color:white;margin:14px 0}
.farm-final-cta p{color:#dfebe4;margin:0;max-width:650px}
.farm-final-cta .farm-button{background:white;color:var(--theme-deep)!important;white-space:nowrap}
.site-footer{background:var(--theme-surface);border-top:1px solid var(--theme-border);margin:0;padding:42px 25px 0;color:var(--theme-muted)}
.site-footer-inner{max-width:1360px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:35px}
.footer-identity{display:flex;align-items:center;gap:15px;color:var(--theme-deep);text-decoration:none}
.footer-identity img{width:65px;height:65px;object-fit:contain}
.footer-identity strong{font:500 23px Georgia,serif;display:block}
.footer-identity small{font-size:11px;color:var(--theme-muted);display:block}
.footer-nav,.footer-info{display:flex;flex-direction:column;gap:10px;font-size:12px}
.footer-nav a,.footer-info a{color:var(--theme-deep);text-decoration:none;font-weight:650}
.footer-bottom{max-width:1360px;margin:36px auto 0;padding:17px 0;border-top:1px solid var(--theme-border);font-size:11px}
/* Specific directions: accent color changes also shape the hero atmosphere. */
.theme-blue .farm-hero h1 em{color:#b2ddeb}
.theme-blue .farm-eyebrow{color:#b7ddeb}
.theme-blue .farm-quiet-link{color:#e9f6fb}
.theme-blue .farm-hero-copy:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-250px;top:-250px}
.theme-blue .farm-hero-image img{filter:saturate(.87) contrast(1.05) hue-rotate(5deg)}
.theme-blue .farm-final-cta{background:#102e48}
.theme-red .farm-hero-image img{filter:saturate(.91) sepia(.11)}
.theme-red .farm-hero-copy:before{content:"";position:absolute;top:0;left:0;height:6px;width:100%;background:#a54038}
.theme-red .farm-final-cta{background:#702f2c}
.theme-green .farm-hero-image img{filter:saturate(.92)}
.theme-green .farm-final-cta{background:#244735}
@media(max-width:1180px){
  .site-header-inner{gap:12px}
  .site-wordmark{font-size:21px}
  .site-logo{width:65px;height:65px}
  .site-identity{min-width:218px}
  .site-nav{gap:10px}
  .design-links a{padding:8px 9px}
  .farm-hero-copy{padding:45px 40px}
  .farm-hero h1{font-size:clamp(45px,5.2vw,66px)}
}
@media(max-width:900px){
  .site-header-inner{flex-wrap:wrap;justify-content:center;padding:12px 0}
  .site-nav{width:100%;justify-content:center}
  .design-reviewbar{flex-wrap:wrap;justify-content:center;text-align:center;padding:12px 18px}
  .farm-hero{grid-template-columns:1fr 1fr;padding:0}
  .farm-hero-copy{padding:36px 29px}
  .farm-hero-image{min-height:530px}
  .hero-actions{gap:12px}
  .farm-values{margin:0}
  .farm-values>div{padding:18px}
  .offer-card{padding:27px 21px}
  .farm-story{padding:0}
}
@media(max-width:700px){
  .site-header-inner{align-items:flex-start}
  .site-nav{gap:8px}
  .site-nav a{font-size:12px}
  .design-links{width:100%;justify-content:space-between;border-radius:8px}
  .design-links a{flex:1;text-align:center;font-size:12px}
  .site-nav a.nav-shop{padding:7px 10px}
  .site-nav a.nav-signin{padding:8px 12px}
  .site-logo{width:66px;height:66px}
  .farm-hero{grid-template-columns:1fr}
  .farm-hero-copy{padding:52px 28px}
  .farm-hero h1{font-size:clamp(50px,12vw,70px)}
  .farm-hero-image{height:390px;min-height:0}
  .farm-hero-image img{object-position:center 44%}
  .farm-values{grid-template-columns:1fr}
  .farm-values>div{padding:17px 25px;border-right:0;border-bottom:1px solid var(--theme-border)}
  .offer-grid,.how-cards{grid-template-columns:1fr}
  .farm-section{padding:65px 25px}
  .offer-card{min-height:210px}
  .farm-story{grid-template-columns:1fr}
  .story-photo{min-height:340px}
  .story-copy{padding:45px 25px}
  .farm-final-cta{padding:45px 25px;margin:0 0 15px;flex-direction:column;align-items:flex-start}
  .site-footer-inner{flex-wrap:wrap}
  .footer-identity{width:100%}
  .design-reviewbar-tip{display:none}
}
@media(prefers-reduced-motion:reduce){.farm-button,.offer-card{transition:none}}