.brand-material{padding-bottom:96px}
.brand-material-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:76px 64px}
.brand-material-intro>.eyebrow{color:var(--gold);margin-bottom:22px}
.brand-material h1{font-size:clamp(44px,5.2vw,74px);letter-spacing:-.05em;overflow-wrap:anywhere}
.brand-material-lead{font-size:18px;max-width:490px;color:var(--muted);margin:24px 0 28px}
.brand-material-package-note{font-size:12px;color:var(--muted);margin-top:14px}
.brand-material-cover{min-height:340px;padding:30px 36px;background:var(--ink);color:var(--champagne);display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}
.brand-material-cover>.eyebrow{font-size:10px;letter-spacing:.2em}
.brand-material-cover>img{width:100%;height:auto;margin-block:48px}
.brand-material-cover-swatches{display:flex;gap:7px}
.brand-material-cover-swatches i{width:24px;height:6px;background:var(--champagne)}
.brand-material-cover-swatches i:nth-child(2){background:#fff}.brand-material-cover-swatches i:nth-child(3){background:var(--cream)}
.brand-material-topics{display:flex;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:13px;gap:4px 32px}
.brand-material-topics>a{display:flex;align-items:center;gap:18px;min-height:44px;font-size:14px;font-weight:600}
.brand-material-topics>a span{color:var(--gold)}.brand-material-topics>a:hover{text-decoration:underline;text-underline-offset:5px}
.brand-material-section{padding-top:70px;scroll-margin-top:120px}
.brand-material-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px}
.brand-material-section-heading .eyebrow{color:var(--gold);margin-bottom:14px}
.brand-material-section-heading h2{font-size:clamp(30px,3.4vw,46px)}
.brand-material-section-heading>p{font-size:15px;color:var(--muted);max-width:430px}
.brand-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.brand-material-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0;background:#fffdf9}
.brand-material-preview{height:210px;display:flex;align-items:center;justify-content:center;padding:36px}
.brand-material-preview-light{background:#eee7dc}.brand-material-preview-dark,.brand-material-preview-profile{background:var(--ink)}
.brand-material-preview img{width:100%;height:auto;max-height:100%}
.brand-material-preview-square img{width:120px;height:120px}
.brand-material-card-content{padding:22px}
.brand-material-card-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}
.brand-material-card-heading h3{font-size:20px;letter-spacing:-.02em}
.brand-material-card-heading>span{font-size:11px;color:var(--muted)}
.brand-material-card-content>p{font-size:12px;color:var(--muted);margin-top:7px}
.brand-material-downloads{display:flex;gap:12px;margin-top:20px}
.brand-material-downloads>a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:4px}
.brand-material-downloads>a:first-child{background:var(--ink);border-color:var(--ink);color:var(--champagne)}
.brand-material-downloads>a:hover{box-shadow:0 2px 10px #14151515;text-decoration:underline;text-underline-offset:3px}
.brand-material-grid-single{grid-template-columns:minmax(0,1fr)}
.brand-material-grid-single .brand-material-card{display:grid;grid-template-columns:1fr 2fr}
.brand-material-grid-single .brand-material-card-content{align-self:center;padding:30px 36px}
.brand-material-grid-single .brand-material-downloads{max-width:400px}
.brand-material-usage{margin-top:80px;padding:40px;background:#eee7dc;border-radius:8px;scroll-margin-top:120px}
.brand-material-guidelines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:12px 32px}
.brand-material-guidelines h3{font-size:20px;margin-bottom:10px;letter-spacing:-.025em}
.brand-material-guidelines p{font-size:14px;color:var(--muted)}
.brand-material-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid #d3cabc;padding-top:28px}
.brand-material-palette>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:center;font-size:13px}
.brand-material-swatch{grid-row:span 2;width:30px;height:30px;border:1px solid #14151520;border-radius:50%}
.brand-material-palette code{font-size:10px;color:var(--muted);margin-top:4px}
.brand-material-closing{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d3cabc;margin-top:28px;padding-top:24px;font-size:14px}
.brand-material-closing>a{display:inline-flex;gap:20px;align-items:center;min-height:44px;flex-shrink:0;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.brand-material-hero{gap:32px}.brand-material-cover{padding:25px;min-height:300px}.brand-material-preview{height:180px;padding:24px}.brand-material-card-content{padding:16px}.brand-material-downloads{gap:8px}.brand-material-downloads>a{padding:10px;font-size:12px}}
@media(max-width:850px){.brand-material-hero{grid-template-columns:1fr;padding-top:44px}.brand-material-cover{min-height:280px}.brand-material-cover>img{max-width:480px;align-self:center}.brand-material-section-heading{display:block}.brand-material-section-heading>p{margin-top:18px;max-width:600px}.brand-material-grid{grid-template-columns:1fr}.brand-material-card{display:grid;grid-template-columns:1fr 1fr}.brand-material-preview{height:220px}.brand-material-card-content{align-self:center;padding:24px}.brand-material-grid-single .brand-material-card{grid-template-columns:1fr 1fr}.brand-material-grid-single .brand-material-card-content{padding:24px}.brand-material-guidelines{grid-template-columns:1fr;gap:24px}.brand-material-palette{grid-template-columns:1fr 1fr;row-gap:20px}.brand-material-closing{display:block}.brand-material-closing>a{margin-top:12px}}
@media(max-width:540px){.brand-material{padding-bottom:56px}.brand-material-hero{padding-block:36px}.brand-material h1{font-size:42px}.brand-material-lead{font-size:16px}.brand-material-cover{min-height:240px}.brand-material-topics{gap:0 24px}.brand-material-topics>a{font-size:13px;gap:10px}.brand-material-section{padding-top:44px}.brand-material-card,.brand-material-grid-single .brand-material-card{display:block}.brand-material-preview{height:190px;padding:32px}.brand-material-card-content,.brand-material-grid-single .brand-material-card-content{padding:20px}.brand-material-usage{margin-top:48px;padding:24px}.brand-material-palette{gap:20px 8px}.brand-material-palette>div{font-size:12px;column-gap:8px}}