:root{--ink:#10100f;--char:#181817;--cream:#f2ecdf;--paper:#f7f2e8;--gold:#b88a47;--gold2:#d1aa6c;--muted:#b9b0a1;--line:rgba(184,138,71,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}.nav{height:74px;background:rgba(16,16,15,.97);color:#fff;display:flex;align-items:center;gap:28px;padding:0 5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.monogram{font-size:35px;color:var(--gold2);line-height:1}.brandname{font-size:16px;letter-spacing:.12em}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{font:11px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#eee;padding:28px 0 23px;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:var(--gold2);border-color:var(--gold)}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:calc(100vh - 74px);position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(184,138,71,.18),transparent 32%),linear-gradient(115deg,#f6f0e5 0%,#eee4d2 60%,#dfcfb2 100%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(184,138,71,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(184,138,71,.08) 50%,transparent 50.2%);background-size:120px 120px;opacity:.35;animation:drift 18s linear infinite}@keyframes drift{to{background-position:120px -120px}}.hero-inner{position:relative;z-index:2;width:min(1100px,90vw);padding:80px 0}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.5em;text-transform:uppercase;color:#8f642c;margin-bottom:28px}.hero h1{font-size:clamp(54px,8vw,112px);font-weight:400;line-height:.82;letter-spacing:.01em;margin:0}.hero h1 span{display:block;font-size:.34em;letter-spacing:.55em;margin:28px 0 0 5px}.tagline{font-size:clamp(20px,2vw,31px);letter-spacing:.17em;text-transform:uppercase;margin:40px 0 22px}.lede{max-width:700px;font-size:18px;line-height:1.65}.cta{display:inline-flex;margin-top:30px;border:1px solid var(--gold);padding:16px 22px;font:11px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;background:rgba(184,138,71,.09);transition:.25s}.cta:hover{background:var(--gold);color:white}.section{padding:100px 7vw}.dark{background:var(--char);color:#f4eee3}.kicker{font:11px Arial,sans-serif;letter-spacing:.45em;text-transform:uppercase;color:var(--gold2)}h2{font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.05;margin:15px 0 25px}.intro{font-size:20px;line-height:1.7;max-width:840px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(184,138,71,.25);margin-top:55px}.pillar{background:#111;padding:35px 28px;min-height:180px}.pillar b{display:block;color:var(--gold2);font:12px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px}.pillar p{color:#d4cdc1;line-height:1.6;margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px}.card{position:relative;min-height:390px;overflow:hidden;background:#111;color:white}.card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.82);transition:transform .6s}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.05) 65%)}.card:hover img{transform:scale(1.035)}.cardcopy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.card h3{font-size:30px;font-weight:400;margin:0 0 8px}.card p{font:12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e5c08a;margin:0}.pagehero{min-height:54vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--char);color:white}.pagehero .copy{padding:90px 7vw;align-self:center}.pagehero img{width:100%;height:100%;object-fit:cover;min-height:54vh}.pagehero h1{font-size:clamp(48px,6vw,88px);font-weight:400;margin:15px 0}.prose{max-width:880px;margin:auto;font-size:19px;line-height:1.85}.prose h3{font-size:32px;font-weight:400;margin-top:50px}.quote{border-left:2px solid var(--gold);padding-left:25px;font-size:28px;line-height:1.5;margin:45px 0}.signature{font-size:24px;color:#7b5525}.footer{background:#0e0e0d;color:#ddd;padding:65px 7vw 35px}.footergrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px}.footer h4{font:11px Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--gold2)}.footer a,.footer span{display:block;margin:12px 0;color:#aaa;font:13px Arial,sans-serif}.footer a:hover{color:white}.legal{border-top:1px solid #292929;margin-top:45px;padding-top:25px;color:#777;font:11px Arial,sans-serif;line-height:1.6}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:980px){.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#111;padding:20px 7vw;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.navlinks a{padding:8px 0}.menu{display:block}.pillars{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.pagehero{grid-template-columns:1fr}.pagehero img{min-height:380px}.footergrid{grid-template-columns:1fr 1fr}.hero h1 span{letter-spacing:.35em}}@media(max-width:620px){.brandname{display:none}.section{padding:75px 6vw}.pillars{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.tagline{letter-spacing:.09em}.hero-inner{padding:55px 0}}
/* Round 2: unified V&L identity + original frosted-glass hero */
.monogram{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:46px;font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:600;letter-spacing:-.18em;color:#111;isolation:isolate}.nav .monogram,.footer .monogram{color:#f0eadf}.monogram span{position:relative;z-index:2}.monogram i{position:relative;z-index:3;margin:0 -.08em 0 -.02em;color:var(--gold2);font-size:1.08em;font-weight:400;font-style:normal;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.hero.hero-classic{min-height:calc(100vh - 74px);background:#f3eee4 url('assets/vonzelle-lynn-background-clean.png') center/cover no-repeat;position:relative;display:grid;place-items:center;overflow:hidden;padding:52px 5vw}.hero.hero-classic:before{content:'';position:absolute;inset:-10px;background:linear-gradient(rgba(247,243,235,.72),rgba(247,243,235,.72)),url('assets/vonzelle-lynn-background-clean.png') center/cover no-repeat;filter:blur(2px);transform:scale(1.025);opacity:1;animation:none}.hero.hero-classic:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.14),rgba(245,239,228,.26))}.hero-glass{position:relative;z-index:2;width:min(900px,88vw);text-align:center;padding:52px 34px;background:rgba(250,247,241,.44);border:1px solid rgba(151,112,49,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 24px 70px rgba(42,31,16,.09)}.hero-glass .eyebrow{margin:0 0 24px}.hero.hero-classic h1{margin:0;font-weight:500;font-size:clamp(42px,7vw,82px);letter-spacing:.075em;line-height:.98;text-transform:uppercase}.hero-group{display:flex;align-items:center;gap:18px;width:min(520px,80%);margin:22px auto 0;font:400 clamp(14px,2vw,22px)/1 Arial,sans-serif;letter-spacing:.52em;text-transform:uppercase}.hero-group:before,.hero-group:after{content:'';height:1px;flex:1;background:var(--gold)}.hero.hero-classic .tagline{margin:30px 0 0;font-size:clamp(14px,2vw,19px);letter-spacing:.20em}.hero.hero-classic .lede{max-width:660px;margin:24px auto 0;font-size:16px;line-height:1.65}.hero.hero-classic .cta{margin-top:26px;background:rgba(250,247,241,.38);backdrop-filter:blur(4px)}
@media(max-width:620px){.hero.hero-classic{padding:30px 4vw}.hero-glass{width:94vw;padding:40px 18px}.hero.hero-classic h1{letter-spacing:.035em}.hero-group{width:92%;gap:10px;letter-spacing:.35em}.hero.hero-classic .tagline{line-height:1.6;letter-spacing:.12em}.hero.hero-classic .lede{font-size:15px}.monogram{min-width:52px}}

/* Round 3: header logo test */
.header-monogram{display:block;width:58px;height:42px;object-fit:contain;object-position:center;flex:0 0 auto}
@media(max-width:620px){.header-monogram{width:52px;height:38px}}

/* CLEAN RESTART — hero/background/header overrides */
.hero.hero-classic{
  background:#f3eee4 url('assets/vl-hero-background.png') center/cover no-repeat;
}
.hero.hero-classic:before{
  content:'';
  position:absolute;
  inset:-10px;
  background:linear-gradient(rgba(247,243,235,.68),rgba(247,243,235,.68)),url('assets/vl-hero-background.png') center/cover no-repeat;
  filter:blur(2px);
  transform:scale(1.025);
  opacity:1;
  animation:none;
}
.hero-glass{
  background:rgba(250,247,241,.58);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* FINAL SETUP — approved refinements */
/* Blend the raster header mark into the same charcoal used by the navigation. */
.header-monogram{background:#181817;mix-blend-mode:screen}

/* Keep the hero artwork at the same scale; only nudge its focal point upward. */
.hero.hero-classic{background-position:center 46%;}
.hero.hero-classic:before{background-position:center 46%;}

/* Editorial V&L watermark: one restrained body mark, intentionally low contrast. */
#vision{position:relative;overflow:hidden}
#vision:before{content:'V&L';position:absolute;right:7vw;top:70px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(150px,24vw,390px);line-height:.8;letter-spacing:-.10em;color:rgba(184,138,71,.075);pointer-events:none;z-index:0;white-space:nowrap}
#vision>.reveal,#vision>.pillars{position:relative;z-index:1}
#vision>.reveal{max-width:880px}

/* Footer uses the gold building mark instead of a second V&L monogram. */
.footer-building{display:block;width:58px;height:46px;object-fit:contain;object-position:center;margin:0 0 18px;mix-blend-mode:multiply}
@media(max-width:620px){#vision:before{right:-5vw;top:90px;font-size:52vw}.footer-building{width:52px;height:42px}}

/* FINAL VISUAL CORRECTIONS — preserve approved layout */
/* Hero artwork: show more of the full composition and keep it centered with only a light upward nudge. */
.hero.hero-classic{
  background-image:url('assets/vl-hero-background.png');
  background-size:94% auto;
  background-position:center 47%;
  background-repeat:no-repeat;
  background-color:#f3eee4;
}
.hero.hero-classic:before{
  inset:0;
  background:linear-gradient(rgba(247,243,235,.68),rgba(247,243,235,.68)),url('assets/vl-hero-background.png');
  background-size:94% auto;
  background-position:center 47%;
  background-repeat:no-repeat;
  filter:blur(2px);
  transform:none;
}

/* Use the actual V&L monogram artwork as the Multiple Pillars watermark. */
#vision:before{content:none !important;display:none !important}
#vision:after{
  content:'';
  position:absolute;
  right:5vw;
  top:64px;
  width:min(39vw,610px);
  height:min(34vw,500px);
  background:url('assets/header-monogram-transparent.png') center/contain no-repeat;
  opacity:.105;
  pointer-events:none;
  z-index:0;
}
#vision>.reveal,#vision>.pillars{position:relative;z-index:1}
#vision>.reveal{max-width:880px}

/* Header mark has no dark image rectangle; footer building stays visibly gold. */
.header-monogram{background:transparent}
.footer-building{
  width:58px;
  height:46px;
  object-fit:contain;
  object-position:left center;
  margin:0 0 18px;
  mix-blend-mode:normal !important;
  opacity:1;
}
@media(max-width:620px){
  #vision:after{right:-4vw;top:100px;width:62vw;height:52vw}
  .hero.hero-classic,.hero.hero-classic:before{background-size:auto 92%;background-position:center 48%}
}

/* FINAL LOCK — match approved Multiple Pillars mockup and footer treatment */
#vision > .reveal:not(.pillars){max-width:880px}
#vision > .pillars{max-width:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));}
#vision:after{
  right:4.5vw;
  top:54px;
  width:min(42vw,650px);
  height:min(32vw,470px);
  background-image:url('assets/vl-watermark.png');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.105;
}
.footer-building{
  width:58px;height:46px;
  background:#0e0e0d;
  object-fit:contain;
  mix-blend-mode:normal!important;
}
@media(max-width:980px){#vision > .pillars{grid-template-columns:1fr 1fr}}
@media(max-width:620px){#vision > .pillars{grid-template-columns:1fr}#vision:after{right:-4vw;top:90px;width:62vw;height:48vw}}

/* FINAL POLISH — two locked corrections only */
/* Keep the approved V&L watermark fully readable above the four pillar cards. */
#vision > .pillars{margin-top:96px;}
/* Footer building asset is baked onto the exact footer charcoal so no cream tile shows. */
.footer-building{background:#0e0e0d;mix-blend-mode:normal!important;}