.brand-page{--rosa-black: #000000;--rosa-terracotta: #d1673c;--rosa-peach: #f3d2ba;--rosa-coral: #ff928f;--rosa-font-display: "Druk Wide", "Arial Black", "Helvetica Neue", sans-serif;--rosa-font-body: "Avenir", "Avenir Next", "Nunito Sans", "Helvetica Neue", sans-serif;color:var(--rosa-black);background:#fff}.brand-page__hero{background:var(--rosa-black);padding:4.8rem 2rem 5.6rem}.brand-page__hero-inner{max-width:120rem;margin:0 auto}.brand-page__eyebrow{margin:0 0 2.4rem;font-family:var(--rosa-font-body);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa-peach)}.brand-page__logo{display:block;width:min(100%,42rem);height:auto}.brand-page__intro{max-width:52rem;margin:2.4rem 0 0;font-family:var(--rosa-font-body);font-size:1.8rem;line-height:1.6;color:var(--rosa-peach)}.brand-page__section{padding:5.6rem 2rem;border-bottom:1px solid rgba(0,0,0,.08)}.brand-page__section:last-child{border-bottom:0}.brand-page__section-inner{max-width:120rem;margin:0 auto}.brand-page__section-title{margin:0 0 1.2rem;font-family:var(--rosa-font-display);font-size:clamp(2.4rem,4vw,4rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brand-page__section-lead{max-width:56rem;margin:0 0 3.2rem;font-family:var(--rosa-font-body);font-size:1.6rem;line-height:1.6;color:#000000b8}.brand-page__colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.6rem}.brand-page__color{border:1px solid rgba(0,0,0,.08);border-radius:1.2rem;overflow:hidden;background:#fff}.brand-page__color-swatch{aspect-ratio:4 / 3}.brand-page__color-meta{padding:1.6rem}.brand-page__color-name{margin:0 0 .4rem;font-family:var(--rosa-font-display);font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase}.brand-page__color-hex{margin:0;font-family:var(--rosa-font-body);font-size:1.4rem;letter-spacing:.04em;color:#000000a3}.brand-page__type-grid{display:grid;gap:2.4rem}.brand-page__type-card{padding:2.4rem;border:1px solid rgba(0,0,0,.08);border-radius:1.2rem;background:#fafafa}.brand-page__type-label{margin:0 0 1.6rem;font-family:var(--rosa-font-body);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:#0000008f}.brand-page__type-family{margin:0 0 2rem;font-family:var(--rosa-font-body);font-size:1.5rem;color:#000000b8}.brand-page__type-sample--display-xl{margin:0;font-family:var(--rosa-font-display);font-size:clamp(4.8rem,10vw,9.6rem);font-weight:700;line-height:.95;letter-spacing:.02em;text-transform:uppercase}.brand-page__type-sample--display-md{margin:0 0 1.2rem;font-family:var(--rosa-font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:.06em;text-transform:uppercase}.brand-page__type-sample--display-sm{margin:0;font-family:var(--rosa-font-display);font-size:1.6rem;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.brand-page__type-sample--body-lg{margin:0 0 1.2rem;font-family:var(--rosa-font-body);font-size:2rem;line-height:1.5;letter-spacing:.02em}.brand-page__type-sample--body-md{margin:0;font-family:var(--rosa-font-body);font-size:1.6rem;line-height:1.6;letter-spacing:.02em}.brand-page__type-sample--body-sm{margin:0;font-family:var(--rosa-font-body);font-size:1.4rem;line-height:1.5;letter-spacing:.05em}.brand-page__type-usage{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.brand-page__tag{display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:999px;background:var(--rosa-peach);font-family:var(--rosa-font-body);font-size:1.2rem;letter-spacing:.04em}.brand-page__pairing{margin-top:3.2rem;padding:2.4rem;border-radius:1.2rem;background:var(--rosa-black);color:var(--rosa-peach)}.brand-page__pairing-title{margin:0 0 1.6rem;font-family:var(--rosa-font-display);font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase}.brand-page__pairing-sample{margin:0;font-family:var(--rosa-font-display);font-size:clamp(3.2rem,8vw,6.4rem);font-weight:700;line-height:.95;letter-spacing:.02em;text-transform:uppercase}.brand-page__pairing-caption{margin:1.6rem 0 0;font-family:var(--rosa-font-body);font-size:1.6rem;line-height:1.5}@media screen and (min-width:750px){.brand-page__type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-page__type-card--full{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-page-brand.css.map */