.brand-hero{background:var(--canary);padding-block:80px}.brand-hero p{color:var(--charcoal);margin-top:27px;font-size:18px}.brand-proposition{grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.brand-proposition p+p{margin-top:16px}.brand-promise{margin-top:25px;font-size:23px;font-weight:800}.brand-logo-section{background:var(--mist);padding-block:70px}.brand-logo-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.logo-display{border-radius:14px;justify-content:center;align-items:center;padding:60px 30px;display:flex}.logo-display.light{background:var(--canary)}.logo-display.dark{background:var(--charcoal);color:var(--canary)}.logo-display .brand-lockup{width:min(100%,300px);height:auto;display:block}.brand-downloads{flex-wrap:wrap;gap:20px 35px;margin-top:26px;display:flex}.brand-guidance{max-width:780px;margin-top:23px;font-size:12px}.swatches{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.swatches>div{border-radius:12px;flex-direction:column;padding:75px 23px 23px;display:flex}.swatches strong{margin-bottom:4px;font-size:23px}.swatches span{font-size:13px}.swatches small{margin-top:18px;font-size:12px}.swatch-charcoal{background:var(--charcoal);color:#fff}.swatch-canary{background:var(--canary)}.swatch-grey{background:var(--grey);color:#000}.swatch-mist{background:var(--mist)}.palette-guidance{background:var(--mist);border-radius:12px;grid-template-columns:1fr 2fr;gap:35px;margin-top:28px;padding:25px;display:grid}.palette-guidance h3{color:var(--charcoal);font-size:22px}.palette-guidance p{font-size:14px}.brand-type-section{background:var(--mist);padding-block:60px}.brand-type-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.brand-type-grid h2{margin-bottom:20px;font-size:60px}.brand-type-grid p{font-size:14px}.type-weights{flex-wrap:wrap;gap:25px;margin-top:25px;font-size:12px;display:flex}.weight-450{font-weight:450}.weight-650{font-weight:650}.weight-800{font-weight:800}.type-sample{letter-spacing:-12px;font-size:160px;font-weight:800;line-height:1.1}.alphabet{letter-spacing:2px;overflow-wrap:anywhere;margin-top:25px;line-height:2}.voice-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.voice-grid h3{margin-bottom:15px;font-size:20px}.voice-grid p{font-size:14px}.brand-imagery-section{background:var(--charcoal);color:#fff;padding-block:60px}.brand-imagery-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.brand-imagery-section .section-kicker{color:var(--canary)}.brand-imagery-section p{color:var(--mist);margin-top:17px;font-size:14px}.brand-imagery-section .button{margin-top:28px}.imagery-directions{gap:22px;display:grid}.imagery-directions article+article{border-top:1px solid #ffffff35;padding-top:22px}.imagery-directions span{color:var(--canary);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.imagery-directions h3{font-size:21px}.imagery-directions p{margin-top:7px}.brand-people-section{background:var(--mist);padding-block:70px}.brand-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.brand-people-section figure{background:#fff;border-radius:14px;margin:0;overflow:hidden}.brand-people-section figure img{aspect-ratio:695/1000;object-fit:cover;width:100%;height:auto;display:block}.brand-people-section figcaption{gap:7px;padding:20px 23px 23px;font-size:14px;display:grid}.brand-people-section figcaption strong{font-size:19px}.brand-people-section figcaption a{color:var(--charcoal);width:fit-content;margin-top:6px;font-weight:750}.brand-jacket-reference{background:#fff;border-radius:14px;grid-template-columns:260px 1fr;align-items:center;gap:25px;margin-top:22px;padding:20px;display:grid}.brand-jacket-reference img{border-radius:8px;width:100%;height:auto;display:block}.brand-jacket-reference strong{font-size:19px}.brand-jacket-reference p{margin-block:8px 12px;font-size:14px}.brand-jacket-reference a{color:var(--charcoal);font-weight:750}.brand-people-section .brand-guidance a{color:var(--charcoal);font-weight:700}.brand-people-section .section-heading .text-link{color:var(--charcoal);margin-top:15px}.brand-scenes-heading{margin-block:52px 22px}.brand-scenes-heading h3{margin-block:8px 10px;font-size:clamp(25px,3vw,38px);line-height:1.15}.brand-scenes-heading p{margin:0}.brand-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.brand-scene-grid figure img{aspect-ratio:3/2}.brand-component-section{background:var(--mist);padding-block:60px}.component-examples{flex-wrap:wrap;align-items:center;gap:25px;margin-block:35px;display:flex}.brand-component-section p{max-width:730px;font-size:14px}@media (width<=850px){.logo-display{padding:50px 20px}.brand-proposition,.brand-type-grid{gap:45px}.brand-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-scene-grid{grid-template-columns:1fr}}@media (width<=650px){.palette-guidance,.brand-imagery-grid,.brand-jacket-reference{grid-template-columns:1fr;gap:22px}.brand-imagery-section,.brand-people-section{padding-block:45px}.brand-imagery-section .button{gap:12px;padding-inline:15px;font-size:12px}}@media (width<=450px){.brand-portrait-grid{gap:10px}.brand-people-section figcaption{padding:13px;font-size:12px}.brand-people-section figcaption strong{font-size:15px}}@media (width<=650px){.brand-hero{padding-block:50px}.brand-hero p{font-size:15px}.brand-proposition,.brand-type-grid,.voice-grid{grid-template-columns:1fr;gap:30px}.brand-logo-grid{grid-template-columns:1fr;gap:18px}.brand-logo-section{padding-block:45px}.swatches{grid-template-columns:1fr 1fr}.swatches>div{padding:55px 18px 18px}.swatches strong{font-size:20px}.type-sample{font-size:130px}.brand-page .header-inner{gap:10px}.brand-page .header-inner .text-link{white-space:nowrap;font-size:12px}}
