:root{color-scheme:dark;--bg:#090710;--panel:#110e1a;--text:#f7f4ff;--muted:#a49eaf;--purple:#a56bff;--bright:#c195ff;--line:rgba(224,210,255,.15);--mono:"DM Mono",monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.12em;font-size:14px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--purple);color:var(--bright);font-size:14px;transform:rotate(45deg);margin-right:5px}.brand-mark::first-letter{transform:rotate(-45deg)}.wordmark-light{font:10px var(--mono);letter-spacing:.07em;color:#817b8c;margin-left:1px}.nav-links{display:flex;gap:36px;align-items:center}.nav-links a,.footer-links a{font:11px var(--mono);letter-spacing:.035em;color:#a49eaf;transition:color .2s}.nav-links a:hover,.nav-links a.active,.footer-links a:hover{color:var(--text)}.translation-control{position:relative;display:flex;align-items:center}.translate-toggle{font:11px var(--mono);color:#e9dcff;letter-spacing:.035em;background:transparent;border:1px solid rgba(181,137,255,.48);padding:10px 12px;cursor:pointer}.translate-toggle:hover,.translate-toggle:focus-visible{border-color:var(--bright);color:#fff}.translation-widget{position:absolute;z-index:8;right:0;top:calc(100% + 9px);min-width:220px;padding:12px;background:#100d17;border:1px solid var(--line);box-shadow:0 18px 42px rgba(0,0,0,.4);color:var(--muted);font:11px var(--sans)}.translation-widget[hidden]{display:none}.translation-widget .goog-te-combo{width:100%;margin:0!important;padding:9px;background:#171020;border:1px solid var(--line);color:var(--text);font:12px var(--sans)}.translation-widget .goog-te-gadget{color:var(--muted)!important;font:10px var(--sans)!important}.translation-widget .goog-logo-link{color:var(--muted)!important;font-size:10px!important}.header-cta{font-size:11px;font-weight:700;padding:12px 16px;border:1px solid rgba(181,137,255,.48);color:#e9dcff}.header-cta span,.button span{margin-left:14px;color:var(--bright)}.menu-toggle{display:none}.hero{min-height:690px;padding:80px 10.4% 78px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:510px;height:510px;top:8%;right:7%;background:radial-gradient(circle,rgba(113,39,221,.13),transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding-bottom:10px}.eyebrow,.section-kicker,.page-number{font:10px var(--mono);letter-spacing:.11em;color:#aaa2b7}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:#ba89ff;box-shadow:0 0 13px #9a52ff;border-radius:50%}.hero h1,.subpage h1,.legal-page h1{font-size:clamp(58px,7.4vw,100px);line-height:.99;letter-spacing:-.075em;margin:31px 0 22px;font-weight:600}.hero h1 span,.subpage h1 span,.legal-page h1 span{color:var(--purple)}.hero-description{font-size:14px;color:#aaa4b4;line-height:1.9;max-width:390px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 18px;font-size:11px;font-weight:700}.button-primary{background:#a66dff;color:#120a1d}.button-primary span{color:#281245}.text-link{font-size:11px;color:#e1dbe9}.text-link span{padding-left:8px;color:#bd91ff}.hero-note{margin-top:70px;display:flex;gap:13px;align-items:center;color:#777181;font:9px/1.9 var(--mono);letter-spacing:.1em}.note-line{width:34px;height:1px;background:var(--purple)}.hero-art-wrap{width:min(100%,455px);justify-self:end;position:relative;aspect-ratio:1/1;display:grid;place-items:center}.hero-art{width:76%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;z-index:1;box-shadow:0 0 65px rgba(111,40,224,.24)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.orbit{position:absolute;border:1px solid rgba(182,135,255,.23);border-radius:50%;inset:1%}.orbit-two{inset:8%;border-style:dashed;border-color:rgba(188,145,255,.22);animation:spin 80s linear infinite}.art-label{position:absolute;bottom:3%;left:12%;right:12%;display:flex;justify-content:space-between;color:#888092;font:9px var(--mono);letter-spacing:.09em}.art-spark{position:absolute;right:7%;top:16%;font-size:29px;color:#c392ff;text-shadow:0 0 22px #a35eff}.hero-index{position:absolute;bottom:30px;right:6.4%;font:10px var(--mono);color:#827b8e}.hero-index span{color:var(--purple);padding:0 5px}.about{border-top:1px solid var(--line);padding:58px 10.4% 76px}.section-kicker{color:#857f8e}.section-kicker span{color:var(--purple);padding:0 7px}.about-body{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:12%;padding-top:28px}.about h2,.support-strip h2{font-weight:500;font-size:clamp(34px,4vw,51px);letter-spacing:-.06em;line-height:1.16;margin:0}.about h2 span{color:var(--purple)}.about-body>div p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 20px;max-width:380px}.support-strip{min-height:285px;position:relative;overflow:hidden;background:#171020;padding:52px 10.4%;display:flex;align-items:center;justify-content:space-between}.support-strip .eyebrow{margin:0 0 18px;color:#a59bab}.support-strip h2{font-size:37px}.button-light{background:#eee5fa;color:#1b1225}.button-light span{color:#753ec1}.strip-orb{position:absolute;width:330px;height:330px;left:47%;top:-120px;border:1px solid rgba(172,119,255,.13);border-radius:50%;box-shadow:0 0 90px rgba(123,54,200,.13),inset 0 0 60px rgba(123,54,200,.08)}.site-footer{min-height:94px;padding:20px 6.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.copyright{font:9px var(--mono);color:#716b79}.footer-links{display:flex;gap:24px}.subpage,.legal-page{max-width:920px;min-height:calc(100vh - 176px);margin:auto;padding:76px 34px 100px}.subpage-top{display:flex;justify-content:space-between;align-items:center}.subpage-top .eyebrow{margin:0}.page-number{color:#766e81}.subpage h1,.legal-page h1{font-size:clamp(64px,9vw,104px);margin:54px 0 20px}.lead{max-width:560px;font-size:14px;line-height:1.9;color:#aaa4b4}.donation-list{max-width:650px;margin-top:48px;display:grid;gap:12px}.donation-card{display:flex;align-items:center;gap:17px;padding:19px 21px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(33,25,46,.88),rgba(16,13,23,.86));transition:border-color .2s,transform .2s}.donation-card:hover{border-color:rgba(185,137,255,.75);transform:translateX(4px)}.donation-icon{width:40px;height:40px;display:grid;place-items:center;background:#26183a;color:#c49cff;font-size:17px;font-weight:800}.donation-icon.coffee{font-size:19px}.donation-info{display:grid;gap:5px}.donation-info strong{font-size:13px;font-weight:700}.donation-info small{font-size:11px;color:#9c95a5}.donation-arrow{margin-left:auto;color:#c392ff;font-size:18px}.donation-note{font-size:10px;color:#827b8d;line-height:1.8;max-width:600px;margin-top:18px}.donation-note span{color:var(--purple);padding-right:5px}.support-thanks{border-top:1px solid var(--line);margin-top:65px;padding-top:25px;display:flex;gap:16px;align-items:center}.thanks-spark{font-size:19px;color:#bc8bff}.support-thanks p{font-size:12px;line-height:1.8;color:#a39bac}.legal-page{max-width:860px}.legal-page h1{font-size:clamp(60px,8vw,88px)}.legal-content{max-width:740px;margin-top:52px;padding-top:20px;border-top:1px solid var(--line)}.legal-content p{font-size:12px;line-height:1.9;color:#aaa4b4;margin:0 0 19px}.legal-content>p:first-child{margin-bottom:34px;color:#c6bdcf}.legal-content h2{font-size:14px;font-weight:700;margin:30px 0 9px;letter-spacing:-.02em}.legal-content strong{color:#e5d6fa}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.site-header{height:70px;padding:0 6%}.wordmark{font-size:12px}.wordmark-light{font-size:8px}.brand-mark{width:22px;height:22px}.nav-links{gap:18px}.header-cta{font-size:10px;padding:10px}.hero{padding:70px 8% 85px;min-height:auto;grid-template-columns:1fr;gap:22px}.hero-copy{padding:0}.hero h1{font-size:clamp(63px,12vw,90px);margin-top:27px}.hero-art-wrap{width:min(78vw,410px);justify-self:center;grid-row:1;margin-bottom:18px}.hero-copy{grid-row:2}.hero-note{margin-top:45px}.hero-index{right:7%;bottom:24px}.about{padding:46px 8% 60px}.about-body{grid-template-columns:1fr;gap:22px}.about h2{font-size:43px}.support-strip{padding:42px 8%;min-height:250px}.support-strip h2{font-size:33px}.site-footer{padding:22px 6%;flex-wrap:wrap}.site-footer .copyright{order:3;width:100%}.subpage,.legal-page{padding:58px 7% 80px;min-height:calc(100vh - 160px)}.subpage h1,.legal-page h1{margin-top:45px}.donation-list{margin-top:37px}}@media(max-width:520px){.site-header{justify-content:space-between}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;order:3;background:none;border:0;padding:8px}.menu-toggle span{width:21px;height:1px;background:#d9c7f3}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;padding:20px 7%;background:#100d17;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.hero-art-wrap{width:min(86vw,365px)}.hero h1{font-size:66px}.hero-description{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.button{padding:14px 15px}.about h2{font-size:38px}.support-strip{align-items:flex-start;justify-content:center;flex-direction:column;gap:24px}.support-strip h2{font-size:32px}.footer-links{gap:15px}.footer-links a{font-size:10px}.site-footer>.wordmark{width:100%}.donation-card{padding:16px 14px;gap:12px}.donation-info small{font-size:10px}.legal-content{margin-top:39px}.legal-content p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media (max-width: 1100px) {
  .site-header { padding-inline: 5%; gap: 20px; }
  .nav-links { gap: 22px; }
  .hero { padding-inline: 7%; column-gap: 3%; }
  .about, .support-strip { padding-inline: 7%; }
  .hero h1 { font-size: clamp(58px, 7vw, 78px); }
}

