/* brand detail */
.brand-page__intro{padding-top:48px}
.brand-page__panel{padding:clamp(24px,3.4vw,48px)}
.brand-page__loc{font-size:14px}
.brand-page__title{margin-top:-6px}
.brand-page__lead{max-width:600px}
.brand-page__lead--rich p{margin:.6em 0 0}
.brand-page__lead--rich p:first-child{margin-top:0}
.brand-page__lead--rich a{color:var(--c-green)}
.brand-page__tags{margin-top:0}
.brand-page__tags .tag{height:30px;padding:0 13px;font-size:15px}
.brand-page__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.brand-page__collect-head{margin-bottom:28px}
.brand-page__collect-lead{font-size:18px}
.brand-page__rail-head{margin:48px 0 24px}
.brand-page__rail-label{font-size:14px}
.brand-page__cats{background:var(--c-surface);border-radius:var(--r-panel);padding:clamp(20px,2.8vw,36px) clamp(24px,3vw,48px)}
.brand-page__cats .catrow:first-child{border-top:0;padding-top:0}
.brand-page__cats .catrow:last-child{padding-bottom:0}
.brand-page__cat-dl{font-size:16.5px}
.brand-page__cats-link{flex-shrink:0;font-size:16px;color:var(--c-ink-2);border-bottom:1px solid currentColor;padding-bottom:1px;text-decoration:none;white-space:nowrap}
.brand-page__cats-link:hover{color:var(--c-green)}
.brand-page__others{padding-top:0}
.brand-page__others-title{margin-bottom:28px;font-size:clamp(36px,3.6vw,48px)}

/* contact */
.contact-page__intro{max-width:720px}
.contact-page__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(40px,4.4vw,64px)}
.contact-page__main{grid-column:1;grid-row:1;min-width:0}
.contact-page__aside{grid-column:2;grid-row:1;min-width:0}
.contact-page__form-panel{padding:clamp(24px,3.4vw,48px)}
.contact-page__panel{padding:clamp(24px,3vw,36px)}
.contact-page__form-lead{margin-top:12px;max-width:52ch}
.contact-page__form{margin-top:28px;max-width:none}
.contact-page__info-title{margin:0 0 clamp(20px,2.4vw,28px);text-align:center}
.contact-page__rows{margin-top:0;display:flex;flex-direction:column}
.contact-page__row{display:flex;flex-direction:column;gap:10px;padding:10px 0;border-bottom:0}
.contact-page__row:has(.contact-page__link)+.contact-page__row:has(.contact-page__link){border-top:0}
.contact-page__link{color:var(--c-ink);border-bottom:1px solid var(--c-line-2);text-decoration:none}
.contact-page__link:hover{color:var(--c-green);border-color:currentColor}
.contact-page__addr{margin:0}
.contact-page__row:has(.contact-page__addr):not(:has(.contact-page__link)) .contact-page__addr{border-bottom:1px solid var(--c-line-2)}
.contact-page__follow{margin-top:0;padding-top:clamp(18px,2.2vw,22px);border-top:1px solid var(--c-line);text-align:center}
.contact-page__follow .t-eyebrow{margin-bottom:12px}
.contact-page__agree{align-items:flex-start}
.social--ink{justify-content:center;margin-top:0;gap:clamp(16px,3vw,28px)}
.social--ink a{min-width:44px;min-height:44px;border:1px solid var(--c-line);border-radius:var(--r-pill);color:var(--c-ink)}
.social--ink a svg{transform:scale(1.15)}
.social--ink a svg path,.social--ink a svg rect,.social--ink a svg circle{fill:currentColor;stroke:currentColor}
.social--ink a svg [fill="#fff"],.social--ink a svg [fill="#6f675e"]{fill:currentColor}
.social--ink a:hover{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-cream)}

/* responsive (provisional, mobile design pending) */
@media (max-width:1000px){
  .rail>*{flex-basis:calc((100% - 20px) / 2)}
  .nav-prod__grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .nav-prod__col{width:auto;max-width:none}
  .nav-prod__col+.nav-prod__col{border-left:0}
  .nav-prod__col:nth-child(2n){border-left:1px solid var(--c-line)}
}
@media (max-width:900px){
  .logo__w{font-size:34px}
}
@media (max-width:700px){
  .listing{grid-template-columns:minmax(0,1fr)}
  .listing__grid{grid-column:1 / -1}
  .filters{position:static}
  .rail>*{flex-basis:80%}
  .benefits>div{border-right:0;border-bottom:1px solid var(--c-line)}
  .subrow>div,.facts>div{border-right:0}
  .catb__txt{font-size:clamp(17px,4.2vw,20px);white-space:normal;max-width:36vw;font-weight:400}
  .catb__btn{height:48px;min-height:48px;padding:0 22px;font-size:17.5px;font-weight:500}
  .symbol--banner{font-size:40px}
  .hero .ph__label{display:none}
  .buybar__name span:last-child{display:none}
  .buybar__in{padding-left:18px;gap:12px}
  .foot__links{align-items:flex-start}
}