.utility-hero{padding:76px 0 60px;background:radial-gradient(ellipse at 85% 0,#17224966,transparent 60%)}.utility-hero h1,.error-page h1,.brand-hero h1{font-size:clamp(40px,4.8vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.08;max-width:20ch}.utility-hero .lead{max-width:62ch}.contact-section{padding:8px 0 92px}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}.contact-channels{padding-top:28px}.contact-channels h2,.contact-panel h2{font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-1px}.contact-channels>.button{margin-top:26px}.channel-list{margin:36px 0 0}.channel-list>div{padding:22px 0;border-top:1px solid var(--line)}.channel-list dt{font-size:12px;color:var(--muted);margin-bottom:10px}.channel-list dd{margin:0;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.channel-list a:hover{text-decoration:underline}.contact-panel{padding:38px;border:1px solid #384660;border-radius:24px;background:var(--surface)}.form-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 30px}.field{margin-bottom:24px}.field label{display:block;font-size:14px;margin-bottom:10px}.field input,.field textarea{display:block;width:100%;min-width:0;font:inherit;font-size:16px;line-height:1.5;color:var(--text);background:#080d18;border:1px solid #596983;border-radius:10px;padding:13px 15px}.field textarea{resize:vertical}.field-hint{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:12px}.contact-panel button{cursor:pointer;width:100%}.contact-panel button[aria-disabled=true]{cursor:wait;opacity:.75}.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-status{font-size:14px;line-height:1.7;margin-top:20px}.contact-status:empty{display:none}.contact-status[role=alert]{color:#ffc2be}.contact-privacy{color:var(--muted);font-size:12px;line-height:1.8;margin-top:20px}.contact-privacy a,.form-fallback a,.prose a,.error-contact a{text-decoration:underline;text-underline-offset:4px}.form-fallback{font-size:15px;line-height:1.9;border-left:2px solid var(--focus);padding-left:18px}.reading-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:80px}.reading-index{font-size:13px;line-height:1.6}.reading-index p{color:var(--muted);margin-bottom:20px}.reading-index a{display:block;padding:12px 0;border-top:1px solid var(--line)}.reading-index a:hover{color:var(--focus)}.prose h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:42px 0 18px;scroll-margin-top:120px}.prose h2:first-child{margin-top:0}.prose p{color:#b7c2d5;line-height:1.95;font-size:15px;margin-bottom:22px;overflow-wrap:anywhere}.error-page{padding:100px 0 110px;min-height:70vh}.error-contact{margin-top:40px;font-size:14px;color:var(--muted)}
.brand-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;align-items:center;padding:76px 0}.brand-hero h1{margin:20px 0 24px}.brand-hero p{color:var(--muted);max-width:52ch;font-size:15px;line-height:1.9}.brand-library .hero-art{padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#1a2944,#0c101c);border-radius:26px}.brand-library .hero-art img{display:block;width:100%;height:auto}.brand-library section{padding:72px 0;border-top:1px solid var(--line);scroll-margin-top:90px}.brand-library .intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.brand-library .intro p{max-width:44ch;font-size:14px;line-height:1.8;color:var(--muted)}.brand-library h2{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:16px 0 28px}.brand-library h3{font-size:19px;font-weight:500;line-height:1.4}.brand-library .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-library .card{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.brand-library .preview{height:188px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:24px}.brand-library .preview.dark{background:#263342}.brand-library .preview img{width:100%;height:100%;object-fit:contain}.brand-library .card-body{padding:24px}.brand-library .meta{font-size:12px;color:var(--muted);margin:12px 0 20px}.brand-library .downloads{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.brand-library a:not(.button){text-decoration:underline;text-underline-offset:4px}.brand-library .rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.brand-library .rules article{border-top:1px solid #596983;padding-top:24px}.brand-library .rules p,.brand-library .doc p{font-size:14px;line-height:1.9;color:var(--muted);margin:16px 0 24px}.brand-library .docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-library .doc{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.brand-library .secondary{background:transparent}.brand-library .callout{padding:24px;border-left:2px solid #648ada;background:var(--surface);margin-top:28px;font-size:13px;line-height:1.9;color:#c7d1e3}.brand-library details{padding:22px 0;border-bottom:1px solid var(--line)}.brand-library summary{cursor:pointer;font-size:17px;line-height:1.6}.brand-library details p{max-width:78ch;margin-top:18px;font-size:14px;line-height:1.9;color:var(--muted)}
@media(max-width:1000px){.contact-layout{gap:40px}.reading-layout{gap:40px;grid-template-columns:190px minmax(0,1fr)}.brand-hero{gap:30px}.brand-library .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.utility-hero{padding:48px 0}.contact-layout,.reading-layout,.brand-hero{grid-template-columns:minmax(0,1fr)}.contact-layout{gap:42px}.contact-section{padding-bottom:60px}.contact-channels{padding-top:0}.contact-panel{padding:26px}.reading-index{margin-bottom:12px}.brand-library .intro{display:block}.brand-library .intro p{margin-top:20px}.brand-library .rules,.brand-library .docs{grid-template-columns:minmax(0,1fr)}.brand-hero{padding:48px 0}.brand-library section{padding:52px 0}.error-page{padding:65px 0}.utility-hero h1,.error-page h1,.brand-hero h1{font-size:44px}}
@media(max-width:480px){.brand-library .grid{grid-template-columns:minmax(0,1fr)}.contact-panel{padding:23px 20px}.contact-channels h2,.contact-panel h2{font-size:27px}.channel-list dd{font-size:16px}.brand-library .doc{padding:24px}.brand-library .hero-art{padding:24px}}