@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#111310;--surface:#191c17;--line:#34382e;--text:#f0f1e8;--muted:#a4aa9b;--lime:#c7f44a;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,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(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.progress{position:fixed;top:0;left:0;height:3px;background:var(--lime);width:0;z-index:30}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#111310ed;backdrop-filter:blur(16px)}.brand{font-size:40px;font-weight:700;letter-spacing:-5px;line-height:1}.brand span{font-size:13px;letter-spacing:0;vertical-align:top;display:inline-block;margin:4px 0 0 8px}nav{display:flex;gap:34px;font-size:14px}nav a{color:#bec3b6;transition:color .2s}nav a:hover,nav a.active{color:var(--lime)}.contact-top{font-size:14px;display:flex;gap:22px;align-items:center}.small-dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}.hero{padding:44px 5.3% 0;overflow:hidden}.hero-meta,.eyebrow,.edition,.hero-foot,.map-heading,.art-label,.art-foot,.project-kicker,.tags,.note-meta,.note-bottom,.time-tag,.time-status,footer{font-family:var(--mono);font-size:12px;letter-spacing:.06em}.hero-meta{display:flex;justify-content:space-between;color:var(--muted)}#clock{margin-left:15px;color:var(--text)}.hero-title{position:relative;margin:35px 0 42px}h1{font-size:clamp(65px,8.3vw,132px);font-weight:500;letter-spacing:-.065em;line-height:.99;margin:0}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.04em}h1 .serif{color:var(--lime)}.edition{position:absolute;right:0;top:20px;color:var(--muted);font-size:11px;line-height:1.8;text-align:right}.hero-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.hero-intro>p:first-child{font-size:20px;line-height:1.55;margin:0 0 18px}.muted,.hero-intro .muted{color:var(--muted)}.hero-intro .muted{max-width:425px;font-size:15px;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:center;gap:55px;padding:15px 23px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#d9ff79}.primary{background:var(--lime);color:#171c0e}.button span{font:11px var(--mono);opacity:.6}.hero-intro .button{margin-top:15px}.system-map{height:292px;position:relative;background-image:radial-gradient(#414735 1px,transparent 1px);background-size:18px 18px;border:1px solid var(--line);border-radius:3px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.map-heading{position:absolute;top:10px;left:20px;right:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;background:var(--bg);padding:3px}.map-live{color:var(--lime)}.map-lines{position:absolute;inset:20px 0;width:100%;height:250px;overflow:visible}.map-lines path{fill:none;stroke:#5e6b3e;stroke-width:1}.map-lines circle{fill:var(--lime)}.node{position:absolute;border:1px solid #4c563c;background:#171b13;padding:8px 15px;border-radius:5px;font-size:12px;transform:translate(-50%,-50%);white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}.node:hover,.node.active{background:var(--lime);color:var(--bg);box-shadow:0 0 35px #c7f4411c}.n1{left:16.66%;top:75px}.n2{left:83.3%;top:75px}.n3{left:16.66%;top:220px}.n4{left:83.3%;top:220px}.core{left:50%;top:145px;font-size:22px;padding:13px 23px}.core span{display:block;font:8px var(--mono);letter-spacing:.04em}#map-caption{position:absolute;bottom:-1px;text-align:center;width:100%;font-size:11px;color:var(--muted);background:var(--bg);margin:0;padding:4px}.hero-foot{margin-top:58px;padding:22px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.hero-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}.hero-foot a{display:flex;align-items:center;gap:12px}.scroll-line{display:inline-block;height:22px;width:1px;background:var(--lime);animation:scrollpulse 2s infinite}.ticker{background:var(--lime);color:var(--bg);overflow:hidden;padding:19px 0;border-block:1px solid var(--lime)}.ticker>div{display:flex;gap:45px;white-space:nowrap;width:max-content;font-size:14px;letter-spacing:.08em;font-weight:650;animation:ticker 45s linear infinite}.ticker span{font-size:19px;line-height:1}.section{padding:112px 5.3%}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:48px}.section-head .eyebrow{grid-column:1/-1;margin-bottom:24px}.eyebrow{color:var(--muted)}h2{font-size:clamp(40px,4.9vw,74px);font-weight:450;line-height:1.08;letter-spacing:-.055em;margin:0}.section-head>p{justify-self:end;color:var(--muted);font-size:15px;margin:0 0 5px}.project{background:transparent;border:1px solid var(--line);padding:0;text-align:left;width:100%;overflow:hidden;transition:border-color .3s,transform .3s}.project:hover{border-color:#8eac49;transform:translateY(-4px)}.feature{display:grid;grid-template-columns:1.2fr 1fr}.project-art{position:relative;min-height:355px;overflow:hidden}.architecture-art{background:#20261a;background-image:linear-gradient(#333d2340 1px,transparent 1px),linear-gradient(90deg,#333d2340 1px,transparent 1px);background-size:30px 30px}.art-label{position:absolute;top:24px;left:25px;font-size:10px;color:#bac7a7}.art-foot{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:#aebc9a}.architecture{position:absolute;top:88px;left:10%;right:10%;transition:transform .5s}.project:hover .architecture{transform:scale(1.025)}.arch-row{display:flex;justify-content:space-between;gap:13px}.arch-row span{padding:9px 11px;border:1px solid #65734b;font:10px var(--mono);flex:1;text-align:center;background:#1d2417}.connector{height:24px;width:1px;background:#8eac49;margin:auto}.arch-core{padding:18px;background:var(--lime);color:var(--bg);text-align:center;font-size:17px;font-weight:600;letter-spacing:-.03em}.arch-core span{display:block;font:9px var(--mono);letter-spacing:.04em;margin-top:6px}.project-copy{padding:36px}.project-kicker{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.status{color:var(--lime);font-size:9px}.project h3{font-size:42px;font-weight:450;line-height:1.1;letter-spacing:-.05em;margin:25px 0 15px}.project p{font-size:15px;line-height:1.7;color:var(--muted);max-width:390px}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;letter-spacing:0}.tags span{border:1px solid var(--line);padding:5px 9px}.project-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:25px;font-size:13px}.project-link>span{font-size:24px;color:var(--lime);font-weight:400}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.small .project-art{min-height:280px}.small .project-copy{padding:28px}.small h3{font-size:33px;margin:18px 0 10px}.bus-art{background:#242936}.route-diagram{display:flex;align-items:center;position:absolute;inset:80px 9% 50px}.route-diagram>div{display:flex;flex-direction:column;align-items:center;gap:12px}.route-diagram i{width:17px;height:17px;border:1px solid #9cadd0;border-radius:50%;background:#242936;box-shadow:0 0 0 8px #31394a}.route-diagram span{font:9px var(--mono);color:#b9c9df}.route-diagram b{height:1px;background:#657693;flex:1;margin:0 15px 28px}.route-center i{height:55px;width:55px;background:#abc2e7;box-shadow:0 0 0 13px #394356;animation:glow 4s infinite}.bus-art .art-label,.bus-art .art-foot{color:#b1bed0}.workflow-art{background:#2b2521}.workflow-art .art-label,.workflow-art .art-foot{color:#ccbcab}.pipeline{position:absolute;top:83px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#c9b6a3}.pipeline span{border:1px solid #766450;padding:7px}.pipeline b{font-weight:400}.code-note{position:absolute;top:139px;left:8%;font-size:29px;line-height:1.15;letter-spacing:-.04em}.code-note em{color:#d6b798;font-family:var(--serif);font-size:33px}.about{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#161913}.about h2{margin-top:27px}.personal-stamp{display:flex;align-items:center;gap:20px;margin-top:55px;font-weight:650;letter-spacing:-5px;font-size:70px;color:var(--lime)}.personal-stamp span{font:10px/1.7 var(--mono);letter-spacing:.05em;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.about-right p{color:var(--muted);font-size:16px}.about-right .big-copy{font-size:26px;line-height:1.5;color:var(--text);margin-top:0;letter-spacing:-.025em}.facts{margin-top:33px}.facts div{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-direction:column;gap:5px}.facts span{font:10px var(--mono);color:var(--muted)}.facts strong{font-size:14px;font-weight:400}.toolkit{display:grid;grid-template-columns:1fr 1fr;gap:10%}.toolkit h2{margin-top:25px;font-size:55px}.tool-list details{border-bottom:1px solid var(--line);padding:22px 0}.tool-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;font-size:19px;letter-spacing:-.025em;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font:11px var(--mono);color:var(--muted)}summary b{margin-left:auto;color:var(--lime);font-size:23px;font-weight:400;transition:transform .3s}details[open] summary b{transform:rotate(45deg)}details p{color:var(--muted);font-size:15px;padding-left:34px}details .tags{padding-left:34px}.notebook{background:#e8ebde;color:#22271c}.notebook .eyebrow,.notebook .section-head p{color:#646b59}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.note{background:#f1f2e9;border:1px solid #c7ccbb;padding:25px 26px;text-align:left;min-height:340px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.note:nth-child(2){transform:rotate(1.4deg);background:#dce6c4}.note:nth-child(3){transform:rotate(-1deg)}.note:hover{transform:translateY(-8px) rotate(0);box-shadow:0 14px 25px #34412215}.note-meta{display:flex;justify-content:space-between;font-size:9px;color:#676e5e}.note-meta b{font-weight:400}.note h3{font-size:30px;line-height:1.16;font-weight:500;letter-spacing:-.045em;margin:38px 0 12px}.note p{font-size:14px;line-height:1.75;color:#5d6651;margin-top:0}.note-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bdc5ae;margin-top:auto;padding-top:20px;font-size:9px}.note-bottom b{font-size:22px;font-weight:400}.direction-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;align-items:end}.direction-intro .eyebrow{grid-column:1/-1}.direction-intro p{color:var(--muted);max-width:390px;margin:0 0 5px}.timeline{margin-top:60px}.timeline article{padding:35px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:85px 1fr 200px;gap:30px}.time-number{font:italic 40px var(--serif);color:var(--lime)}.time-tag{font-size:10px;color:var(--muted)}.timeline h3{font-size:29px;letter-spacing:-.04em;font-weight:450;margin:10px 0}.timeline p{max-width:580px;font-size:15px;color:var(--muted);margin:0}.time-status{font-size:9px;align-self:start;justify-self:end;border:1px solid var(--line);padding:6px 10px;color:var(--muted)}.timeline article:first-child .time-status{color:var(--lime)}.contact{padding-bottom:0;background:#1c2116;border-top:1px solid #38442b}.contact h2{font-size:clamp(50px,6.8vw,100px);margin:32px 0}.contact h2 .serif{color:var(--lime)}.contact-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.copy-email{border:0;border-bottom:1px solid #647448;background:transparent;padding:10px 0;font-size:14px}.copy-email span{margin-left:25px;color:var(--lime)}#copy-status{font-size:12px;color:var(--lime)}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #39422f;padding:30px 0;margin-top:90px;font-size:10px;line-height:1.8}footer .brand{font-family:var(--sans)}footer a:last-child{color:var(--muted)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}dialog{background:#1c2118;color:var(--text);border:1px solid #566242;width:min(730px,92vw);max-height:85dvh;padding:0;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#070906c9;backdrop-filter:blur(8px)}.dialog-inner{padding:60px 50px 45px}.dialog-inner h2{font-size:48px;margin:23px 0 30px}.dialog-inner h3{font-weight:500;font-size:21px;margin:28px 0 10px}.dialog-inner p,.dialog-inner li{color:#bec6b3;font-size:16px;line-height:1.8}.dialog-inner ul{padding-left:20px}.dialog-inner .detail-label{font:11px var(--mono);color:var(--lime);display:inline-block;border:1px solid #5e7043;padding:5px 9px;margin-top:18px}.close-dialog{position:absolute;right:17px;top:14px;background:transparent;border:1px solid #536046;width:34px;height:34px}.close-dialog:hover{background:var(--lime);color:#111}.hero-title,.hero-intro{animation:enter .9s both}.hero-intro{animation-delay:.12s}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes scrollpulse{50%{transform:scaleY(.5);transform-origin:top;opacity:.5}}@keyframes glow{50%{box-shadow:0 0 0 20px #39435655}}@media(min-width:1600px){header,.hero,.section{padding-left:max(5.3%,calc((100vw - 1440px)/2));padding-right:max(5.3%,calc((100vw - 1440px)/2))}}@media(max-width:950px){nav{gap:18px}.hero-title{margin-top:50px}.edition{display:none}.hero-bottom{gap:4%;grid-template-columns:1fr 1fr}.node{padding:7px 9px;font-size:10px}.core{font-size:18px}.map-heading{font-size:8px}.section{padding-top:80px;padding-bottom:80px}.feature{grid-template-columns:1fr 1fr}.project-copy{padding:25px}.project h3{font-size:34px}.arch-row span{font-size:8px;padding:9px 4px}.arch-core{font-size:14px}.tags{font-size:9px}.about,.toolkit{gap:6%}.toolkit h2{font-size:43px}.notes-grid{gap:12px}.note{padding:20px}.note h3{font-size:26px}.note-meta{font-size:8px}.contact{padding-bottom:0}.timeline article{grid-template-columns:55px 1fr 150px;gap:15px}}
@media(max-width:650px){header{height:74px;padding:0 6%}.brand{font-size:35px}nav{gap:16px;font-size:12px}nav a:nth-child(2),nav a:nth-child(4){display:none}.contact-top{font-size:12px;gap:10px}.hero{padding:27px 6% 0}.hero-meta{font-size:9px;gap:10px}.hero-meta>span:nth-child(2){text-align:right}#clock{display:block;margin-left:0}.hero-title{margin:35px 0}h1{font-size:clamp(49px,12.9vw,83px);line-height:1.04;letter-spacing:-.065em}.hero-bottom{grid-template-columns:1fr;gap:35px}.hero-intro>p:first-child{font-size:18px}.hero-intro .muted{font-size:14px}.system-map{height:272px}.map-lines{height:230px}.n1,.n2{top:71px}.n3,.n4{top:204px}.core{top:135px}.hero-foot{margin-top:25px;font-size:8px}.hero-foot>span:last-child{display:none}.hero-foot a{gap:8px}.ticker{padding:15px 0}.ticker>div{font-size:12px;gap:28px}.section{padding:65px 6%}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:0;font-size:10px}.section-head>p{justify-self:start;font-size:14px}h2{font-size:43px}.feature,.project-grid{grid-template-columns:1fr}.project-art,.small .project-art{min-height:280px}.architecture{top:66px}.project-copy,.small .project-copy{padding:24px}.project h3{font-size:34px}.project-kicker{font-size:9px}.status{display:block}.project-grid{gap:20px;margin-top:20px}.project p{font-size:14px}.about,.toolkit{grid-template-columns:1fr;gap:35px}.about .eyebrow,.toolkit .eyebrow{font-size:10px}.personal-stamp{display:none}.about-right .big-copy{font-size:23px}.about-right p{font-size:15px}.toolkit h2{font-size:43px}summary{font-size:18px}.notes-grid{grid-template-columns:1fr;gap:18px}.note{min-height:290px;padding:25px}.note h3{font-size:32px;margin-top:30px}.note-meta,.note-bottom{font-size:10px}.note:nth-child(2),.note:nth-child(3){transform:none}.direction-intro{grid-template-columns:1fr}.direction-intro .eyebrow{font-size:10px}.direction-intro p{font-size:15px}.timeline{margin-top:40px}.timeline article{grid-template-columns:40px 1fr;gap:15px;padding:28px 0}.time-status{grid-column:2;justify-self:start}.time-number{font-size:33px}.timeline h3{font-size:26px}.contact{padding-bottom:0}.contact>.eyebrow{font-size:10px}.contact h2{font-size:49px}.contact-actions{gap:22px;flex-wrap:wrap}.button{gap:30px}footer{margin-top:60px;display:grid;grid-template-columns:auto 1fr;font-size:9px;gap:24px}footer>span:nth-child(3){grid-column:2}footer>a:last-child{grid-column:2}.dialog-inner{padding:58px 27px 30px}.dialog-inner h2{font-size:39px}.dialog-inner p,.dialog-inner li{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.map-lines circle{display:none}}
/* Space edition */
:root{--bg:#070a10;--surface:#0e1420;--line:#ffffff20;--text:#f1f4fc;--muted:#9da9bf;--lime:#c7f44a}body{background:var(--bg)}header{background:#080c13d9;border-bottom-color:#ffffff16}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 94px);display:flex;flex-direction:column;padding-top:35px}.cosmos{position:absolute;inset:-3% -2%;z-index:-2;background:url('public/cosmos.webp') center 45%/cover no-repeat;will-change:transform;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070a107d,transparent 80%),linear-gradient(0deg,#070a10,transparent 24%);pointer-events:none}.hero-meta{color:#c6cee0}.hero-title{margin:65px 0 34px}h1{font-size:clamp(65px,7.7vw,123px);max-width:1000px;text-shadow:0 4px 50px #0006}.hero-bottom{display:block}.hero-intro{max-width:480px}.hero-intro .muted{color:#b8c3d6}.hero-intro>p:first-child{font-size:19px}.hero-intro .button{border-radius:50px;padding:16px 28px;margin-top:12px}.hero-foot{margin-top:65px;padding-top:24px}.hero-foot>span:last-child{color:#cad4e5}.ticker{background:#0c121c;color:#9daac0;border-color:#ffffff15;padding:19px 0}.ticker span{color:var(--lime)}.ticker>div{font-weight:400;font-size:12px;letter-spacing:.18em}.section{padding-top:110px;padding-bottom:110px}.eyebrow{color:#9baecc}.section-head{margin-bottom:55px}.work{background:radial-gradient(ellipse at 100% 20%,#21395935,transparent 50%)}.project{border-radius:18px;background:linear-gradient(135deg,#151e2dba,#0b101af5);border-color:#9db8e024;box-shadow:0 16px 50px #0002}.project:hover{border-color:#b9d3fd77;transform:translateY(-5px);box-shadow:0 20px 70px #44689918}.feature{grid-template-columns:1.1fr 1fr;min-height:395px}.project-copy{padding:40px}.project-art{min-height:395px}.architecture-art{background-color:#101d29;background-image:linear-gradient(#344c6a25 1px,transparent 1px),linear-gradient(90deg,#344c6a25 1px,transparent 1px);background-size:32px 32px}.architecture{top:106px}.arch-row span{border-color:#7391b459;background:#0b1524cc;border-radius:7px;color:#cad9ed}.connector{background:#7c9cbd}.arch-core{border-radius:10px;background:#d4e5fc;box-shadow:0 0 50px #83baff12}.art-label,.art-foot{color:#a3b7d1}.project h3{font-size:44px}.tags span{border-radius:20px;background:#ffffff04}.project-grid{gap:28px;margin-top:28px}.small .project-art{min-height:300px}.bus-art{background:radial-gradient(ellipse at 50% 55%,#223c59,#0b1422)}.workflow-art{background:radial-gradient(ellipse at 65% 20%,#333054,#151425)}.workflow-art .art-label,.workflow-art .art-foot{color:#aaa3d0}.code-note em{color:#c4b6f4}.pipeline span{border-color:#7f79a761;color:#cbc1ed;border-radius:6px}.pipeline{top:88px}.code-note{top:148px}.about{background:linear-gradient(120deg,#101725,#070a10);border-color:#ffffff14;gap:12%;position:relative}.about-left{position:sticky;top:140px;align-self:start}.personal-stamp{color:#d9e6fc}.about h2 .serif{color:#b4caec}.facts div{padding:21px 0}.facts strong{font-size:15px}.toolkit{background:radial-gradient(ellipse at 5% 80%,#273c6326,transparent 55%)}.tool-list details{padding:26px 0}.tool-list details[open]{background:#131e302f}.notebook{background:#0d1320;color:var(--text);border-block:1px solid #ffffff14}.notebook .eyebrow,.notebook .section-head p{color:var(--muted)}.notes-grid{gap:24px}.note,.note:nth-child(2),.note:nth-child(3){transform:none;background:linear-gradient(140deg,#1d293b,#101623);border:1px solid #8fa6ca30;border-radius:16px;min-height:355px;padding:28px;box-shadow:none}.note:nth-child(2){background:linear-gradient(140deg,#242139,#121421)}.note:nth-child(3){background:linear-gradient(140deg,#192c31,#101920)}.note:hover{transform:translateY(-7px);border-color:#aac3e980;box-shadow:0 20px 45px #0004}.note-meta,.note p{color:#aab6cc}.note-meta b{color:#c6d8f2}.note h3{font-size:33px;margin-top:44px}.note-bottom{color:#c5d4eb;border-color:#ffffff20}.note-bottom b{color:var(--lime)}.direction{background:radial-gradient(ellipse at 100% 45%,#33375633,transparent 60%)}.timeline article{position:relative;border-top:0;margin-left:20px;padding-left:45px;border-left:1px solid #62799955;grid-template-columns:65px 1fr 190px}.timeline article:before{content:'';width:9px;height:9px;border:1px solid #b2c7e6;background:#0d1522;border-radius:50%;position:absolute;left:-5px;top:45px}.timeline article:first-child:before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 20px #c7f4465c}.time-status{border-radius:20px}.time-number{color:#9fbde7}.contact{background:linear-gradient(90deg,#080d17e8,#080d17b8),url('public/cosmos.webp') center 25%/cover no-repeat;border-color:#ffffff20;padding-bottom:0}.contact h2{font-size:clamp(48px,6.5vw,95px)}.contact .button{border-radius:50px;min-width:140px}.copy-email{border-color:#7895bd}.footer-credit{font-family:var(--sans);font-size:14px;letter-spacing:0;color:#d7e1f1;display:flex;gap:22px;align-items:center}.copyright{font:11px var(--mono);color:var(--muted)}footer{border-color:#ffffff20;margin-top:85px;padding:28px 0;display:flex;gap:30px}footer .brand{margin-right:auto}.social-links{display:flex;gap:10px;margin-left:auto}.social-icon{width:42px;height:42px;border-radius:50%;border:1px solid #aac1e036;background:#ffffff06;display:grid;place-items:center;color:#a0acc0;padding:11px}.social-icon svg{width:100%;height:100%}.social-icon:disabled{cursor:default;opacity:.65}.back-top{position:fixed;right:26px;bottom:26px;z-index:25;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#172135dc;backdrop-filter:blur(15px);border:1px solid #b2c8e960;color:var(--text);box-shadow:0 8px 30px #0005;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s,visibility .25s,background .25s}.back-top.shown{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:var(--lime);color:#080b10;border-color:var(--lime)}dialog{background:#101827;border-color:#7697c044;border-radius:18px}.close-dialog{border-radius:50%;border-color:#829bbd55}.dialog-inner p,.dialog-inner li{color:#b4c2d7}.dialog-inner .detail-label{border-color:#6d873b;border-radius:20px}.close-dialog:hover{background:var(--lime)}
@media(max-width:950px){.hero-title{margin-top:55px}.hero-intro{max-width:440px}.project h3{font-size:36px}.project-copy{padding:28px}.note h3{font-size:28px}.note{padding:22px}.timeline article{grid-template-columns:45px 1fr 140px;gap:18px;padding-left:30px}.footer-credit{flex-direction:column;align-items:flex-start;gap:3px}}
@media(max-width:650px){.hero{min-height:calc(100svh - 74px);padding-top:26px}.cosmos{background-position:64% center;opacity:.8}.hero:after{background:linear-gradient(90deg,#070a10a8,#070a1026),linear-gradient(0deg,#070a10,transparent 35%)}.hero-title{margin-top:48px;margin-bottom:32px}h1{font-size:clamp(49px,12.9vw,83px)}.hero-intro{max-width:95%}.hero-intro>p:first-child{font-size:18px}.hero-intro .muted{font-size:14px;color:#c0cada}.hero-foot{margin-top:44px}.section{padding-top:72px;padding-bottom:72px}.feature{grid-template-columns:1fr;min-height:0}.project-art,.small .project-art{min-height:280px}.architecture{top:66px}.section-head{margin-bottom:32px}.project-copy{padding:25px}.about-left{position:static}.about{gap:30px}.notes-grid{gap:16px}.note,.note:nth-child(2),.note:nth-child(3){min-height:310px;padding:26px}.note h3{font-size:31px;margin-top:30px}.timeline article{margin-left:5px;padding-left:24px;grid-template-columns:33px 1fr;gap:10px}.timeline article:before{top:40px}.time-status{grid-column:2}.timeline h3{font-size:24px}.timeline p{font-size:14px}.contact{padding-bottom:0}.contact h2{font-size:47px}.footer-credit{font-size:12px}footer{display:grid;grid-template-columns:auto 1fr;gap:20px;margin-top:65px;padding-bottom:90px}footer .brand{margin:0}.social-links{grid-column:2;justify-self:start;margin:0}.back-top{right:18px;bottom:18px;width:48px;height:48px}.dialog-inner .detail-label{font-size:9px}.ticker>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cosmos{will-change:auto;transform:none!important}}
/* One continuous, animated space across every section. */
body{isolation:isolate;background:#05070d}.space-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 24%,#25234430,transparent 52%),radial-gradient(ellipse at 20% 75%,#172c4433,transparent 55%),#05070d;overflow:hidden}#starfield{display:block;width:100%;height:100%}main{position:relative}header{background:rgba(5,7,13,0.4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.08)}.hero{min-height:calc(100svh - 94px);padding-top:35px;padding-bottom:0;isolation:auto}.hero:after{display:none}.hero-title{margin-top:clamp(65px,12vh,135px);margin-bottom:35px}.hero-intro .muted,.hero-intro>p:first-child{font-size:19px;line-height:1.7;color:#b8c3d6;max-width:490px;margin:0 0 25px}.hero-intro{max-width:530px}.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hero-actions .button{margin-top:0;min-height:55px;border-radius:50px;padding:15px 27px}.cv-button{border:1px solid #aebdd255;background:#ffffff08;color:#d2dbea;cursor:pointer;text-decoration:none}.cv-button:hover{border-color:#b9d3fd88;background:#ffffff15;color:#ffffff;transform:translateY(-2px);cursor:pointer}.cv-button:disabled{cursor:not-allowed;opacity:.6}.cv-button:disabled:hover{transform:none;background:#ffffff08}.cv-note{display:block;font-size:12px;color:#9aa7be;margin-top:9px}.hero-foot{margin-top:auto;padding-top:45px;padding-bottom:30px;border-top:0;justify-content:center}.hero-bottom{padding-bottom:50px}.work,.about,.toolkit,.notebook,.direction,.contact{background:transparent}.about,.notebook,.contact{border-color:#ffffff12}.project{background:linear-gradient(135deg,#111a2bd9,#0b101ad4)}.note,.note:nth-child(2),.note:nth-child(3){background:#121a28d6}.note:nth-child(2){background:#1b192bd1}.note:nth-child(3){background:#102329cf}.project,.note{backdrop-filter:blur(8px)}.about h2 .serif,h2 .serif{color:var(--lime)}.about-right>p:first-child{margin-top:0}.about{align-items:start}.contact{padding-bottom:0}.hero h1{text-shadow:0 3px 24px #05070d}footer{background:transparent}.hero-meta{font-size:12px}
@media(max-width:650px){.hero{min-height:calc(100svh - 74px);padding-top:28px}.hero-title{margin-top:78px;margin-bottom:35px}.hero-intro .muted,.hero-intro>p:first-child{font-size:16px;line-height:1.75}.hero-actions{gap:12px}.hero-actions .button{font-size:13px;padding:14px 21px;min-height:50px}.hero-bottom{padding-bottom:40px}.hero-foot{padding-top:20px;padding-bottom:27px}.hero-meta{font-size:9px}}
/* Toolkit: brand icons and clear symbols for broader skills. */
.tool-icons{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:23px 0 4px;padding-left:34px}.tool-icon{display:grid;place-items:center;width:54px;height:54px;position:relative;border-radius:13px;background:#172131;transition:transform .2s,box-shadow .2s}.tool-icon img{display:block;width:52px;height:52px;border-radius:12px}.tool-icon:hover,.tool-icon:focus-visible{transform:translateY(-3px);box-shadow:0 5px 20px #c7f44a12;outline:1px solid #c7f44a70}.tool-icon:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#253148;color:#f0f4fc;font-size:12px;padding:4px 9px;border:1px solid #7186a944;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:2}.tool-icon:hover:after,.tool-icon:focus-visible:after{opacity:1}.tool-fallback{display:none;font-size:11px;color:#d8e4fa}.tool-icon.icon-unavailable img{display:none}.tool-icon.icon-unavailable .tool-fallback{display:block}.concept-tool{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid #9bb5dc25;border-radius:12px;padding:10px 13px;background:#101a2780;color:#bdcbe1;font-size:13px}.concept-tool svg{height:25px;width:25px;flex-shrink:0;color:var(--lime)}.concepts{gap:10px}.concepts .concept-tool{min-height:48px}.tool-list details>p{margin-bottom:18px}@media(max-width:650px){.tool-icons{gap:12px;padding-left:34px}.concept-tool{font-size:12px;padding:9px 11px}.tool-icons.concepts{flex-direction:column;align-items:stretch}}
.toolkit>div:first-child{position:sticky;top:140px;align-self:start}.tool-icons{gap:14px;row-gap:18px}.tool-fallback{font-size:10px;text-align:center;overflow-wrap:anywhere;padding:3px}.tool-list summary{line-height:1.35}.tool-list .concept-tool{font-size:13px}.social-links{flex-wrap:wrap}.social-links a.social-icon{color:#bacbe4;transition:color .2s,border-color .2s,transform .2s}.social-links a.social-icon:hover{color:var(--lime);border-color:#c7f44a80;transform:translateY(-3px)}.contact-actions{flex-wrap:wrap}.tool-list details[open]{background:transparent}@media(max-width:650px){.toolkit>div:first-child{position:static}.tool-icons{gap:12px}.tool-list summary{font-size:17px}.social-links{gap:8px}.social-icon{width:40px;height:40px}}
.hero-meta>span:first-child{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:.09em}.hero-meta{align-items:center}.hero-bottom{padding-bottom:70px}#project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:0;grid-auto-rows:1fr}#project-grid>.project{display:flex;flex-direction:column;height:100%;min-width:0}#project-grid>.project[hidden]{display:none}#project-grid .project-art{height:280px;min-height:280px;flex-shrink:0}#project-grid .project-copy{padding:28px;display:flex;flex-direction:column;flex:1}#project-grid h3{font-size:33px;margin:18px 0 10px}#project-grid .project-copy p{margin:0 0 24px;max-width:none}#project-grid .project-link{margin-top:auto}#project-grid .architecture{top:67px}#project-grid .project-kicker{min-height:16px}.portfolio-art{background:linear-gradient(145deg,#111d2c,#090d17)}.portfolio-preview{position:absolute;top:87px;left:8%;font-size:clamp(30px,3vw,48px);letter-spacing:-.06em;line-height:1.12}.portfolio-preview em{font-family:var(--serif);color:var(--lime);font-weight:400}.brain-field{position:absolute;right:4%;top:190px;width:43%;height:430px;pointer-events:none;z-index:0}.hero-title,.hero-bottom,.hero-meta{position:relative;z-index:1}.hero-title{max-width:70%}.hero h1{font-size:clamp(65px,7.7vw,123px)}
@media(max-width:950px){.hero-meta>span:first-child{font-size:16px}.brain-field{right:1%;top:190px;width:39%;height:360px}.hero-title{max-width:74%}}
@media(max-width:650px){.hero-meta>span:first-child{font-size:13px;letter-spacing:.06em}.hero-meta>span:last-child{font-size:9px}#project-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:22px}#project-grid .project-art{height:255px;min-height:255px}#project-grid .project-copy{min-height:255px;padding:25px}#project-grid h3{font-size:30px}.hero-title{max-width:100%}.hero h1{font-size:clamp(49px,12.9vw,83px)}.brain-field{position:relative;right:auto;top:auto;align-self:center;width:80%;height:260px;margin:-10px 0 25px;order:4}.hero-bottom{padding-bottom:20px}.hero{min-height:calc(100svh - 74px)}}
@media(min-width:651px){.brain-field{top:300px;height:330px;width:40%;right:3%}}
.portrait-field,.tools-field{height:310px;width:100%;max-width:350px;margin-top:35px;pointer-events:none}.tools-field{height:300px;max-width:330px;margin-top:44px}.contact{position:relative;isolation:isolate}.plane-field{position:absolute;right:5%;top:130px;width:25%;height:250px;pointer-events:none}.contact h2{max-width:77%;font-size:clamp(48px,5.8vw,88px)}.contact footer,.contact-actions{position:relative;z-index:1}.particle-anchor{visibility:hidden}
@media(max-width:950px){.portrait-field,.tools-field{height:270px}.plane-field{top:155px;height:190px;width:23%}.contact h2{font-size:56px}}
@media(max-width:650px){.portrait-field,.tools-field{height:235px;max-width:280px;margin:25px auto 0}.plane-field{position:relative;top:auto;right:auto;width:200px;height:170px;margin:40px auto 0}.contact h2{max-width:100%;font-size:47px}.contact footer{margin-top:40px}}
/* Let the starfield flow continuously between sections. */
main > section.section{border-top:0;border-bottom:0}

/* Project card tags & action buttons */
.project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 14px 0 20px;
}
.project-tags span {
  font: 11px var(--mono);
  color: #9eb8dd;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  padding: 3px 8px;
  letter-spacing: 0.02em;
}
.modal-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-btn.primary {
  background: var(--lime);
  color: #080b10;
}
.modal-btn.primary:hover {
  background: #d8ff68;
  transform: translateY(-2px);
}
.modal-btn.secondary {
  background: rgba(255, 255, 255, 0.06);
  color: #dbe4f3;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.modal-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
/* Project card artwork & logo */
.dtt-art {
  background-color: #0d1522;
  background-image: radial-gradient(circle at 50% 50%, rgba(35, 60, 95, 0.5), transparent 75%),
                    linear-gradient(#344c6a20 1px, transparent 1px),
                    linear-gradient(90deg, #344c6a20 1px, transparent 1px);
  background-size: 100% 100%, 28px 28px, 28px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dtt-logo-wrap {
  width: 76%;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}
.dtt-card-logo {
  width: 100%;
  height: auto;
  max-height: 160px;
  object-fit: contain;
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.7));
}
.project:hover .dtt-logo-wrap {
  transform: scale(1.05);
}

.nano-art {
  background: radial-gradient(ellipse at 50% 50%, #1e293b, #0b111a);
}

.project-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.project:hover .project-img {
  transform: scale(1.04);
}

/* Modal project images & banners */
.modal-dtt-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  background: linear-gradient(135deg, rgba(16, 26, 43, 0.9), rgba(11, 16, 26, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  margin: 18px 0 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.modal-dtt-logo {
  max-width: 320px;
  width: 80%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.6));
}
.modal-project-img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  margin: 18px 0 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.enigma-art {
  background: radial-gradient(ellipse at 50% 50%, #152238, #070c14);
}

/* Projects carousel bar & controls */
.projects-carousel-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-top: 42px;
}
.carousel-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.25s ease;
}
.carousel-arrow:hover {
  background: var(--lime);
  color: #080b10;
  border-color: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(199, 244, 74, 0.25);
}
.carousel-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}
.carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  padding: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.carousel-dot:hover {
  background: rgba(255, 255, 255, 0.5);
}
.carousel-dot.active {
  width: 26px;
  border-radius: 12px;
  background: var(--lime);
  box-shadow: 0 0 12px rgba(199, 244, 74, 0.4);
}
.carousel-counter {
  font-family: var(--mono);
  font-size: 13px;
  color: var(--muted);
  letter-spacing: 0.08em;
  min-width: 60px;
  text-align: center;
}

/* Slide animation states for #project-grid */
#project-grid {
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
#project-grid.sliding-out-left {
  opacity: 0;
  transform: translateX(-18px);
}
#project-grid.sliding-out-right {
  opacity: 0;
  transform: translateX(18px);
}
#project-grid.sliding-in-left {
  opacity: 0;
  transform: translateX(18px);
}
#project-grid.sliding-in-right {
  opacity: 0;
  transform: translateX(-18px);
}

/* Direct card actions and footer layout */
.card-footer-row {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.card-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #c9d7ec;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.card-action-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  transform: translateY(-2px);
}
.card-action-btn.highlight {
  background: rgba(199, 244, 74, 0.1);
  border-color: rgba(199, 244, 74, 0.35);
  color: var(--lime);
}
.card-action-btn.highlight:hover {
  background: var(--lime);
  border-color: var(--lime);
  color: #080b10;
  box-shadow: 0 0 14px rgba(199, 244, 74, 0.35);
}
#project-grid .card-footer-row .project-link {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  color: var(--muted);
  font-size: 12px;
  gap: 6px;
  transition: color 0.2s ease;
}
#project-grid .project:hover .card-footer-row .project-link {
  color: var(--text);
}
.project[role="button"] {
  cursor: pointer;
}
.project[role="button"]:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}

/* Project card status indicator */
.project-kicker {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--muted);
  width: 100%;
}
.status {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--lime);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  background: rgba(199, 244, 74, 0.08);
  border: 1px solid rgba(199, 244, 74, 0.3);
  padding: 3px 9px;
  border-radius: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(199, 244, 74, 0.12);
  white-space: nowrap;
  flex-shrink: 0;
}
.status::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 8px var(--lime);
  flex-shrink: 0;
}

