@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0619;--panel:#160d27;--line:#a88ade30;--text:#f3edff;--muted:#b5a9cc;--accent:#b78aff;--title:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}body:before{content:'';position:absolute;top:0;left:0;right:0;height:1000px;background:radial-gradient(ellipse at 76% 32%,#7938dc38,transparent 49%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#111;padding:16px;z-index:100}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#0c0619e8;backdrop-filter:blur(20px)}.nav{height:88px;display:flex;align-items:center;gap:36px}.brand{font-family:var(--title);font-weight:700;font-size:36px;letter-spacing:-2.4px;display:inline-flex;align-items:center;min-height:48px}.brand-mark{font-size:35px;color:var(--accent);margin-right:13px;font-weight:400}.brand-dot{color:var(--accent)}.nav-caption{font-size:8px;letter-spacing:1.6px;max-width:160px;line-height:1.7;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:12px}.nav-links a{min-height:48px;display:flex;align-items:center;gap:16px}.nav-links a:hover{color:var(--accent)}.menu{display:none;background:none;border:1px solid var(--line);border-radius:5px;min-height:48px;padding:10px 15px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:680px;align-items:center;gap:12px;padding-block:75px 54px}.hero-copy{position:relative;z-index:2}.eyebrow{font-family:var(--body);font-size:10px;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 28px;color:var(--muted)}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b78affaa}h1,h2,h3{font-family:var(--title);margin:0;font-weight:500}h1{font-size:clamp(50px,5.1vw,79px);line-height:1.04;letter-spacing:-4.1px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--accent)}h1 em{display:block;font-size:.84em;letter-spacing:-3px;line-height:1.26;margin-top:5px}.lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:390px;margin:24px 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;min-height:54px;background:var(--accent);color:#100820;font-size:13px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#d1b3ff;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.hero-foot{display:flex;flex-wrap:wrap;gap:15px 32px;font-size:8px;letter-spacing:1.2px;color:#96999f;margin-top:49px}.hero-foot span:last-child{color:#74777e}.universe{position:relative;isolation:isolate;aspect-ratio:1;min-width:0;max-height:575px;perspective:800px;background:radial-gradient(ellipse at center,#702fe52e,transparent 68%)}#orb{position:absolute;width:100%;height:100%;inset:0;z-index:2}.orb-fallback{position:absolute;inset:13%;border:1px solid #b78aff5c;border-radius:50%;box-shadow:inset 0 0 50px #b78aff12,0 0 65px #b78aff0a;transform:rotate(-30deg) scaleY(.8)}.orb-fallback:before,.orb-fallback:after{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid #b78aff40;transform:rotate(70deg) scaleY(.65)}.orb-fallback:after{inset:-14%;transform:rotate(-50deg) scaleY(.7)}.canvas-ready .orb-fallback{opacity:.15}.orb-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-family:var(--title);font-weight:600;font-size:96px;letter-spacing:-10px;color:#f2eaff;text-shadow:0 0 45px #a467ff66;z-index:1;padding-bottom:8px}.orb-center span{font-family:Georgia,serif;font-size:49px;color:var(--accent);margin-left:7px;margin-top:11px;letter-spacing:0}.orb-label{position:absolute;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2.5px;color:#96999f}.orb-label-top{top:0}.orb-label-bottom{bottom:0}.orb-tag{position:absolute;z-index:3;font-family:monospace;font-size:8px;letter-spacing:.5px;color:#c5aff0;border:1px solid #aa78ff55;background:#100920e8;padding:10px 13px;backdrop-filter:blur(5px)}.tag-one{left:3%;top:29%;transform:rotate(-6deg)}.tag-two{right:-1%;top:57%;transform:rotate(5deg)}.tag-three{left:17%;bottom:13%;transform:rotate(-3deg)}.signal-bar{border-block:1px solid var(--line)}.signal-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:65px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.signal-bar i{display:inline-block;background:var(--accent);width:4px;height:4px;margin-right:10px;vertical-align:middle}.signal-bar button{background:transparent;border:0;font-size:10px;min-height:48px;color:var(--muted);padding:10px 0 10px 15px}.signal-bar button:hover{color:var(--accent)}.work{padding-block:100px 90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:20px}h2{font-size:clamp(40px,4.3vw,65px);line-height:1.09;letter-spacing:-2.4px}h2 em{letter-spacing:-1.8px}.section-head>p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 5px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filters button{background:transparent;border:1px solid var(--line);padding:11px 16px;border-radius:30px;font-size:11px;min-height:44px;color:#bfc0c5;transition:all .2s}.filters button:hover{border-color:#b78aff}.filters button.active{background:#f3edff;color:#140b23;border-color:#f3edff}.filters span{font-size:9px;opacity:.65;padding-left:5px}.portals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 24px;perspective:1400px}.portal{grid-column:span 2;min-width:0;border:1px solid var(--line);border-radius:10px;background:linear-gradient(125deg,#1d1233,#120a21);overflow:hidden;transform-style:preserve-3d;transition:transform .28s ease,border-color .3s,box-shadow .3s;will-change:auto}.portal.wide{grid-column:span 3}.portal[hidden]{display:none}.portal:hover{border-color:#b487ff88;box-shadow:0 15px 45px #0005}.portal-image{position:relative;aspect-ratio:1.55;overflow:hidden;background:#170c29}.portal.wide .portal-image{aspect-ratio:1.9}.portal-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 32%,transparent 60%,#0004);pointer-events:none}.portal-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s;filter:saturate(.8)}.portal:hover img{transform:scale(1.045);filter:saturate(1.08)}.portal-index{position:absolute;top:18px;left:18px;z-index:2;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#fff;text-shadow:0 1px 5px #000}.portal-open{position:absolute;right:15px;bottom:15px;z-index:2;height:34px;width:34px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#0005;backdrop-filter:blur(8px);font-size:20px;transition:background .2s}.portal:hover .portal-open{background:var(--accent);color:#111;border-color:var(--accent)}.portal-copy{padding:22px}.portal-copy h3{font-size:21px;letter-spacing:-.6px;margin-bottom:9px;line-height:1.2}.portal.wide h3{font-size:25px}.portal-copy p{font-size:13px;color:#b2b4ba;line-height:1.65;margin:0}.portal-type{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:8px;color:#91959e;border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.portal-shine{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#ffffff1a,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.portal:hover .portal-shine{opacity:1}.collection-note{font-size:11px;color:var(--muted);margin-top:25px;text-align:right}.approach{border-block:1px solid var(--line);background:radial-gradient(ellipse at 0 100%,#722ae52c,transparent 70%),#100920;padding-block:90px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.principles article{border-top:1px solid #ffffff30;padding-top:24px;position:relative}.small-label{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:23px 0 18px}.principle-icon{font-size:36px;color:var(--accent);display:block;line-height:1}.principles h3{font-size:23px;letter-spacing:-.7px;margin-bottom:14px}.principles p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:340px}.daily{padding-block:95px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.daily-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin-top:24px}.chalk-panel{border:1px solid #9aaf9a50;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#0b211df2,#102c2370),url('/assets/electric/chalk.webp') center/cover;box-shadow:0 25px 60px #0004;transform:rotate(-1.5deg);transition:transform .4s}.chalk-panel:hover{transform:rotate(0)}.quote-day{display:block;padding:45px;min-height:300px}.project-label{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#c2d7bc}.quote-day h3{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-.8px;line-height:1.18;margin:25px 0 15px}.quote-day p{font-size:14px;line-height:1.8;color:#c2cfc0;margin:0}.quote-link{display:block;font-size:11px;color:#f1e1be;margin-top:25px}.closing{padding-block:70px 90px;border-top:1px solid var(--line);text-align:center}.closing h2{font-size:clamp(40px,4.5vw,65px);margin:25px 0 30px}.closing-symbol{display:inline-block;color:var(--accent);font-size:45px;animation:turn 40s linear infinite}footer{display:flex;gap:45px;align-items:center;border-top:1px solid var(--line);padding-block:32px 45px}footer p{font-size:11px;line-height:1.9;margin:0}footer p span{color:var(--muted)}footer>div{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:3px;font-size:10px}footer>div>a{display:flex;align-items:center;min-height:44px}footer>div>span{color:var(--muted);font-size:9px}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important}.motion-paused .portal,.motion-paused .portal img,.motion-paused .reveal{transition:none!important}.motion-paused .reveal{opacity:1;transform:none}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:740px}h1{font-size:86px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-caption{display:none}.hero{min-height:610px;padding-block:65px}.hero h1{font-size:60px;letter-spacing:-3px}.hero h1 em{letter-spacing:-2px}.orb-center{font-size:76px}.orb-center span{font-size:37px}.portal{grid-column:span 3}.portal-image{aspect-ratio:1.8}.principles{gap:28px}.daily{gap:40px}.quote-day{padding:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:72px;gap:16px}.brand{font-size:30px}.brand-mark{font-size:28px;margin-right:10px}.nav-links{gap:16px;font-size:11px}.js .menu{display:block;margin-left:auto}.js .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#180d2b;border-bottom:1px solid var(--line);padding:16px 20px;flex-direction:column;align-items:stretch;gap:3px}.js .nav-links.is-open{display:flex}.js .nav-links a{padding:10px 15px;min-height:48px}.hero{grid-template-columns:1fr;gap:26px;padding-block:40px 30px;min-height:0}.hero h1{font-size:clamp(44px,9.6vw,70px);letter-spacing:-2.4px;line-height:1.07}.hero h1 em{font-size:.85em;letter-spacing:-1.8px;line-height:1.3}.eyebrow{font-size:8px;letter-spacing:1.55px;margin-bottom:23px}.lead{font-size:16px;line-height:1.7;max-width:430px;margin-block:21px 25px}.button{font-size:13px;padding:16px 20px;min-height:54px}.hero-foot{margin-top:27px;font-size:7px;gap:10px}.hero-foot span:last-child{display:none}.universe{width:min(100%,450px);justify-self:center;max-height:420px}.orb-label{font-size:7px;letter-spacing:1.6px}.orb-label-top{top:0}.orb-tag{font-size:7px;padding:8px 10px}.tag-two{right:0}.signal-bar .wrap{min-height:62px;gap:8px;font-size:7px;letter-spacing:1px}.signal-bar .wrap>span:nth-child(2){display:none}.signal-bar button{font-size:10px;flex-shrink:0}.work{padding-block:55px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:43px;letter-spacing:-1.6px}.section-head .eyebrow{margin-bottom:15px}.section-head>p{margin-top:18px;font-size:14px;line-height:1.7}.filters{gap:7px;margin-bottom:24px}.filters button{font-size:10px;padding:10px 13px}.portals{gap:20px}.portal-copy{padding:21px}.portal-copy h3,.portal.wide h3{font-size:23px}.portal-copy p{font-size:14px}.portal-type{font-size:9px}.portal-index{font-size:8px}.collection-note{text-align:left;font-size:11px;line-height:1.8}.approach{padding-block:55px}.principles{grid-template-columns:1fr;gap:30px;margin-top:35px}.principles article{padding-top:22px;padding-left:55px}.principle-icon{position:absolute;left:0;top:23px;font-size:30px}.small-label{margin:0 0 13px;font-size:8px}.principles h3{font-size:22px}.principles p{max-width:none;font-size:14px}.daily{padding-block:55px;grid-template-columns:1fr;gap:28px}.daily h2{font-size:43px}.daily-intro>p:last-child{margin-bottom:0}.quote-day{padding:28px;min-height:280px}.quote-day h3{font-size:32px}.closing{padding-block:45px 55px}.closing h2{font-size:43px}footer{gap:22px;flex-wrap:wrap;padding-block:27px 35px}footer>div{width:100%;margin:0;align-items:start;flex-direction:row;align-items:center;justify-content:space-between}footer p{font-size:10px}.nav:not(:has(.menu[aria-expanded])){flex-wrap:wrap}}
@media(max-width:650px){.portal,.portal.wide{grid-column:1/-1}.portal-image,.portal.wide .portal-image{aspect-ratio:1.7}.portal-copy{padding:21px}.portal-type{margin-top:15px}.portal-index{top:16px;left:17px}.portals{perspective:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:42px}.hero h1 em{font-size:.78em}.hero-foot{letter-spacing:.5px}.hero .eyebrow{font-size:7px}.signal-bar .wrap{font-size:6px}.filters button{padding-inline:11px}.orb-tag{font-size:6px}.quote-day{padding:23px}.section-head h2,.daily h2,.closing h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.portal:hover,.portal:hover img,.chalk-panel{transform:none!important}}
/* Keep the complete mascot artwork and balance the final portal row. */
.portal[data-world="sql"] .portal-image{background:radial-gradient(ellipse,#493268,#1b102f 75%)}.portal[data-world="sql"] img{object-fit:contain;filter:saturate(.95)}
@media(min-width:1101px){.portal:nth-last-child(-n+2){grid-column:span 3}.portal:nth-last-child(-n+2) .portal-image{aspect-ratio:2.1}}
/* The decorative fallback rings stay inside their stage, even offscreen. */
.universe{overflow:clip}.tag-two{right:0}
html:not(.js) #motion-toggle,html:not(.js) .filters{display:none}
@media(max-width:760px){html:not(.js) .nav{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px}html:not(.js) .nav-links{width:100%;margin:0;justify-content:space-between}}

/* ELECTRIC / violet structure, cyan signal, original project colors. */
:root{--cyan:#79e5ed;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
body{background-image:radial-gradient(ellipse at 80% 7%,#632baa26,transparent 30%)}
em{font-family:var(--title);font-style:normal;font-weight:500}
h1{font-weight:600}h1 em{font-size:.87em;letter-spacing:-.045em;color:#c3a0ff;line-height:1.14;margin-top:12px}
.hero{position:relative}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#aa7def09 1px,transparent 1px),linear-gradient(90deg,#aa7def09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#0008);pointer-events:none}
.eyebrow,.orb-label,.orb-tag,.hero-foot,.signal-bar,.small-label,.portal-index,.portal-type{font-family:var(--mono)}
.eyebrow{color:#c0acd9}.live-dot,.signal-bar i{background:var(--cyan);box-shadow:0 0 12px #79e5ed88}
.brand-mark{color:var(--cyan);text-shadow:0 0 18px #79e5ed40}.brand-dot{color:#b78aff}
.button{border:1px solid #d0afff66;background:linear-gradient(115deg,#c5a1ff,#a978ef);box-shadow:0 0 28px #9b58ff20;border-radius:3px}
.button:hover{background:#d6bbff;box-shadow:0 0 30px #b78aff40}
.nav-links a span,.button span{color:inherit}.nav-links a:hover{color:var(--cyan)}
.universe{background:radial-gradient(ellipse at center,#7b38e52b,transparent 68%)}
.circuit-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.circuit-traces{stroke:#ad7de33a;stroke-width:1}.circuit-signal{stroke:#79e5ed;stroke-width:1.2;stroke-dasharray:10 340;animation:signal-flow 14s linear infinite;opacity:.65}.circuit-nodes{stroke:#79e5ed80;fill:#160b29;stroke-width:1}
@keyframes signal-flow{to{stroke-dashoffset:-700}}
.orb-center{font-weight:500;text-shadow:0 0 50px #b78aff88}.orb-center span{color:var(--cyan)}.orb-tag{border-left:2px solid #79e5edaa;box-shadow:0 0 18px #8b48d611;transform:none}.orb-label-bottom{color:#9ab9cd;letter-spacing:1.8px}
.signal-bar{background:linear-gradient(90deg,#22103970,#0d081a,#14222b55);border-block-color:#b187f030}
.filters button{border-radius:4px}.filters button.active{color:#f3edff;background:#6e35ad55;border-color:#b78aff99;box-shadow:inset 0 -2px #b78aff}.filters button:hover{border-color:var(--cyan)}
.portal{border-radius:6px;background:linear-gradient(130deg,#211336,#120a20)}.portal:hover{border-color:#a779f0;box-shadow:0 15px 45px #0005,0 0 22px #a065f218}.portal-copy{position:relative}.portal-copy:before{content:'';position:absolute;top:0;left:22px;width:30px;height:2px;background:linear-gradient(90deg,var(--cyan),#a267fa);box-shadow:0 0 10px #79e5ed55}.portal-type{color:#b2a1cc}.portal-open{border-radius:4px}.portal:hover .portal-open{background:var(--cyan);border-color:var(--cyan)}
.principles article{border-top-color:#b78aff55}.principle-icon{color:var(--cyan)}
.chalk-panel{border-color:#aa81dd66;transform:none;background:linear-gradient(110deg,#180e2cf5,#211139b8),url('/assets/electric/chalk.webp') center/cover}.project-label{color:#cdb6ed}.quote-day p{color:#cec2df}.quote-link{color:var(--cyan)}.quote-day h3{font-family:var(--title);font-size:32px;line-height:1.25}
.closing{background:radial-gradient(ellipse at center,#7135aa20,transparent 65%)}.closing-symbol{color:#b78aff}
@media(min-width:651px) and (max-width:1100px){.portal:last-child{grid-column:1/-1}.portal:last-child .portal-image{aspect-ratio:2.6}}
@media(max-width:760px){.hero h1 em{font-size:.87em;line-height:1.15;letter-spacing:-.045em}.hero{gap:32px}.orb-label-bottom{font-size:6px;letter-spacing:1px}.nav-links{background:#180d2b}.quote-day h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.circuit-signal{animation:none;stroke-dasharray:none;opacity:.2}}