/* Site Git visual identity */
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:#09090b;color:#f6f4f8}
.nav{height:72px;padding:0 max(24px,calc((100vw - 1280px)/2));background:rgba(9,9,11,.9);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;color:#f7f5fa!important;text-decoration:none!important;font-size:21px;font-weight:800;letter-spacing:-.055em;text-transform:lowercase}
.brand img{display:block;width:40px!important;height:40px!important;max-height:40px!important;object-fit:contain!important;border-radius:50%;background:#050505}
.brand span i,.footer-brand i{font-style:normal;color:#c6a7ff}
.navlinks a{color:#c1bdca}.navlinks a:hover{color:#d4bcff}
.hero{position:relative;overflow:hidden;text-align:left;max-width:1280px;margin:auto;padding:clamp(90px,12vw,158px) 7vw 120px;background:radial-gradient(ellipse at 76% 25%,rgba(129,76,210,.2),transparent 33%),radial-gradient(ellipse at 35% 0,rgba(94,70,136,.13),transparent 55%)}
.eyebrow,.section-kicker{color:#c6a7ff;font-size:11px;font-weight:800;letter-spacing:.19em}.eyebrow b{color:#8e6cbd}
.hero h1{font-size:clamp(48px,8vw,104px);line-height:.99;letter-spacing:-.075em;margin:27px 0 22px;max-width:970px}.hero h1 i,.about h2 i{font-style:normal;color:#c6a7ff;background:none}
.hero p{margin:0;max-width:510px;color:#a9a5b0;font-size:17px;line-height:1.7}
.cta{display:inline-flex;align-items:center;gap:20px;margin-top:34px;padding:14px 19px;border:1px solid rgba(198,167,255,.55);border-radius:9px;background:#c6a7ff;color:#15111c;font-weight:800;transition:transform .2s,background .2s}.cta:hover{background:#d5c0ff;transform:translateY(-2px)}
.hero-mark{position:absolute;right:8%;top:31%;font-size:clamp(90px,18vw,230px);font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.035);pointer-events:none}
.library,.media{max-width:1280px;padding-top:42px;padding-bottom:85px}.toolbar{align-items:end;margin-bottom:24px}.toolbar h2,.media h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.045em;margin:8px 0}.live-note{font-size:14px;color:#a9a5b0;max-width:580px}
.external-catalog{color:#e6d8ff;text-decoration:none;border-color:#55466a;border-radius:9px;padding:12px 16px;transition:background .2s,border-color .2s}.external-catalog:hover{background:#20192a;border-color:#9d7fd1}
.catalog-status{display:inline-flex;align-items:center;gap:9px;color:#d4c2ef;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap;padding:10px 13px;border:1px solid #30283a;border-radius:999px}.catalog-status i{width:7px;height:7px;border-radius:50%;background:#b69ae4;box-shadow:0 0 12px #b69ae4}
.local-library .toolbar{align-items:end}.local-library .filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.local-library .filters button{color:#c4becd;background:#111014;border:1px solid #302c35;border-radius:999px;padding:9px 16px;font-size:12px;transition:color .18s,background .18s,border-color .18s}.local-library .filters button:hover,.local-library .filters button.active{color:#f4ecff;background:#261d32;border-color:#79609b}.local-library .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.local-library .card{padding:10px;border:1px solid #211f26;border-radius:18px;background:linear-gradient(160deg,#121115,#0d0c0f);transition:transform .2s,border-color .2s,background .2s}.local-library .card:hover{transform:translateY(-4px);border-color:#58466f;background:#141119}.local-library .preview{aspect-ratio:4/3;border-radius:12px}.local-library .card h3{font-size:16px;letter-spacing:-.02em;margin:14px 4px 4px}.local-library .card .category{margin:0 4px 5px;color:#aaa4b2}
.catalog-frame{height:min(88vh,1100px);min-height:650px;overflow:hidden;border:1px solid #25232b;border-radius:18px;background:#0b0b0d}.catalog-frame iframe{display:block;width:100%;height:calc(100% + 400px);border:0;transform:translateY(-400px);background:#0b0b0d}
.about{max-width:1280px;margin:10px auto 80px;padding:78px 7vw;border-block:1px solid #25232b;background:radial-gradient(ellipse at 85% 0,rgba(111,71,166,.12),transparent 45%)}.about h2{font-size:clamp(36px,6vw,72px);line-height:1.02;letter-spacing:-.065em;margin:18px 0}.about p{max-width:560px;color:#a9a5b0;line-height:1.75;font-size:16px}
.media{padding-top:20px}.media video{border:1px solid #25232b}
footer{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;color:#8f8a98;border-top:1px solid #25232b;padding:26px 20px}footer .footer-brand{font-size:17px;font-weight:850;color:#f6f4f8;letter-spacing:-.05em}footer a{color:#c6a7ff;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:850px){.local-library .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nav{height:64px;padding:0 16px}.brand{gap:8px;font-size:19px}.brand img{width:36px!important;height:36px!important;max-height:36px!important}.navlinks{max-width:60vw;gap:16px}.navlinks a{font-size:12px}.hero{padding:82px 22px 84px}.hero h1{font-size:clamp(44px,12vw,66px)}.hero p{font-size:15px}.hero-mark{right:5%;top:27%;font-size:110px}.library{padding:38px 14px 58px}.toolbar{align-items:flex-start;gap:15px;flex-wrap:wrap}.toolbar h2{font-size:26px}.catalog-status{padding:8px 10px;font-size:9px}.local-library .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.local-library .card{padding:7px;border-radius:13px}.local-library .card h3{font-size:14px;margin:10px 3px 3px}.local-library .card .category{font-size:11px;margin:0 3px 4px}.local-library .filters{gap:7px}.local-library .filters button{padding:8px 12px;font-size:11px}.about{margin:0 14px 50px;padding:58px 8px}.about h2{font-size:39px}footer{gap:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}