/* Official brand logo */
.brand {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
}
.brand:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}
.brand-logo {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(199, 244, 74, 0.22);
  transition: box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  vertical-align: middle;
}
.brand:hover .brand-logo {
  box-shadow: 0 0 24px rgba(199, 244, 74, 0.45);
}
@media (max-width: 650px) {
  .brand-logo {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}

/* ==========================================================================
   Comprehensive Ecosystem Directory Footer (Dayarathna Family Standard)
   ========================================================================== */
footer.site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 85px;
  padding: 64px 0 36px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.footer-directory {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.1fr;
  gap: 36px;
  width: 100%;
}

.footer-col {
  display: flex;
  flex-direction: column;
}

.brand-col {
  padding-right: 20px;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 16px;
}

.footer-brand .brand-logo {
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(199, 244, 74, 0.2);
}

.footer-brand .brand-text {
  font-family: var(--sans);
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  color: #f1f4fc;
}

.footer-brand .brand-mark {
  font-size: 0.65em;
  color: var(--lime);
  vertical-align: super;
  margin-left: 2px;
}

.brand-bio {
  font-size: 13px;
  line-height: 1.65;
  color: #9da9bf;
  margin: 0 0 18px 0;
  max-width: 320px;
}

.brand-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--lime);
  background: rgba(199, 244, 74, 0.08);
  border: 1px solid rgba(199, 244, 74, 0.22);
  padding: 5px 11px;
  border-radius: 20px;
  width: fit-content;
  margin-bottom: 4px;
}

