:root{
  --green:#082d24;
  --green-2:#0d4033;
  --green-3:#123f34;
  --ink:#07130f;
  --cream:#f5f0e7;
  --cream-2:#e8dfd0;
  --gold:#d7b15a;
  --gold-2:#f0d58b;
  --line:rgba(215,177,90,.28);
  --white:#fffdf8;
  --shadow:0 24px 80px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.16);color:#fff}
.brand{width:112px;display:flex;align-items:center}
.brand img{width:100%;height:auto;max-height:76px;object-fit:contain;filter:none}
.desktop-nav{display:flex;gap:34px;font-size:.76rem;text-transform:uppercase;letter-spacing:.16em}
.desktop-nav a{opacity:.82;transition:.2s}
.desktop-nav a:hover{opacity:1;color:var(--gold-2)}
.nav-cta{justify-self:end;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:12px 20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}
.hero{position:relative;min-height:100svh;background:var(--green);color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.03)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,17,.92) 0%,rgba(4,22,17,.67) 43%,rgba(4,22,17,.12) 78%),linear-gradient(0deg,rgba(4,22,17,.9) 0%,transparent 42%)}
.hero-copy{position:relative;z-index:2;width:min(820px,90vw);padding:190px 0 74px 7vw}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,13vw,11rem);font-weight:400;line-height:.78;letter-spacing:-.065em;margin:0 0 34px}
.hero h1 span{color:var(--gold-2);font-style:italic}
.hero-lead{max-width:650px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 23px;border-radius:99px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;transition:transform .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#122018}
.btn-gold:hover{background:var(--gold-2)}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn-ghost:hover{border-color:var(--gold);background:rgba(255,255,255,.06)}
.hero-facts{display:flex;gap:30px;margin-top:48px;color:rgba(255,255,255,.62);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.hero-facts b{display:block;color:#fff;font-size:.95rem;margin-bottom:5px}
.scroll-cue{position:absolute;z-index:2;right:5vw;bottom:54px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-size:1.2rem}
.intro{padding:120px 7vw;background:var(--cream)}
.intro-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:8vw;align-items:end}
.intro h2,.manifesto h2,.editorial h2,.visit h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.045em;margin:0}
.intro-grid p{font-size:1.07rem;line-height:1.8;color:#49564f;margin:0}
.collections{padding:0 4vw 120px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:520px 520px auto;gap:16px;background:var(--cream)}
.collection-card{position:relative;overflow:hidden;border-radius:4px;background:#101b16;color:#fff}
.collection-large{grid-row:1 / span 2}
.collection-card img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.collection-card:hover img{transform:scale(1.035)}
.collection-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,15,.92),rgba(4,19,15,0) 62%)}
.collection-copy{position:absolute;z-index:2;left:34px;right:30px;bottom:30px}
.collection-copy small{color:var(--gold-2);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem}
.collection-copy h3{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;margin:8px 0}
.collection-copy p{margin:0;color:rgba(255,255,255,.73);max-width:500px;line-height:1.6}
.collection-link{grid-column:1 / -1;background:var(--green);color:#fff;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}
.collection-link strong{color:var(--gold-2);font-size:.86rem}
.manifesto{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:var(--green);color:#fff}
.manifesto-copy{padding:110px 8vw 90px;display:flex;flex-direction:column;justify-content:center}
.manifesto-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.8;max-width:640px}
.manifesto-media{min-height:650px}
.manifesto-media img{height:100%;object-fit:cover}
.manifesto-points{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid var(--line)}
.manifesto-points span{padding:18px 0;border-bottom:1px solid var(--line);color:rgba(255,255,255,.8);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.editorial{padding:120px 4vw;background:#ede5d8}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 54px}
.section-head h2{max-width:760px}
.editorial-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.4fr;gap:12px;height:560px}
.editorial-grid img{height:100%;object-fit:cover}
.editorial-grid img:nth-child(1),.editorial-grid img:nth-child(3){margin-top:70px;height:calc(100% - 70px)}
.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #8b806f;margin:65px 3vw 0;padding:0 0 15px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}
.experience{padding:120px 7vw;background:var(--cream)}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #bcb1a0;margin-top:34px}
.experience-grid>div{padding:38px 4vw 0 0;min-height:210px;border-right:1px solid #c8bdac}
.experience-grid>div+div{padding-left:4vw}
.experience-grid>div:last-child{border-right:0}
.experience-grid span{color:var(--gold);font-size:.72rem}
.experience-grid h3{font-family:Georgia,serif;font-weight:400;font-size:2.2rem;margin:12px 0}
.experience-grid p{color:#586159;line-height:1.7}
.visit{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:620px;padding:100px 8vw;background:linear-gradient(135deg,#061c16,#0a382c);color:#fff}
.visit-copy>p:not(.eyebrow):not(.phone){font-size:1.06rem;color:rgba(255,255,255,.68);line-height:1.8}
.phone{color:var(--gold-2);font-family:Georgia,serif;font-size:1.8rem;margin-top:25px}
.visit-seal{justify-self:center;width:min(300px,70vw);aspect-ratio:1;border:1px solid rgba(215,177,90,.55);border-radius:50%;display:grid;place-items:center;position:relative;text-align:center}
.visit-seal:before{content:"";position:absolute;inset:14px;border:1px solid rgba(215,177,90,.25);border-radius:50%}
.visit-seal span{font-family:Georgia,serif;font-size:7rem;color:var(--gold);line-height:1}
.visit-seal small{position:absolute;bottom:56px;color:rgba(255,255,255,.68);letter-spacing:.18em;line-height:1.5}
footer{min-height:190px;background:#04130f;color:rgba(255,255,255,.55);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:40px 6vw;font-size:.76rem;letter-spacing:.06em}
footer img{width:124px;height:auto;filter:none}
footer p:last-child{text-align:right}
.wa-float{position:fixed;z-index:80;right:24px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#112017;font-weight:900;font-size:.72rem;box-shadow:0 12px 35px rgba(0,0,0,.22)}

.catalog-body{background:#071d17;color:#fff}
.catalog-header{position:sticky;top:0;z-index:30;background:rgba(7,29,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,177,90,.18);display:flex;justify-content:space-between;align-items:center;padding:18px 5vw}
.catalog-header img{width:108px;height:auto;filter:none}
.catalog-header a:last-child{color:var(--gold-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.catalog-hero{padding:100px 6vw 55px;max-width:1200px}
.catalog-hero h1{font-family:Georgia,serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:400;line-height:.95;margin:0 0 22px}
.catalog-hero p{max-width:680px;color:rgba(255,255,255,.68);line-height:1.75}
.catalog-grid{padding:0 3vw 100px;columns:4 260px;column-gap:12px}
.catalog-item{break-inside:avoid;margin:0 0 12px;position:relative;overflow:hidden;background:#102c23;cursor:pointer}
.catalog-item img{width:100%;height:auto;transition:transform .35s}
.catalog-item:hover img{transform:scale(1.025)}
.catalog-item span{position:absolute;left:12px;bottom:12px;background:rgba(4,18,14,.72);backdrop-filter:blur(10px);padding:7px 10px;font-size:.66rem;letter-spacing:.1em;color:var(--gold-2)}
.modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:28px}
.modal.open{display:flex}
.modal-card{position:relative;max-width:min(840px,94vw);max-height:90vh}
.modal-card img{max-height:78vh;width:auto;max-width:100%;object-fit:contain;margin:auto}
.modal-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}
.modal-actions a,.modal-close{background:var(--gold);color:#0e2018;border:0;padding:12px 16px;border-radius:99px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.modal-close{cursor:pointer;background:#fff}

.seo-local{padding:120px 7vw;background:#f5f0e7;color:#07130f}
.seo-local-head{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:end;margin-bottom:48px}
.seo-local-head .eyebrow{grid-column:1/-1;margin-bottom:-20px}
.seo-local h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:0}
.seo-local-head>p:last-child{font-size:1.04rem;line-height:1.8;color:#4d5a53;margin:0}
.faq-grid{border-top:1px solid #bfb4a3}
.faq-grid details{border-bottom:1px solid #cfc4b4;padding:0}
.faq-grid summary{cursor:pointer;list-style:none;padding:23px 38px 23px 0;font-family:Georgia,serif;font-size:1.35rem;position:relative}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:"+";position:absolute;right:4px;color:#a77a20}
.faq-grid details[open] summary:after{content:"−"}
.faq-grid details p{max-width:760px;color:#566159;line-height:1.75;margin:0;padding:0 0 24px}

@media(max-width:900px){
  .site-header{height:86px;grid-template-columns:1fr auto;padding:0 22px}
  .desktop-nav{display:none}
  .brand{width:88px}
  .hero-copy{padding:150px 24px 50px}
  .hero h1{font-size:clamp(4.8rem,24vw,7rem)}
  .hero-shade{background:linear-gradient(90deg,rgba(4,22,17,.93),rgba(4,22,17,.42)),linear-gradient(0deg,rgba(4,22,17,.9),transparent 50%)}
  .hero-facts{gap:16px;flex-wrap:wrap}
  .scroll-cue{display:none}
  .intro{padding:85px 24px}
  .intro-grid{grid-template-columns:1fr;gap:26px}
  .collections{padding:0 14px 80px;grid-template-columns:1fr;grid-template-rows:650px 420px 420px auto}
  .collection-large{grid-row:auto}
  .collection-link{grid-column:auto}
  .manifesto{grid-template-columns:1fr}
  .manifesto-copy{padding:85px 24px}
  .manifesto-media{min-height:520px;grid-row:1}
  .manifesto-points{grid-template-columns:1fr}
  .editorial{padding:85px 14px}
  .section-head{display:block;margin:0 10px 40px}
  .editorial-grid{grid-template-columns:1fr 1fr;height:auto}
  .editorial-grid img,.editorial-grid img:nth-child(1),.editorial-grid img:nth-child(3){height:330px;margin:0}
  .experience{padding:85px 24px}
  .experience-grid{grid-template-columns:1fr}
  .experience-grid>div,.experience-grid>div+div{border-right:0;border-bottom:1px solid #c8bdac;padding:30px 0;min-height:auto}
  .seo-local{padding:85px 24px}
  .seo-local-head{grid-template-columns:1fr;gap:24px}
  .seo-local-head .eyebrow{grid-column:auto;margin-bottom:0}
  .visit{grid-template-columns:1fr;gap:65px;padding:85px 24px}
  footer{grid-template-columns:1fr;text-align:left}
  footer p:last-child{text-align:left}
}
@media(max-width:520px){
  .nav-cta{padding:10px 14px;font-size:.67rem}
  .hero-actions{display:grid}
  .btn{width:100%}
  .collection-copy{left:22px;bottom:22px}
  .editorial-grid img,.editorial-grid img:nth-child(1),.editorial-grid img:nth-child(3){height:230px}
  .catalog-grid{columns:2 140px;padding-left:10px;padding-right:10px;column-gap:8px}
  .catalog-item{margin-bottom:8px}
}

/* VGOLD SEO foundation pages */
.seo-landing{background:#f5f0e7}
.seo-header{display:grid;grid-template-columns:1fr auto 1fr;min-height:92px}
.seo-header>a:first-child{width:102px}
.seo-header nav{display:flex;align-items:center;gap:28px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}
.seo-header nav a{color:rgba(255,255,255,.78)}
.seo-header nav a:hover{color:var(--gold-2)}
.seo-header-wa{justify-self:end}
.seo-hero{position:relative;min-height:680px;background:#071d17;color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.seo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seo-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,18,.94) 0%,rgba(3,24,18,.72) 46%,rgba(3,24,18,.12) 82%),linear-gradient(0deg,rgba(3,24,18,.92),transparent 48%)}
.seo-hero-copy{position:relative;z-index:2;padding:150px 7vw 72px;max-width:900px}
.seo-hero h1{font-family:Georgia,serif;font-size:clamp(3.9rem,8vw,7.8rem);font-weight:400;line-height:.91;letter-spacing:-.055em;margin:0 0 28px}
.seo-hero-copy>p:not(.eyebrow){max-width:700px;color:rgba(255,255,255,.8);font-size:1.08rem;line-height:1.75}
.seo-explain{padding:105px 7vw 115px}
.seo-explain-grid{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end}
.seo-explain-grid h2,.seo-gallery h2,.seo-faq h2,.seo-related h2,.seo-local-cta h2{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:0}
.seo-explain-grid>p{font-size:1.06rem;line-height:1.8;color:#4d5a53;margin:0}
.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #c7bba9}
.seo-feature-grid article{padding:32px 3vw 10px 0;border-right:1px solid #cfc4b4}
.seo-feature-grid article+article{padding-left:3vw}
.seo-feature-grid article:last-child{border-right:0}
.seo-feature-grid span{color:#a77a20;font-size:.72rem}
.seo-feature-grid h3{font-family:Georgia,serif;font-weight:400;font-size:1.8rem;margin:13px 0}
.seo-feature-grid p{color:#59645d;line-height:1.72}
.seo-gallery{background:#082d24;color:#fff;padding:100px 4vw}
.seo-gallery-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px;margin:0 3vw 45px}
.seo-gallery-head .eyebrow{grid-column:1/-1;margin-bottom:-10px}
.seo-gallery-head>a{color:var(--gold-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(240,213,139,.45);padding-bottom:7px}
.seo-gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;height:520px}
.seo-gallery-grid a{overflow:hidden}
.seo-gallery-grid img{height:100%;object-fit:cover;transition:transform .5s}
.seo-gallery-grid a:hover img{transform:scale(1.025)}
.seo-faq{padding:110px 7vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;background:#ede5d8}
.seo-faq .faq-grid{align-self:start}
.seo-related{padding:105px 7vw;background:#f5f0e7}
.seo-related>h2{margin-bottom:45px}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfb4a3}
.seo-related-grid a{min-height:130px;padding:28px 28px 24px 0;border-bottom:1px solid #cfc4b4;display:flex;flex-direction:column;justify-content:space-between}
.seo-related-grid a+a{padding-left:28px;border-left:1px solid #cfc4b4}
.seo-related-grid span{font-family:Georgia,serif;font-size:1.65rem}
.seo-related-grid b{color:#9c7326;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.seo-local-cta{min-height:460px;padding:90px 8vw;background:linear-gradient(135deg,#061c16,#0a382c);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw}
.seo-local-cta>div>p:not(.eyebrow){color:rgba(255,255,255,.68);line-height:1.7}
.seo-local-cta .hero-actions{justify-content:flex-end}
.seo-hub{padding:105px 7vw;background:#071d17;color:#fff}
.seo-hub-head{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;margin-bottom:48px}
.seo-hub-head h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.8rem,5.2vw,5rem);line-height:.98;letter-spacing:-.04em;margin:0}
.seo-hub-head p:last-child{color:rgba(255,255,255,.67);line-height:1.75;margin:0}
.seo-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(215,177,90,.32)}
.seo-hub-grid a{min-height:150px;padding:27px 24px 22px 0;border-bottom:1px solid rgba(215,177,90,.24);display:flex;flex-direction:column;justify-content:space-between}
.seo-hub-grid a+a{padding-left:24px;border-left:1px solid rgba(215,177,90,.2)}
.seo-hub-grid span{font-family:Georgia,serif;font-size:1.45rem}
.seo-hub-grid small{color:var(--gold-2);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){
  .seo-header{grid-template-columns:1fr auto}.seo-header nav{display:none}
  .seo-hero{min-height:620px}.seo-hero-copy{padding:130px 24px 55px}
  .seo-explain{padding:80px 24px}.seo-explain-grid{grid-template-columns:1fr;gap:25px}
  .seo-feature-grid{grid-template-columns:1fr;margin-top:50px}
  .seo-feature-grid article,.seo-feature-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #cfc4b4}
  .seo-gallery{padding:80px 14px}.seo-gallery-head{display:block;margin:0 10px 35px}.seo-gallery-head>a{display:inline-block;margin-top:22px}
  .seo-gallery-grid{height:auto;grid-template-columns:1fr 1fr}.seo-gallery-grid a:first-child{grid-column:1/-1}.seo-gallery-grid img{height:320px}
  .seo-faq{grid-template-columns:1fr;padding:80px 24px;gap:45px}
  .seo-related{padding:80px 24px}.seo-related-grid{grid-template-columns:1fr}
  .seo-related-grid a,.seo-related-grid a+a{padding:25px 0;border-left:0}
  .seo-local-cta{grid-template-columns:1fr;padding:80px 24px;gap:35px}.seo-local-cta .hero-actions{justify-content:flex-start}
  .seo-hub{padding:80px 24px}.seo-hub-head{grid-template-columns:1fr;gap:25px}.seo-hub-grid{grid-template-columns:1fr 1fr}
  .seo-hub-grid a:nth-child(odd){padding-left:0;border-left:0}
}
@media(max-width:520px){
  .seo-hub-grid{grid-template-columns:1fr}.seo-hub-grid a,.seo-hub-grid a+a{padding:24px 0;border-left:0}
  .seo-gallery-grid{grid-template-columns:1fr}.seo-gallery-grid a:first-child{grid-column:auto}.seo-gallery-grid img{height:300px}
}
