:root{color-scheme:dark;--bg:#0b0e14;--panel:#11161f;--text:#eef1f7;--muted:#9aa5b6;--line:#252c38;--blue:#7c9dff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#5476d6;color:white}.header,main,footer{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-3px;font-weight:800}.brand span{color:var(--blue)}nav{display:flex;gap:34px;color:var(--muted);font-size:14px}.nav-contact{font-size:14px}.nav-contact span{margin-left:20px;color:var(--blue)}a:hover{color:var(--blue)}.hero{padding:100px 0 50px;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.8px;color:var(--blue);margin:0 0 25px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #7c9dff66}.location{color:#758197;margin-left:13px}h1{font-size:clamp(44px,5.2vw,68px);line-height:1.08;letter-spacing:-3.5px;margin:0;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:460px;margin:27px 0 30px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:32px;padding:16px 22px;border-radius:6px;font-size:14px}.primary{background:var(--blue);color:#0b142a;font-weight:600}.primary:hover{background:#a4baff;color:#0b142a}.text-link{font-size:13px}.hero-foot{display:flex;gap:21px;margin-top:54px;font:9px monospace;letter-spacing:1px;color:#778296}.visual{position:relative;height:390px;overflow:hidden;border:1px solid #293245;border-radius:12px;background:radial-gradient(ellipse at center,#192b52 0,#101827 48%,#0e131d 80%)}.visual-top,.visual-bottom{position:absolute;left:22px;right:22px;display:flex;align-items:center;font:9px monospace;letter-spacing:1px;color:#8d9bb6;z-index:2}.visual-top{top:23px}.visual-top>span:last-child{margin-left:auto}.visual-bottom{bottom:22px;justify-content:space-between}.orb{position:absolute;inset:95px 105px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#4b6bbb,#182645 55%,#0b1220);box-shadow:inset 0 0 28px #779fff36,0 0 60px #527ac62b;border:1px solid #6d8cbb66;transform:rotate(-12deg)}.orb span{font:35px monospace;color:#9fbcff}.orb b{color:#e5eeff;font-weight:400}.orbit{position:absolute;left:10%;top:19%;width:80%;height:62%;border:1px solid #5f7aae40;border-radius:50%;transform:rotate(-35deg)}.orbit-two{transform:rotate(38deg);height:47%;top:26%}.float-tag{position:absolute;font:10px monospace;color:#aec1e6;background:#111b2ee8;border:1px solid #3b506e;border-radius:5px;padding:11px;z-index:2}.tag-one{left:20px;top:119px}.tag-two{right:15px;bottom:96px}.section{padding:75px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:20px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:36px;letter-spacing:-1.3px;font-weight:500;line-height:1.2;margin:0}h3{font-size:24px;letter-spacing:-.6px;margin:10px 0 12px;font-weight:500}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.project:hover{border-color:#526789;transform:translateY(-3px)}.project-art{height:240px;margin:10px 10px 0;position:relative;overflow:hidden;border-radius:5px}.voice-art{background:radial-gradient(ellipse,#223b70,#111c32 70%)}.art-label{position:absolute;top:20px;left:20px;font:9px monospace;letter-spacing:1.2px;color:#a3b6da}.art-bottom{position:absolute;bottom:20px;left:20px;font:9px monospace;color:#a3b6da;letter-spacing:1px}.wave{position:absolute;inset:70px 45px;display:flex;align-items:center;justify-content:center;gap:8px}.wave i{width:7px;height:25%;border-radius:8px;background:linear-gradient(#adc2ff,#557bee);box-shadow:0 0 15px #6c9aff44}.wave i:nth-child(3n){height:70%}.wave i:nth-child(4n){height:100%}.wave i:nth-child(5n){height:48%}.wave i:nth-child(7n){height:85%}.agent-art{background:radial-gradient(ellipse at bottom,#233754,#111a27)}.mini-window{position:absolute;top:54px;left:12%;width:76%;background:#111824;border:1px solid #47536c;border-radius:8px;transform:rotate(-3deg);box-shadow:0 18px 30px #0005}.window-bar{height:29px;border-bottom:1px solid #2c3547;display:flex;align-items:center;gap:5px;padding:0 12px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#66748d}.window-bar span{font:8px monospace;color:#8493ad;margin-left:auto}.window-body{display:flex;gap:20px;padding:24px 20px}.agent-icon{font-size:42px;color:var(--blue)}.window-body strong{font-size:17px;font-weight:400;line-height:1.3}.code-line{height:3px;width:130px;background:#394760;margin-top:13px}.code-line.short{width:90px;margin-top:6px}.window-footer{font:8px monospace;border-top:1px solid #2c3547;padding:10px 12px;color:#91a3c1}.window-footer>span:last-child{float:right}.project-info{padding:25px}.category{font:9px monospace;letter-spacing:1.4px;color:var(--blue);margin:0}.project-info>p:not(.category){font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:420px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font:10px monospace;border:1px solid #30394a;border-radius:4px;padding:6px 9px;color:#aebbd0}.project-links{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.compact{display:flex;align-items:flex-start;padding:6px}.compact .project-info{flex:1;padding:22px 15px}.small-mark{margin:23px 0 0 17px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;background:#1c2a43;border-radius:10px;font-size:22px;color:#a9c1ff;letter-spacing:-2px}.small-mark span{font:10px monospace;letter-spacing:0}.checker{background:#182a2e;color:#87bbbf;font-size:27px}.heading-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.expertise-grid article{padding:30px 26px;border-right:1px solid var(--line)}.expertise-grid article:first-child{padding-left:0}.expertise-grid article:last-child{border:0;padding-right:0}.expertise-number{font:11px monospace;color:#65748f}.expertise-grid h3{font-size:19px;margin-top:25px}.expertise-grid p{font-size:14px;color:var(--muted);line-height:1.8}.tech-list{font:11px/2.2 monospace;color:#bfcae0;margin-top:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 20px}.about-copy p:first-child{color:#d3dbea}.contact{position:relative;padding:75px 0 65px}.contact h2{font-size:54px;letter-spacing:-2px}.contact h2 span{color:var(--blue)}.email{display:inline-flex;gap:60px;font-size:22px;margin:32px 0}.email span{color:var(--blue)}.socials{display:flex;flex-wrap:wrap;gap:28px;font-size:13px}.discord-note{margin-top:25px;color:#7e8aa0;font-size:11px}.discord-note button{border:0;background:none;color:#a4baff;text-decoration:underline;cursor:pointer;margin-left:12px;font-size:11px}#copy-status{margin-left:10px}footer{display:flex;align-items:center;gap:25px;padding-top:28px;padding-bottom:28px;color:#778397;font-size:11px}footer .brand{color:var(--text);font-size:26px}footer>span{margin-left:auto}footer>a:last-child{font-size:20px;color:var(--blue)}@media(min-width:1300px){.hero{padding-top:110px;padding-bottom:70px}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:22px}.location{display:block;margin-left:16px}h1{font-size:48px}.orb{inset:100px 50px}.hero-foot{gap:12px;font-size:8px}.compact{display:block}.small-mark{margin-bottom:0}.expertise-grid h3{font-size:17px}.expertise-grid article{padding:25px 15px}.about{gap:35px}}@media(max-width:640px){.header,main,footer{padding-left:22px;padding-right:22px}.header{height:78px}nav{gap:18px;font-size:12px}.nav-contact{font-size:0}.nav-contact span{font-size:20px;margin:0}.hero{display:flex;flex-direction:column;padding-top:55px;gap:38px;align-items:stretch}.location{display:inline;margin-left:9px;font-size:9px}.eyebrow{font-size:10px;letter-spacing:1.2px}h1{font-size:49px;letter-spacing:-2.7px}.intro{font-size:15px}.hero-foot{margin-top:32px;flex-wrap:wrap;gap:18px}.visual{height:300px}.orb{inset:65px calc(50% - 85px);width:170px;height:170px}.tag-one{top:93px}.tag-two{bottom:72px;font-size:9px}.section{padding:48px 0}h2{font-size:29px}.section-heading{align-items:start;flex-direction:column;gap:20px}.projects{grid-template-columns:1fr;gap:18px}.project-art{height:215px}.compact{display:flex}.expertise-grid{grid-template-columns:1fr}.expertise-grid article,.expertise-grid article:first-child,.expertise-grid article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.expertise-grid article:last-child{border:0}.expertise-grid h3{font-size:22px;margin-top:15px}.about{grid-template-columns:1fr;gap:25px}.contact h2{font-size:43px}.email{font-size:18px;gap:25px}.socials{gap:22px}footer{flex-wrap:wrap;gap:16px}footer>span{margin:0;width:80%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project{transition:none}.project:hover{transform:none}}
/* Emphasize agent expertise while keeping the section responsive. */
.hero-foot{flex-wrap:wrap;line-height:1.8}
.expertise-featured{gap:16px;border-top:0}
.expertise-featured article,.expertise-featured article:first-child,.expertise-featured article:last-child{padding:28px 24px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.expertise-featured .core-expertise{border-color:#496291;background:linear-gradient(145deg,#1b2942,#11161f 80%)}
.core-expertise .expertise-number{color:var(--blue)}
@media(max-width:900px) and (min-width:641px){.expertise-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.expertise-featured{grid-template-columns:minmax(0,1fr)}.expertise-featured article,.expertise-featured article:first-child,.expertise-featured article:last-child{padding:24px 20px}}
.repo-stats{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:11px;color:var(--muted);margin:0 0 17px}.repo-stats strong{color:var(--text);font-weight:500}.repo-stats a:first-child{color:var(--blue)}.stats-state{font:9px monospace;color:#8793a8;margin-left:auto}

.career-timeline{margin-top:30px;border-left:1px solid #496291;padding-left:22px}.career-timeline>div{position:relative;margin-bottom:24px}.career-timeline>div:before{content:"";position:absolute;left:-27px;top:4px;width:9px;height:9px;background:var(--blue);border-radius:50%}.career-timeline span{display:block;font:11px monospace;color:var(--blue);margin-bottom:8px}.career-timeline strong{display:block;font-size:15px;font-weight:500}.career-timeline p{font-size:13px;margin:8px 0 0;line-height:1.7}
footer>a:last-child{margin-left:auto}

.tech-icons{display:flex;flex-wrap:wrap;gap:8px;line-height:1.4}.tech-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #303c50;border-radius:6px;background:#0b111b;font:11px/1.4 Arial,sans-serif;color:#d4deef}.tech-chip img{object-fit:contain;flex-shrink:0}.tech-chip img[src$="nextjs.svg"],.tech-chip img[src$="fastify.svg"]{background:#eef1f7;border-radius:50%;padding:2px}

.tech-icons{gap:16px 20px}.tech-chip{padding:0;border:0;border-radius:0;background:none;gap:8px}.tech-chip img{width:24px;height:24px}.tech-chip img[src*='nextjs'],.tech-chip img[src*='fastify']{background:none;border-radius:0;padding:0;filter:invert(1)}


.career-role{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:26px 0;border-top:1px solid var(--line)}.role-date{font:12px/1.7 monospace;color:var(--blue);margin:4px 0}.career-role h3{font-size:20px;margin:0 0 9px}.role-company{font-size:15px;margin:0 0 9px;color:#d7e0ef}.role-meta{font-size:12px;color:var(--muted);margin:0}.role-detail{font-size:13px;line-height:1.8;color:#a9b8d0;margin:13px 0 0;max-width:660px}@media(max-width:640px){.career-role{grid-template-columns:1fr;gap:12px}nav{gap:12px;font-size:11px}.header .brand{font-size:27px}}

.career-foundation{border-top:2px solid var(--blue);background:linear-gradient(90deg,#18243a66,transparent);padding-left:18px;padding-right:18px;margin-bottom:15px}

.agent-since{color:var(--blue);font-size:13px;line-height:1.6;margin:0 0 25px}.project-info>.project-start{color:var(--blue)!important;font:11px/1.7 monospace!important;margin:0 0 16px!important}
/* Native accessibility and shared privacy controls. */
.skip-link{position:absolute;top:8px;left:20px;z-index:9999;padding:12px 18px;background:var(--blue);color:#0b142a;transform:translateY(-160%)}.skip-link:focus{transform:none}
#respect-footer{display:flex;align-items:center;gap:12px}footer{flex-wrap:wrap}footer a,footer button{min-height:24px}
.policy-page{padding-top:70px;padding-bottom:60px;max-width:900px}.policy-page section{margin-top:42px}.policy-page h2{font-size:27px;letter-spacing:-.6px}.policy-page p{font-size:16px;line-height:1.85;color:var(--muted)}.policy-page a{color:var(--blue);text-decoration:underline}.policy-page code{overflow-wrap:anywhere}
@media(max-width:420px){nav{gap:10px;font-size:11px}.header,main,footer{padding-left:18px;padding-right:18px}.header .brand{font-size:27px}.email{gap:12px;font-size:16px}.hero h1{font-size:44px}}

.install-command{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.install-command button{border:1px solid var(--blue);border-radius:5px;background:none;color:var(--blue);padding:10px 14px;cursor:pointer}

/* Lightweight decorative product covers; essential information remains in HTML. */
.cover-art{background:#111c2e}.cover-art img{display:block;width:100%;height:100%;object-fit:contain}

/* EU projects at die Berater. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eu-page{max-width:1200px}.eu-page>p{max-width:820px}
.eu-highlights,.eu-grid{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px}
.eu-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.eu-highlights li{padding:24px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.eu-highlights h3{margin-top:0;font-size:20px}.eu-highlights p{font-size:14px!important;line-height:1.7!important}.eu-highlights a{font-size:13px}
.eu-filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:20px 0 6px}.eu-filters label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.eu-filters select{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid #3a4558;border-radius:6px;padding:9px 12px;min-height:40px}.eu-filters select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.eu-filters p{margin:0!important;font:12px monospace!important;color:var(--blue)!important}
.eu-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.eu-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.eu-card[hidden]{display:none}
.eu-art{height:150px;margin:8px 8px 0;border-radius:5px;background:#111c2e;display:grid;place-items:center;overflow:hidden}.eu-art img{display:block;width:100%;height:100%;object-fit:contain}.eu-noimg{font:600 20px Arial,sans-serif;color:#a3b6da;padding:0 16px;text-align:center}
.eu-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}.eu-body h3{font-size:18px;margin:8px 0 8px;letter-spacing:-.3px}.eu-body p{font-size:13px!important;line-height:1.65!important;margin:0 0 10px}.eu-body .category{font-size:9px!important;line-height:1.6!important}.eu-body .eu-partners{font-size:12px!important;color:#aebbd0!important}.eu-link{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:12px}
.eu-note{font-size:13px!important;margin-top:24px}
.eu-more{margin-top:26px;display:flex;justify-content:flex-end;font-size:13px}
@media(max-width:900px){.eu-highlights{grid-template-columns:1fr}}
@media(max-width:640px){.eu-grid{grid-template-columns:1fr}.eu-art{height:170px}}
.eu-lead{max-width:760px;margin:-10px 0 30px}.eu-home{grid-template-columns:repeat(3,minmax(0,1fr))}.role-detail .text-link{color:var(--blue)}
@media(max-width:900px){.eu-home{grid-template-columns:1fr 1fr}}@media(max-width:640px){.eu-home{grid-template-columns:1fr}}
/* Project logos: keep the whole image visible on a light plate. */
.eu-art{display:block;position:relative;background:#fff;padding:10px}.eu-art img{width:100%;height:100%;object-fit:contain}.eu-noimg{position:absolute;inset:0;display:grid;place-items:center;color:#1b2942}
.eu-subtitle{font-size:22px;margin:44px 0 0}.eu-body h4{font-size:18px;font-weight:500;margin:8px 0;letter-spacing:-.3px}
.group-filter{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 8px}.group-filter button{border:1px solid #3a4558;border-radius:999px;background:var(--panel);color:var(--text);padding:10px 16px;font-size:13px;cursor:pointer;min-height:40px}.group-filter button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#0b142a;font-weight:600}.group-filter button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.project-group[hidden]{display:none}.project-group .projects{margin-top:24px}
.heading-links{display:flex;flex-wrap:wrap;gap:22px}
/* Logos: one light colour on the dark card; the original image appears on hover or keyboard focus. */
.eu-art{background:#111c2e;padding:12px}.eu-art img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.eu-color{opacity:0;background:#fff;border-radius:4px;transition:opacity .2s}.eu-mono{transition:opacity .2s}
.eu-card:hover .eu-color,.eu-card:focus-within .eu-color{opacity:1}.eu-card:hover .eu-mono,.eu-card:focus-within .eu-mono{opacity:0}.eu-noimg{color:#a3b6da}
@media(prefers-reduced-motion:reduce){.eu-color,.eu-mono{transition:none}}
.client-grid{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.client-card{display:flex;flex-direction:column;padding:22px 20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.client-card .category{font-size:9px!important;line-height:1.7!important}.client-card h3{font-size:18px;margin:10px 0 8px;letter-spacing:-.3px}.client-card>p:not(.category){font-size:13px!important;line-height:1.65!important;margin:0}.client-card .tags{margin-top:auto;padding-top:16px}
/* Client logos: same light monochrome treatment; original logo on hover or focus. */
.logo-art{height:120px;margin:-8px -6px 16px;border-radius:6px}.logo-art .eu-color{background:#f0efe7}
.client-card:hover .eu-color,.client-card:focus-within .eu-color,.hl-card:hover .eu-color,.hl-card:focus-within .eu-color{opacity:1}.client-card:hover .eu-mono,.client-card:focus-within .eu-mono,.hl-card:hover .eu-mono,.hl-card:focus-within .eu-mono{opacity:0}
.logo-art .eu-noimg{font-size:17px;font-weight:500;color:#a3b6da}.eu-highlights .logo-art{margin:-10px -10px 18px}
/* Agent Connect channel icons. */
.channel-wall{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.channel-wall li{display:grid;place-items:center;width:34px;height:34px;border:1px solid #303c50;border-radius:8px;background:#0b111b}.channel-wall img{width:20px;height:20px;object-fit:contain}
.channel-list{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.channel-list li{display:grid;grid-template-columns:24px 1fr;column-gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.channel-list img{grid-row:span 2;width:24px;height:24px;object-fit:contain}.channel-list span{font-size:14px;color:var(--text)}.channel-list small{font:10px monospace;color:var(--muted)}
.project-stats{list-style:none;margin:30px 0 4px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.project-stats li{padding:18px 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.project-stats li:first-child{border-color:#496291;background:linear-gradient(145deg,#1b2942,#11161f 80%)}.project-stats strong{display:block;font-size:30px;font-weight:500;letter-spacing:-1px;color:var(--text)}.project-stats span{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:900px){.project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stats li:first-child{grid-column:1/-1}}
/* Projects page: one shared grid for every card type. */
.all-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:18px}.all-projects>[hidden]{display:none!important}
.all-projects .project{display:flex;flex-direction:column}.all-projects .project-art{height:170px}.all-projects .project-info{display:flex;flex-direction:column;flex:1;padding:20px}.all-projects .project-info h3{font-size:20px}.all-projects .project-links{margin-top:auto}.all-projects .tags{margin-bottom:18px}
.all-projects .agent-art .mini-window{top:20px;transform:rotate(-3deg) scale(.8);transform-origin:top center}
.all-projects .client-card{display:flex;flex-direction:column}.all-projects .client-card>a{margin-top:auto;padding-top:14px;font-size:12px}.all-projects .client-card .eu-art{margin:-8px -6px 16px}
.group-note{margin:14px 0 0!important;font-size:14px!important;max-width:820px}.project-count{margin:10px 0 0!important;font:12px monospace!important;color:var(--blue)!important}.eu-filters[hidden],.group-note[hidden]{display:none}
.all-projects .eu-card h3{font-size:18px;font-weight:500;margin:8px 0;letter-spacing:-.3px}
.hero h1{font-size:clamp(38px,4.3vw,56px);letter-spacing:-2.6px}@media(max-width:640px){.hero h1{font-size:40px;letter-spacing:-2px}}
.logo-art .eu-color.dark-plate{background:#1b2942}
/* About / story page: one continuous story. */
.story-page{max-width:820px}.story-page .story-lead{font-size:19px!important;line-height:1.7!important;color:#d3dbea!important;max-width:720px}
.story{margin-top:40px;max-width:720px}.story p{font-size:17px!important;line-height:1.95!important;color:#b9c3d4!important;margin:0 0 24px}
.story>p:first-child:first-letter{float:left;font:400 64px/0.9 Georgia,serif;color:var(--blue);margin:6px 12px 0 0}
.story blockquote{margin:34px 0;padding:6px 0 6px 24px;border-left:2px solid var(--blue);font:italic 24px/1.5 Georgia,serif;color:#e5eeff}
.story-links{max-width:720px}.story-contact{margin-top:36px!important;font-size:18px!important}
@media(max-width:640px){.story-page .story-lead{font-size:17px!important}.story p{font-size:16px!important}.story blockquote{font-size:20px}}
/* Story cards between the paragraphs (decorative; the story text carries the content). */
.story-card{position:relative;height:230px;margin:34px 0 38px;border:1px solid #293245;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at center,#192b52 0,#101827 55%,#0e131d 85%)}
.story-card .visual-top{top:20px}.story-card .visual-bottom{bottom:18px}
.story-card-body{position:absolute;inset:48px 24px 44px;display:grid;place-items:center}
.story-term{position:static;width:min(380px,100%);transform:rotate(-2deg)}.term-body{padding:22px 20px;font:18px monospace;color:#c9d8f9}.term-prompt{color:var(--blue);margin-right:10px}.term-cursor{display:inline-block;width:10px;height:20px;margin-left:4px;vertical-align:-3px;background:var(--blue);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.story-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.story-stats li{padding:16px 14px;border:1px solid #3b506e;border-radius:8px;background:#111b2ee8;text-align:center}.story-stats strong{display:block;font-size:30px;font-weight:500;color:#e5eeff;letter-spacing:-1px}.story-stats span{display:block;margin-top:6px;font:10px/1.5 monospace;color:#9fb2d6}
.story-route{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;width:100%;position:relative}.story-route:before{content:"";position:absolute;left:6%;right:6%;top:7px;border-top:1px dashed #5f7aae}.story-route li{position:relative;flex:1;text-align:center;padding-top:26px;font:12px monospace;color:#c9d8f9}.story-route li:before{content:"";position:absolute;top:2px;left:50%;width:11px;height:11px;margin-left:-6px;border-radius:50%;background:#101827;border:2px solid var(--blue)}.story-route li:last-child:before{background:var(--blue);box-shadow:0 0 14px #7c9dffaa}
.story-big{text-align:center}.story-big strong{display:block;font:400 76px/1 Georgia,serif;color:#e5eeff}.story-big span{display:block;margin-top:10px;font:12px monospace;letter-spacing:1.4px;color:#9fb2d6;text-transform:uppercase}
@media(max-width:640px){.story-card{height:250px}.story-stats{gap:8px}.story-stats li{padding:12px 6px}.story-stats strong{font-size:22px}.story-route li{font-size:10px}.story-big strong{font-size:60px}}
@media(prefers-reduced-motion:reduce){.term-cursor{animation:none}}
/* Illustrated story cards. */
.story-card{height:auto;min-height:250px}.story-card .story-card-body{position:relative;inset:auto;display:block;padding:52px 22px 50px}
.story-svg{display:block;width:100%;height:auto}.story-code{margin:10px 0 0!important;font:15px monospace!important;color:#c9d8f9!important;text-align:center}
.card-film .kite{animation:kitefade 4s ease-in-out infinite}.card-film .k1{animation-delay:.5s}.card-film .k2{animation-delay:1s}.card-film .k3{animation-delay:1.5s}@keyframes kitefade{0%,100%{opacity:.35}50%{opacity:1}}
.playhead{animation:playhead 6s linear infinite}@keyframes playhead{0%{transform:translateX(-300px)}100%{transform:translateX(248px)}}
.story-windows li{position:relative;padding-top:30px}.win-bar{position:absolute;top:0;left:0;right:0;height:18px;display:flex;gap:4px;align-items:center;padding:0 8px;border-bottom:1px solid #2c3547}.win-bar i{width:5px;height:5px;border-radius:50%;background:#66748d}
.route{animation:route 30s linear infinite}@keyframes route{to{stroke-dashoffset:-260}}.home-dot{filter:drop-shadow(0 0 8px #7c9dff)}
.kite-home{animation:kitefloat 5s ease-in-out infinite}@keyframes kitefloat{0%,100%{transform:translate(380px,52px) scale(1.15) rotate(-4deg)}50%{transform:translate(386px,46px) scale(1.15) rotate(4deg)}}
@media(max-width:640px){.story-card .story-card-body{padding:50px 12px 48px}.story-code{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.card-film .kite,.playhead,.route,.kite-home{animation:none}}
@media(max-width:640px){.card-road text{font-size:21px}.card-home text:last-of-type{font-size:16px}}
/* Language switch. */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:30px;margin-left:16px;padding:0 9px;border:1px solid #3a4558;border-radius:6px;font:12px monospace;letter-spacing:1px;color:var(--text)}.lang-switch:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:640px){.lang-switch{margin-left:10px;min-width:32px;padding:0 6px}}