/* TATENDRANG brand story. Original assets retain their native proportions. */
@font-face{font-family:BrandsMontserrat;src:url('assets/montserrat-800.ttf') format('truetype');font-weight:800;font-display:swap}
.personal-brands-link{display:flex!important;width:max-content;max-width:100%;margin-top:22px!important}
.brands-page{margin:0;background:#111;color:#fff;font-family:Arial,sans-serif}
.brands-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:760px;margin:auto;padding:22px 24px;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.brands-back,.brands-close{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#fff;background:none;border:1px solid #ffffff65;text-decoration:none;padding:8px 15px;font:500 12px/1.4 Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
.brands-back svg,.brands-close svg{width:18px;height:18px;flex:none}
.brands-back:hover,.brands-close:hover{background:#ca6faa;color:#111;border-color:#ca6faa}
.brands-back:focus-visible,.brands-close:focus-visible,.brands-link:focus-visible{outline:3px solid #fff;outline-offset:5px}
.brands-story{position:relative;width:min(100% - 32px,680px);margin:0 auto 32px;background:#ca6faa;overflow:hidden;isolation:isolate;container-type:inline-size}
.brands-photo{position:relative;aspect-ratio:1024/1295;overflow:hidden}
.brands-photo>img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;aspect-ratio:2/3;object-fit:contain;object-position:top}
.brands-heading{position:absolute;top:4%;left:7%;right:5%;margin:0!important;color:#111!important;font:800 clamp(32px,7vw,62px)/.95 BrandsMontserrat,Arial,sans-serif!important;letter-spacing:-.065em!important;text-transform:uppercase;z-index:1}
@supports(font-size:1cqw){.brands-heading{font-size:9.2cqw!important}}
.brands-heading span{display:block}
.brands-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px 35px;padding:30px 7% 45px;background:#ca6faa}
.brands-grid:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:6cqw;background:linear-gradient(to bottom,#ca6faa00,#ca6faa)}
.brands-link{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:65px;text-decoration:none;transition:opacity .2s}
.brands-link:hover{opacity:.75}
.brands-link img{display:block!important;max-width:100%!important;max-height:none!important;width:100%!important;height:auto!important;object-fit:contain;aspect-ratio:auto!important;margin:0!important}
.brands-link .brands-white{filter:brightness(0) invert(1)}
/* Preserve the original dark separators between the white AIRea lettering and hexagon. */
.brands-link .brands-airea-original{filter:none}
.brands-link.brands-tatendrang{padding:0 8%}
.brands-link.brands-tatendrang img{max-width:200px!important}
.brands-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 7% 25px;color:#111;font:500 9px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.brands-foot svg{width:15px;height:18px;flex:none}
.brands-modal{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:100dvh;margin:0;border:0;padding:0;background:#111;color:#fff;overflow-y:auto;overscroll-behavior:contain}
.brands-modal::backdrop{background:#111}
.brands-modal .brands-toolbar{position:sticky;top:0;z-index:5;background:#111f;max-width:none;padding:12px max(20px,calc((100% - 680px)/2))}
.brands-modal[open]{display:block}
html.brands-open{overflow:hidden;scrollbar-gutter:stable}
@media(min-width:800px){.brands-modal .brands-story{width:min(680px,calc((100dvh - 110px)*.555))}.brands-modal .brands-grid{gap:20px;padding-top:15px;padding-bottom:25px}.brands-modal .brands-foot{padding-bottom:18px}}
@media(max-width:420px){.brands-grid{gap:25px 20px;padding-top:20px;padding-bottom:30px}.brands-foot{font-size:8px;padding-bottom:20px}.brands-modal .brands-toolbar{padding:10px 16px}.brands-toolbar{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brands-link{transition:none}}