.branding-page{min-height:100vh;padding:clamp(6.5rem,12vw,9rem) clamp(1.25rem,5vw,4rem) clamp(4rem,8vw,6rem)}.branding-text-link{color:var(--green);text-decoration:underline;text-underline-offset:.1875rem;text-decoration-color:#a6e3a14d;transition:color .15s,text-decoration-color .15s}.branding-text-link:hover{color:var(--green);text-decoration-color:var(--green)}.branding-hero,.brand-section,.branding-footer-inner{max-width:72rem;margin-inline:auto}.branding-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);gap:clamp(1.5rem,5vw,4rem);align-items:end}.branding-label,.brand-name-card-kicker{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.branding-hero h1{max-width:15ch;margin-top:1rem;font-size:clamp(3.25rem,9vw,4rem);line-height:.92;letter-spacing:-.075em;color:var(--text)}.branding-hero-copy p{max-width:43rem;margin-top:1.25rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;color:var(--text-2)}.brand-name-card{position:relative;overflow:hidden;padding:1.25rem;border:1px solid rgba(166,227,161,.24);border-radius:1rem;background:linear-gradient(135deg,#313244eb,#1e1e2ee0);box-shadow:0 1.5rem 5rem #00000047}.brand-name-card:before{content:"";position:absolute;inset:-35% auto auto 45%;width:16rem;aspect-ratio:1;border-radius:999px;background:#a6e3a11f;filter:blur(1rem)}.brand-name-card>*{position:relative}.brand-name-card-name{margin-top:2rem;font-family:var(--font-mono);font-size:clamp(2rem,7vw,3.6rem);line-height:1;letter-spacing:-.08em;color:var(--text)}.brand-name-card-rule{margin-top:1.5rem;font-size:1rem;font-weight:700;color:var(--amber)}.brand-name-card-note{margin-top:.5rem;font-size:.92rem;color:var(--text-3)}.brand-section{margin-top:clamp(3rem,8vw,5.5rem)}.brand-section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.brand-section-heading h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--text)}.brand-section-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(205,214,244,.18),transparent)}.brand-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.brand-asset-card{overflow:hidden;border:1px solid var(--border-1);border-radius:1rem;background:#3132445c}.brand-asset-preview{display:grid;min-height:13rem;place-items:center;padding:2rem;border-bottom:1px solid var(--border-1)}.brand-asset-preview--icon{background:radial-gradient(circle,#f9e2af29,#1e1e2e8f 62%)}.brand-asset-preview--icon img{width:min(8rem,70%)}.brand-asset-preview--dark{background:#11111b}.brand-asset-preview--light{background:#fffbef}.brand-asset-preview--dark img,.brand-asset-preview--light img{width:min(21rem,100%)}.brand-asset-body{padding:1.25rem}.brand-asset-body h3{font-size:1.05rem;color:var(--text)}.brand-asset-body p{min-height:3.75rem;margin-top:.5rem;font-size:.92rem;color:var(--text-3)}.brand-download-link{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.5rem .875rem;border-radius:var(--radius);background:var(--green);color:#11111b;font-size:.86rem;font-weight:700;transition:background .15s,box-shadow .15s}.brand-download-link:hover{background:#b5e8b0;box-shadow:0 0 1.25rem #a6e3a147}.brand-usage{padding:clamp(1.25rem,4vw,2rem);border:1px solid rgba(249,226,175,.18);border-radius:1rem;background:#f9e2af0d}.brand-usage ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none}.brand-usage li{padding-left:1.1rem;color:var(--text-2)}.brand-usage li:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin:0 .7rem .12rem -1.1rem;border-radius:999px;background:var(--amber)}.branding-footer{border-top:1px solid var(--border);padding-block:2rem;background:var(--bg)}.branding-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:clamp(1.25rem,5vw,4rem);font-size:.75rem;color:var(--text-4)}.branding-footer-left,.branding-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.branding-footer-brand,.branding-footer-links a:hover{color:var(--text-2)}.branding-footer-links a{padding:.25rem .5rem;border-radius:var(--radius);transition:color .15s,background .15s}.branding-footer-links a:hover{background:#cdd6f40a}.branding-footer-sep{color:var(--text-4)}@media(max-width:56rem){.branding-hero,.brand-assets-grid,.brand-usage ul{grid-template-columns:1fr}.brand-asset-body p{min-height:0}.branding-footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:34rem){.branding-hero h1{font-size:3.1rem}.brand-asset-preview{min-height:10rem;padding:1.25rem}}
