:root{
  --forest:#13241b;
  --forest2:#0b1710;
  --lime:#c9e65b;
  --cream:#eee9df;
  --warm:#d7cbbd;
  --ink:#151b17;
  --muted:#697169;
  --line:rgba(21,27,23,.17);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Archivo",sans-serif;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button{font:inherit}

.site-header{
  height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;
  border-bottom:1px solid var(--line);background:rgba(238,233,223,.97);position:relative;z-index:50
}
.logo img{width:205px;height:auto}
.nav-main{display:flex;gap:2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.nav-main a:hover{opacity:.55}
.mini-cta{justify-self:end;background:var(--forest);color:white;padding:.9rem 1.3rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}
.menu-btn{display:none;border:0;background:none;padding:10px}
.menu-btn span{display:block;width:28px;height:1px;background:var(--ink);margin:7px 0}

.hero{padding:2vw;background:var(--cream)}
.hero-grid{min-height:calc(100vh - 124px);display:grid;grid-template-columns:.86fr 1.14fr;grid-template-rows:1fr .46fr;gap:1vw}
.hero-copy{grid-row:1/3;padding:5vw 4vw;background:var(--forest);color:white;display:flex;flex-direction:column;justify-content:flex-end}
.serial{margin-bottom:auto;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#829087}
.eyebrow{font-size:.64rem;text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:#b0c0b5}
.eyebrow.dark{color:#5e685f}
.hero h1,.intro h2,.drops h2,.cat-title h2,.inspection h2,.pallet-copy h2,.culture h2,.story-copy h2,.contact h2{
  font:500 clamp(3.5rem,6.5vw,7rem)/.89 "Bodoni Moda",serif;letter-spacing:-.045em;margin:1rem 0 2rem
}
.hero h1 em{font-style:italic;color:var(--lime)}
.lede{max-width:590px;color:#bac4bd;line-height:1.8}
.hero-link{display:inline-flex;gap:2rem;align-self:flex-start;margin-top:1.2rem;border-bottom:1px solid #aebbb2;padding-bottom:.5rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}
.hero-photo{position:relative;margin:0;overflow:hidden}
.hero-photo figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--cream);padding:.6rem .8rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.13em}
.hero-photo.main{grid-column:2;grid-row:1}
.hero-photo.detail{grid-column:2;grid-row:2}

.ticker{display:flex;gap:1.5rem;align-items:center;white-space:nowrap;overflow:hidden;padding:1rem 3vw;background:var(--lime);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}
.ticker i{font-style:normal}

.intro{display:grid;grid-template-columns:.25fr 1.1fr .75fr;gap:5vw;padding:10vw 6vw}
.intro-index,.section-no{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:.62rem}
.intro-head h2{margin-top:.9rem}
.intro-text{align-self:end}
.intro-text p{line-height:1.85;color:#5b655d}

.drops{padding:9vw 5vw;background:#f7f4ed}
.drops-head{display:grid;grid-template-columns:.25fr 1.5fr;margin-bottom:4vw}
.drop-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:1.4vw}
.drop-card{position:relative;min-height:540px;overflow:hidden}
.drop-card.huge{min-height:720px}
.drop-card img{transition:transform .7s ease}
.drop-card:hover img{transform:scale(1.025)}
.drop-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,8,.78),transparent 55%)}
.drop-overlay{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;color:white}
.drop-overlay span{font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:#cad2cc}
.drop-overlay h3{font:500 2.4rem/1 "Bodoni Moda",serif;margin:.6rem 0}
.drop-overlay p{max-width:450px;font-size:.8rem;line-height:1.6;color:#d7ddd8}

.categories{padding:10vw 6vw;background:var(--warm)}
.cat-title{display:grid;grid-template-columns:.55fr 1.45fr;gap:4vw;margin-bottom:5vw}
.cat-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.cat-list article{min-height:250px;padding:2.2rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}
.cat-list span{font-size:.61rem;letter-spacing:.15em}
.cat-list h3{font:500 2.2rem/1 "Bodoni Moda",serif;margin:auto 0 .6rem}
.cat-list p{font-size:.78rem;line-height:1.6;color:#5f625e}

.inspection{display:grid;grid-template-columns:1.1fr .9fr;background:var(--forest);color:white;min-height:760px}
.inspection-photo{min-height:760px}
.inspection-panel{padding:6vw 5vw;display:flex;flex-direction:column;justify-content:center}
.section-no.light{border-color:#9aa69e}
.inspection-panel .eyebrow{margin-top:2rem}
.inspection h2{font-size:clamp(3.2rem,5vw,5.5rem)}
.steps{margin-top:2rem}
.steps article{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #415047}
.steps b{font-size:.63rem;letter-spacing:.14em;color:var(--lime)}
.steps h3{font:500 1.6rem "Bodoni Moda",serif;margin:0 0 .3rem}
.steps p{margin:0;color:#aeb9b1;line-height:1.6;font-size:.78rem}

.pallets{display:grid;grid-template-columns:.72fr 1.28fr;min-height:720px;background:var(--cream)}
.pallet-copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}
.pallet-copy .eyebrow{margin-top:2rem}
.pallet-copy p:not(.eyebrow){line-height:1.8;color:#626b64;max-width:520px}
.black-link{display:inline-flex;gap:2rem;align-self:flex-start;border-bottom:1px solid var(--ink);padding-bottom:.5rem;margin-top:1.4rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}
.pallet-photo{margin:0;min-height:720px}

.culture{padding:10vw 6vw;background:#e8e2d7}
.culture-heading{display:grid;grid-template-columns:.25fr 1.5fr;margin-bottom:4vw}
.culture-grid{display:grid;grid-template-columns:.8fr 1.2fr .8fr;gap:1px;background:#a49d93}
.culture-card{padding:3vw;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end}
.culture-card .tag{margin-bottom:auto;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}
.culture-card h3{font:500 2.2rem/1.05 "Bodoni Moda",serif;margin:1rem 0}
.culture-card p{font-size:.8rem;line-height:1.75}
.zeus{background:var(--lime)}
.digital{background:var(--forest);color:white}
.digital p{color:#b6c1b9}
.culture-image{min-height:480px}

.story{display:grid;grid-template-columns:1.3fr .7fr;background:#0e1611;color:white;min-height:700px}
.story-photo{min-height:700px}
.story-copy{padding:6vw;display:flex;flex-direction:column;justify-content:center}
.story-copy p:last-child{line-height:1.85;color:#aeb7b0}
.story-copy h2{font-size:clamp(3.2rem,4.8vw,5.3rem)}

.contact{padding:8vw 6vw;background:var(--lime);display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}
.contact h2{font-size:clamp(3.4rem,5vw,5.5rem);margin-bottom:0}
.contact-details{display:grid;grid-template-columns:.45fr 1fr;align-content:end;gap:.8rem 1rem}
.contact-details span{font-size:.61rem;text-transform:uppercase;letter-spacing:.14em}
.contact-details strong{font-size:.9rem;font-weight:600}

footer{background:#08100b;color:white;padding:4vw 6vw;display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:4vw;align-items:end}
.footer-logo img{width:245px;height:auto}
.footer-nav{display:flex;flex-direction:column;gap:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.footer-meta{color:#728078;font-size:.68rem;line-height:1.7}
.mobile-drawer{display:none}

@media(max-width:980px){
  .site-header{grid-template-columns:1fr auto}.nav-main,.mini-cta{display:none}.menu-btn{display:block}
  .hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:5rem}
  .intro{grid-template-columns:.2fr 1fr}.intro-text{grid-column:2}
  .drop-grid{grid-template-columns:1fr 1fr}.drop-card.huge{grid-column:1/-1}
  .cat-list{grid-template-columns:1fr 1fr}
  .inspection{grid-template-columns:1fr 1fr}
  .pallets{grid-template-columns:1fr 1fr}
  .culture-grid{grid-template-columns:1fr 1fr}.digital{grid-column:1/-1}
  .story{grid-template-columns:1fr 1fr}
  .mobile-drawer{display:flex;position:fixed;inset:84px 0 0;background:var(--cream);z-index:40;flex-direction:column;padding:8vw;transform:translateX(100%);transition:.35s}
  .mobile-drawer.open{transform:none}
  .mobile-drawer a{font:500 3rem/1.5 "Bodoni Moda",serif;border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
  .site-header{height:72px;padding:0 5vw}.logo img{width:175px}.mobile-drawer{inset:72px 0 0}
  .hero{padding:0}.hero-grid{display:block;min-height:0}.hero-copy{min-height:620px;padding:14vw 7vw}.hero h1{font-size:4.5rem}
  .hero-photo.main{height:500px}.hero-photo.detail{height:310px}
  .intro{grid-template-columns:auto 1fr;padding:18vw 6vw}.intro-head,.intro-text{grid-column:1/-1}
  .drops{padding:18vw 6vw}.drops-head{grid-template-columns:auto 1fr;gap:1rem}.drops-head>div{grid-column:1/-1}
  .drop-grid{grid-template-columns:1fr;gap:6vw}.drop-card.huge{grid-column:auto;min-height:580px}.drop-card{min-height:500px}
  .categories{padding:18vw 6vw}.cat-title{grid-template-columns:1fr}.cat-list{grid-template-columns:1fr}
  .inspection{grid-template-columns:1fr}.inspection-photo{min-height:500px}.inspection-panel{padding:18vw 7vw}
  .pallets{grid-template-columns:1fr}.pallet-copy{padding:18vw 7vw}.pallet-photo{min-height:520px}
  .culture{padding:18vw 6vw}.culture-heading{grid-template-columns:auto 1fr}.culture-heading>div{grid-column:1/-1}
  .culture-grid{grid-template-columns:1fr}.digital{grid-column:auto}.culture-card{min-height:410px}.culture-image{height:500px}
  .story{grid-template-columns:1fr}.story-photo{min-height:500px}.story-copy{padding:18vw 7vw}
  .contact{grid-template-columns:1fr;padding:18vw 7vw}.contact-details{margin-top:2rem}
  footer{grid-template-columns:1fr;padding:14vw 6vw}.footer-logo{margin-bottom:2rem}
}