.brands-page{background:var(--paper);color:var(--ink)}
.brand-page-nav{position:relative;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 #2c363812}
.brand-page-nav .brand-logo{display:block}.brand-page-nav nav{display:flex}
.brands-hero{min-height:72vh;padding:150px 8vw 110px;background:var(--sand);display:flex;flex-direction:column;justify-content:center}
.brands-hero h1{font:700 clamp(68px,10vw,150px)/.78 Bevellier,sans-serif;letter-spacing:-.055em;margin:0 0 34px;max-width:1100px}
.brands-hero h1 em{font-weight:300;color:var(--coffee);font-style:italic}
.brands-hero>p:last-child{max-width:600px;font:300 20px/1.6 Bevellier,sans-serif;color:#596260;margin:0}
.brands-library{padding:130px 7vw 150px}
.brands-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.brands-heading h2{font:700 clamp(52px,6vw,88px)/.9 Bevellier,sans-serif;letter-spacing:-.05em;margin:0}.brands-heading span{font:500 11px Bevellier,sans-serif;letter-spacing:1px;color:#747a77}
.brands-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.brand-detail-card{background:var(--cream);border-radius:24px;overflow:hidden;min-height:460px;display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s}.brand-detail-card:hover{transform:translateY(-10px);box-shadow:0 28px 70px #0002}
.brand-detail-art{height:300px;background:var(--sand);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:30px;overflow:hidden}.brand-detail-art:before{content:'MAKAPA';position:absolute;font:900 80px Bevellier,sans-serif;letter-spacing:-5px;color:#a27c5810;transform:rotate(-12deg)}
.brand-detail-art strong{position:relative;z-index:2;font:700 clamp(28px,2.7vw,43px)/.9 Bevellier,sans-serif;letter-spacing:-.04em}.brand-detail-body{padding:22px;display:flex;flex-direction:column;flex:1}.brand-detail-body .eyebrow{color:var(--coffee);margin-bottom:10px}.brand-detail-body .brand-detail-name{font:500 14px/1.2 Bevellier,sans-serif;color:var(--ink);margin:0 0 8px;letter-spacing:.04em;text-transform:uppercase}.brand-detail-body h3{margin:0 0 12px}.brand-detail-body p{font:300 15px/1.6 Bevellier,sans-serif;color:#626b68;margin:0}.brand-detail-body a{margin-top:auto;padding-top:22px;font:700 10px Bevellier,sans-serif;letter-spacing:1px;text-transform:uppercase}.brand-detail-card:nth-child(3n) .brand-detail-art{background:#e9e4da}.brand-detail-card:nth-child(4n) .brand-detail-art{background:#e8ded2}
.brands-empty{text-align:center;padding:100px 20px;border:1px dashed #2c363830;border-radius:24px}.brands-empty h3{font:700 32px Bevellier,sans-serif;margin:0 0 8px}.brands-empty p{font:300 15px Bevellier,sans-serif;color:#747a77}.hidden{display:none!important}
@media(max-width:1000px){.brands-list{grid-template-columns:repeat(2,1fr)}.brands-hero{min-height:62vh}}
@media(max-width:600px){.brand-page-nav nav,.brand-page-nav .pill{display:none}.brands-hero{padding:110px 7vw 80px}.brands-hero h1{font-size:70px}.brands-library{padding:90px 5vw}.brands-heading{display:block}.brands-heading span{display:block;margin-top:14px}.brands-list{grid-template-columns:1fr}.brand-detail-art{height:280px}footer{grid-template-columns:1fr}.footer-links{grid-column:auto}.social{display:none}}

/* Brand logo presentation — identical to the homepage logo treatment */
.brand-detail-art .brand-logo-image{position:relative;z-index:2;width:min(78%,230px)!important;max-width:230px!important;height:150px!important;max-height:150px!important;object-fit:contain!important;object-position:center!important;display:block!important;mix-blend-mode:multiply}
.brands-note{max-width:620px;margin:-22px 0 42px;font:300 17px/1.6 Bevellier,sans-serif;color:#68706d}