.dir-brand{min-height:100%}.dir-brand.dir-v1 section{padding:0}.dir-brand.dir-v1 .v1-glass{width:100%;animation:none;position:relative;top:auto;left:auto;transform:none}.dir-brand .brand-top{z-index:40;justify-content:center;padding:0 16px;display:flex;position:sticky;top:14px}.dir-brand .brand-top-inner{justify-content:space-between;align-items:center;gap:12px;width:min(1120px,100%);padding:10px 14px 10px 18px;display:flex}.dir-brand .brand-wrap{gap:72px;max-width:1120px;margin:0 auto;padding:48px 20px 96px;display:grid}.dir-brand .brand-hero h1{font-family:var(--font-sora), sans-serif;letter-spacing:-.05em;margin-top:14px;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:600;line-height:.95}.dir-brand .brand-hero h1 em{background:linear-gradient(120deg,#08f,#5ce1ff 55%,#7af0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.dir-brand .brand-hero .lede{max-width:40rem;margin-top:18px}.dir-brand .brand-grid{gap:16px;display:grid}@media (min-width:800px){.dir-brand .brand-colors{grid-template-columns:repeat(3,1fr)}.dir-brand .brand-two,.dir-brand .brand-type-grid{grid-template-columns:1fr 1fr}}.dir-brand .swatch{overflow:hidden}.dir-brand .swatch-chip{border-bottom:1px solid #0088ff1f;border-radius:18px 18px 0 0;height:92px}.dir-brand .swatch-meta{gap:6px;padding:16px 18px 18px;display:grid}.dir-brand .swatch-meta strong{letter-spacing:-.03em;font-size:1.05rem}.dir-brand .hex{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--neon);font-size:12px}.dir-brand .grad-row{gap:14px;display:grid}.dir-brand .grad-chip{border:1px solid #ffffffbf;border-radius:22px;min-height:88px}.dir-brand .grad-page{background:radial-gradient(900px 500px at 90% -10%,#5ce1ff47,#0000 55%),radial-gradient(700px 420px at -10% 30%,#0088ff24,#0000 50%),linear-gradient(#f7fbff 0%,#eef6ff 48%,#f5f9ff 100%)}.dir-brand .grad-headline{background:linear-gradient(120deg,#08f,#5ce1ff 55%,#7af0ff)}.dir-brand .grad-hairline{background:linear-gradient(90deg,#0000,#0088ffd9,#5ce1ffb3,#0000);height:8px}.dir-brand .grad-glass{background:linear-gradient(#ffffff9e,#ffffff47);box-shadow:0 30px 60px -32px #0050b473,inset 0 1px #ffffffe6,0 0 0 1px #00b4ff2e,0 12px 40px -18px #00b4ff59}.dir-brand .glow-demo{background:radial-gradient(circle at 70% 30%,#5ce1ff73,#0000 58%),radial-gradient(circle at 20% 80%,#0088ff38,#0000 62%),#f5f9ff;border-radius:22px;min-height:120px}.dir-brand .type-card h3{font-size:.95rem}.dir-brand .type-sample{margin-top:10px}.dir-brand .type-hero{font-family:var(--font-sora), sans-serif;letter-spacing:-.05em;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:600;line-height:.95}.dir-brand .type-section{font-family:var(--font-sora), sans-serif;letter-spacing:-.045em;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600}.dir-brand .type-lede{color:var(--muted-foreground);font-size:1.15rem;line-height:1.65}.dir-brand .type-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--neon);font-size:11px}.dir-brand .type-wordmark{letter-spacing:.38em;color:#11214c;font-size:12px;font-weight:500}.dir-brand .type-meta{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--mist);gap:2px;margin-top:10px;font-size:11px;display:grid}.dir-brand .btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dir-brand .space-row{flex-wrap:wrap;gap:12px;display:flex}.dir-brand .space-chip{gap:8px;min-width:88px;display:grid}.dir-brand .space-bar{background:var(--neon);opacity:.85;border-radius:2px}.dir-brand .radius-demo{background:#ffffffb3;border:1px solid #0088ff38;place-items:center;height:96px;display:grid}.dir-brand .logo-full-stage img{border-radius:18px;width:100%;height:auto;display:block}.dir-brand .logo-stage{gap:16px;display:grid}@media (min-width:800px){.dir-brand .logo-stage{grid-template-columns:1.4fr .7fr 1.4fr}}.dir-brand .logo-on-ice,.dir-brand .logo-on-white,.dir-brand .mark-stage{place-items:center;min-height:180px;padding:28px;display:grid}.dir-brand .logo-on-ice{background:#f5f9ff}.dir-brand .logo-on-white{background:#fff}.dir-brand .logo-stage img{width:min(100%,520px);height:auto}.dir-brand .mark-stage img{width:120px;height:120px}.dir-brand .dl-list{gap:10px;margin-top:18px;display:grid}.dir-brand .dl-list a{background:#ffffff8c;border:1px solid #08f3;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 16px;font-size:.95rem;display:flex}.dir-brand .dl-list span{color:var(--mist);font-size:12px}.dir-brand .rules{gap:12px;display:grid}.dir-brand .rules li{padding-left:0}@media (max-width:767px){.dir-brand .brand-top{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;background:0 0;position:sticky;top:0}.dir-brand .brand-wrap{gap:56px;padding-top:28px}}@media print{.dir-brand .brand-top{padding:0;position:static}.dir-brand .brand-wrap{gap:36px;padding:0}.dir-brand .v1-glass,.dir-brand .v1-plate{break-inside:avoid}a[href]:after{content:none!important}}
