body:not(:has(.hero)){
  background:#11110f;
}

.page-hero,
.cat-hero{
  position:relative;
  overflow:hidden;
  min-height:min(680px,78svh);
  display:grid;
  align-items:end;
  border-top:0;
  isolation:isolate;
}
.page-hero::before{
  background:
    linear-gradient(90deg,rgba(15,15,14,.95) 0%,rgba(15,15,14,.72) 39%,rgba(15,15,14,.25) 68%,rgba(15,15,14,.78) 100%),
    linear-gradient(180deg,rgba(15,15,14,.2),rgba(15,15,14,.82)),
    var(--page-image) center/cover no-repeat;
  filter:saturate(.86) contrast(1.06);
  transform:scale(1.02);
}
.page-hero::after,
.cat-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 calc(var(--agency-gutter) - 1px),rgba(255,255,255,.14) calc(var(--agency-gutter) - 1px),rgba(255,255,255,.14) var(--agency-gutter),transparent var(--agency-gutter)),
    linear-gradient(0deg,transparent 0 calc(var(--agency-gutter) - 1px),rgba(255,255,255,.08) calc(var(--agency-gutter) - 1px),rgba(255,255,255,.08) var(--agency-gutter),transparent var(--agency-gutter));
  opacity:.5;
}
.page-hero .wrap,
.cat-hero .wrap{
  width:100%;
  max-width:var(--agency-max);
  min-height:0;
  padding:clamp(86px,10vw,138px) var(--agency-gutter) clamp(50px,6.5vw,88px);
  position:relative;
  z-index:2;
}
.page-hero .wrap{
  justify-content:end;
}
.page-crumbs,
.cat-crumbs{
  margin-bottom:clamp(22px,3vw,42px);
  color:rgba(255,255,255,.48);
}
.page-hero h1,
.cat-hero h1{
  max-width:min(1100px,82vw);
  margin:18px 0 22px;
  font-size:clamp(58px,8vw,118px);
  line-height:.88;
  letter-spacing:-.048em;
}
.page-hero h1 em,
.cat-hero h1 em{
  color:var(--gold);
}
.page-hero p,
.cat-hero p{
  max-width:620px;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.75;
  color:rgba(255,255,255,.72);
}

.page-band,
.proof-page,
.submission,
.cat-section,
.help-band,
.news-page .news{
  padding:clamp(82px,10vw,142px) 0;
}
.page-band{
  background:var(--paper);
  color:var(--ink);
}
.page-band.dark,
.trade-page .page-band,
.sustainability-page .page-band.dark{
  background:#11110f;
  border-top:1px solid var(--hairline-light);
}
.page-band .wrap,
.proof-page .wrap,
.submission .wrap,
.cat-section .wrap,
.help-band .wrap,
.news .wrap{
  max-width:var(--agency-max);
  padding-inline:var(--agency-gutter);
}
.editorial-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);
  gap:clamp(44px,8vw,128px);
}
.editorial-copy h2,
.page-title,
.proof-intro h2,
.submission-intro h2{
  max-width:900px;
  font-size:clamp(42px,6.4vw,96px);
  line-height:.9;
  letter-spacing:-.045em;
}
.editorial-copy p,
.proof-intro p,
.submission-intro p{
  max-width:620px;
  font-size:16px;
  line-height:1.8;
}
.stat-panel{
  gap:0;
  border:1px solid var(--hairline);
  background:transparent;
}
.stat-panel.dark{
  border-color:var(--hairline-light);
  background:transparent;
}
.panel-cell{
  min-height:190px;
  padding:clamp(28px,4vw,54px);
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  background:transparent;
}
.dark .panel-cell,
.panel-cell.dark{
  background:transparent;
  border-color:var(--hairline-light);
}
.panel-cell strong{
  font-size:clamp(42px,5vw,78px);
  letter-spacing:-.045em;
}
.panel-cell span{
  display:block;
  max-width:190px;
  line-height:1.35;
}

.pillar-grid{
  border:1px solid var(--hairline-light);
  background:transparent;
}
.pillar{
  min-height:280px;
  padding:clamp(28px,4vw,54px);
  background:transparent;
  border-right:1px solid var(--hairline-light);
}
.pillar:nth-child(3n){border-right:0}
a.pillar{display:block;color:inherit}
.pillar h3{
  max-width:360px;
  font-size:clamp(28px,2.9vw,46px);
  letter-spacing:-.035em;
}
.pillar p{
  max-width:380px;
}

