.brand-page{background:#f0f0eb;color:#20211e}.brand-article{max-width:1440px;margin:auto;padding:40px 5% 100px}.brand-meta{display:flex;justify-content:space-between;font-size:9px;padding-bottom:28px;border-bottom:1px solid #ccc}.brand-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-top:65px}.brand-title{position:sticky;top:135px;align-self:start}.brand-title>.mono{font-size:10px}.brand-title h1{font-size:clamp(55px,6.4vw,96px);font-weight:500;line-height:.97;letter-spacing:-.055em;margin:30px 0}.brand-title>p{font-size:18px}.brand-index{display:flex;flex-direction:column;gap:15px;margin-top:65px;font-size:10px;color:#6d6e68}.brand-index a:hover{color:#111}.brand-story section{scroll-margin-top:115px;margin-bottom:65px}.brand-kicker{color:#74766e;font-size:9px;margin-bottom:25px}.brand-story h2{font-size:25px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:0 0 25px}.brand-story p{font-size:15px;line-height:2.15;margin:0 0 23px;max-width:38em;color:#4b4d47}.brand-story .brand-lead{font-size:20px;line-height:1.8;color:#20211e;margin-bottom:28px}.brand-story figure{margin:15px 0 75px}.brand-story figure img{width:100%;aspect-ratio:5/4;object-fit:cover}.brand-story figcaption{font-family:'Azeret Mono',monospace;font-size:8px;display:flex;justify-content:space-between;gap:10px;line-height:1.7;margin-top:12px;color:#777}.brand-story .brand-portrait{width:72%;margin-left:auto}.brand-portrait img{aspect-ratio:3/4!important}.brand-story .brand-signoff{margin-top:45px;font-size:22px;color:#222}.brand-signoff .mono{font-size:10px}.brand-end{border-top:1px solid #ccc;padding-top:25px;display:flex;justify-content:space-between;font-size:11px}.brand-footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;background:#161616;color:#eee}.brand-footer>a{font-size:24px}.brand-footer .mono{font-size:9px}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}@media(max-width:800px){.brand-layout{gap:7%;grid-template-columns:.85fr 1.15fr}.brand-title h1{font-size:52px}.brand-story h2{font-size:22px}.brand-story p{font-size:14px}.brand-story .brand-lead{font-size:18px}}@media(max-width:600px){.brand-article{padding:28px 6% 65px}.brand-meta{font-size:7px}.brand-layout{display:block;padding-top:40px}.brand-title{position:static;padding-bottom:45px}.brand-title h1{font-size:64px}.brand-index{flex-direction:row;flex-wrap:wrap;margin-top:30px;gap:18px;font-size:9px}.brand-story section{margin-bottom:45px}.brand-story figure{margin-bottom:48px}.brand-story .brand-portrait{width:85%}.brand-footer{gap:20px}.brand-footer .mono{font-size:7px}.brand-story figcaption{font-size:7px}}
.brand-kicker:before{content:'';display:inline-block;width:7px;height:7px;background:var(--brand-blue);margin-right:10px}.brand-index a:hover,.brand-end a:hover{color:var(--brand-blue-ink)}.brand-end{border-top-color:var(--brand-blue)}.brand-title>p{border-left:3px solid var(--brand-blue);padding-left:14px}
@media(min-width:601px) and (max-height:750px){.brand-title{position:static}.brand-title h1{font-size:clamp(48px,5vw,72px)}.brand-index{margin-top:35px}}