.brand-portfolio { background:#fff; color:#111; }
.brand-hero { display:grid; grid-template-columns:3fr 2fr; align-items:center; gap:clamp(2rem,5vw,6rem); margin-top:var(--nav-height,76px); padding-right:clamp(1.5rem,5vw,5rem); }
.brand-hero-photo { margin:0; min-width:0; }
.brand-hero-photo img { display:block; width:100%; height:auto; object-fit:contain; }
.brand-hero-photo figcaption { padding:.75rem 1.5rem; font-size:.8rem; }
.brand-hero-copy { padding:2rem 0; }
.brand-hero-copy h1 { font-size:clamp(3.5rem,7vw,7rem); line-height:1; letter-spacing:-.055em; margin:1rem 0 1.5rem; }
.brand-hero-copy p { max-width:30ch; }
.brand-hero-copy > a { display:inline-flex; align-items:center; min-height:44px; margin-top:1rem; }
@media(max-width:768px) { .brand-hero { grid-template-columns:1fr; gap:0; padding:0; } .brand-hero-photo img { height:auto; object-fit:contain; } .brand-hero-copy { padding:1.5rem; } .brand-hero-copy h1 { font-size:3.5rem; } }
.brand-intro h1 { font-size:clamp(2.8rem,7vw,7rem); line-height:1; letter-spacing:-.055em; margin:1.5rem 0; }
.brand-lede { max-width:58ch; font-size:1.1rem; }
.brand-portfolio a:focus-visible,.brand-image:focus-visible { outline:2px solid #111; outline-offset:5px; }
.brand-jump,.brand-related,.brand-actions { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin-top:2rem; }
.brand-jump a,.brand-related a,.brand-actions a { min-height:44px; display:inline-flex; align-items:center; }
.brand-jump { border-top:1px solid #111; padding-top:1rem; }
.brand-collection { scroll-margin-top:110px; }
.brand-collection-head { border-top:1px solid #111; padding-top:1.5rem; margin-bottom:2rem; }
.brand-collection h2,.brand-next h2,.brand-brief h2 { font-size:clamp(2rem,4vw,4.5rem); line-height:1.05; letter-spacing:-.04em; }
.brand-grid { columns:3; column-gap:1.5rem; }
.brand-shot { break-inside:avoid; margin:0 0 2rem; }
.brand-image { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.brand-image img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.brand-shot figcaption { border-top:1px solid #bbb; padding-top:.75rem; margin-top:.6rem; font-size:.85rem; line-height:1.5; }
.brand-next,.brand-brief { border-top:1px solid #111; }
.brand-next p,.brand-brief p { max-width:60ch; }
.brand-related { border-top:1px solid #bbb; padding-top:1rem; }
@media(max-width:1000px) { .brand-grid { columns:2; } }
@media(max-width:600px) { .brand-grid { columns:1; } .brand-intro h1 { font-size:2.8rem; } .brand-jump { gap:.25rem 1.25rem; } .brand-actions { flex-direction:column; align-items:flex-start; } .brand-collection { scroll-margin-top:88px; } }