@media (max-width: 900px) {
  .site-header { height: 74px; }
  .menu-toggle { display: flex; flex-direction: column; gap: 5px; order: 2; background: none; border: 1px solid var(--line); padding: 10px; cursor: pointer; }
  .menu-toggle span { width: 20px; height: 1px; background: #d9c7f3; }
  .nav-links { display: none; position: absolute; top: calc(100% + 1px); right: 5%; width: min(320px, 90vw); padding: 22px; background: #100d17; border: 1px solid var(--line); box-shadow: 0 18px 42px rgba(0,0,0,.35); flex-direction: column; align-items: stretch; gap: 0; }
  .nav-links.open { display: flex; }
  .nav-links a { padding: 14px 4px; border-bottom: 1px solid var(--line); }
  .nav-links a:last-child { border-bottom: 0; }
  .header-cta { order: 3; }
  .hero { min-height: 620px; padding-block: 64px 72px; }
  .hero h1 { font-size: clamp(54px, 6.3vw, 68px); }
  .hero-art-wrap { width: min(100%, 370px); }
}

@media (max-width: 760px) {
  .hero { min-height: 0; padding: 42px 7% 82px; gap: 12px; }
  .hero-art-wrap { grid-row: 1; width: min(76vw, 340px); margin: 0 auto 12px; }
  .hero-copy { grid-row: 2; max-width: 620px; margin-inline: auto; width: 100%; }
  .hero h1 { font-size: clamp(52px, 9vw, 68px); margin: 23px 0 18px; }
  .hero-description { max-width: 52ch; font-size: 15px; line-height: 1.8; }
  .hero-actions { gap: 20px; margin-top: 27px; }
  .hero-note { margin-top: 36px; }
  .hero-index { bottom: 24px; }
  .about { padding: 46px 7% 56px; }
  .about-body { grid-template-columns: 1fr; gap: 18px; padding-top: 24px; }
  .about h2 { max-width: 16ch; font-size: clamp(36px, 7vw, 46px); }
  .about-body > div p { max-width: 58ch; font-size: 14px; }
  .support-strip { min-height: 0; padding: 42px 7%; gap: 28px; }
  .support-strip h2 { font-size: clamp(31px, 6vw, 38px); }
  .subpage, .legal-page { min-height: 0; padding: 54px 7% 76px; }
  .subpage h1, .legal-page h1 { margin: 38px 0 18px; font-size: clamp(56px, 9vw, 76px); }
  .lead { font-size: 15px; }
  .donation-list { margin-top: 34px; }
  .legal-content { margin-top: 40px; }
  .legal-content p { font-size: 13px; line-height: 1.85; }
  .legal-content h2 { margin-top: 28px; }
  .site-footer { padding: 25px 7%; row-gap: 18px; }
}

@media (max-width: 560px) {
  .site-header { height: 68px; padding-inline: 6%; }
  .wordmark { gap: 7px; font-size: 12px; }
  .wordmark-light { font-size: 8px; }
  .brand-mark { width: 21px; height: 21px; margin-right: 3px; }
  .header-cta { display: none; }
  .nav-links { top: calc(100% + 1px); right: 6%; }
  .hero { padding: 30px 6% 76px; }
  .hero-art-wrap { width: min(82vw, 310px); margin-bottom: 7px; }
  .hero h1 { font-size: clamp(43px, 11.5vw, 58px); line-height: 1.02; letter-spacing: -.065em; }
  .eyebrow { font-size: 9px; letter-spacing: .07em; }
  .hero-description { font-size: 14px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 19px; }
  .button { min-height: 48px; padding: 14px 17px; font-size: 12px; }
  .text-link { padding: 4px 0; }
  .hero-note { margin-top: 30px; }
  .hero-index { right: 6%; }
  .art-label { font-size: 8px; }
  .about { padding: 40px 6% 48px; }
  .about h2 { font-size: clamp(34px, 8vw, 42px); }
  .support-strip { padding: 36px 6%; align-items: flex-start; flex-direction: column; gap: 22px; }
  .site-footer { padding: 23px 6%; }
  .site-footer > .wordmark { width: 100%; }
  .site-footer .copyright { order: 3; width: 100%; }
  .footer-links { flex-wrap: wrap; gap: 14px 20px; }
  .subpage, .legal-page { padding: 40px 6% 60px; }
  .subpage-top { align-items: flex-start; gap: 12px; }
  .subpage-top .eyebrow { max-width: 75%; line-height: 1.7; }
  .page-number { font-size: 9px; white-space: nowrap; }
  .subpage h1, .legal-page h1 { font-size: clamp(49px, 12vw, 68px); margin-top: 34px; }
  .lead { font-size: 14px; line-height: 1.8; }
  .donation-card { min-height: 78px; padding: 14px 13px; gap: 12px; }
  .donation-icon { flex: 0 0 38px; width: 38px; height: 38px; }
  .donation-info { min-width: 0; }
  .donation-info strong { font-size: 12px; }
  .donation-info small { font-size: 10px; line-height: 1.5; }
  .donation-note { font-size: 11px; }
  .support-thanks { margin-top: 44px; }
  .legal-content { margin-top: 32px; }
  .legal-content p { font-size: 12px; }
  .legal-content h2 { font-size: 14px; }
}

@media (max-width: 360px) {
  .wordmark-light { display: none; }
  .hero h1 { font-size: 43px; }
  .hero-art-wrap { width: 86vw; }
  .hero-actions .button { width: 100%; }
  .footer-links { gap: 12px 16px; }
}

.features { padding: 8px 10.4% 76px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.feature-card { min-height: 220px; position: relative; padding: 27px 24px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(26,20,37,.88), rgba(13,11,19,.9)); }
.feature-number { color: #a99bb9; font: 9px var(--mono); letter-spacing: .1em; }
.feature-card h3 { margin: 34px 0 11px; font-size: clamp(17px, 1.8vw, 21px); line-height: 1.3; font-weight: 600; letter-spacing: -.035em; }
.feature-card p { max-width: 34ch; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.feature-upcoming { border-color: rgba(165,107,255,.38); background: linear-gradient(145deg, rgba(47,29,68,.6), rgba(16,13,23,.9)); }
.coming-soon { display: inline-block; margin-top: 18px; color: var(--bright); font: 9px var(--mono); letter-spacing: .08em; }
.upcoming-addition { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.upcoming-addition h4 { margin: 10px 0 7px; font-size: 15px; font-weight: 600; letter-spacing: -.025em; }
.upcoming-addition p { font-size: 11px; }
@media (max-width: 1100px) { .features { padding-inline: 7%; } }
@media (max-width: 760px) { .features { padding: 6px 7% 58px; } .feature-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 21px; } .feature-card { min-height: 0; padding: 22px; } .feature-card h3 { margin-top: 22px; font-size: 20px; } .feature-card p { max-width: 55ch; font-size: 13px; } }
@media (max-width: 560px) { .features { padding: 4px 6% 48px; } .feature-grid { gap: 10px; } .feature-card { padding: 20px; } }