.style-guide .guide-hero{background:var(--plum);color:var(--cream);padding-block:58px}.style-guide .guide-hero h1{margin-bottom:20px;font-size:clamp(38px,4vw,54px)}.style-guide .guide-hero p{color:#e0d5e6;max-width:650px;font-size:18px}.guide-hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:28px;display:flex}.guide-pack-note{color:#e0d5e6;margin-top:20px;font-size:13px;line-height:1.7;display:block}.guide-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:15px 32px;padding-block:22px;font-size:14px;display:flex}.guide-nav a:hover{color:var(--purple);text-underline-offset:5px;text-decoration:underline}.guide-section{scroll-margin-top:110px}.guide-section-head{grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:32px;display:grid}.guide-section-head p{color:var(--muted);max-width:570px;font-size:16px}.guide-logo-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-logo-pair>div{border:1px solid var(--line);background:#fff;border-radius:4px;place-items:center;min-height:210px;padding:35px;display:grid}.guide-logo-pair .guide-logo-dark{background:var(--plum);border-color:var(--plum)}.guide-logo-pair img{object-fit:contain;width:min(100%,320px);max-height:120px}.guide-identity-notes{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:28px;display:grid}.guide-identity-notes p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.guide-identity-notes strong{color:var(--ink);margin-bottom:9px;font-size:15px;font-weight:500;display:block}.guide-tinted{background:#f0ebf1}.guide-colors{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}.guide-color{background:var(--cream);border:1px solid #d4c9da;border-radius:4px;min-width:0;overflow:hidden}.guide-swatch{border-bottom:1px solid #2f293312;height:100px}.guide-color>div:last-child{padding:17px 14px}.guide-color h3{margin-bottom:8px;font-size:18px}.guide-color p{min-height:42px;color:var(--muted);margin-bottom:13px;font-size:12px;line-height:1.7}.guide-color button{width:100%;color:var(--plum);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 0;display:flex}.guide-color code{font-size:13px}.guide-status{min-height:24px;color:var(--muted);margin-top:20px;font-size:13px}.guide-type-pair{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:45px;padding-block:30px;display:grid}.guide-type-display>p{font-family:var(--serif);letter-spacing:-.025em;margin-block:22px;font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.2}.guide-type-body h3{margin-block:23px 16px;font-size:28px}.guide-type-body>p{color:var(--muted)}.guide-type-description{color:var(--muted);font-size:12px}.guide-table-scroll{margin-top:30px;overflow-x:auto}.guide-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.7}.guide-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--purple);font-size:12px;font-weight:600}.guide-table td,.guide-table th{border-bottom:1px solid var(--line);vertical-align:top;padding:15px 18px 15px 0}.guide-details-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.guide-details-grid>article{background:var(--cream);border:1px solid #d4c9da;border-radius:4px;padding:26px}.guide-details-grid h3{margin-bottom:20px;font-size:23px}.guide-details-grid p{color:var(--muted);font-size:14px;line-height:1.9}.guide-details-grid strong{color:var(--ink);font-weight:500}.guide-details-grid .button{gap:12px;padding-inline:17px;font-size:14px}.guide-details-grid .text-link{margin-top:15px;font-size:14px}.guide-token-links{flex-wrap:wrap;gap:28px;margin-top:28px;display:flex}.asset-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;display:flex}.asset-categories{flex-wrap:wrap;gap:9px;display:flex}.asset-categories button{min-height:44px;color:var(--plum);background:0 0;border:1px solid #bfb1c6;border-radius:3px;align-items:center;gap:9px;padding:10px 13px;font-size:14px;line-height:1.4;display:inline-flex}.asset-categories button span{opacity:.75;font-size:11px}.asset-categories button[aria-pressed=true]{background:var(--plum);color:#fff;border-color:var(--plum)}.asset-search{width:240px;color:var(--purple);background:#fff;border:1px solid #bfb1c6;border-radius:3px;align-items:center;gap:8px;padding-left:12px;display:flex}.style-guide .asset-search input{background:0 0;border:0;width:100%;min-height:44px;padding:10px 12px 10px 0;font-size:14px}.style-guide .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.asset-count{color:var(--muted);margin-block:20px;font-size:13px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.asset-card{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:0;overflow:hidden}.asset-preview{border-bottom:1px solid var(--line);background:#f5f2ee;place-items:center;height:185px;padding:24px;display:grid;position:relative}.asset-preview img{object-fit:contain;width:100%;height:100%}.asset-preview.asset-dark{background:var(--plum)}.asset-card.asset-icon .asset-preview{height:110px}.asset-icon .asset-preview img{width:36px;height:36px}.asset-format{background:var(--plum);color:#fff;border-radius:2px;padding:3px 8px;font-size:11px;position:absolute;bottom:12px;left:14px}.font-preview{color:var(--plum);font-size:74px;line-height:1}.asset-details{padding:22px}.asset-details .eyebrow{font-size:10px}.asset-details h3{margin-block:8px 17px;font-size:20px;line-height:1.45}.asset-downloads{flex-wrap:wrap;gap:10px;display:flex}.asset-downloads a{min-height:40px;color:var(--plum);border:1px solid #bfb1c6;border-radius:3px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;line-height:1.4;display:inline-flex}.asset-downloads a:hover{color:#fff;background:var(--plum)}.asset-empty{text-align:center;background:var(--pale);border-radius:4px;padding:44px 24px}.asset-empty button{background:var(--plum);color:#fff;border:0;border-radius:3px;padding:12px 18px;font-size:15px}.guide-license-note{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:24px;font-size:13px}.guide-license-note p{max-width:740px;margin-bottom:15px}.guide-license-note>a{text-underline-offset:4px;margin-bottom:12px;margin-right:24px;text-decoration:underline;display:inline-block}@media (max-width:1050px){.guide-colors{grid-template-columns:repeat(4,1fr)}.guide-section-head{gap:45px}.guide-details-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.guide-colors{grid-template-columns:repeat(3,1fr)}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-section-head{gap:32px}.guide-identity-notes{gap:24px}}@media (max-width:680px){.style-guide .guide-hero{padding-block:38px}.style-guide .guide-hero h1{font-size:38px}.style-guide .guide-hero p{font-size:16px}.guide-hero-actions{gap:18px;margin-top:24px}.guide-pack-note{font-size:12px}.guide-nav{gap:12px 24px;padding-block:20px;font-size:13px}.guide-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.guide-section-head h2 br{display:none}.guide-section-head p{font-size:15px}.guide-logo-pair{grid-template-columns:1fr;gap:18px}.guide-logo-pair>div{min-height:170px;padding:24px}.guide-identity-notes{grid-template-columns:1fr;gap:20px;margin-top:24px}.guide-identity-notes strong{margin-bottom:6px}.guide-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-swatch{height:85px}.guide-color p{min-height:42px}.guide-color>div:last-child{padding:15px 12px}.guide-type-pair{grid-template-columns:1fr;gap:32px;padding-block:26px}.guide-type-display>p{font-size:35px}.guide-type-body h3{font-size:26px}.guide-type-body>p{font-size:16px}.guide-table{min-width:440px;font-size:13px}.guide-table td,.guide-table th{padding-block:13px}.guide-details-grid{grid-template-columns:1fr;gap:18px}.guide-details-grid>article{padding:24px}.guide-token-links{flex-direction:column;align-items:start;gap:12px}.asset-toolbar{gap:18px}.asset-categories{gap:9px}.asset-categories button{padding-inline:12px}.asset-search{width:100%}.style-guide .asset-search input{font-size:16px}.asset-grid{grid-template-columns:1fr;gap:20px}.asset-preview{height:180px}.asset-details{padding:20px}.asset-card.asset-icon .asset-preview{height:96px}.guide-license-note>a{margin-right:18px}}