.brand-page{max-width:1300px;margin:auto;padding:75px 0 100px}.brand-heading{margin-bottom:75px}.brand-heading h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,10vw,10rem);font-weight:500;line-height:1}.brand-heading h1 span{color:var(--green)}.brand-heading p{color:var(--muted);margin:25px 0 0;font-size:1.1rem;line-height:1.7}.brand-section{margin-top:80px}.brand-section:first-of-type{margin-top:0}.brand-section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.brand-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.1}.brand-logo-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.brand-logo-card{border:1px solid var(--line);background:var(--theme-surface);border-radius:16px;min-width:0;overflow:hidden}.brand-logo-preview{background:#11130f;place-items:center;min-height:265px;padding:60px 38px;display:grid;position:relative}.brand-logo-preview img{width:100%;max-width:430px;height:auto;transition:scale .6s cubic-bezier(.2,.8,.2,1);display:block}.brand-logo-card:hover .brand-logo-preview img{scale:1.035}.brand-logo-preview.preview-light{background:#eeeee7}.brand-logo-preview.preview-green{background:#1b2613}.brand-logo-preview.preview-signature{background:#11130f}.brand-logo-preview.preview-signature img{width:min(55%,260px)}.brand-logo-preview.preview-icon{background-color:#d7deca;background-image:repeating-conic-gradient(#c9d2bb 0% 25%,#0000 0% 50%);background-size:30px 30px}.brand-logo-preview.preview-icon img{width:105px}.brand-logo-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.brand-logo-actions h3{margin:0 auto 0 0;font-size:.9rem;font-weight:500}.brand-copy,.brand-download{border:1px solid color-mix(in srgb, var(--theme-muted) 31.37%, transparent);min-height:42px;color:var(--theme-muted);font:.75rem var(--mono);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.brand-copy[hidden]{display:none}.brand-copy:hover,.brand-download:hover,.brand-copy:focus-visible,.brand-download:focus-visible{background:var(--theme-accent-bright);color:var(--theme-on-accent);border-color:var(--theme-accent-bright)}.brand-copy:disabled{cursor:wait;opacity:.6}.brand-asset-note{color:var(--muted);margin:20px 0 0;font-size:.8rem;line-height:1.7}.brand-ascii{border:1px solid var(--line);background:var(--theme-bg);border-radius:14px;padding:40px 24px;overflow-x:auto;container-type:inline-size}.brand-ascii pre{color:var(--green);font:500 clamp(.35rem,2.6vw,1.9rem)/1.3 var(--mono);white-space:pre;text-align:center;margin:0;font-size:2.95cqw}.brand-section-actions{flex-wrap:wrap;gap:10px;display:flex}.brand-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.brand-color{min-width:0}.brand-swatch{border:1px solid color-mix(in srgb, var(--theme-muted) 25.1%, transparent);background:var(--swatch);min-height:165px;color:var(--theme-fg);border-radius:12px;align-items:flex-end;padding:18px;display:flex}.brand-swatch.is-light{color:var(--theme-on-accent)}.brand-swatch code{font:.9rem var(--mono)}.brand-color h3{margin:18px 0 8px;font-size:.95rem;font-weight:500}.brand-color p{min-height:3.4em;color:var(--muted);margin:0 0 12px;font-size:.8rem;line-height:1.7}.brand-tokens{margin-top:28px}.brand-tokens summary{cursor:pointer;width:fit-content;color:var(--theme-muted);padding:12px 0;font-size:.9rem}.brand-tokens pre{color:var(--theme-muted);background:var(--theme-surface);font:.8rem/1.8 var(--mono);border-radius:12px;padding:22px;overflow-x:auto}.brand-phrase-list{border-top:1px solid var(--line)}.brand-phrase{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:22px 0;display:flex}.brand-phrase p{letter-spacing:-.03em;margin:0;font-size:clamp(1.1rem,2.1vw,1.6rem);line-height:1.4}.brand-phrase button{flex-shrink:0}.brand-fonts{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.brand-fonts h3{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.brand-fonts .brand-script h3{font:400 clamp(2.6rem,5vw,4.4rem) var(--script);letter-spacing:0;color:var(--theme-accent-bright);line-height:.9}.brand-fonts .brand-mono h3{font:500 clamp(1.6rem,3vw,2.5rem) var(--mono);letter-spacing:-.05em}.brand-fonts p{color:var(--muted);max-width:35ch;margin:0 0 20px;font-size:.9rem;line-height:1.7}.brand-footer-note{color:var(--theme-muted);padding-top:65px;font-size:1rem}.brand-toast{z-index:70;opacity:0;pointer-events:none;background:var(--theme-accent-bright);width:max-content;max-width:calc(100vw - 32px);color:var(--theme-on-accent);box-shadow:0 8px 35px color-mix(in srgb, var(--theme-shadow) 33.33%, transparent);font:.8rem/1.6 var(--mono);border-radius:12px;padding:13px 22px;transition:opacity .2s,translate .2s;position:fixed;bottom:28px;left:50%;translate:-50% 10px}.brand-toast.is-visible{opacity:1;translate:-50%}.brand-copy-dialog{border:1px solid var(--theme-line-strong);background:var(--theme-surface);width:min(620px,100vw - 30px);max-height:80svh;color:var(--theme-fg);border-radius:16px;padding:28px}.brand-copy-dialog::backdrop{background:color-mix(in srgb, var(--theme-shadow) 60%, transparent);backdrop-filter:blur(6px)}.brand-copy-dialog h2{margin:0 0 15px;font-size:1.5rem;font-weight:500}.brand-copy-dialog p{color:var(--theme-muted);line-height:1.6}.brand-copy-dialog textarea{border:1px solid var(--theme-line-strong);background:var(--theme-bg);width:100%;min-height:180px;color:var(--theme-fg);font:.8rem/1.6 var(--mono);resize:vertical;border-radius:8px;padding:14px}.brand-copy-dialog button{margin-top:18px}@media (width<=900px){.brand-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.brand-logo-actions h3{width:100%;margin-bottom:5px}.brand-logo-preview{min-height:220px;padding:35px 25px}}@media (width<=600px){.brand-page{padding:48px 0 65px}.brand-heading{margin-bottom:48px}.brand-section{margin-top:55px}.brand-section-heading{flex-direction:column;align-items:flex-start;gap:20px}.brand-logo-grid,.brand-fonts{grid-template-columns:1fr}.brand-logo-preview{min-height:205px}.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatch{min-height:135px;padding:14px}.brand-ascii{padding:26px 12px}.brand-phrase{gap:14px}.brand-phrase .brand-copy{padding:10px}}@media (prefers-reduced-motion:reduce){.brand-page *,.brand-toast{transition:none}.brand-logo-card:hover .brand-logo-preview img{scale:1}}