:root{--bg:#0a0a0c;--bg-2:#0f0f12;--bg-3:#16161a;--bg-e:#1c1c21;--surface:#222228;--surface-h:#2a2a32;--border-s:rgba(255,255,255,.06);--border:rgba(255,255,255,.10);--border-str:rgba(255,255,255,.15);--text:#f0f0f5;--text-2:#a0a0ac;--text-3:#6e6e7a;--text-4:#4a4a55;--accent:#6b9fa8;--accent-h:#7ab3bd;--accent-m:rgba(107,159,168,.12);--accent-g:rgba(107,159,168,.15);--void:#8b7ab8;--void-m:rgba(139,122,184,.12);--danger:#c45b5b;--success:#5bc48a;--warn:#c4a35b;--info:#5b8cc4;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Fira Code',monospace;--r-4:4px;--r-8:8px;--r-12:12px;--r-16:16px;--r-full:9999px;--s-1:.125rem;--s-2:.25rem;--s-3:.375rem;--s-4:.5rem;--s-5:.625rem;--s-6:.75rem;--s-8:1rem;--s-10:1.25rem;--s-12:1.5rem;--s-16:2rem;--s-20:2.5rem;--s-24:3rem;--s-32:4rem;--s-40:5rem;--shadow-s:0 1px 2px rgba(0,0,0,.3);--shadow-m:0 4px 12px rgba(0,0,0,.4);--shadow-l:0 8px 30px rgba(0,0,0,.5);--trans-f:.1s ease;--trans:.2s ease;--trans-s:.3s ease;--max:1280px;--max-n:720px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}::selection{background:var(--accent-m);color:var(--text)}a{color:var(--accent);text-decoration:none;transition:color var(--trans-f)}a:hover{color:var(--accent-h)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text)}p{color:var(--text-2);line-height:1.65}.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}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--s-6)}.container-narrow{width:100%;max-width:var(--max-n);margin:0 auto;padding:0 var(--s-6)}.container.container-narrow{width:100%;max-width:var(--max-n);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);cursor:pointer;white-space:nowrap;transition:all var(--trans-f)}.btn:hover{background:var(--surface-h);border-color:var(--border-str)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#0a0a0c;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-h);border-color:var(--accent-h);box-shadow:0 0 24px var(--accent-g)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--border-s);color:var(--text)}.btn-lg{padding:var(--s-4) var(--s-10);font-size:1rem;border-radius:var(--r-12)}.card{background:var(--bg-2);border:1px solid var(--border-s);border-radius:var(--r-16);overflow:hidden;transition:border-color var(--trans-f),box-shadow var(--trans-f),transform var(--trans-f)}.card:hover{border-color:var(--border-str);box-shadow:var(--shadow-m)}.card::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--trans-s);background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(107,159,168,.10),transparent 42%)}.card{position:relative}.card:hover::after{opacity:1}.btn,.badge,.chip{transition:all var(--trans-f)}.btn-primary{position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22) 50%,transparent 80%);transform:translateX(-120%);transition:transform .6s ease}.btn-primary:hover::before{transform:translateX(120%)}.section .eyebrow-accent{position:relative;display:inline-block}.section .eyebrow-accent::before{content:'';position:absolute;left:50%;top:-14px;width:26px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--accent),transparent)}.eco-icon{transition:transform var(--trans-s),box-shadow var(--trans-s)}.card:hover .eco-icon{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(139,122,184,.35),0 8px 24px rgba(139,122,184,.18)}.nav a,.footer-links a,.drawer-nav a{position:relative}.nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--accent);transition:width var(--trans-f)}.nav a:hover::after{width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-4)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card-header{padding:var(--s-8);border-bottom:1px solid var(--border-s);display:flex;align-items:center;justify-content:space-between}.card-body{padding:var(--s-8)}.badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--r-full);line-height:1}.badge-void{background:var(--void-m);color:var(--void)}.badge-member{background:var(--accent-m);color:var(--accent)}.badge-admin{background:rgba(184,138,91,.12);color:#b88a5b}.badge-outline{background:transparent;border:1px solid currentColor}.section{padding:var(--s-32) 0}.section-tight{padding:var(--s-20) 0}.grid{display:grid;gap:var(--s-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.flex-col{flex-direction:column}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.gap-8{gap:var(--s-8)}.stack>*+*{margin-top:var(--s-4)}.stack-lg>*+*{margin-top:var(--s-8)}.stack-xl>*+*{margin-top:var(--s-16)}.text-center{text-align:center}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-4{color:var(--text-4)}.mono{font-family:var(--font-mono)}.upper{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500;color:var(--text-3)}.eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:var(--s-4)}.eyebrow-accent{color:var(--accent)}.display-1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.display-2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.display-3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.25}.editorial{font-size:1.125rem;line-height:1.7;color:var(--text-2);max-width:640px}.meta-row{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4)}.meta-sep{width:4px;height:4px;border-radius:50%;background:var(--text-4)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:0 max(var(--s-8),env(safe-area-inset-right)) 0 max(var(--s-8),env(safe-area-inset-left));background:transparent;border-bottom:1px solid transparent;transition:background var(--trans-s),border-color var(--trans-s),backdrop-filter var(--trans-s);padding-top:env(safe-area-inset-top)}.header-scrolled{background:rgba(10,10,12,.85);backdrop-filter:blur(12px);border-bottom-color:var(--border-s)}.logo{font-size:1.25rem;font-weight:700;letter-spacing:.12em;color:var(--text);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--s-3)}.logo img{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block;flex:none}.drawer-header .logo img{width:28px;height:28px;border-radius:7px}.nav{display:flex;align-items:center;gap:var(--s-8)}.nav a{font-size:.75rem;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.nav a:hover,.nav a[aria-current]{color:var(--text)}.header-actions{display:flex;align-items:center;gap:var(--s-4)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:var(--s-2);border-radius:var(--r-4)}.mobile-menu-btn:hover{background:var(--border-s)}@media (max-width:1024px){.nav{display:none}.mobile-menu-btn{display:flex}}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:64px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35}.hero-bg canvas{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.hero-bg canvas{opacity:.15}}.hero-content{position:relative;z-index:2;max-width:900px}.hero-title{margin:0}.hero-title__mark{position:relative;display:inline-block;font-size:clamp(3.25rem,13vw,9rem);font-weight:800;line-height:.92;letter-spacing:.02em;background:linear-gradient(180deg,#ffffff 0%,#cfe9ee 38%,#6b9fa8 78%,#8b7ab8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(107,159,168,.35)}.hero-title__mark::before,.hero-title__mark::after{content:attr(data-text);position:absolute;inset:0;background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}.hero-title__mark::before{animation:glitch-a 6s infinite steps(2,end);text-shadow:-2px 0 rgba(139,122,184,.6)}.hero-title__mark::after{animation:glitch-b 6s infinite steps(2,end);text-shadow:2px 0 rgba(107,159,168,.6)}@keyframes glitch-a{0%,92%,100%{transform:none;opacity:0}93%{transform:translate(-3px,1px);opacity:.85}95%{transform:translate(2px,-1px);opacity:.85}97%{transform:translate(-1px,0);opacity:.85}}@keyframes glitch-b{0%,92%,100%{transform:none;opacity:0}94%{transform:translate(3px,-1px);opacity:.85}96%{transform:translate(-2px,1px);opacity:.85}98%{transform:translate(1px,0);opacity:.85}}.hero-slogan{font-family:var(--font-mono);font-size:clamp(.75rem,2.4vw,1rem);text-transform:uppercase;letter-spacing:.28em;color:var(--text-2);margin:var(--s-6) 0 0}.hero-slogan__dim{color:var(--text-4)}.hero-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(107,159,168,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(107,159,168,.10) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 42%,#000 0%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 50% 42%,#000 0%,transparent 100%);animation:grid-drift 22s linear infinite}@keyframes grid-drift{from{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}.hero-scan{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.45;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.28) 3px 4px)}.hero-glow{position:absolute;left:42%;top:38%;width:min(820px,120vw);height:min(460px,80vh);transform:translate(-50%,-50%);z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(107,159,168,.26),rgba(139,122,184,.12) 45%,transparent 70%);filter:blur(40px);animation:glow-breathe 9s ease-in-out infinite}@keyframes glow-breathe{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@media (prefers-reduced-motion:reduce){.hero-title__mark::before,.hero-title__mark::after{display:none}.hero-grid,.hero-glow{animation:none}.hero-scan{display:none}}.hero-sub{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;color:var(--text-2);max-width:560px;margin:var(--s-6) 0 var(--s-10)}.hero-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-10)}.hero-actions{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.stats{position:relative;z-index:2;padding:var(--s-16) 0;border-top:1px solid var(--border-s);border-bottom:1px solid var(--border-s)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-8);text-align:center}.stat-value{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.1;color:var(--text);letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-top:var(--s-2)}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-6)}}.team-section{background:linear-gradient(180deg,transparent,var(--bg-2) 60%,var(--bg-2))}.team-card{text-align:center}.team-avatar{width:96px;height:96px;border-radius:var(--r-16);margin:0 auto var(--s-6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;background:var(--bg-3);border:1px solid var(--border-s);overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--s-2)}.team-role{font-size:.875rem;color:var(--text-2);margin-bottom:var(--s-4)}.team-bio{font-size:.875rem;color:var(--text-3);line-height:1.6;max-width:280px;margin:0 auto}.team-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-4)}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}.value-card{padding:var(--s-8);text-align:center;background:var(--bg-2);border:1px solid var(--border-s);border-radius:var(--r-12);transition:all var(--trans-f)}.value-card:hover{border-color:var(--border-str);transform:translateY(-4px);box-shadow:var(--shadow-m)}.value-icon{width:48px;height:48px;margin:0 auto var(--s-6);display:flex;align-items:center;justify-content:center;border-radius:var(--r-12);background:var(--bg-3);border:1px solid var(--border);color:var(--accent)}.value-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--s-3)}.value-desc{font-size:.875rem;color:var(--text-2);line-height:1.6}.join{position:relative;overflow:hidden}.join::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--accent-m) 0%,transparent 60%);pointer-events:none}.join-card{max-width:560px;margin:0 auto;background:var(--bg-2);border:1px solid var(--border-s);border-radius:var(--r-16);padding:var(--s-12) var(--s-8);position:relative;z-index:2}.join-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;text-align:center;margin-bottom:var(--s-3)}.join-desc{text-align:center;color:var(--text-2);margin-bottom:var(--s-8)}.form-group{margin-bottom:var(--s-6)}.label{display:block;font-size:.75rem;font-weight:500;color:var(--text-2);margin-bottom:var(--s-2);text-transform:uppercase;letter-spacing:.06em}.input{width:100%;padding:var(--s-3) var(--s-4);font-family:inherit;font-size:.875rem;color:var(--text);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-8);transition:border-color var(--trans-f),box-shadow var(--trans-f);outline:none}.input::placeholder{color:var(--text-4)}.input:hover{border-color:var(--border-str)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-m)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.form-note{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);text-align:center;margin-top:var(--s-4)}.field-error{font-size:.75rem;color:var(--danger);margin-top:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.field-error::before{content:'!';display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--danger);color:var(--bg-1);font-size:10px;font-weight:700;flex:none}.field-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.field-foot .field-error{margin-top:var(--s-2)}.char-count{font-family:var(--font-mono);font-size:.625rem;color:var(--text-4);margin-top:var(--s-2);white-space:nowrap}.input[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(196,91,91,.14)}.select-wrap{position:relative}.btn.is-loading{pointer-events:none;opacity:.75}.btn.is-loading::after{content:'';width:14px;height:14px;border:2px solid rgba(10,10,12,.35);border-top-color:var(--bg-1);border-radius:50%;animation:spin .7s linear infinite;margin-left:var(--s-2)}@keyframes spin{to{transform:rotate(360deg)}}.form-note{font-family:var(--font-mono);font-size:.625rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-top:var(--s-6)}@media (max-width:480px){.form-row{grid-template-columns:1fr}.join-card{padding:var(--s-8) var(--s-6)}}.private-entry{padding:var(--s-24) 0;text-align:center}.private-icon{width:80px;height:80px;margin:0 auto var(--s-8);display:flex;align-items:center;justify-content:center;border-radius:var(--r-16);background:var(--void-m);border:1px solid rgba(139,122,184,.2);color:var(--void)}.private-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:var(--s-4)}.private-desc{font-size:1.125rem;color:var(--text-2);max-width:560px;margin:0 auto var(--s-10);line-height:1.65}.private-note{font-family:var(--font-mono);font-size:.625rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--s-8)}.footer{border-top:1px solid var(--border-s);padding:var(--s-24) 0 var(--s-12)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s-12);margin-bottom:var(--s-16)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:var(--s-3);font-size:1.25rem;font-weight:700;letter-spacing:.12em;color:var(--text);text-transform:uppercase;margin-bottom:var(--s-4)}.footer-logo img{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block;flex:none}.footer-tagline{font-size:.875rem;color:var(--text-3);line-height:1.6;margin-bottom:var(--s-6)}.footer-col-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-bottom:var(--s-4)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}.footer-links a{font-size:.875rem;color:var(--text-2);transition:color var(--trans-f)}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-8);border-top:1px solid var(--border-s);flex-wrap:wrap;gap:var(--s-4)}.footer-copy{font-family:var(--font-mono);font-size:.625rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em}.footer-meta{font-family:var(--font-mono);font-size:.625rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--s-8)}.footer-brand{grid-column:span 2;max-width:none}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d-1{transition-delay:.1s}.reveal-d-2{transition-delay:.2s}.reveal-d-3{transition-delay:.3s}.reveal-d-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}@media (max-width:768px){.container{padding-left:max(var(--s-6),env(safe-area-inset-left));padding-right:max(var(--s-6),env(safe-area-inset-right))}.section{padding:var(--s-24) 0}.section-tight{padding:var(--s-16) 0}.header-actions .btn{display:none}.header{gap:var(--s-2)}.hero{padding-top:calc(64px+env(safe-area-inset-top)+var(--s-6));min-height:auto;padding-bottom:var(--s-24)}.hero-slogan{letter-spacing:.18em}.hero-actions{flex-direction:column;align-items:stretch;gap:var(--s-3)}.hero-actions .btn{width:100%}.btn{min-height:44px}.drawer-nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{flex-direction:column;gap:var(--s-3);text-align:center}.toast-container{left:var(--s-4);right:var(--s-4);top:auto;bottom:var(--s-4);max-width:none}.toast{transform:translateY(120%)}.toast.show{transform:translateY(0)}.form-group{margin-bottom:var(--s-5)}.input{padding:var(--s-4);font-size:16px}.private-entry{padding:var(--s-20) 0}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.display-2{font-size:clamp(1.55rem,7vw,2rem)}.display-3{font-size:clamp(1.35rem,6vw,1.7rem)}.hero-title__mark{font-size:clamp(2.6rem,16vw,3.6rem);letter-spacing:.01em}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.stat-value{font-size:clamp(1.6rem,8vw,2.2rem)}.join-card{padding:var(--s-6) var(--s-5)}.work-card__top{flex-direction:row;align-items:flex-start}.flow-row{flex-direction:column;align-items:flex-start;gap:var(--s-2)}}.toast-container{position:fixed;top:var(--s-6);right:var(--s-6);z-index:500;display:flex;flex-direction:column;gap:var(--s-3);max-width:400px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-6);background:var(--bg-e);border:1px solid var(--border);border-radius:var(--r-12);box-shadow:var(--shadow-m);transform:translateX(120%);opacity:0;transition:transform .4s ease,opacity .4s ease}.toast.show{transform:translateX(0);opacity:1}.toast-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.toast-content{flex:1;min-width:0}.toast-title{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:var(--s-1)}.toast-msg{font-size:.75rem;color:var(--text-2);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:var(--s-1);border-radius:var(--r-4);transition:color var(--trans-f)}.toast-close:hover{color:var(--text)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{color:var(--info)}.toast-info .toast-title{color:var(--info)}.toast-warning{border-left:3px solid var(--warn)}.toast-warning .toast-icon{color:var(--warn)}.toast-warning .toast-title{color:var(--warn)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--bg-2);border-left:1px solid var(--border-s);z-index:300;transform:translateX(100%);transition:transform .4s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-6);border-bottom:1px solid var(--border-s)}.drawer-nav{flex:1;overflow-y:auto;padding:var(--s-6)}.drawer-nav a{display:block;padding:var(--s-4) 0;font-size:1.125rem;font-weight:500;color:var(--text-2);border-bottom:1px solid var(--border-s);transition:color var(--trans-f)}.drawer-nav a:hover{color:var(--text)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:299;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.drawer-backdrop.open{opacity:1;visibility:visible}.badge-success{background:rgba(91,196,138,.12);color:var(--success)}.badge-warning{background:rgba(196,163,91,.12);color:var(--warn)}.badge-info{background:rgba(91,140,196,.12);color:var(--info)}.section-alt{background:var(--bg-2)}.text-center .editorial{margin-inline:auto}.card-title{font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--text);margin-bottom:var(--s-3)}.work-card__top{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.work-card__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.work-card__meta{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-3);letter-spacing:.02em}.journal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font-family:var(--font-mono);font-size:.75rem;color:var(--text-3)}.journal-read{display:inline-block;margin-top:var(--s-4);font-size:.875rem;color:var(--text-3);transition:color var(--trans-f)}.journal-read:hover{color:var(--accent)}.eco-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-12);background:var(--void-m);border:1px solid rgba(139,122,184,.2);color:var(--void);margin-bottom:var(--s-4)}.flow-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--bg-3);border:1px solid var(--border-s);border-radius:var(--r-8)}.flow-row__desc{font-size:.875rem;color:var(--text-2)}.page-hero{padding:calc(64px+var(--s-32)) 0 var(--s-20);position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--accent-m) 0%,transparent 60%);pointer-events:none}.page-hero h1{position:relative;z-index:1}.page-hero .editorial{position:relative;z-index:1}.page-hero__back{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:var(--s-6);position:relative;z-index:1}.page-hero__back:hover{color:var(--text)}.teaser-grid{margin-top:var(--s-16)}.teaser-card{display:block;color:inherit;padding:var(--s-8)}.teaser-card:hover{color:inherit}.teaser-card h3{font-size:1.25rem;margin-bottom:var(--s-3)}.teaser-card p{font-size:.9375rem}.teaser-card__link{display:inline-block;margin-top:var(--s-4);font-size:.875rem;color:var(--accent)}.teaser-card:hover .teaser-card__link{color:var(--accent-h)}.nav a[aria-current="page"]{color:var(--text)}.drawer-nav a[aria-current="page"]{color:var(--text)}.breadcrumb{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-bottom:var(--s-4)}.cta-band{border:1px solid var(--border-s);border-radius:var(--r-16);padding:var(--s-12) var(--s-8);text-align:center;background:var(--bg-2);margin-top:var(--s-16)}.cta-band h2{margin-bottom:var(--s-3)}.cta-band p{margin-bottom:var(--s-8);max-width:520px;margin-inline:auto}
/* ===== Phase 5 style refinements ===== */
/* Clearer, larger focus indicator */
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-6)}
/* Slightly larger display headings on desktop */
.display-1{font-size:clamp(2.75rem,7vw,5rem)}
.display-2{font-size:clamp(2.25rem,4.5vw,4rem)}
/* Stronger, cleaner card lift */
.card:hover{transform:translateY(-4px);border-color:var(--border-str);box-shadow:var(--shadow-l)}
.card:active{transform:translateY(-2px)}
/* Generous section breathing room */
.section{padding:var(--s-40) 0}
.section-tight{padding:var(--s-24) 0}
/* Hero CTA prominence */
.hero-actions .btn-primary{box-shadow:var(--shadow-accent)}
.hero-actions .btn-primary:active{box-shadow:none;transform:translateY(1px)}
/* Subtle page-hero accent */
.page-hero h1{letter-spacing:-.025em}