:root{
  --ink:#171717; --cream:#f7f3ed; --paper:#fffdf9; --gold:#b78a48;
  --muted:#6e675e; --line:#ded6ca; --shell:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Montserrat,Arial,sans-serif;line-height:1.65}
img{display:block;max-width:100%}
a{color:inherit}
.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.site-header{height:76px;padding:8px 5%;display:flex;align-items:center;justify-content:space-between;background:#151515;color:#fff;position:sticky;top:0;z-index:20}
.brand img{width:150px;height:52px;object-fit:cover;object-position:center}
.main-nav{display:flex;gap:28px;align-items:center}
.main-nav a{text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}
.menu-button{display:none;background:none;border:1px solid #8d806c;color:#fff;padding:8px 12px}
.hero{min-height:640px;position:relative;background:url('assets/hero.jpg') center 22%/cover no-repeat;color:#fff;display:grid;align-items:center}
.hero-overlay,.quote-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.82),rgba(8,8,8,.25) 62%,rgba(8,8,8,.08))}
.hero-content{position:relative;padding-block:90px;max-width:1180px}
.hero-content>*{max-width:560px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600;color:#d7b87c}
.eyebrow.dark{color:#40382f}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:.98;font-weight:500;margin:.25em 0}
h1{font-size:clamp(3.3rem,7vw,6.4rem)}
h2{font-size:clamp(2.5rem,4vw,4.3rem)}
em{color:var(--gold);font-weight:500}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-block;padding:12px 20px;text-decoration:none;text-transform:uppercase;font-size:.69rem;letter-spacing:.08em;border:1px solid transparent}
.button-gold{background:var(--gold);color:white}
.button-outline-light{border-color:#d6b372;color:#fff}
.button-outline-dark{border-color:#28231d;color:#28231d}
.section{padding-block:80px}
.split{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.feature-image{width:100%;height:540px;object-fit:cover}
.copy p{color:#4f4942}
.ticks{list-style:none;padding:0;margin-top:24px}
.ticks li{margin:10px 0;padding-left:25px;position:relative}
.ticks li:before{content:'●';position:absolute;left:0;color:var(--gold)}
.quote-section{min-height:400px;position:relative;background:url('assets/quote-background.jpg') center/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center}
.quote-section blockquote{position:relative;max-width:940px;padding:70px 24px;margin:0}
.quote-section p{font:500 clamp(1.8rem,3.4vw,3.2rem)/1.13 'Cormorant Garamond',Georgia,serif;margin:0}
.quote-mark{font:6rem Georgia;color:var(--gold);line-height:.5}
.quote-section footer{text-transform:uppercase;letter-spacing:.18em;color:#d7b87c;margin-top:20px;font-size:.75rem}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}
.values article{padding:20px 28px;border-right:1px solid var(--line)}
.values article:last-child{border-right:0}
.icon{color:var(--gold);font-size:2.5rem}
.values h3{text-transform:uppercase;font-family:Georgia,serif;font-size:1rem;letter-spacing:.04em}
.values p{font-size:.9rem;color:var(--muted)}
.campaign,.about-grid,.brand-story{display:grid;grid-template-columns:1fr 1fr}
.campaign{background:var(--cream)}
.campaign-copy,.about-copy,.brand-copy{padding:70px max(7vw,40px)}
.campaign img{width:100%;height:100%;min-height:480px;object-fit:cover}
.about-grid img{width:100%;height:100%;min-height:420px;object-fit:cover}
.about-copy{display:flex;flex-direction:column;justify-content:center}
.about-copy a{text-decoration-color:var(--gold)}
.brand-story{background:#f3eee7}
.logo-panel{background:#111;display:grid;place-items:center;padding:55px}
.logo-panel img{width:min(460px,90%)}
.tagline{font:italic 1.5rem Georgia;color:var(--gold)}
.footer{padding:36px 5%;background:#eee8df;font-size:.78rem;color:#49433c}
.footer div{max-width:900px}
.footer strong{text-transform:uppercase;letter-spacing:.12em}
@media(max-width:800px){
  .menu-button{display:block}
  .main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#151515;padding:20px 5%;flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .hero{min-height:720px;background-position:58% center}
  .hero-overlay{background:rgba(8,8,8,.62)}
  .split,.campaign,.about-grid,.brand-story{grid-template-columns:1fr}
  .values{grid-template-columns:1fr 1fr}
  .values article:nth-child(2){border-right:0}
  .campaign img{order:-1}
}
@media(max-width:520px){
  .shell{width:min(100% - 30px,var(--shell))}
  .site-header{padding-inline:15px}
  .hero-content{padding-block:70px}
  .values{grid-template-columns:1fr}
  .values article{border-right:0;border-bottom:1px solid var(--line)}
  .feature-image{height:430px}
  .campaign-copy,.about-copy,.brand-copy{padding:48px 24px}
}