.cat-hero{
  position:relative;
  overflow:hidden;
  background:#0f0f0e;
}
.cat-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(15,15,14,.96),rgba(15,15,14,.62),rgba(15,15,14,.85)),
    url("img/cat-vodka.jpg") 8% 50%/35vw auto no-repeat,
    url("img/hero-tequila.jpg") 54% 42%/28vw auto no-repeat,
    url("img/cat-rum.jpg") 92% 45%/34vw auto no-repeat;
  filter:saturate(.8) contrast(1.05);
}
.cat-hero .wrap{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.62fr);
  gap:clamp(30px,8vw,118px);
  align-items:end;
}
.cat-filters{
  position:sticky;
  top:74px;
  z-index:20;
  background:rgba(17,17,15,.91);
  backdrop-filter:blur(18px);
  border-block:1px solid var(--hairline-light);
}
.cat-filters-inner{
  max-width:var(--agency-max);
  margin:0 auto;
  padding:0 var(--agency-gutter);
  display:flex;
  gap:0;
  overflow-x:auto;
}
.cat-chip{
  flex:0 0 auto;
  border-right:1px solid var(--hairline-light);
  padding:18px 22px;
  color:rgba(255,255,255,.64);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.cat-chip:first-child{border-left:1px solid var(--hairline-light)}
.cat-chip.active,
.cat-chip:hover{
  color:#fff;
  background:rgba(233,81,14,.18);
}
.cat-chip .n{
  color:var(--gold);
  margin-left:6px;
}
.cat-section{
  border-bottom:1px solid var(--hairline-light);
  background:#11110f!important;
}
.cat-section:nth-of-type(even){background:#151512!important}
.cat-head{
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);
  gap:clamp(34px,7vw,112px);
  margin-bottom:clamp(42px,6vw,76px);
  align-items:start;
}
.cat-head h2{
  font-size:clamp(54px,8vw,122px);
  line-height:.86;
  letter-spacing:-.052em;
}
.cat-head h2 em{color:var(--gold)}
.cat-head .lede{
  margin-left:0;
  font-size:clamp(18px,1.7vw,27px);
  line-height:1.28;
}
.cat-count-pill{
  border-radius:0;
  background:transparent;
  border-color:var(--hairline-light);
  color:var(--gold);
}
.brand-grid{
  grid-template-columns:repeat(12,1fr);
  gap:0;
  border-top:1px solid var(--hairline-light);
  border-left:1px solid var(--hairline-light);
}
.brand{
  grid-column:span 3;
  min-height:430px;
  border:0;
  border-right:1px solid var(--hairline-light);
  border-bottom:1px solid var(--hairline-light);
  background:transparent;
  box-shadow:none;
}
.brand:hover{
  transform:none;
  box-shadow:none;
  background:#181815;
}
.brand:nth-child(1){grid-column:span 6}
.brand-img{
  aspect-ratio:16/10;
  filter:saturate(.86);
}
.brand-body{
  padding:clamp(22px,2.5vw,36px);
}
.brand-name{
  font-size:clamp(26px,2.4vw,40px);
  letter-spacing:-.035em;
}
.brand-tag{font-size:15px}
.brand-foot{border-color:var(--hairline-light)}

.proof-page{
  background:var(--paper);
  border-bottom:0;
}
.proof-grid{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:clamp(44px,8vw,128px);
}
.proof-intro{top:112px}
.proof-stack{
  gap:0;
  border-top:1px solid var(--hairline);
}
.proof-layer{
  min-height:0;
  grid-template-columns:150px 1fr;
  border:0;
  border-bottom:1px solid var(--hairline);
  background:transparent;
}
.proof-layer:hover{
  transform:none;
  box-shadow:none;
  border-color:var(--hairline);
  background:var(--paper-2);
}
.proof-number{
  border-right:1px solid var(--hairline);
  justify-content:flex-start;
  padding:34px 28px;
  font-size:clamp(40px,5vw,80px);
  line-height:.9;
  color:var(--orange);
}
.proof-copy{
  padding:clamp(30px,4vw,58px);
}
.proof-copy h3{
  max-width:620px;
  font-size:clamp(30px,3.5vw,56px);
  letter-spacing:-.04em;
}
.proof-points{
  gap:0;
  border-top:1px solid var(--hairline);
  border-left:1px solid var(--hairline);
}
.proof-point{
  padding:18px;
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}

.article-list{
  gap:0;
  border:1px solid var(--hairline);
  background:transparent;
}
.article-row{
  background:transparent;
  border-bottom:1px solid var(--hairline);
  padding:clamp(26px,4vw,52px) 0;
  grid-template-columns:minmax(120px,.24fr) minmax(0,1fr) auto;
}
.article-row:last-child{border-bottom:0}
.article-row h3{
  font-size:clamp(28px,3.6vw,56px);
  letter-spacing:-.04em;
}

.rep-directory{
  gap:0;
  border-top:1px solid var(--hairline-light);
}
.rep-group{
  background:transparent;
  border:0;
  border-bottom:1px solid var(--hairline-light);
}
.rep-group-head{
  padding:clamp(28px,4vw,54px) 0;
  border-bottom:1px solid var(--hairline-light);
}
.rep-group-head h3{
  font-size:clamp(32px,4vw,62px);
  letter-spacing:-.04em;
}
.rep-list{
  background:transparent;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
.rep-card{
  min-height:210px;
  background:transparent;
  padding:clamp(24px,3vw,40px);
  border-right:1px solid var(--hairline-light);
}
.rep-card:nth-child(3n){border-right:0}
.rep-card h4{
  font-size:clamp(24px,2.2vw,34px);
}

.submission{
  background:var(--paper);
}
.submission-grid{
  display:grid;
  grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);
  gap:clamp(44px,8vw,118px);
  align-items:start;
}
.submission-intro{
  position:sticky;
  top:112px;
}
.submission-note{
  margin-top:34px;
  border:1px solid var(--hairline);
  background:transparent;
  padding:24px;
}
.brand-form{
  border:1px solid var(--hairline);
  background:transparent;
  box-shadow:none;
  padding:clamp(24px,4vw,52px);
}
.form-grid{
  gap:20px;
}
.field label{
  letter-spacing:.18em;
}
.field input,
.field select,
.field textarea{
  border-radius:0;
  border:0;
  border-bottom:1px solid rgba(29,29,27,.28);
  background:rgba(255,255,255,.38);
  transition:border-color .2s ease,background .2s ease;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:0;
  border-color:var(--orange);
  background:#fff;
}
.checks{
  gap:0;
  border-top:1px solid var(--hairline);
  border-left:1px solid var(--hairline);
}
.check{
  border:0;
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  border-radius:0;
  background:transparent;
}

.help-band{
  border-top:1px solid var(--hairline-light);
  background:#11110f;
}
.help-band .wrap{
  grid-template-columns:minmax(0,1fr) auto;
}
.help-band h3{
  font-size:clamp(38px,5.4vw,82px);
  letter-spacing:-.045em;
}
.footer-inner,
.footer-bottom,
.footer-grid,
.footer-col,
.footer-brand{
  min-width:0;
}
.footer-bottom .legal{
  flex-wrap:wrap;
}

@media (max-width:1100px){
  .page-hero h1,
  .cat-hero h1{max-width:100%}
  .cat-hero .wrap,
  .editorial-grid,
  .proof-grid,
  .submission-grid,
  .cat-head,
  .help-band .wrap{
    grid-template-columns:1fr;
  }
  .submission-intro,
  .proof-intro{position:static}
  .brand{grid-column:span 4}
  .brand:nth-child(1){grid-column:span 8}
  .rep-list{grid-template-columns:1fr 1fr}
  .rep-card:nth-child(3n){border-right:1px solid var(--hairline-light)}
  .rep-card:nth-child(2n){border-right:0}
}

@media (max-width:680px){
  .cat-filters{top:68px}
  .page-hero,
  .cat-hero{min-height:min(720px,calc(100dvh - 88px))}
  .page-hero .wrap,
  .cat-hero .wrap{
    padding:78px 22px 44px;
  }
  .page-hero h1,
  .cat-hero h1{
    font-size:clamp(52px,15vw,72px);
  }
  .page-band,
  .proof-page,
  .submission,
  .cat-section,
  .help-band,
  .news-page .news{
    padding:64px 0;
  }
  .page-band .wrap,
  .proof-page .wrap,
  .submission .wrap,
  .cat-section .wrap,
  .help-band .wrap,
  .news .wrap{padding-inline:22px}
  .stat-panel,
  .pillar-grid,
  .brand-grid,
  .proof-points{
    grid-template-columns:1fr;
  }
  .pillar,
  .pillar:nth-child(3n),
  .brand,
  .brand:nth-child(1),
  .rep-card,
  .rep-card:nth-child(2n),
  .rep-card:nth-child(3n){
    grid-column:span 1;
    border-right:0;
  }
  .brand{min-height:0}
  .proof-layer{
    grid-template-columns:1fr;
  }
  .proof-number{
    border-right:0;
    border-bottom:1px solid var(--hairline);
    padding-bottom:16px;
  }
  .article-row{
    grid-template-columns:1fr;
    gap:18px;
  }
  .rep-list{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
}