/* Quiet, visible proof. Official marks keep their shapes and colours. */
.brand-proof{border-top:1px solid var(--fine);border-bottom:1px solid var(--fine);padding-top:42px!important;padding-bottom:36px!important;background:#eee6d8}
.brand-proof-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}
.brand-proof-heading .eyebrow{margin-bottom:12px;color:var(--rust-dark)}
.boutique .brand-proof-heading h2{font:500 clamp(25px,2.3vw,35px)/1.2 var(--sans);letter-spacing:-.035em}
.brand-proof-heading>p{max-width:330px;font:14px/1.7 var(--sans);color:#53564c}
.brand-proof-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d5cdbf;border:1px solid #d5cdbf;margin:0;padding:0}
.brand-proof-grid .brand-proof-item{min-width:0;min-height:100px;background:#f7f1e7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 25px;gap:8px}
.brand-proof-item img{display:block;width:100%;max-width:154px;height:38px;object-fit:contain}
.brand-proof-grid .brand-proof-dark{background:#23251f}
.brand-proof-grid .brand-proof-symbol img{height:34px;width:34px}
.brand-proof-symbol span{font:11px/1.3 var(--sans);color:var(--ink)}
.brand-proof-more{margin-top:18px;border-bottom:1px solid #c7bfb1}
.brand-proof-more summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;gap:15px;cursor:pointer;padding:12px 0;font:500 13px/1.5 var(--sans)}
.brand-proof-more summary::-webkit-details-marker{display:none}
.brand-count{font:10px/1.5 var(--mono);color:#626457;display:inline-block;margin-left:12px}
.brand-toggle{font:24px/1 var(--mono);display:inline-block}
.brand-proof-more[open] .brand-toggle{transform:rotate(45deg)}
.brand-proof-full{margin:8px 0 22px;grid-template-columns:repeat(5,minmax(0,1fr))}
.brand-proof-full .brand-proof-item{min-height:92px;padding:19px}
.brand-proof-full img{max-width:130px;height:30px}
.brand-proof-home{background:transparent;padding-top:30px!important;padding-bottom:34px!important}
.brand-proof-home .brand-proof-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.brand-proof-home .brand-proof-item{padding:18px;min-height:90px}
.brand-proof-home .brand-proof-item img{max-width:130px;height:32px}
.brand-proof-home .quiet-link{margin-top:22px;font-size:13px}
@media(max-width:1100px){.brand-proof-full{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-proof-home .brand-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .brand-proof{padding-top:30px!important;padding-bottom:27px!important}
 .brand-proof-heading{display:block;margin-bottom:22px}
 .brand-proof-heading>p{margin-top:13px;font-size:14px;max-width:350px}
 .brand-proof-heading .eyebrow{font-size:10px}
 .brand-proof-grid,.brand-proof-full,.brand-proof-home .brand-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-proof-grid .brand-proof-item{min-height:85px;padding:17px}
 .brand-proof-item img,.brand-proof-home .brand-proof-item img{max-width:140px;height:30px}
 .brand-proof-more summary{font-size:13px}
 .brand-count{margin-left:0;display:block;margin-top:3px}
 .brand-proof-home .quiet-link{font-size:12px}
}

/* Account for the clear space inside the official source artwork. */
.brand-proof-item{overflow:hidden}
.brand-proof-item img[alt="Insta360"]{transform:scale(1.8)}
.brand-proof-item img[alt="RobustGoods"]{transform:scale(1.4)}
.brand-proof-caption span,.brand-proof-symbol span{font:12px/1.4 var(--sans);color:var(--ink)}
.brand-proof-caption img{height:20px}
.brand-proof-full img[alt="Noreve"]{height:52px;width:80px}

/* A play marker distinguishes watchable examples from the wider experience list. */
.brand-proof-item:has(.brand-proof-link){position:relative;padding:0!important}
.brand-proof-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;align-self:stretch;flex:1;min-height:inherit;padding:22px 24px;transition:background .2s}
.brand-proof-link:hover{background:#dfd5c355}
.boutique .brand-proof-link:focus-visible{outline:3px solid var(--rust-dark);outline-offset:-4px}
.brand-proof-link .brand-watch{position:absolute;right:8px;bottom:6px;display:flex;align-items:center;gap:4px;font:10px/1.5 var(--sans);color:var(--rust-dark)}
.brand-proof-dark .brand-proof-link .brand-watch{color:var(--paper)}
.brand-proof-link .brand-watch svg{width:11px;height:11px;fill:currentColor;flex-shrink:0}
.brand-proof-help{font:12px/1.7 var(--sans);color:#53564c;margin-top:13px}
.brand-proof-home .quiet-link{margin-top:14px}
@media(prefers-reduced-motion:reduce){.brand-proof-link{transition:none}}
