/* Brew Collective industry pages */
/* Contact CTAs cross long pages: instant anchor navigation avoids a multi-second scroll. */
html{scroll-behavior:auto}
.industry-page{background:var(--paper);color:var(--ink)}
.industry-page .utility{max-width:var(--max)}
.industry-page main{width:min(100%,var(--max));margin:0 auto}
.industry-page section{width:100%;max-width:none}

.industry-hero{
  position:relative;
  min-height:720px;
  overflow:hidden;
  background:var(--green);
  color:var(--cream);
  padding:56px 62px 58px;
}
.industry-hero::after{
  content:"";
  position:absolute;
  right:-72px;
  bottom:-72px;
  width:360px;
  height:360px;
  background-image:conic-gradient(var(--cream) 25%,var(--green) 0 50%,var(--cream) 0 75%,var(--green) 0);
  background-size:120px 120px;
  opacity:.98;
}
.industry-kicker,
.industry-section-kicker{
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:1.25px;
  text-transform:uppercase;
}
.industry-hero h1{
  position:relative;
  z-index:2;
  max-width:1080px;
  margin:92px 0 0;
  font-size:clamp(78px,9.2vw,132px);
  line-height:.88;
  letter-spacing:-.04em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-hero-bottom{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,620px) auto;
  gap:54px;
  align-items:end;
  margin-top:60px;
  padding-right:330px;
}
.industry-hero-copy{
  margin:0;
  max-width:620px;
  font-size:22px;
  line-height:1.45;
}
.industry-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:320px;
  padding:16px 18px;
  border:1px solid var(--cream);
  background:var(--cream);
  color:var(--green);
  text-decoration:none;
  font-weight:650;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.industry-cta:hover{transform:translateY(-2px);background:transparent;color:var(--cream)}

