
:root{--bg:#050c1d;--bg2:#08152d;--bg3:#0b1c3a;--text:#f6f9ff;--muted:#b6c5da;--cyan:#56dcff;--blue:#5688ff;--pink:#f16bd6;--gold:#ffd968;--green:#6ee3a1;--orange:#ff9d5b;--border:rgba(255,255,255,.12);--radius:28px;--shadow:0 26px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 10%,rgba(241,107,214,.10),transparent 32rem),radial-gradient(circle at 88% 25%,rgba(86,220,255,.10),transparent 34rem),linear-gradient(180deg,#050c1d 0%,#08152d 45%,#050c1d 100%);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px;background:white;color:black;padding:.75rem 1rem;z-index:100}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1.4rem;padding:12px clamp(18px,4vw,64px);background:rgba(4,11,28,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(86,220,255,.16)}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:.96rem}.brand small{font-size:.68rem;color:var(--muted);margin-top:.25rem}.site-nav{display:flex;align-items:center;gap:1.2rem}.site-nav a{text-decoration:none;color:var(--muted);font-weight:800;font-size:.88rem}.site-nav a:hover{color:white}.nav-cta{padding:.7rem 1rem;border:1px solid rgba(86,220,255,.45);border-radius:999px;background:rgba(86,220,255,.08);color:white!important}.nav-toggle{display:none;background:#0d2144;color:white;border:1px solid var(--border);border-radius:12px;padding:.65rem .85rem;font-weight:800}.hero{max-width:1520px;margin:auto;padding:clamp(38px,5vw,70px) clamp(18px,4vw,60px) 90px}.hero-image{position:relative;border-radius:32px;overflow:hidden;box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.06)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,9,22,.28))}.hero-image img{width:100%;aspect-ratio:4.15/1;object-fit:cover}.hero-copy{max-width:1050px;margin:clamp(32px,4vw,56px) auto 0;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--cyan);font-weight:900;font-size:.74rem;margin:0 0 .8rem}h1,h2,h3{margin:0;line-height:1.06}h1{font-size:clamp(2.65rem,6vw,6.25rem);letter-spacing:-.052em}h2{font-size:clamp(2.15rem,4.5vw,4.5rem);letter-spacing:-.042em}h3{font-size:1.45rem}.rainbow-text{background:linear-gradient(90deg,#ff766f,#ffb24e,#ffe26b,#67e09b,#55dcff,#6c83ff,#f16bd6);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:clamp(1.08rem,1.7vw,1.35rem);color:var(--muted);max-width:70ch;margin:1.35rem auto 0}.cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;padding:.92rem 1.3rem;border-radius:15px;border:1px solid transparent;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#58dcff,#5d83ff);color:#061226;box-shadow:0 10px 30px rgba(86,220,255,.18)}.secondary{border-color:rgba(255,217,104,.52);background:rgba(255,217,104,.08);color:#fff0a6}.hero-note{color:var(--muted);font-weight:700;margin-top:1.35rem;font-size:.92rem}.section{max-width:1380px;margin:auto;padding:clamp(72px,8vw,120px) clamp(20px,5vw,70px)}.section-heading{max-width:850px;margin-bottom:2.2rem}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.feature-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 18px 55px rgba(0,0,0,.18)}.feature-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#07142c}.feature-body{padding:1.35rem}.feature-body p{color:var(--muted)}.status,.pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:.35rem .62rem;font-size:.68rem;font-weight:1000;letter-spacing:.08em}.live{background:rgba(110,227,161,.13);color:#8ef0b5;border:1px solid rgba(110,227,161,.28)}.festival{background:rgba(255,157,91,.13);color:#ffc08f;border:1px solid rgba(255,157,91,.28)}.publishing{background:rgba(241,107,214,.12);color:#f5a4df;border:1px solid rgba(241,107,214,.28)}.development{background:rgba(255,217,104,.11);color:#ffe58a;border:1px solid rgba(255,217,104,.26)}.research{background:rgba(86,220,255,.10);color:#8be8ff;border:1px solid rgba(86,220,255,.25)}.text-link{display:inline-block;margin-top:.4rem;color:var(--cyan);font-weight:900;text-decoration:none}.explore-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.explore-grid article{padding:1.35rem;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.035)}.explore-grid .icon{font-size:2rem;color:var(--gold);margin-bottom:.8rem}.explore-grid p{color:var(--muted);font-size:.95rem}.project-list{display:grid;gap:.7rem}.project-row{display:grid;grid-template-columns:58px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03);text-decoration:none}a.project-row:hover{background:rgba(255,255,255,.055)}.project-num{font-weight:1000;color:var(--cyan);font-size:.86rem}.project-row strong{display:block}.project-row small{display:block;color:var(--muted);margin-top:.2rem}.atlas-strip{margin-top:2rem;display:grid;grid-template-columns:minmax(320px,.75fr) 1fr;gap:2rem;align-items:center;border:1px solid var(--border);border-radius:26px;padding:1rem;background:linear-gradient(135deg,rgba(241,107,214,.045),rgba(86,220,255,.04))}.atlas-strip img{border-radius:20px}.atlas-strip p{color:var(--muted)}.cocreation-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.cocreation-copy p{color:var(--muted);font-size:1.05rem}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.principles div{padding:1.3rem;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.035)}.principles strong{display:block;color:var(--gold);font-size:1.08rem;margin-bottom:.3rem}.principles span{color:var(--muted);font-size:.92rem}.tomorrow-section{position:relative;text-align:center;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tomorrow-glow{position:absolute;width:760px;height:760px;left:50%;top:50%;transform:translate(-50%,-48%);background:radial-gradient(circle,rgba(86,220,255,.12),rgba(241,107,214,.07),transparent 67%);pointer-events:none}.tomorrow-section h2{position:relative;display:flex;flex-direction:column;gap:.25rem}.tomorrow-section h2 span:nth-child(1){color:#8ec8ff}.tomorrow-section h2 span:nth-child(2){color:#8ef0b5}.tomorrow-section h2 span:nth-child(3){color:#ffd968}.tomorrow-section p{position:relative;color:var(--muted);max-width:800px;margin:1.4rem auto 0;font-size:1.08rem}.connect-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}.connect-section>div:first-child p{color:var(--muted)}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.connect-grid a{display:flex;flex-direction:column;padding:1.2rem;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035);text-decoration:none}.connect-grid a:hover{border-color:rgba(86,220,255,.38);background:rgba(86,220,255,.05)}.connect-grid strong{font-size:1.02rem}.connect-grid span{color:var(--cyan);font-size:.9rem;margin-top:.35rem}.site-footer{max-width:1380px;margin:auto;padding:2.7rem clamp(20px,5vw,70px);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:1.5rem;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand img{width:60px;height:60px;border-radius:50%}.footer-brand p{margin:.2rem 0 0}.footer-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{text-decoration:none}.site-footer small{grid-column:1/-1}
@media(max-width:1050px){.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:minmax(300px,.8fr) 1fr}.feature-card>img{height:100%;aspect-ratio:auto}.explore-grid{grid-template-columns:1fr 1fr}.atlas-strip,.cocreation-section,.connect-section{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{padding:10px 14px}.brand small{display:none}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:1rem;background:#081a37;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:.5rem}.hero{padding-left:14px;padding-right:14px}.hero-image{border-radius:20px}.hero-image img{aspect-ratio:2.2/1;object-fit:cover}.section{padding-left:16px;padding-right:16px}.feature-card{display:block}.explore-grid,.principles,.connect-grid{grid-template-columns:1fr}.project-row{grid-template-columns:44px 1fr}.project-row .pill{grid-column:2}.cta-row{display:grid}.button{width:100%}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:480px){.brand-logo{width:42px;height:42px}.brand strong{font-size:.88rem}h1{font-size:2.55rem}.hero-image img{aspect-ratio:1.85/1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* FINAL approved Council Creations showcase */
.council-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.council-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.council-grid figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.council-grid img{width:100%;height:auto;display:block;background:#07142c}
.council-grid figcaption{padding:.9rem 1.05rem 1.05rem;color:var(--muted);font-weight:800}
@media(max-width:760px){.council-grid{grid-template-columns:1fr}}

/* Council creations: clickable original-article tiles */
.council-link{display:block;color:inherit;text-decoration:none}
.council-link img{transition:transform .18s ease,filter .18s ease}
.council-link:hover img{transform:scale(1.008);filter:brightness(1.035)}
.council-link:hover figcaption{color:var(--cyan)}
