/*
Theme Name: Henscratch Vision — Emerald & Gold
Description: Luxury emerald-and-gold child theme for Henscratch Editorial. Activate to preview; original theme remains intact.
Template: henscratch-editorial-theme
Version: 1.2.0
Text Domain: henscratch-vision
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--vision-gold:#d9aa58;--vision-light:#f1d7a4;--vision-deep:#020805}
body{background:#020805;color:#f1d7a4}
.announcement{background:#020503;color:#d2ad70;border-bottom:1px solid #8c6526}
.site-header{height:90px;background:#030704;color:#f1d7a4;border-bottom:1px solid #a77b32;justify-content:center;padding:0 3vw}
.site-header .brand{display:none}
.site-header .nav{gap:clamp(16px,4vw,65px)}
.site-header .nav a,.site-header .nav-list a{font:500 clamp(12px,1.1vw,18px)/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.08em;color:#f1d7a4}
.site-header .nav a:hover{color:white}
.site-header .nav-shop{border:1px solid var(--vision-gold);padding:12px 27px}
.site-header .nav-shop span{display:none}
.vision-page{background:#020805;min-height:100vh}
.vision-stage{position:relative;isolation:isolate;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;padding:85px 24px 60px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#09321f 0%,#052417 47%,#01140d 85%,#010b07 100%)}
.vision-stage:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 35%,rgba(24,78,49,.14),transparent 65%),linear-gradient(90deg,rgba(0,0,0,.40),transparent 18%,transparent 82%,rgba(0,0,0,.40));opacity:1}
.vision-stage:after{content:'';position:absolute;inset:17px 3.5% 24px;border:1px solid #d3a34d;box-shadow:inset 0 0 0 7px #042216,inset 0 0 0 8px #b88b40,0 0 45px #0006;pointer-events:none;z-index:-1}
.vision-panel{width:min(100%,1080px);padding:28px 20px 35px;text-shadow:0 3px 18px #000}
.vision-name{font:400 clamp(58px,8.4vw,128px)/.94 'Cormorant Garamond',Georgia,serif;letter-spacing:.075em;text-transform:uppercase;color:#e9b96b;margin:0;text-shadow:0 2px 0 #54310c,0 4px 8px #000,0 -1px 0 #fff0c0}
.vision-farms{display:flex;align-items:center;justify-content:center;gap:26px;font:400 clamp(30px,3.8vw,60px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.32em;text-transform:uppercase;margin:0;color:#e7b46c}
.vision-farms:before,.vision-farms:after{content:'';width:clamp(45px,9vw,125px);height:1px;background:linear-gradient(90deg,transparent,#e6ae4e,transparent)}
.vision-subtitle{font:400 clamp(15px,2vw,30px)/1.4 'Cormorant Garamond',Georgia,serif;letter-spacing:.39em;text-transform:uppercase;margin:9px 0 25px;color:#e6b25c}
.vision-rule{height:1px;width:min(380px,70%);margin:0 auto 24px;background:linear-gradient(90deg,transparent,#e0aa55,transparent);position:relative}
.vision-rule:after{content:'◆';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#071009;padding:0 10px;font-size:14px}
.vision-tagline{font:italic 400 clamp(34px,4vw,61px)/1.1 'Cormorant Garamond',Georgia,serif;color:#f4d6a3;margin:0 0 46px}
.vision-visit{display:inline-block;border:1px solid #d7a13e;padding:15px 54px;font:500 clamp(17px,1.7vw,27px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#f6d9a8;background:#03070499;transition:.2s}
.vision-visit:hover{background:#a77b32;color:#030704}
.vision-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:17px max(22px,3.7vw) 35px;border-top:1px solid #86612c;background:#020503}
.vision-tile{display:block;aspect-ratio:1.72;position:relative;border:1px solid #d29b38;background:#070805;overflow:hidden;transition:transform .2s,border-color .2s}
.vision-tile:hover{transform:translateY(-4px);border-color:#ffde9d}
.vision-tile img{display:block;width:100%;height:100%;object-fit:cover}
.vision-tile:focus-visible,.vision-visit:focus-visible{outline:2px solid white;outline-offset:4px}
.vision-bottom{padding:45px 20px 60px;text-align:center;color:#d4b886;font:400 17px 'Cormorant Garamond',Georgia,serif;letter-spacing:.18em;text-transform:uppercase}
.site-footer{background:#020503;color:#d5bb8d;border-top:1px solid #7a5927}
.site-footer h2 em{color:#e7b96c}
@media(max-width:780px){.site-header{height:auto;min-height:74px;justify-content:flex-end}.site-header .brand{display:flex}.site-header .brand-name{color:#e9bd7a;font-size:30px}.site-header .brand-sub{color:#d6b67e}.site-header .nav-toggle-label{color:#f2d5a3}.site-header .nav{top:74px;background:#06110a;border:1px solid #7d5c2c;gap:0}.site-header .nav a{font-size:19px;padding:13px}.vision-stage{min-height:610px;padding:80px 18px}.vision-stage:after{inset:14px 12px 15px}.vision-name{font-size:clamp(39px,10vw,74px);letter-spacing:.035em}.vision-farms{font-size:clamp(26px,6vw,40px);letter-spacing:.23em;gap:12px}.vision-subtitle{font-size:clamp(12px,3vw,20px);letter-spacing:.2em}.vision-tagline{font-size:clamp(32px,7vw,50px)}.vision-tiles{grid-template-columns:1fr;gap:15px;padding:20px}.vision-tile{aspect-ratio:1.72}}
@media(max-width:420px){.vision-stage{min-height:540px}.vision-panel{padding:10px 5px}.vision-name{font-size:clamp(35px,10vw,45px)}.vision-farms:before,.vision-farms:after{width:30px}.vision-visit{padding:14px 30px}.vision-tile{aspect-ratio:1.6}}

/* Final approved treatment: smooth deep emerald, gold outline only; no paneling or repeating wall texture. */
.vision-page{background:#01140d}
.vision-tiles{background:#01120b}