/* Brew Collective | conversion and credibility editorial additions, 2026-10-08 */
.proof-work-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;padding:18px 0;color:inherit;text-decoration:none;font-weight:700;font-size:clamp(14px,1.5vw,21px);letter-spacing:.02em;margin:34px 0 14px;transition:padding .18s ease}
.proof-work-link:hover,.proof-work-link:focus-visible{padding-left:10px;padding-right:10px}
.proof-work-link span:last-child{font-size:1.3em}
.brew-next-step{background:var(--paper);color:var(--ink);padding:86px max(28px,calc((100vw - 1320px)/2));border-top:2px solid var(--green);border-bottom:2px solid var(--green)}
.brew-next-step .next-kicker{font-size:12px;font-weight:750;letter-spacing:.09em}
.brew-next-step h2{font-size:clamp(39px,5.4vw,79px);letter-spacing:-.035em;line-height:.97;max-width:1050px;margin:32px 0 22px}
.brew-next-step .next-lede{font-size:clamp(17px,2vw,23px);line-height:1.48;max-width:840px;margin:0 0 38px}
.brew-next-step .next-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.brew-next-step .next-detail article{padding:23px 24px 16px 0;border-bottom:1px solid rgba(18,38,31,.32)}
.brew-next-step .next-detail article+article{padding-left:22px;border-left:1px solid rgba(18,38,31,.32)}
.brew-next-step .next-detail .stepnum{font-size:11px;letter-spacing:.08em;font-weight:700}
.brew-next-step .next-detail h3{font-size:clamp(18px,2vw,24px);line-height:1.09;letter-spacing:-.02em;margin:24px 0 12px}
.brew-next-step .next-detail p{font-size:16px;line-height:1.55;max-width:410px;margin:0 0 12px}
.brew-next-step .next-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px}
.brew-next-step .next-bottom p{font-size:15px;line-height:1.5;max-width:620px;margin:0}
.brew-next-step .next-bottom a{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1.5px solid var(--green);padding:16px 20px;text-decoration:none;font-size:14px;font-weight:750;min-height:50px;white-space:nowrap}
.brew-next-step .next-bottom a:hover,.brew-next-step .next-bottom a:focus-visible{background:var(--green);color:var(--cream)}
.brew-qualification{font-size:15px;line-height:1.55;margin-top:20px;max-width:900px}
.contact-reassurance,.industry-contact-reassurance{font-size:14px;line-height:1.5;margin:18px 0 0;max-width:640px}
.contact-reassurance{color:var(--contact-fg,var(--cream))}
.industry-contact-reassurance{color:var(--cream)}
.brew-contact-notice{font-size:13px;line-height:1.5;margin:16px 0 0;max-width:630px}
.brew-contact-notice a{font-weight:700}
.brew-learn-inline{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:.02em;padding:10px 0;border-bottom:1px solid currentColor;text-decoration:none}
.brew-learn-inline:hover,.brew-learn-inline:focus-visible{gap:18px}
.industry-next-project{margin:26px 0 0;padding:20px 0 8px;border-top:2px solid currentColor;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:start}
.industry-next-project .next-project-label{font-size:12px;font-weight:750;letter-spacing:.09em}
.industry-next-project p{font-size:16px;line-height:1.55;margin:0}
.industry-proof-work{margin-top:26px;display:inline-flex;align-items:center;gap:16px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:15px;font-weight:750}
.industry-proof-work:hover,.industry-proof-work:focus-visible{gap:25px}
.brew-article-aside{font-size:15px;line-height:1.6;padding:19px 22px;border-top:2px solid currentColor;border-bottom:1px solid currentColor;margin:32px 0}
.brew-article-aside strong{display:block;font-size:12px;letter-spacing:.08em;margin-bottom:9px}
.brew-article-aside a{font-weight:700;text-underline-offset:4px}

