.brands-section .section-heading>p{max-width:360px}
.brands-instruction{font-size:.9375rem;color:#626262;border-top:1px solid var(--line);padding:20px 0 27px}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.brand-card{min-width:0;border:1px solid var(--line);background:white;scroll-margin-top:120px}
.brand-card[open]{border-color:#b84a16}
.brand-card>.brand-toggle{display:block;list-style:none;padding:0;font-weight:400;cursor:pointer}
.brand-card>.brand-toggle::after{display:none}
.brand-toggle::-webkit-details-marker{display:none}
.brand-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.brand-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1696/950;background:#f8f8f8;overflow:hidden;border-bottom:1px solid var(--line)}
.brand-media.photo>img{width:100%;height:100%;object-fit:contain}
.brand-media.logo{background:#fff}
.brand-media.logo>img{width:72%;height:70%;object-fit:contain}
.brand-media.logo-wide>img{width:78%;height:75%}
.brand-media.logo-tall>img{width:82%;height:86%}
.brand-media.logo-square>img{width:90%;height:96%}
.brand-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f3f3f3;padding:25px 28px;transition:background .2s}
.brand-toggle:hover .brand-heading,.brand-card[open] .brand-heading{background:#fff0e7}
.brand-heading>span:first-child{min-width:0}
.brand-kicker{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.075em;line-height:1.5;color:#7b452a;margin-bottom:8px}
.brand-name{display:block;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;overflow-wrap:break-word}
.brand-toggle-label{display:block;font-size:.8125rem;color:#626262;line-height:1.5;margin-top:10px}
.brand-toggle-icon{display:block;position:relative;flex-shrink:0;width:38px;height:38px;background:var(--ink);color:white}
.brand-toggle-icon::before,.brand-toggle-icon::after{content:'';position:absolute;background:currentColor;left:11px;top:18px;width:16px;height:2px}
.brand-toggle-icon::after{transform:rotate(90deg)}
.brand-card[open] .brand-toggle-icon{background:var(--orange);color:var(--ink)}
.brand-card[open] .brand-toggle-icon::after{display:none}
.brand-card .when-open{display:none}
.brand-card[open] .when-open{display:inline}
.brand-card[open] .when-closed{display:none}
.brand-description{padding:30px 28px 25px;border-top:1px solid #edc8b4}
.brand-description>h2{font-size:1.4rem;line-height:1.2;font-weight:600;margin-bottom:17px;letter-spacing:-.02em}
.brand-description>p:not(.brand-source){color:#555;font-size:1rem;line-height:1.7}
.brand-description .tags{margin:20px 0}
.brand-description .tags>span{background:#f3f3f3}
.brand-description>.button{margin-top:24px;min-height:46px;padding:13px 20px;font-size:.875rem;max-width:100%;text-align:center}
.brand-catalogs{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
.brand-catalogs>h3{font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:14px;letter-spacing:-.01em}
.brand-catalog-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.brand-catalog-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;background:#f6f6f6;border:1px solid #dedede;transition:background .2s,border-color .2s}
.brand-catalog-list a:hover{background:#fff0e7;border-color:#d86128}
.brand-catalog-list strong{display:block;font-size:.9375rem;line-height:1.4;font-weight:500}
.catalog-action{display:block;color:#666;font-size:.8125rem;line-height:1.5;margin-top:4px}
.catalog-arrow{font-size:1.4rem;line-height:1;flex-shrink:0;color:#a73605;transition:transform .2s}
.brand-catalog-list a:hover .catalog-arrow{transform:translate(2px,-2px)}
.brand-official{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}
.brand-official .text-link{font-size:.875rem}
@media(prefers-reduced-motion:reduce){.brand-catalog-list a:hover .catalog-arrow{transform:none}}
.brand-extra{margin-top:27px}
.brand-extra h3{font-size:1.2rem;line-height:1.3;margin-bottom:12px;font-weight:600}
.brand-extra>p{font-size:.9375rem;color:#626262;line-height:1.65;margin-bottom:20px}
.brand-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brand-gallery img,.brand-photo-detail img{width:100%;height:auto}
.brand-extra figcaption{font-size:.75rem;color:#777;line-height:1.5;padding-top:9px}
.brand-guidance{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--soft);padding:38px 40px;margin-top:50px;border-left:4px solid var(--orange)}
.brand-guidance .eyebrow{color:#666;margin-bottom:13px}
.brand-guidance h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1}
.brand-guidance p:not(.eyebrow){max-width:690px;margin-top:19px;color:#606060;line-height:1.65}
.brand-guidance .button{flex-shrink:0}
@media(max-width:1000px){
  .brand-grid{gap:21px}
  .brand-heading{padding:23px}
  .brand-description{padding:26px 23px 23px}
  .brand-guidance{padding:30px;gap:30px}
}
@media(max-width:760px){
  .brands-section .section-heading>p{max-width:none}
  .brands-instruction{padding:18px 0 22px;font-size:.875rem}
  .brand-grid{grid-template-columns:1fr;gap:24px}
  .brand-name{font-size:1.75rem}
  .brand-card{scroll-margin-top:100px}
  .brand-heading{padding:23px;gap:18px}
  .brand-description{padding:25px 23px}
  .brand-description>h2{font-size:1.3rem}
  .brand-guidance{display:block;padding:28px 24px;margin-top:33px}
  .brand-guidance .button{margin-top:23px}
}
@media(max-width:440px){
  .brand-name{font-size:1.5rem}
  .brand-heading{padding:20px;gap:15px}
  .brand-description{padding:24px 20px}
  .brand-gallery{grid-template-columns:1fr;gap:18px}
}