.status-badge .pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 8px var(--lime);
}

.meta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 11px;
  color: #8fa1bc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.meta-link:hover {
  color: var(--lime);
}

.meta-link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--lime);
}

.footer-heading {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #f1f4fc;
  margin: 0 0 18px 0;
  position: relative;
  padding-bottom: 8px;
}

.footer-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 1.5px;
  background: var(--lime);
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.footer-link {
  font-size: 13px;
  color: #9da9bf;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.footer-link:hover {
  color: var(--lime);
  transform: translateX(3px);
}

.footer-link .link-arrow {
  font-size: 11px;
  opacity: 0.6;
  transition: transform 0.2s ease;
}

.footer-link:hover .link-arrow {
  opacity: 1;
  transform: translate(2px, -2px);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-bottom-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--mono);
  font-size: 11px;
  color: #8fa1bc;
}

.footer-social-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.footer-bottom-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.scroll-top-btn {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #d2dbea;
  text-decoration: none;
  transition: all 0.2s ease;
}

.scroll-top-btn:hover {
  background: var(--lime);
  color: #05070d;
  border-color: var(--lime);
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .footer-directory {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .brand-col {
    grid-column: 1 / -1;
    padding-right: 0;
  }
}

@media (max-width: 650px) {
  footer.site-footer {
    margin-top: 60px;
    padding: 40px 0 24px;
    gap: 32px;
  }
  .footer-directory {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
  .footer-bottom-actions {
    width: 100%;
    justify-content: space-between;
  }
}