/* Separate editorial case-study page. No borrowed imagery or unapproved logos. */
.work-detail-page{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Arial,sans-serif}
.work-detail-page .work-nav{width:100%;max-width:none;display:flex;justify-content:space-between;align-items:center}
.work-detail-page .work-nav-contact{font-size:13px;font-weight:750;text-decoration:none;display:inline-flex;gap:15px;align-items:center}
.work-hero{background:var(--green);color:var(--cream);padding:74px clamp(20px,6vw,92px) 62px}
.work-hero-kicker,.work-story-meta,.work-disclosure strong,.work-story-chapter span,.work-ending>span{font-size:12px;font-weight:750;letter-spacing:.1em}
.work-hero h1{font-size:clamp(57px,9.4vw,150px);line-height:.9;letter-spacing:-.058em;font-weight:800;max-width:1300px;margin:36px 0 46px}
.work-hero-bottom{display:grid;grid-template-columns:minmax(0,740px) minmax(0,1fr);align-items:end;gap:38px}
.work-hero-bottom p{font-size:clamp(17px,2vw,25px);line-height:1.4;margin:0;max-width:680px}
.work-hero-bottom a{justify-self:end;display:flex;gap:22px;color:inherit;text-decoration:none;border-bottom:2px solid;padding:13px 0;font-weight:750;font-size:13px;letter-spacing:.05em}
.work-disclosure{display:grid;grid-template-columns:225px 1fr;gap:28px;background:var(--cream);border-bottom:2px solid var(--green);padding:27px clamp(20px,6vw,92px)}
.work-disclosure p{max-width:930px;font-size:15px;line-height:1.58;margin:0}
.work-disclosure p strong{letter-spacing:0;font-size:inherit}
.work-story{padding:64px clamp(20px,6vw,92px) 68px;border-bottom:2px solid var(--green);scroll-margin-top:90px}
.work-story-cream{background:var(--cream)}
.work-story-meta{display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--green);padding-top:16px}
.work-story-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(35px,6vw,110px);padding:44px 0 35px}
.work-story-title h2{font-size:clamp(43px,5.5vw,84px);line-height:.97;letter-spacing:-.04em;margin:0;max-width:760px}
.work-story-subtitle{font-size:19px;line-height:1.5;margin:30px 0 0;max-width:420px}
.work-story-chapter{padding:0 0 23px;border-bottom:1px solid rgba(18,38,31,.35);margin-bottom:23px}
.work-story-chapter span{display:block;margin-bottom:12px}
.work-story-chapter p{font-size:17px;line-height:1.62;max-width:620px;margin:0}
.work-evidence{border-top:2px solid var(--green);border-bottom:2px solid var(--green);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0}
.work-evidence>div{display:flex;flex-direction:column;gap:9px}
.work-evidence strong{font-weight:800;font-size:clamp(43px,6.5vw,86px);line-height:1}
.work-evidence span{font-size:11px;font-weight:750;letter-spacing:.07em;max-width:210px}
.work-story-outro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:end;padding-top:30px}
.work-story-outro p{max-width:730px;margin:0;font-size:16px;line-height:1.65}
.work-story-outro a{justify-self:end;font-size:12px;font-weight:750;text-align:right;letter-spacing:.05em;line-height:1.5;text-decoration:none;border-bottom:1px solid;display:inline-flex;gap:12px;padding-bottom:8px}
.work-ending{background:var(--ink);color:var(--cream);padding:86px clamp(20px,6vw,92px) 92px}
.work-ending h2{font-size:clamp(44px,7.1vw,106px);letter-spacing:-.05em;line-height:.96;margin:24px 0}
.work-ending>p{font-size:clamp(18px,2vw,24px);line-height:1.5;max-width:800px;margin-bottom:28px}
.work-ending>a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-weight:750;font-size:15px;text-decoration:none;color:var(--cream);border:1px solid var(--cream);padding:17px 20px}
.work-ending .work-ending-note{font-size:14px;margin:20px 0 0}
.work-footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--cream);color:var(--green);padding:26px clamp(20px,6vw,92px);font-size:12px;font-weight:700}
.work-footer a{text-decoration:none}
@media(min-width:1181px){
  /* Keep the original four-line hero and photo composition, but let the primary action appear in a 900px viewport. */
  .hero-scroll-stage .hero{min-height:790px !important}
  .hero h1{font-size:clamp(100px,8.45vw,130px) !important;line-height:.88 !important}
  .hero-support{margin-top:21px !important;font-size:25px !important}
}
@media(max-width:900px){
 .brew-next-step{padding:64px 25px}
 .brew-next-step .next-detail{grid-template-columns:1fr}
 .brew-next-step .next-detail article{padding:19px 0 !important;border-left:0 !important}
 .work-story-layout,.work-story-outro,.work-hero-bottom,.work-disclosure{grid-template-columns:1fr}
 .work-hero-bottom a,.work-story-outro a{justify-self:start}
}
@media(max-width:760px){
 .brew-next-step{padding:48px 18px}
 .brew-next-step h2{font-size:clamp(39px,10vw,52px)}
 .brew-next-step .next-bottom{display:block}
 .brew-next-step .next-bottom a{margin-top:22px;width:100%;white-space:normal}
 .industry-next-project{grid-template-columns:1fr;gap:10px}
 .work-hero{padding:54px 18px 45px}
 .work-hero h1{font-size:clamp(44px,11.3vw,66px);margin:30px 0}
 .work-disclosure{padding:22px 18px}
 .work-story{padding:46px 18px 48px}
 .work-story-layout{padding:30px 0;gap:22px}
 .work-story-title h2{font-size:clamp(42px,10vw,57px)}
 .work-story-subtitle{font-size:17px}
 .work-story-chapter p{font-size:16px}
 .work-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 .work-evidence strong{font-size:clamp(40px,11vw,62px)}
 .work-story-meta{font-size:10px}
 .work-ending{padding:60px 18px}
 .work-footer{padding:23px 18px}
 .work-detail-page .work-nav .utility-mid{display:none}
 .work-detail-page .work-nav-contact{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.proof-work-link,.industry-proof-work,.brew-learn-inline,.brew-next-step .next-bottom a{transition:none}}

/* Keep all process instructions legible while the scroll position changes. */
html.motion-enhanced .process .step,
html.motion-enhanced .process .step.is-complete { opacity: 1; }
.contact-intro .contact-expectation { opacity: 1 !important; }

/* Process small-label contrast: keep the branded green, shift its value darker on oat. */
.process .process-kicker,.process .step-num,.process .process-principle{color:#065f1d}
html.motion-enhanced .process .step.is-active .step-num{color:#065f1d}

/* Five-industry editorial index: navigation, not a fifth services catalog. */
.industry-directory {
  background:var(--cream);
  color:var(--ink);
  padding:clamp(54px,6vw,90px) var(--pad);
  border-top:2px solid var(--green);
  border-bottom:2px solid var(--green);
}
.industry-directory-intro {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:18px 44px;
  align-items:end;
  padding-bottom:36px;
}
.industry-directory-kicker {
  grid-column:1/-1;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
.industry-directory h2 {
  max-width:860px;
  font-size:clamp(38px,5vw,76px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:800;
  margin:14px 0 0;
}
.industry-directory-intro>p {
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.55;
  max-width:410px;
  margin:0 0 5px;
}
.industry-directory-links {
  border-top:2px solid var(--green);
}
.industry-directory-links a {
  display:grid;
  grid-template-columns:50px minmax(0,1.25fr) minmax(0,.95fr) 24px;
  align-items:center;
  gap:22px;
  border-bottom:1px solid rgba(8,127,38,.4);
  min-height:84px;
  padding:16px 9px 16px 0;
  color:inherit;
  text-decoration:none;
  transition:padding .18s ease,background .18s ease;
}
.industry-directory-links a:hover,
.industry-directory-links a:focus-visible {
  background:rgba(8,127,38,.06);
  padding-left:11px;
  outline-offset:-3px;
}
.industry-directory-num {
  font-size:12px;
  font-weight:700;
  color:var(--green);
}
.industry-directory-name {
  font-size:clamp(19px,2.1vw,29px);
  font-weight:750;
  letter-spacing:-.02em;
  line-height:1.12;
}
.industry-directory-outcome {
  color:#38644b;
  font-size:clamp(13px,1.1vw,16px);
  line-height:1.3;
}
.industry-directory-links a>span:last-child {
  color:var(--green);
  font-size:24px;
  text-align:right;
}
@media(max-width:860px){
  .industry-directory-intro {grid-template-columns:1fr;gap:18px;padding-bottom:26px}
  .industry-directory-intro>p{max-width:600px}
}
@media(max-width:620px){
  .industry-directory{padding:52px 18px 58px}
  .industry-directory h2{font-size:clamp(35px,9.4vw,49px)}
  .industry-directory-links a{
    grid-template-columns:24px minmax(0,1fr) 19px;
    grid-template-rows:auto auto;
    gap:4px 12px;
    min-height:92px;
    padding:14px 0;
  }
  .industry-directory-num{grid-column:1;grid-row:1/3;align-self:start;padding-top:3px}
  .industry-directory-name{grid-column:2;grid-row:1;font-size:clamp(19px,5.2vw,25px)}
  .industry-directory-outcome{grid-column:2;grid-row:2;font-size:13px}
  .industry-directory-links a>span:last-child{grid-column:3;grid-row:1/3;align-self:center;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.industry-directory-links a{transition:none}}

/* Related verticals for transferable consumer e-commerce experience. */
.work-story-related{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:0}
.work-story-related a{justify-self:auto;text-align:right;max-width:100%}
@media(max-width:900px){.work-story-related{align-items:flex-start}.work-story-related a{text-align:left}}

/* Quiet category handoff between consumer goods and food/beverage. */
.industry-category-bridge{
  margin:0 0 26px;
  padding:0 0 23px;
  border-bottom:1px solid currentColor;
  font-size:clamp(14px,1.25vw,17px);
  line-height:1.55;
}
.industry-category-bridge a{
  color:inherit;
  font-weight:750;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
}
.industry-category-bridge a:hover,
.industry-category-bridge a:focus-visible{
  text-decoration-thickness:2px;
}

/* ===== Homepage editorial reset: fewer claims, clearer capabilities ===== */
.capabilities{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(56px,6vw,86px) var(--pad) clamp(60px,7vw,100px);
}
.capabilities-heading{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);
  align-items:end;
  column-gap:48px;
  padding-bottom:36px;
}
.capabilities-kicker{
  grid-column:1/-1;
  color:var(--green);
  font-size:12px;
  font-weight:750;
  letter-spacing:.095em;
  margin-bottom:22px;
}
.capabilities h2{
  margin:0;
  font-size:clamp(43px,5.35vw,76px);
  line-height:.96;
  letter-spacing:-.042em;
  font-weight:800;
}
.capabilities-heading p{
  margin:0 0 4px;
  max-width:360px;
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.5;
}
.capabilities-list{border-top:2px solid var(--green)}
.capability{
  display:grid;
  grid-template-columns:44px minmax(0,1.4fr) minmax(0,.6fr);
  align-items:center;
  column-gap:24px;
  padding:23px 0;
  border-bottom:1px solid rgba(8,127,38,.32);
}
.capability-number{align-self:center;color:var(--green);font-size:12px;font-weight:750}
.capability h3{
  margin:0;
  font-size:clamp(21px,2.1vw,30px);
  line-height:1.1;
  letter-spacing:-.025em;
  font-weight:750;
}
.capability p{
  margin:0;
  color:#38644b;
  font-size:clamp(14px,1.1vw,16px);
  line-height:1.4;
}
.photo-section .photo-intro{max-width:360px}
.proof{padding-bottom:64px}
.proof h2{margin-bottom:45px}
.proof .metrics{gap:clamp(18px,2.5vw,36px)}
.proof .metric strong{font-size:clamp(45px,5vw,70px)}
.proof .metric span{font-size:11px;line-height:1.5;letter-spacing:.055em;min-height:65px}
.proof .proof-work-link{margin-top:54px}
.proof .proof-foot{margin-top:20px;max-width:none;font-size:12px;letter-spacing:.015em;opacity:.87}
.process{position:relative}
.process .section-anchor{position:absolute;top:0}
.process .process-left h2{font-size:clamp(52px,5.5vw,76px);line-height:.98}
.process .process-left p{max-width:450px;font-size:18px;line-height:1.55;margin-top:23px}
.process .process-kicker{margin-top:36px;font-size:18px;letter-spacing:.06em}
.process .step{padding:22px 0 37px}
.process .step h3{margin-bottom:10px}
.process .step p{max-width:410px}
.process-contact{
  display:inline-flex;
  align-items:center;
  gap:22px;
  margin-top:42px;
  padding:12px 0;
  border-bottom:2px solid var(--green);
  color:var(--green);
  text-decoration:none;
  font-size:13px;
  font-weight:750;
  letter-spacing:.06em;
}
.process-contact span{transition:transform .2s ease}
.process-contact:hover span,.process-contact:focus-visible span{transform:translate(4px,-4px)}
.about-duo .about-duo-intro{margin-top:16px;max-width:650px;font-size:18px}
.about-duo .about-bio p{max-width:360px}
.about-duo .about-duo-close{margin-top:30px;font-size:clamp(23px,2vw,29px)}
.writing{padding-bottom:56px}
.writing .writing-head{
  padding:36px 0 36px;
  gap:36px;
  align-items:end;
}
.writing .writing-head p{margin:0 0 4px;max-width:250px;font-size:16px}
.writing .post{padding:19px 0}
.writing .post-title{font-size:clamp(18px,2vw,23px);line-height:1.35}
.contact-intro .contact-expectation{max-width:435px}
@media(max-width:1180px){
  .capabilities{padding-left:46px;padding-right:46px}
  .capabilities-heading{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
  .process .process-kicker{font-size:16px}
}
@media(max-width:760px){
  .capabilities{padding:48px 18px 56px}
  .capabilities-heading{display:block;padding-bottom:28px}
  .capabilities-kicker{display:block;margin-bottom:18px;font-size:11px}
  .capabilities h2{font-size:clamp(38px,10vw,48px)}
  .capabilities-heading p{margin-top:18px;font-size:15px;line-height:1.48}
  .capability{
    grid-template-columns:28px minmax(0,1fr);
    column-gap:12px;
    row-gap:6px;
    padding:17px 0 19px;
  }
  .capability-number{grid-column:1;grid-row:1;align-self:start;padding-top:5px;font-size:11px}
  .capability h3{grid-column:2;grid-row:1;font-size:clamp(19px,5.8vw,24px)}
  .capability p{grid-column:2;grid-row:2;font-size:13px}
  .proof{padding-bottom:48px}
  .proof h2{margin-bottom:36px;font-size:clamp(37px,9.8vw,43px)}
  .proof .metrics{grid-template-columns:1fr 1fr;gap:26px 18px}
  .proof .metric strong{font-size:clamp(40px,10vw,51px)}
  .proof .metric span{font-size:10px;min-height:71px;margin-top:13px;padding-bottom:16px}
  .proof .proof-work-link{margin-top:38px}
  .proof .proof-foot{margin-top:18px;font-size:11px;line-height:1.55}
  .process .process-left h2{font-size:clamp(46px,12vw,53px)}
  .process .process-left p{font-size:16px;line-height:1.5}
  .process .process-kicker{font-size:11px;margin-top:23px}
  .process .process-right{margin-top:27px}
  .process .step{padding:20px 0 30px}
  .process .step h3{font-size:21px;line-height:1.2}
  .process-contact{margin-top:20px;font-size:12px}
  .about-duo .about-duo-intro{font-size:16px}
  .about-duo .about-duo-close{font-size:21px;margin-top:26px}
  .writing{padding-bottom:45px}
  .writing .writing-head{padding:27px 0 22px}
  .writing .writing-head p{margin-top:13px;font-size:14px}
  .writing .post{padding:18px 0}
}
@media(prefers-reduced-motion:reduce){
  .process-contact span{transition:none}
}

/* Final editorial QA: legible labels and a compact two-person mobile story. */
.proof .proof-foot{opacity:1;color:var(--cream)}
.process .process-contact{color:#065f1d;border-bottom-color:#065f1d}
@media(max-width:760px){
  .about-duo .about-duo-composition{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto auto;
    column-gap:14px;
    row-gap:0;
    align-items:start;
  }
  .about-duo .about-duo-copy{grid-column:1/-1;grid-row:1;order:unset;padding-bottom:30px}
  .about-duo .about-portrait{width:100%;max-width:none;margin:0;justify-self:stretch}
  .about-duo .about-portrait-meg{grid-column:1;grid-row:2;order:unset}
  .about-duo .about-portrait-jake{grid-column:2;grid-row:2;order:unset}
  .about-duo .about-photo-frame{padding:13px;aspect-ratio:4/5}
  .about-duo .about-photo-frame::after{inset:13px}
  .about-duo .about-bio{grid-row:3;order:unset;padding:13px 0 6px;border:0;margin:0}
  .about-duo .about-bio-meg{grid-column:1}
  .about-duo .about-bio-jake{grid-column:2}
  .about-duo .about-bio-head{display:block;margin-bottom:11px}
  .about-duo .about-bio h3{font-size:clamp(26px,7vw,32px)}
  .about-duo .about-role{text-align:left;font-size:10px;margin-top:7px;letter-spacing:.055em}
  .about-duo .about-bio p{font-size:13px;line-height:1.48;max-width:none}
  .about-duo .about-duo-close{margin-top:26px}
}


/* Homepage visual polish: approved October 21 review round. */
.hero-side-mark{display:none}
@media(min-width:1320px){
  .hero-scroll-stage .hero{isolation:isolate}
  .hero-side-mark{
    display:block;
    position:absolute;
    z-index:2;
    pointer-events:none;
    right:clamp(42px,5.4vw,80px);
    top:168px;
    width:236px;
    height:290px;
  }
  .hero-side-mark-checker{
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:200px;
    background:conic-gradient(var(--cream) 25%,transparent 0 50%,var(--cream) 0 75%,transparent 0) 0 0/50px 50px;
    box-shadow:10px 10px 0 var(--yellow);
    transform:rotate(-6deg);
  }
  .hero-side-mark-arrow{
    position:absolute;
    left:0;
    bottom:0;
    color:var(--cream);
    font-family:Arial,sans-serif;
    font-weight:700;
    font-size:132px;
    line-height:1;
    transform:rotate(-8deg);
    text-shadow:9px 9px 0 var(--yellow);
  }
}
/* Move the editorial tagline below the oversize cropped studio wordmark. */
.identity .identity-copy{
  z-index:5;
  left:20px;
  right:20px;
  width:auto;
  top:auto;
  bottom:28px;
  max-width:none;
  padding:0 12px;
  margin:0;
  color:var(--green);
  text-align:center;
  font-weight:600;
  font-size:clamp(19px,2.2vw,29px);
  line-height:1.18;
  letter-spacing:-.025em;
}
@media(min-width:761px){
  .identity .identity-word-green{top:164px !important}
  .identity .identity-word-yellow{top:156px !important}
}
@media(max-width:760px){
  .identity{height:310px}
  .identity .identity-word-green{top:82px !important}
  .identity .identity-word-yellow{top:75px !important}
  .identity .identity-copy{
    display:block !important;
    left:12px;
    right:12px;
    bottom:20px;
    padding:0;
    font-size:clamp(12px,3.3vw,15px);
    line-height:1.24;
    letter-spacing:-.02em;
  }
}
/* A single lower rule: no separator above the work link. */
.proof .proof-work-link{border-top:0}
/* Only the animated rule under the process label should remain. */
.process .process-kicker{position:relative;padding-bottom:20px}
.process .process-kicker::after{display:none !important}
.process .process-kicker::before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:min(220px,100%);
  height:2px;
  background:var(--green);
  transform-origin:left;
}
.motion-enhanced .process .process-kicker::before{bottom:0}
@media(prefers-reduced-motion:reduce){
  .process .process-kicker::before{display:block !important;transform:none !important}
}
/* Relocate the studio's closing rule below its closing statement. */
.about-duo .about-duo-close{
  border-top:0;
  padding-top:0;
  border-bottom:1px solid rgba(255,243,215,.48);
  padding-bottom:26px;
}
@media(max-width:760px){
  .about-duo .about-duo-close{padding-bottom:22px}
}

/* Mobile UX: clean one-line homepage CTA and comfortably sized text links. */
@media(max-width:760px){
  .hero .cta-btn{
    width:min(100%,354px) !important;
    max-width:100%;
    min-height:52px;
    justify-content:space-between;
    gap:10px;
    font-size:clamp(13px,3.55vw,15px) !important;
    white-space:nowrap;
  }
  .hero .cta-btn span:first-child{min-width:0}
  .industry-proof-work{
    min-height:44px;
    align-items:center;
    padding-top:10px;
    padding-bottom:10px;
  }
  .work-detail-page .work-nav-contact,
  .work-detail-page .work-story-outro>a,
  .work-detail-page .work-story-related>a,
  .work-detail-page .work-footer>a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
  .work-detail-page .work-footer>a{padding:10px 0}
}

/* Tablet UX: keep editorial and work links easy to tap beyond phone widths. */
@media(min-width:761px) and (max-width:1024px){
  .work-detail-page .work-nav-contact,
  .work-detail-page .work-story-outro>a,
  .work-detail-page .work-story-related>a,
  .work-detail-page .work-footer>a,
  .industry-proof-work{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
  .work-detail-page .work-footer>a{padding:10px 0}
}

/* Home hero: let the content determine the green panel height, so the
   checkerboard closes beside the CTA instead of floating beneath empty space. */
@media (min-width:761px){
  .hero-scroll-stage .hero{
    min-height:0 !important;
    padding-bottom:clamp(32px,3vw,48px) !important;
  }
  .hero-checker-edge{
    bottom:0 !important;
  }
}
@media (max-width:760px){
  /* Checker remains in flow after the CTA, with a smaller deliberate gap. */
  .hero-checker-edge{
    margin-top:22px !important;
  }
}
@media (min-width:761px) and (max-width:850px){
  /* Keep checker clear of two-line supporting copy on narrow tablets. */
  .hero-checker-edge{width:240px !important}
}

/* Founder portrait crop correction for the October 2026 approved photographs. */
.about-portrait-meg img{object-position:50% 45%}
.about-portrait-jake img{object-position:50% 42%}

/* Jake's portrait fills the same inner checkerboard opening as Meg's.
   Preserve the original image, no blurred duplicate or inset scaling. */
.about-portrait-jake .about-photo-frame img{
  transform:none;
  object-fit:cover;
  object-position:38% 42%;
}

/* Meg's portrait is 15% closer within her existing checkerboard opening.
   An inner clip preserves the full-bleed image without overlapping the frame.
   Jake's photo and layout remain unchanged. */
.about-portrait-meg .about-photo-crop{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
}
.about-portrait-meg .about-photo-crop img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 45%;
  transform:scale(1.15);
  transform-origin:50% 47%;
}