.industry-problems{
  background:var(--paper);
  padding:72px 62px 84px;
}
.industry-section-head{
  display:grid;
  grid-template-columns:minmax(0,690px) minmax(0,440px);
  justify-content:space-between;
  gap:80px;
  align-items:end;
  margin-bottom:64px;
}
.industry-section-head h2{
  margin:18px 0 0;
  font-size:clamp(48px,5.3vw,76px);
  line-height:.98;
  letter-spacing:-.035em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-section-head p{
  margin:0 0 4px;
  font-size:19px;
  line-height:1.55;
}
.problem-list{border-top:2px solid var(--ink)}
.problem-row{
  display:grid;
  grid-template-columns:64px minmax(0,1.15fr) minmax(0,.85fr);
  gap:36px;
  align-items:start;
  padding:28px 0 30px;
  border-bottom:1px solid var(--soft);
}
.problem-row:last-child{border-bottom:2px solid var(--green)}
.problem-num{
  color:var(--green);
  font-size:15px;
  font-weight:800;
  letter-spacing:1px;
}
.problem-row h3{
  margin:0;
  max-width:620px;
  font-size:28px;
  line-height:1.12;
  font-weight:650;
  text-transform:uppercase;
}
.problem-row p{
  margin:0;
  max-width:470px;
  font-size:16px;
  line-height:1.55;
}


.brewery-visual-lead{
  position:relative;
  margin:0;
  padding:0 62px 72px;
  background:var(--paper);
}
.brewery-visual-lead img{
  display:block;
  width:100%;
  aspect-ratio:16 / 8.6;
  object-fit:cover;
  object-position:center 52%;
}
.brewery-visual-lead figcaption{
  position:absolute;
  left:86px;
  bottom:96px;
  display:flex;
  flex-direction:column;
  gap:5px;
  max-width:390px;
  padding:16px 18px 17px;
  background:var(--green);
  color:var(--cream);
}
.brewery-visual-lead figcaption span{
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:1.2px;
}
.brewery-visual-lead figcaption strong{
  font-size:19px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.01em;
}

.industry-outcomes{
  background:var(--oat);
  padding:72px 62px 86px;
}
.industry-outcomes-head{
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end;
  padding-bottom:26px;
  border-bottom:2px solid var(--green);
}
.industry-outcomes-head p{
  margin:0;
  max-width:430px;
  font-size:15px;
  line-height:1.5;
}
.outcome-stack{margin-top:0}
.industry-outcome{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:62px;
  align-items:stretch;
  padding:42px 0;
  border-bottom:1px solid rgba(8,127,38,.35);
}
.industry-outcome:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.outcome-photo{
  margin:0;
  overflow:hidden;
  background:var(--soft);
  min-height:390px;
}
.outcome-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.industry-outcome:nth-child(1) .outcome-photo img{object-position:center 52%}
.industry-outcome:nth-child(2) .outcome-photo img{object-position:center 50%}
.industry-outcome:nth-child(3) .outcome-photo img{object-position:center 50%}

@media(min-width:761px){
  .industry-outcome:first-child .outcome-photo{
    min-height:360px;
    height:360px;
    align-self:center;
  }
  .industry-outcome:first-child .outcome-photo img{
    min-height:0;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center 50%;
  }
}
.industry-outcome-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:18px 0;
}
.industry-outcome .num{
  margin-bottom:20px;
  color:var(--green);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:1.15px;
}
.industry-outcome h3{
  margin:0;
  max-width:530px;
  font-size:clamp(34px,3.35vw,50px);
  line-height:.98;
  letter-spacing:-.025em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-outcome-copy{
  max-width:530px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(8,127,38,.45);
}
.industry-outcome-copy p{
  margin:0 0 16px;
  font-size:17px;
  line-height:1.58;
}
.industry-outcome-copy p:last-child{margin-bottom:0}

.industry-first-step{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:90px;
  background:var(--cream);
  color:var(--green);
  padding:78px 62px 84px;
}
.first-step-title h2{
  margin:18px 0 0;
  max-width:560px;
  font-size:clamp(58px,6.2vw,88px);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:800;
  text-transform:uppercase;
}
.first-step-copy{
  align-self:center;
  border-left:2px solid var(--green);
  padding-left:48px;
}
.first-step-copy p{
  margin:0;
  max-width:600px;
  font-size:24px;
  line-height:1.48;
}
.first-step-copy p + p{
  margin-top:22px;
  font-size:17px;
  line-height:1.6;
}

.industry-proof{
  background:var(--green);
  color:var(--cream);
  padding:0 62px 72px;
}
.industry-proof-top{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:2px solid var(--cream);
  font-size:12px;
  font-weight:650;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.industry-proof h2{
  margin:48px 0 72px;
  max-width:840px;
  font-size:clamp(50px,5.8vw,82px);
  line-height:.96;
  letter-spacing:-.035em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:42px;
}
.industry-metric strong{
  display:block;
  font-size:clamp(50px,5.2vw,74px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:800;
}
.industry-metric span{
  display:block;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--cream);
  font-size:11px;
  line-height:1.4;
  font-weight:650;
  letter-spacing:1px;
  text-transform:uppercase;
}
.industry-proof-note{
  margin:42px 0 0;
  max-width:760px;
  font-size:14px;
  line-height:1.55;
  opacity:.86;
}

.industry-measurement{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:82px;
  background:var(--ink);
  color:var(--cream);
  padding:82px 62px 88px;
}
.industry-measurement h2{
  margin:18px 0 0;
  max-width:730px;
  font-size:clamp(54px,6vw,86px);
  line-height:.94;
  letter-spacing:-.04em;
  font-weight:800;
  text-transform:uppercase;
}
.measurement-copy{align-self:end}
.measurement-copy p{
  margin:0;
  max-width:560px;
  font-size:18px;
  line-height:1.6;
}
.measurement-copy a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:28px;
  color:var(--cream);
  font-weight:650;
  text-underline-offset:5px;
}

.industry-pilots{
  background:var(--paper);
  padding:76px 62px 88px;
}
.industry-pilots h2{
  margin:18px 0 58px;
  max-width:820px;
  font-size:clamp(52px,5.7vw,80px);
  line-height:.96;
  letter-spacing:-.035em;
  font-weight:800;
  text-transform:uppercase;
}
.pilot-grid{border-top:2px solid var(--ink)}
.pilot{
  display:grid;
  grid-template-columns:64px minmax(0,390px) minmax(0,1fr);
  gap:42px;
  padding:34px 0 38px;
  border-bottom:1px solid var(--soft);
}
.pilot:last-child{border-bottom:2px solid var(--green)}
.pilot-num{color:var(--green);font-weight:800}
.pilot h3{
  margin:0;
  font-size:29px;
  line-height:1.08;
  font-weight:700;
  text-transform:uppercase;
}
.pilot p{
  margin:0;
  max-width:590px;
  font-size:17px;
  line-height:1.58;
}

.industry-thinking{
  background:var(--cream);
  color:var(--green);
  padding:0 62px 78px;
}
.industry-thinking-top{
  height:66px;
  display:flex;
  align-items:center;
  border-bottom:2px solid var(--green);
  font-size:12px;
  font-weight:650;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.industry-article{
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:end;
  padding:48px 0;
  border-bottom:1px solid var(--green);
  text-decoration:none;
}
.industry-article h2{
  margin:0;
  max-width:900px;
  font-size:clamp(38px,4.2vw,60px);
  line-height:1.03;
  letter-spacing:-.03em;
  font-weight:750;
}
.industry-article span{font-size:34px;transition:transform .18s ease}
.industry-article:hover span{transform:translate(6px,-6px)}
.industry-article:hover h2{text-decoration:underline;text-underline-offset:7px}

.industry-close{
  position:relative;
  overflow:hidden;
  background:var(--green);
  color:var(--cream);
  padding:78px 62px 88px;
}
.industry-close h2{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:0;
  font-size:clamp(62px,7.2vw,104px);
  line-height:.91;
  letter-spacing:-.04em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-close p{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:28px 0 0;
  font-size:20px;
  line-height:1.5;
}
.industry-close .industry-cta{position:relative;z-index:2;margin-top:28px}
.industry-close::after{
  content:"";
  position:absolute;
  right:-50px;
  bottom:-70px;
  width:300px;
  height:300px;
  background-image:conic-gradient(var(--cream) 25%,var(--green) 0 50%,var(--cream) 0 75%,var(--green) 0);
  background-size:100px 100px;
}
.industry-footer{
  width:min(100%,var(--max));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:38px;
  align-items:center;
  min-height:92px;
  padding:24px 62px;
  background:var(--cream);
  color:var(--green);
  border-bottom:2px solid var(--green);
  font-size:13px;
}
.industry-footer a{text-decoration:none}
.industry-footer a:hover{text-decoration:underline;text-underline-offset:4px}

@media(max-width:1180px) and (min-width:761px){
  .industry-hero,
  .industry-problems,
  .industry-outcomes,
  .industry-proof,
  .industry-measurement,
  .industry-pilots,
  .industry-thinking,
  .industry-close{padding-left:46px;padding-right:46px}
  .industry-hero{min-height:670px}
  .industry-hero-bottom{padding-right:250px;grid-template-columns:1fr}
  .industry-hero::after{width:290px;height:290px;background-size:96px 96px}
  .industry-section-head{grid-template-columns:1.2fr .8fr;gap:50px}
  .problem-row{grid-template-columns:48px 1fr 1fr;gap:26px}
  .brewery-visual-lead{padding:0 46px 60px}
  .brewery-visual-lead figcaption{left:70px;bottom:82px}
  .industry-outcome{grid-template-columns:1fr 1fr;gap:38px}
  .outcome-photo,.outcome-photo img{min-height:340px}
  .industry-first-step{padding:68px 46px 74px;gap:58px}
  .industry-metrics{gap:28px}
  .industry-measurement{gap:50px}
  .pilot{grid-template-columns:48px .8fr 1.2fr;gap:28px}
  .industry-footer{padding-left:46px;padding-right:46px}
}

@media(max-width:760px){
  .industry-hero{
    min-height:620px;
    padding:34px 18px 38px;
  }
  .industry-hero::after{
    right:-58px;
    bottom:-58px;
    width:220px;
    height:220px;
    background-size:74px 74px;
  }
  .industry-hero h1{
    margin-top:72px;
    max-width:360px;
    font-size:54px;
    line-height:.93;
    letter-spacing:-2px;
  }
  .industry-hero-bottom{
    display:block;
    margin-top:38px;
    padding-right:92px;
  }
  .industry-hero-copy{font-size:17px;line-height:1.5}
  .industry-cta{
    min-width:0;
    width:100%;
    max-width:310px;
    margin-top:24px;
    padding:14px 15px;
    font-size:14px;
  }

  .industry-problems,
  .industry-outcomes,
  .industry-proof,
  .industry-measurement,
  .industry-pilots,
  .industry-thinking,
  .industry-close{padding-left:18px;padding-right:18px}

  .industry-problems{padding-top:48px;padding-bottom:54px}
  .industry-section-head{display:block;margin-bottom:42px}
  .industry-section-head h2{font-size:42px;line-height:.98}
  .industry-section-head p{margin-top:24px;font-size:16px;line-height:1.55}
  .problem-row{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding:24px 0 28px;
  }
  .problem-row h3{font-size:23px;line-height:1.12}
  .problem-row p{grid-column:2;font-size:15px;line-height:1.5}

  .brewery-visual-lead{
    padding:0 18px 46px;
  }
  .brewery-visual-lead img{
    aspect-ratio:4 / 3;
    object-position:center 52%;
  }
  .brewery-visual-lead figcaption{
    position:relative;
    left:auto;
    bottom:auto;
    margin:-1px 0 0;
    max-width:none;
    padding:14px 15px 15px;
  }

  .industry-outcomes{padding-top:50px;padding-bottom:58px}
  .industry-outcomes-head{
    display:block;
    padding-bottom:22px;
  }
  .industry-outcomes-head p{
    margin-top:16px;
    font-size:14px;
  }
  .industry-outcome{
    grid-template-columns:1fr;
    gap:24px;
    padding:32px 0 36px;
  }
  .outcome-photo,
  .outcome-photo img{
    min-height:0;
  }
  .outcome-photo img{
    aspect-ratio:4 / 3;
  }
  .industry-outcome-content{
    padding:0 0 2px;
  }
  .industry-outcome .num{
    margin-bottom:14px;
    font-size:10px;
  }
  .industry-outcome h3{
    font-size:31px;
    line-height:1.02;
  }
  .industry-outcome-copy{
    margin-top:20px;
    padding-top:18px;
  }
  .industry-outcome-copy p{
    font-size:15px;
    line-height:1.55;
  }

  .industry-first-step{
    display:block;
    padding:54px 18px 58px;
  }
  .first-step-title h2{font-size:50px}
  .first-step-copy{
    margin-top:38px;
    padding:28px 0 0;
    border-left:0;
    border-top:2px solid var(--green);
  }
  .first-step-copy p{font-size:19px}
  .first-step-copy p + p{font-size:15px}

  .industry-proof{padding-top:0;padding-bottom:58px}
  .industry-proof-top{align-items:flex-start;flex-direction:column;justify-content:center;padding:16px 0}
  .industry-proof h2{margin:40px 0 48px;font-size:48px}
  .industry-metrics{grid-template-columns:1fr 1fr;gap:32px 18px}
  .industry-metric strong{font-size:48px}
  .industry-metric span{font-size:9px}
  .industry-proof-note{font-size:13px}

  .industry-measurement{
    grid-template-columns:1fr;
    gap:36px;
    padding-top:58px;
    padding-bottom:62px;
  }
  .industry-measurement h2{font-size:49px}
  .measurement-copy p{font-size:16px}

  .industry-pilots{padding-top:54px;padding-bottom:62px}
  .industry-pilots h2{font-size:46px;margin-bottom:42px}
  .pilot{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding:28px 0 32px;
  }
  .pilot h3{font-size:24px}
  .pilot p{grid-column:2;font-size:15px}

  .industry-thinking{padding-bottom:58px}
  .industry-article{padding:36px 0;gap:20px}
  .industry-article h2{font-size:32px}

  .industry-close{padding-top:58px;padding-bottom:70px}
  .industry-close h2{font-size:54px;max-width:330px}
  .industry-close p{font-size:17px;max-width:330px;padding-right:60px}
  .industry-close::after{width:210px;height:210px;background-size:70px 70px;right:-70px;bottom:-60px}

  .industry-footer{
    grid-template-columns:1fr;
    gap:10px;
    padding:24px 18px 30px;
    font-size:12px;
  }
}


/* ===== Brewery page final QA + conversion pass 2026-10-07 ===== */

/* One consistent type system across the page. */
.industry-page h1,
.industry-page h2,
.industry-page h3{
  font-kerning:normal;
  font-optical-sizing:auto;
  text-rendering:optimizeLegibility;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.industry-page .industry-section-kicker,
.industry-page .industry-kicker,
.industry-page .num,
.industry-page .problem-num,
.industry-page .pilot-num{
  letter-spacing:.09em;
}

/* Hero remains the only intentionally oversized headline. */
.industry-hero h1{
  max-width:980px;
  font-size:clamp(76px,8vw,116px);
  line-height:.9;
  letter-spacing:-.025em;
}
.industry-hero-copy{
  max-width:580px;
  font-size:20px;
  line-height:1.48;
}

/* The atmosphere image should punctuate the hero, not become a second hero. */
.brewery-visual-lead{
  padding-bottom:58px;
}
.brewery-visual-lead img{
  height:350px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 54%;
}
.brewery-visual-lead figcaption{
  bottom:82px;
}

/* Problems: editorial modules instead of document-style rows. */
.industry-problems{
  padding-top:78px;
  padding-bottom:88px;
}
.industry-section-head{
  grid-template-columns:minmax(0,650px) minmax(0,480px);
  gap:96px;
  align-items:end;
  margin-bottom:52px;
}
.industry-section-head h2{
  margin-top:16px;
  max-width:650px;
  font-size:clamp(46px,4.5vw,64px);
  line-height:1;
  letter-spacing:-.02em;
}
.industry-section-head p{
  max-width:460px;
  font-size:17px;
  line-height:1.58;
}
.problem-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:58px;
  border-top:2px solid var(--ink);
}
.problem-row,
.problem-row:last-child{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px 20px;
  align-content:start;
  padding:30px 0 34px;
  border-bottom:1px solid rgba(18,38,31,.24);
}
.problem-row:nth-child(odd){padding-right:18px}
.problem-row:nth-child(even){
  padding-left:18px;
  border-left:1px solid rgba(18,38,31,.15);
}
.problem-num{
  padding-top:3px;
  font-size:11px;
  line-height:1;
}
.problem-row h3{
  max-width:520px;
  font-size:clamp(22px,1.8vw,27px);
  line-height:1.12;
  letter-spacing:-.012em;
  font-weight:700;
}
.problem-row p{
  grid-column:2;
  max-width:500px;
  font-size:15px;
  line-height:1.58;
}

/* What we help grow: consistent hierarchy and tighter rhythm. */
.industry-outcomes{
  padding-top:68px;
  padding-bottom:78px;
}
.industry-outcomes-head{
  align-items:center;
}
.industry-outcome{
  gap:64px;
  padding:38px 0;
}
.industry-outcome h3{
  max-width:510px;
  font-size:clamp(34px,3vw,44px);
  line-height:1.02;
  letter-spacing:-.018em;
}
.industry-outcome-copy{
  margin-top:24px;
  padding-top:20px;
}
.industry-outcome-copy p{
  font-size:16px;
  line-height:1.58;
}

/* Keep major section titles within one visual family. */
.first-step-title h2{
  font-size:clamp(48px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.022em;
}
.industry-proof h2{
  max-width:780px;
  font-size:clamp(46px,4.6vw,66px);
  line-height:.99;
  letter-spacing:-.022em;
}
.industry-pilots h2{
  max-width:780px;
  font-size:clamp(46px,4.4vw,64px);
  line-height:.99;
  letter-spacing:-.022em;
}
.pilot h3{
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.01em;
}

/* Measurement: equal visual weight across both columns. */
.industry-measurement{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:94px;
  align-items:center;
  padding-top:76px;
  padding-bottom:80px;
}
.industry-measurement h2{
  max-width:650px;
  font-size:clamp(46px,4.5vw,64px);
  line-height:.99;
  letter-spacing:-.022em;
}
.measurement-copy{
  align-self:center;
  padding-top:38px;
}
.measurement-copy p{
  max-width:600px;
  font-size:18px;
  line-height:1.62;
}
.measurement-copy a{
  max-width:560px;
  margin-top:30px;
  line-height:1.35;
}

/* Relevant Thinking should read as articles, not another hero section. */
.industry-thinking{
  padding-bottom:66px;
}
.industry-article{
  grid-template-columns:minmax(0,980px) auto;
  justify-content:space-between;
  align-items:center;
  gap:36px;
  padding:34px 0 36px;
}
.industry-article h2{
  max-width:980px;
  font-size:clamp(30px,2.8vw,42px);
  line-height:1.08;
  letter-spacing:-.015em;
  font-weight:700;
}
.industry-article span{
  font-size:27px;
}

/* Brewery-specific inline lead capture. */
.industry-contact{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:92px;
  background:var(--green);
  color:var(--cream);
  padding:78px 62px 88px;
}
.industry-contact-intro h2{
  max-width:610px;
  margin:18px 0 0;
  font-size:clamp(48px,4.7vw,68px);
  line-height:.98;
  letter-spacing:-.022em;
  font-weight:800;
  text-transform:uppercase;
}
.industry-contact-intro > p{
  max-width:520px;
  margin:28px 0 0;
  font-size:18px;
  line-height:1.56;
}
.industry-contact-intro .industry-contact-expectation{
  max-width:500px;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid rgba(255,243,215,.55);
  font-size:15px;
  line-height:1.55;
}
.industry-contact-form{
  align-self:start;
  margin-top:2px;
  padding-top:24px;
  border-top:1px solid var(--cream);
}
.industry-contact-form .form-row{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:30px 34px !important;
  height:auto !important;
  margin:0 0 34px !important;
}
.industry-contact{scroll-margin-top:72px}
.industry-contact-form .form-row .field:last-child{grid-column:auto !important}
.industry-contact-form .field label{
  color:var(--cream);
}
.industry-contact-form .field label span{
  opacity:.7;
  font-weight:500;
}
.industry-contact-form .field input,
.industry-contact-form .field textarea{
  color:var(--cream);
  border-bottom-color:var(--cream);
}
.industry-contact-form .field input::placeholder,
.industry-contact-form .field textarea::placeholder{
  color:rgba(255,243,215,.48);
}
.industry-contact-form .message-field textarea{
  height:112px;
}
.industry-contact-form .send{
  margin-top:26px;
}
.industry-contact-form .form-status{
  min-height:22px;
  margin:14px 0 0;
  font-size:14px;
  line-height:1.4;
}
.industry-contact-form .form-status.is-error{color:var(--cream)}
.industry-contact-form .form-status.is-success{color:var(--cream)}

@media(max-width:1180px) and (min-width:761px){
  .industry-hero h1{
    font-size:clamp(68px,8vw,94px);
    max-width:800px;
  }
  .brewery-visual-lead img{height:300px}
  .brewery-visual-lead figcaption{bottom:78px}

  .industry-section-head{
    grid-template-columns:minmax(0,1fr) minmax(0,.75fr);
    gap:52px;
  }
  .industry-section-head h2{font-size:50px}
  .problem-list{column-gap:34px}
  .problem-row:nth-child(odd){padding-right:10px}
  .problem-row:nth-child(even){padding-left:10px}
  .problem-row h3{font-size:22px}

  .industry-outcome{gap:38px}
  .industry-outcome h3{font-size:36px}
  .first-step-title h2,
  .industry-proof h2,
  .industry-pilots h2,
  .industry-measurement h2{font-size:52px}

  .industry-measurement{
    grid-template-columns:1fr 1fr;
    gap:52px;
  }
  .measurement-copy{padding-top:34px}

  .industry-article h2{font-size:34px}

  .industry-contact{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:54px;
    padding-left:46px;
    padding-right:46px;
  }
  .industry-contact-intro h2{font-size:52px}
}

@media(max-width:760px){
  .industry-hero h1{
    font-size:52px;
    line-height:.95;
    letter-spacing:-.02em;
  }
  .industry-hero-copy{font-size:16px}

  .brewery-visual-lead{
    padding-bottom:42px;
  }
  .brewery-visual-lead img{
    height:230px;
    aspect-ratio:auto;
    object-position:center 52%;
  }
  .brewery-visual-lead figcaption{
    position:relative;
    left:auto;
    bottom:auto;
    margin:0;
  }

  .industry-section-head{
    margin-bottom:34px;
  }
  .industry-section-head h2{
    font-size:38px;
    line-height:1.01;
  }
  .industry-section-head p{
    margin-top:22px;
    font-size:15px;
  }
  .problem-list{
    grid-template-columns:1fr;
    column-gap:0;
  }
  .problem-row,
  .problem-row:last-child,
  .problem-row:nth-child(odd),
  .problem-row:nth-child(even){
    padding:24px 0 28px;
    border-left:0;
  }
  .problem-row h3{
    font-size:22px;
    line-height:1.12;
  }

  .industry-outcome h3{
    font-size:30px;
    line-height:1.04;
  }

  .first-step-title h2,
  .industry-proof h2,
  .industry-pilots h2,
  .industry-measurement h2{
    font-size:42px;
    line-height:1;
    letter-spacing:-.018em;
  }

  .industry-measurement{
    gap:26px;
  }
  .measurement-copy{
    padding-top:0;
  }

  .industry-article{
    padding:28px 0 30px;
    gap:18px;
  }
  .industry-article h2{
    font-size:27px;
    line-height:1.1;
  }
  .industry-article span{font-size:23px}

  .industry-contact{
    display:block;
    padding:58px 18px 66px;
  }
  .industry-contact-intro h2{
    max-width:350px;
    font-size:43px;
    line-height:.99;
  }
  .industry-contact-intro > p{
    max-width:350px;
    font-size:16px;
  }
  .industry-contact-intro .industry-contact-expectation{
    font-size:14px;
  }
  .industry-contact-form{
    margin-top:40px;
  }
  .industry-contact-form .form-row{
    grid-template-columns:1fr !important;
    gap:24px !important;
    margin-bottom:28px !important;
  }
  .industry-contact-form .message-field textarea{
    height:108px;
  }
}


/* ===== Brewery mobile QA 2026-10-07 ===== */
@media(max-width:760px){
  /* Keep the industry navigation usable instead of inheriting the homepage location label. */
  .industry-page .utility{
    height:64px;
    padding:0 16px;
    grid-template-columns:1fr auto;
  }
  .industry-page .utility-brand{font-size:14px}
  .industry-page .utility-mid{display:none}
  .industry-page .utility-right{
    width:auto;
    font-size:0;
    text-align:right;
  }
  .industry-page .utility-right::after{content:none}
  .industry-page .industry-menu summary{
    min-height:44px;
    display:flex;
    align-items:center;
    gap:7px;
    font-size:11px;
    letter-spacing:.08em;
  }
  .industry-page .industry-menu-panel{
    top:calc(100% + 8px);
    right:0;
    width:min(286px,calc(100vw - 32px));
  }

  /* Above the fold should fit a real phone viewport without crowding the CTA/checker. */
  .industry-hero{
    min-height:0;
    padding:34px 18px 42px;
  }
  .industry-hero h1{
    margin-top:50px;
    max-width:335px;
    font-size:clamp(44px,13.2vw,52px);
    line-height:.94;
  }
  .industry-hero-bottom{
    margin-top:30px;
    padding-right:0;
  }
  .industry-hero-copy{
    max-width:330px;
    padding-right:48px;
    font-size:16px;
    line-height:1.48;
  }
  .industry-hero .industry-cta{
    position:relative;
    z-index:2;
    width:calc(100% - 82px);
    max-width:290px;
    min-height:48px;
    margin-top:22px;
  }
  .industry-hero::after{
    right:-72px;
    bottom:-72px;
    width:190px;
    height:190px;
    background-size:64px 64px;
  }

  .brewery-visual-lead{
    padding:0 18px 42px;
  }
  .brewery-visual-lead img{
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
  }
  .brewery-visual-lead figcaption{
    padding:13px 14px 14px;
  }
  .brewery-visual-lead figcaption strong{font-size:17px}

  /* Mobile rhythm and headline sizes. */
  .industry-problems{padding-top:46px;padding-bottom:56px}
  .industry-section-head{margin-bottom:32px}
  .industry-section-head h2{
    max-width:340px;
    font-size:clamp(34px,10.5vw,40px);
    line-height:1.01;
  }
  .industry-section-head p{
    margin-top:20px;
    max-width:340px;
    font-size:15px;
  }
  .problem-row,
  .problem-row:last-child,
  .problem-row:nth-child(odd),
  .problem-row:nth-child(even){
    grid-template-columns:30px minmax(0,1fr);
    gap:10px 14px;
    padding:22px 0 25px;
  }
  .problem-row h3{font-size:21px}
  .problem-row p{
    grid-column:2;
    font-size:14.5px;
  }

  .industry-outcomes{padding-top:48px;padding-bottom:54px}
  .industry-outcome{gap:22px;padding:30px 0 34px}
  .industry-outcome h3{font-size:29px}
  .industry-outcome-copy p{font-size:15px}

  .industry-first-step{padding:50px 18px 56px}
  .first-step-title h2{font-size:40px}
  .first-step-copy{
    margin-top:30px;
    padding-top:24px;
  }
  .first-step-copy p{font-size:18px}

  .industry-proof{padding-bottom:54px}
  .industry-proof h2{
    margin:34px 0 42px;
    max-width:345px;
    font-size:39px;
  }
  .industry-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 18px;
  }
  .industry-metric strong{font-size:43px}
  .industry-metric span{
    margin-top:13px;
    padding-top:12px;
  }

  .industry-measurement{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:54px;
    padding-bottom:58px;
  }
  .industry-measurement h2{
    max-width:345px;
    font-size:39px;
  }
  .measurement-copy{
    width:100%;
    max-width:100%;
    padding-top:0;
  }
  .measurement-copy p{
    max-width:345px;
    font-size:15.5px;
  }
  .measurement-copy a{
    display:flex;
    justify-content:space-between;
    width:100%;
    max-width:345px;
    min-height:44px;
    margin-top:24px;
    font-size:15px;
  }

  .industry-pilots{padding-top:50px;padding-bottom:58px}
  .industry-pilots h2{
    max-width:345px;
    margin-bottom:36px;
    font-size:39px;
  }
  .pilot{
    grid-template-columns:30px minmax(0,1fr);
    gap:10px 14px;
    padding:24px 0 28px;
  }
  .pilot h3{font-size:22px}
  .pilot p{
    grid-column:2;
    font-size:14.5px;
  }

  .industry-thinking{padding-bottom:50px}
  .industry-thinking-top{height:58px}
  .industry-article{
    grid-template-columns:minmax(0,1fr) 28px;
    align-items:center;
    gap:12px;
    padding:26px 0 28px;
  }
  .industry-article h2{
    font-size:25px;
    line-height:1.1;
  }
  .industry-article span{
    justify-self:end;
    font-size:22px;
  }

  /* Lead form: touch-friendly controls, no desktop positioning inherited. */
  .industry-contact{
    padding:52px 18px 58px;
  }
  .industry-contact-intro h2{
    max-width:345px;
    font-size:40px;
  }
  .industry-contact-intro > p{
    max-width:345px;
    margin-top:22px;
    font-size:15.5px;
  }
  .industry-contact-intro .industry-contact-expectation{
    margin-top:20px;
    padding-top:18px;
    font-size:14px;
  }
  .industry-contact-form{
    margin-top:34px;
    padding-top:20px;
  }
  .industry-contact-form .form-row{
    grid-template-columns:1fr !important;
    gap:20px !important;
    margin-bottom:24px !important;
  }
  .industry-contact-form .field label{margin-bottom:5px !important}
  .industry-contact-form .field input{
    position:static !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    padding:6px 0 8px !important;
    font-size:16px;
  }
  .industry-contact-form .message-field{
    position:static !important;
    width:100% !important;
    height:auto !important;
  }
  .industry-contact-form .message-field textarea{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:104px !important;
    min-height:104px !important;
    padding:8px 0 10px !important;
    resize:vertical !important;
    font-size:16px;
  }
  .industry-contact-form .send{
    position:static !important;
    width:172px !important;
    min-height:52px !important;
    margin:20px 0 0 !important;
    padding:13px 16px !important;
  }
  .industry-contact-form .form-status{min-height:20px}

  .industry-footer{
    gap:4px;
    padding:22px 18px 26px;
  }
  .industry-footer a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
}

@media(max-width:360px){
  .industry-hero h1{font-size:43px}
  .industry-hero-copy{padding-right:30px}
  .industry-hero .industry-cta{width:calc(100% - 54px)}
  .industry-section-head h2,
  .first-step-title h2,
  .industry-proof h2,
  .industry-measurement h2,
  .industry-pilots h2,
  .industry-contact-intro h2{font-size:36px}
  .industry-metric strong{font-size:39px}
  .industry-article h2{font-size:23px}
}


/* ===== Brewery image-to-problem spacing correction 2026-10-07 ===== */
@media(min-width:761px){
  .brewery-visual-lead{padding-bottom:26px}
  .industry-problems{padding-top:44px}
}


/* ===== Restaurants page edit round 2026-10-07 ===== */

/* Give the restaurant hero a denser, more intentional desktop composition. */
@media(min-width:1181px){
  .restaurant-page .industry-hero{
    min-height:560px;
    padding-top:42px;
    padding-bottom:40px;
  }
  .restaurant-page .industry-hero h1{
    margin-top:54px;
    max-width:1120px;
  }
  .restaurant-page .industry-hero-bottom{
    grid-template-columns:minmax(0,520px) auto;
    gap:50px;
    align-items:center;
    margin-top:36px;
    padding-right:300px;
  }
  .restaurant-page .industry-hero .industry-cta{
    margin-top:0;
  }
}

/* Put the busy dining room, not the ceiling, at the center of the hero photo. */
.restaurant-page .brewery-visual-lead img{
  object-position:center 76%;
}

/* The selected service photo is portrait, so keep the pour and bartender in the crop. */
.restaurant-page .industry-outcome:first-child .outcome-photo img{
  object-position:center 58%;
}

@media(max-width:760px){
  .restaurant-page .brewery-visual-lead img{
    object-position:center 70%;
  }
  .restaurant-page .industry-outcome:first-child .outcome-photo img{
    object-position:center 56%;
  }
}


/* ===== Food + Beverage Brands page 2026-10-07 ===== */
.cpg-page .industry-hero{
  background:var(--ink);
}
.cpg-page .industry-hero::after{
  background-image:conic-gradient(var(--cream) 25%,var(--ink) 0 50%,var(--cream) 0 75%,var(--ink) 0);
}
.cpg-page .industry-hero .industry-cta{
  color:var(--ink);
}
.cpg-page .industry-hero .industry-cta:hover{
  color:var(--cream);
}
.cpg-page .cpg-visual-lead img{
  object-position:40% 24%;
}
.cpg-page .industry-section-head h2{
  max-width:720px;
}
.cpg-page .cpg-first-step{
  background:var(--ink);
  color:var(--cream);
}
.cpg-page .cpg-first-step .first-step-copy{
  border-left-color:var(--cream);
}
.cpg-page .cpg-proof{
  background:var(--cream);
  color:var(--ink);
}
.cpg-page .cpg-proof .industry-proof-top{
  border-color:rgba(18,38,31,.35);
}
.cpg-page .cpg-proof .industry-metric{
  border-color:rgba(18,38,31,.3);
}
.cpg-page .cpg-proof .industry-proof-note{
  border-color:rgba(18,38,31,.28);
}
.cpg-page .cpg-proof .industry-metric strong{
  color:var(--green);
}
.cpg-page .cpg-measurement{
  background:var(--ink);
  color:var(--cream);
}
.cpg-page .cpg-measurement .industry-section-kicker,
.cpg-page .cpg-measurement .measurement-copy a{
  color:var(--cream);
}
.cpg-page .cpg-measurement .measurement-copy a{
  border-bottom-color:var(--cream);
}
.cpg-page .cpg-pilots{
  background:var(--paper);
}

@media(min-width:1181px){
  .cpg-page .industry-hero{
    min-height:590px;
    padding-top:46px;
    padding-bottom:44px;
  }
  .cpg-page .industry-hero h1{
    margin-top:60px;
    max-width:1100px;
  }
  .cpg-page .industry-hero-bottom{
    grid-template-columns:minmax(0,600px) auto;
    align-items:center;
    margin-top:40px;
    padding-right:300px;
  }
  .cpg-page .industry-hero .industry-cta{
    margin-top:0;
  }
  .cpg-page .cpg-visual-lead{
    padding-bottom:34px;
  }
  .cpg-page .cpg-visual-lead img{
    height:390px;
    aspect-ratio:auto;
    object-position:40% 24%;
  }
  .cpg-page .cpg-visual-lead figcaption{
    bottom:58px;
  }
  .cpg-page .industry-problems{
    padding-top:54px;
  }
  .cpg-page .industry-outcome:first-child .outcome-photo{
    height:390px;
  }
  .cpg-page .industry-outcome:first-child .outcome-photo img{
    object-position:center 48%;
  }
  .cpg-page .industry-outcome:nth-child(2) .outcome-photo img{
    object-position:center 50%;
  }
  .cpg-page .industry-outcome:nth-child(3) .outcome-photo img{
    object-position:center 55%;
  }
}

@media(max-width:760px){
  .cpg-page .industry-hero{
    background:var(--ink);
  }
  .cpg-page .industry-hero::after{
    background-image:conic-gradient(var(--cream) 25%,var(--ink) 0 50%,var(--cream) 0 75%,var(--ink) 0);
  }
  .cpg-page .industry-hero h1{
    max-width:340px;
    font-size:clamp(44px,13vw,51px);
  }
  .cpg-page .cpg-visual-lead img{
    object-position:45% 32%;
  }
  .cpg-page .industry-section-head h2{
    max-width:345px;
    font-size:37px;
  }
  .cpg-page .cpg-first-step{
    background:var(--ink);
    color:var(--cream);
  }
  .cpg-page .cpg-first-step .first-step-copy{
    border-left:0;
    border-top:1px solid rgba(255,243,215,.55);
    padding-left:0;
  }
  .cpg-page .cpg-proof{
    background:var(--cream);
    color:var(--ink);
  }
  .cpg-page .cpg-measurement{
    background:var(--ink);
    color:var(--cream);
  }
}


@media(max-width:760px){
  .cpg-page .industry-outcome:nth-child(2) .outcome-photo img{object-position:center 50%}
  .cpg-page .industry-outcome:nth-child(3) .outcome-photo img{object-position:center 54%}
}


/* ===== Experiences + Attractions page 2026-10-08 ===== */
.experience-page .industry-hero{
  background:var(--cream);
  color:var(--green);
}
.experience-page .industry-hero::after{
  background-image:conic-gradient(var(--green) 25%,var(--cream) 0 50%,var(--green) 0 75%,var(--cream) 0);
}
.experience-page .industry-hero .industry-cta{
  border-color:var(--green);
  background:var(--green);
  color:var(--cream);
}
.experience-page .industry-hero .industry-cta:hover{
  background:transparent;
  color:var(--green);
}
.experience-page .experience-visual-lead img{
  object-position:center 48%;
}
.experience-page .experience-first-step{
  background:var(--green);
  color:var(--cream);
}
.experience-page .experience-first-step .first-step-copy{
  border-left-color:var(--cream);
}
.experience-page .experience-proof{
  background:var(--ink);
  color:var(--cream);
}
.experience-page .experience-measurement{
  background:var(--cream);
  color:var(--green);
}
.experience-page .experience-measurement .measurement-copy a{
  color:var(--green);
  border-bottom-color:var(--green);
}
.experience-page .experience-pilots{
  background:var(--paper);
}

@media(min-width:1181px){
  .experience-page .industry-hero{
    min-height:600px;
    padding-top:46px;
    padding-bottom:44px;
  }
  .experience-page .industry-hero h1{
    margin-top:62px;
    max-width:1160px;
  }
  .experience-page .industry-hero-bottom{
    grid-template-columns:minmax(0,610px) auto;
    align-items:center;
    margin-top:42px;
    padding-right:300px;
  }
  .experience-page .industry-hero .industry-cta{
    margin-top:0;
  }
  .experience-page .experience-visual-lead{
    padding-bottom:36px;
  }
  .experience-page .experience-visual-lead img{
    height:410px;
    aspect-ratio:auto;
    object-position:center 46%;
  }
  .experience-page .experience-visual-lead figcaption{
    bottom:62px;
  }
  .experience-page .industry-problems{
    padding-top:56px;
  }
  .experience-page .industry-outcome:nth-child(1) .outcome-photo img{
    object-position:center 48%;
  }
  .experience-page .industry-outcome:nth-child(2) .outcome-photo img{
    object-position:center 46%;
  }
  .experience-page .industry-outcome:nth-child(3) .outcome-photo img{
    object-position:center 52%;
  }
}

@media(max-width:760px){
  .experience-page .industry-hero{
    background:var(--cream);
    color:var(--green);
  }
  .experience-page .industry-hero::after{
    background-image:conic-gradient(var(--green) 25%,var(--cream) 0 50%,var(--green) 0 75%,var(--cream) 0);
  }
  .experience-page .industry-hero h1{
    max-width:350px;
    font-size:clamp(44px,13vw,52px);
  }
  .experience-page .industry-hero .industry-cta{
    border-color:var(--green);
    background:var(--green);
    color:var(--cream);
  }
  .experience-page .experience-visual-lead img{
    object-position:center 48%;
  }
  .experience-page .experience-first-step{
    background:var(--green);
    color:var(--cream);
  }
  .experience-page .experience-first-step .first-step-copy{
    border-left:0;
    border-top:1px solid rgba(255,243,215,.55);
    padding-left:0;
  }
  .experience-page .experience-proof{
    background:var(--ink);
    color:var(--cream);
  }
  .experience-page .experience-measurement{
    background:var(--cream);
    color:var(--green);
  }
  .experience-page .industry-outcome:nth-child(1) .outcome-photo img{object-position:center 48%}
  .experience-page .industry-outcome:nth-child(2) .outcome-photo img{object-position:center 46%}
  .experience-page .industry-outcome:nth-child(3) .outcome-photo img{object-position:center 50%}
}