:root{--bg:#090a08;--panel:#11120f;--fg:#f1f1ea;--muted:#94968d;--accent:#caff1a;--line:rgba(241,241,234,.18);--pad:clamp(20px,3.2vw,58px);--mono:Consolas,"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}img{display:block}::selection{background:var(--accent);color:#080808}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip-link{position:fixed;left:18px;top:12px;z-index:500;translate:0 -160%;padding:10px 14px;background:var(--accent);color:#080808;font:700 10px var(--mono);letter-spacing:.08em;transition:translate .2s}.skip-link:focus{translate:0 0}
.noise{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.052;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor{position:fixed;left:-30px;top:-30px;z-index:210;pointer-events:none;border-radius:50%}.cursor--dot{width:7px;height:7px;background:var(--accent)}.cursor--ring{width:34px;height:34px;border:1px solid rgba(202,255,26,.55);transition:width .2s,height .2s,background .2s}.cursor--ring.is-hovering{width:58px;height:58px;background:rgba(202,255,26,.1)}
.cursor--dot.on-light{background:#0b0c0a}
.cursor--ring.on-light{border-color:rgba(11,12,10,.6)}
.cursor--ring.on-light.is-hovering{background:rgba(11,12,10,.08)}
.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:90;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(9,10,8,.82);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:inline-flex;width:max-content;font-size:22px;font-weight:850;letter-spacing:-.06em}.desktop-nav{display:flex;gap:24px}.desktop-nav a{font:700 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.desktop-nav a:hover{color:var(--accent)}.header-meta{justify-self:end;display:flex;align-items:center;gap:28px}.status{display:flex;align-items:center;gap:8px;font:700 9px var(--mono);letter-spacing:.12em;color:var(--muted)}.status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;position:relative}.menu-btn span{position:absolute;width:14px;height:1px;background:currentColor;left:11px;top:16px;transition:.25s}.menu-btn span+span{top:21px}.menu-open .menu-btn span:first-child{top:18px;transform:rotate(45deg)}.menu-open .menu-btn span:last-child{top:18px;transform:rotate(-45deg)}
.side-index{position:fixed;right:18px;top:50%;z-index:60;translate:0 -50%;height:180px;display:flex;flex-direction:column;align-items:center;gap:10px;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.side-index__line{width:1px;flex:1;background:var(--line);position:relative;overflow:hidden}.side-index__line i{position:absolute;top:0;left:0;width:100%;height:0;background:var(--accent)}
.menu-overlay{position:fixed;inset:0;z-index:80;background:var(--accent);color:#080808;transform:translateY(-105%);transition:transform .7s cubic-bezier(.77,0,.18,1)}.menu-overlay.is-open{transform:none}.menu-overlay__inner{height:100%;padding:110px var(--pad) var(--pad);display:flex;flex-direction:column;justify-content:center}.menu-label{font:700 9px var(--mono);letter-spacing:.14em;color:rgba(0,0,0,.55)}.menu-overlay nav{display:flex;flex-direction:column;margin:24px 0 35px}.menu-overlay nav a{border-top:1px solid rgba(0,0,0,.28);padding:9px 0;font-size:clamp(3.2rem,8.7vw,9rem);line-height:.82;letter-spacing:-.075em;font-weight:800;text-transform:uppercase}.menu-overlay nav a span{display:inline-block;width:48px;vertical-align:top;margin-top:8px;font:700 9px var(--mono);letter-spacing:.1em}.menu-overlay small{font:700 8px var(--mono);letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.section-label{display:flex;gap:32px;font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted)}
.hero{min-height:115vh;position:relative;padding:135px var(--pad) 45px;overflow:hidden;border-bottom:1px solid var(--line)}#heroCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,10,8,.98) 0,rgba(9,10,8,.62) 45%,rgba(9,10,8,.2) 68%,rgba(9,10,8,.75) 100%)}.hero-orbit{position:absolute;z-index:1;border:1px solid var(--line);border-radius:50%;left:63%;top:48%;translate:-50% -50%;animation:spin 22s linear infinite}.orbit-a{width:min(62vw,850px);aspect-ratio:1;border-style:dashed}.orbit-b{width:min(42vw,570px);aspect-ratio:1;animation-duration:34s;animation-direction:reverse}.orbit-b:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:-5px;left:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.hero>.eyebrow,.hero-copy,.hero-coordinates{position:relative;z-index:2}.eyebrow{display:flex;gap:42px;font:700 10px var(--mono);letter-spacing:.15em;color:var(--muted)}
.hero-title{margin:8vh 0 0;font-size:clamp(4.75rem,12.73vw,14.72rem);font-weight:820;letter-spacing:-.09em;line-height:.74;text-transform:uppercase}.title-line{display:block;overflow:hidden}.title-line>span{display:block;transform:translateY(110%);animation:title-in 1s cubic-bezier(.2,.72,.1,1) forwards .35s}.title-line:nth-child(2)>span{animation-delay:.46s}.title-line:nth-child(3)>span{animation-delay:.57s}.title-line--accent{color:var(--accent)}@keyframes title-in{to{transform:none}}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;width:49%;margin-left:auto;margin-top:-4vh}.hero-bottom p{margin:0;max-width:420px;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.35;color:#b9bbb2}.round-link{width:124px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font:700 9px var(--mono);letter-spacing:.12em;transition:.25s}.round-link b{position:absolute;right:22px;top:19px;font-size:17px}.round-link:hover{background:var(--accent);color:#080808;transform:rotate(5deg) scale(1.05)}.hero-coordinates{position:absolute;left:var(--pad);bottom:28px;display:flex;gap:24px;font:700 8px var(--mono);letter-spacing:.12em;color:var(--muted)}
.stats{padding:12vh var(--pad) 0}.stats-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(2.5rem,6vh,5rem)}.stats-head__num{flex:none;color:var(--accent);font:700 9px var(--mono);letter-spacing:.14em}.stats-head h2{flex:none;margin:0;font-size:clamp(1.6rem,4vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1;text-transform:uppercase}.stats-head__rule{flex:1;height:1px;background:var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.stat{min-height:200px;border-right:1px solid var(--line);padding:24px 22px;position:relative}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat strong{font-size:clamp(4rem,7vw,7.6rem);font-weight:480;line-height:.85;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.stat sup{font-size:1rem;color:var(--accent)}.stat sup.stat-unit{margin-left:.35em;font:700 clamp(.55rem,.7vw,.72rem) var(--mono);letter-spacing:.1em}.stat p{position:absolute;left:22px;bottom:20px;margin:0;font-size:11px;line-height:1.4;color:var(--muted)}.stat:first-child p{left:0}.stats-marquee{position:relative;z-index:1;overflow:hidden;padding:.9rem 0;border-block:1px solid var(--line);background:#0c0d0b;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.stats-marquee__track{display:flex;align-items:center;gap:2.5rem;width:max-content;animation:stats-marquee-slide 38s linear infinite}.stats-marquee__track span{font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.stats-marquee__track i{color:var(--accent);font-size:.6rem;font-style:normal}@keyframes stats-marquee-slide{to{transform:translateX(-50%)}}
.statement{min-height:105vh;padding:7vw var(--pad);display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.statement-text{margin:0;font-size:clamp(65px,11.1vw,175px);line-height:.82;letter-spacing:-.075em;font-weight:700}.statement-text span{display:block}.statement-text .muted{color:#333}.statement-text em{font-style:normal;color:var(--accent)}.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid;padding-bottom:6px;font:700 9px var(--mono);letter-spacing:.12em}.text-link span{color:var(--accent)}
.case-showcase{--case-black:#050505;--case-paper:#e7e4dc;--case-accent:#b9ff38;--case-line:rgba(0,0,0,.16);--case-pad:clamp(20px,3vw,54px);overflow:hidden;background:var(--case-paper);color:var(--case-black);font-family:"Inter",Arial,sans-serif}.case-showcase .case-stage{position:relative;height:100vh;overflow:hidden}.case-showcase .case-panel{position:absolute;inset:0;display:grid;grid-template-columns:.45fr 1fr 1.2fr;align-items:center;padding:var(--case-pad);border-top:1px solid var(--case-line);background:var(--case-paper);transform:translateY(100%)}.case-showcase .case-panel:first-child{transform:translateY(0)}.case-showcase .case-number{align-self:start;font:11px/1 "DM Mono",monospace}.case-showcase .case-content small{font:11px/1 "DM Mono",monospace}.case-showcase .case-content h3{margin:18px 0;font-size:clamp(44px,6vw,92px);font-weight:700;line-height:.92;letter-spacing:-.055em}.case-showcase .case-graphic{position:relative;aspect-ratio:1.25}.case-showcase .frame{position:absolute;inset:12%;border:2px solid var(--case-black);transform:rotate(-8deg)}.case-showcase .frame:before,.case-showcase .frame:after,.case-showcase .frame span{content:"";position:absolute;border:1px solid var(--case-black)}.case-showcase .frame:before{inset:8%}.case-showcase .frame:after{inset:17%}.case-showcase .frame span:nth-child(1){width:30%;height:30%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:var(--case-accent)}.case-showcase .frame span:nth-child(2){left:-15%;right:-15%;top:50%}.case-showcase .frame span:nth-child(3){top:-20%;bottom:-20%;left:50%}.case-showcase .radar{width:100%;max-width:min(520px,56vh);justify-self:center;margin-bottom:7vh;border:1px solid var(--case-black);border-radius:50%;aspect-ratio:1;background:radial-gradient(circle closest-side,rgba(150,205,20,.16),rgba(150,205,20,0) 62%)}.case-showcase .radar i{position:absolute;inset:15%;border:1px solid var(--case-black);border-radius:50%}.case-showcase .radar i:nth-child(2){inset:30%}.case-showcase .radar i:nth-child(3){inset:45%}.case-showcase .radar:before,.case-showcase .radar:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--case-black)}.case-showcase .radar:after{transform:rotate(90deg)}.case-showcase .radar b{position:absolute;left:50%;top:50%;z-index:2;width:46%;height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,rgba(96,140,0,0) 0,rgba(138,196,0,.8) 32%,#8ccc00 70%,#5d9000 100%);box-shadow:0 0 16px rgba(150,215,0,.6);transform:rotate(-37deg);transform-origin:left center}
.case-showcase .radar b:after{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--case-black);box-shadow:0 0 0 3px rgba(140,200,0,.35)}
.case-showcase .radar u{position:absolute;inset:0;z-index:0;border-radius:50%;transform:rotate(-37deg);background:conic-gradient(from 35deg,rgba(126,180,0,0) 0deg,rgba(126,180,0,.06) 26deg,rgba(126,180,0,.26) 50deg,rgba(126,180,0,.4) 55deg,transparent 55.5deg)}
.case-showcase .radar em{position:absolute;inset:0;z-index:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--case-black) 0 .5deg,transparent .5deg 15deg);-webkit-mask:radial-gradient(circle closest-side,transparent 0 92%,#000 92.4%);mask:radial-gradient(circle closest-side,transparent 0 92%,#000 92.4%)}
.case-showcase .radar s{position:absolute;z-index:1;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#6f9f00;box-shadow:0 0 12px rgba(140,200,0,.85);opacity:0}
@media(prefers-reduced-motion:reduce){.case-showcase .radar s{opacity:.8}.case-showcase .case-stage{height:auto;overflow:visible}.case-showcase .case-panel{position:relative;inset:auto;min-height:78vh;transform:none}}.case-showcase .bars{display:flex;align-items:center;justify-content:center;gap:5%}.case-showcase .bars i{width:9%;height:72%;border:1px solid var(--case-black);background:var(--case-accent);transform:skewY(-20deg)}.case-showcase .bars i:nth-child(2){height:38%;background:transparent}.case-showcase .bars i:nth-child(3){height:88%}.case-showcase .bars i:nth-child(4){height:55%;background:transparent}.case-showcase .bars i:nth-child(5){height:28%}
.services{padding:14vh var(--pad)}.section-head{display:grid;grid-template-columns:1fr 3fr;align-items:end;margin:6vh 0 9vh}.section-head p{font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.section-head h2,.projects-head h2{margin:0;font-size:clamp(5rem,12vw,14rem);line-height:.72;letter-spacing:-.09em}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.service-card{min-height:74vh;border-bottom:1px solid var(--line)}.service-card:nth-child(odd){padding-right:2.3vw;border-right:1px solid var(--line)}.service-card:nth-child(even){padding-left:2.3vw}.service-card:last-child:nth-child(odd){grid-column:1/-1;padding-right:0;border-right:0}.service-visual{height:44vh;min-height:310px;margin-top:2.3vw;background:#111;position:relative;overflow:hidden}.service-visual>span{position:absolute;top:18px;left:18px;z-index:3;font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.service-object{position:absolute;left:50%;top:50%;translate:-50% -50%;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.service-card:hover .service-object{transform:rotate(7deg) scale(1.05)}
.visual--web{background:radial-gradient(circle,#303714,#101109 68%)}.visual--web .service-object{width:58%;height:44%;border:2px solid var(--accent);box-shadow:18px 18px 0 rgba(241,241,234,.14)}.visual--web .service-object:before{content:"";position:absolute;left:0;right:0;top:18%;border-top:1px solid var(--accent)}.visual--web i{position:absolute;top:7%;width:6px;height:6px;border-radius:50%;background:var(--fg)}.visual--web i:nth-child(1){left:6%}.visual--web i:nth-child(2){left:12%}.visual--web i:nth-child(3){left:18%}.visual--code{background:radial-gradient(circle,#2d2d2a,#0f0f0e 68%)}.visual--code .service-object{width:46%;aspect-ratio:1;border:1px solid var(--fg);transform:rotate(45deg)}.visual--code .service-object:after{content:">_";position:absolute;inset:22%;display:grid;place-items:center;background:var(--accent);color:#080808;font:800 clamp(2rem,4vw,4rem) var(--mono);transform:rotate(-45deg)}.visual--ai{background:radial-gradient(circle,#303713,#101109 68%)}.visual--ai .service-object{width:250px;aspect-ratio:1;border-radius:50%;border:1px dashed var(--fg);animation:spin 18s linear infinite}.visual--ai .service-object:before,.visual--ai .service-object:after{content:"";position:absolute;inset:18%;border:1px solid var(--accent);border-radius:50%}.visual--ai .service-object:after{inset:39%;background:var(--accent);box-shadow:0 0 40px var(--accent)}.visual--consulting{background:linear-gradient(135deg,#10100f,#23231f)}.visual--consulting .service-object{width:64%;height:50%}.visual--consulting .service-object:before,.visual--consulting .service-object:after{content:"";position:absolute;border:1px solid var(--fg)}.visual--consulting .service-object:before{inset:0 42% 34% 0}.visual--consulting .service-object:after{inset:34% 0 0 42%;box-shadow:-22px -22px 0 rgba(202,255,26,.65)}.visual--tools{background:radial-gradient(circle at 50% 44%,#343b18,#101109 70%)}.visual--tools .service-object{width:min(58%,520px);height:58%}.visual--tools i{position:absolute;left:0;right:0;height:28%;border:1px solid rgba(241,241,234,.7);background:rgba(9,10,8,.72);box-shadow:18px 18px 0 rgba(202,255,26,.12)}.visual--tools i:nth-child(1){top:0}.visual--tools i:nth-child(2){top:36%;left:10%;right:-10%;border-color:var(--accent)}.visual--tools i:nth-child(3){top:72%;left:20%;right:-20%}
.service-info{padding:27px 0 52px}.service-info h3{margin:0;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.87;letter-spacing:-.065em;text-transform:uppercase}.service-info>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.55}.service-info>div{display:flex;justify-content:space-between;align-items:end;margin-top:30px;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.service-info a{color:var(--fg);border-bottom:1px solid;padding-bottom:5px}.service-info a:hover{color:var(--accent)}
.projects{height:410vh;background:var(--fg);color:#080808}.projects-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.projects-head{height:38vh;padding:8vh var(--pad) 4vh;display:grid;grid-template-columns:1fr 8fr 3fr;gap:20px;align-items:end}.projects-head .section-label{color:#5d5e58;align-self:start}.projects-head p{max-width:300px;font-size:12px;line-height:1.5;color:#5d5e58;margin:0 0 8px}.project-row{height:62vh;display:flex;gap:1px;width:max-content;background:#b8b9b1;will-change:transform}.project-card{width:min(76vw,1120px);height:100%;background:#0a0a09;color:var(--fg);display:grid;grid-template-columns:1.5fr 1fr}.project-media{position:relative;overflow:hidden;background:#12130f}.project-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.22);pointer-events:none}.project-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .9s cubic-bezier(.2,.75,.2,1)}.project-card:hover img{transform:scale(1.035)}.project-info{padding:clamp(23px,3vw,48px);display:flex;flex-direction:column}.project-meta{display:flex;justify-content:space-between;gap:10px;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.project-info h3{font-size:clamp(2.5rem,4.8vw,5.5rem);line-height:.82;letter-spacing:-.07em;overflow-wrap:anywhere;margin:auto 0 20px}.project-info>p{margin:0 0 33px;max-width:390px;color:var(--muted);font-size:13px;line-height:1.5}.project-info footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:18px;font:700 8px var(--mono);letter-spacing:.1em}.project-info footer a{color:var(--accent)}.project-callout{width:min(65vw,900px);height:100%;padding:clamp(28px,4vw,62px);background:var(--accent);display:flex;flex-direction:column}.project-callout>span{font:700 9px var(--mono);letter-spacing:.13em;color:rgba(0,0,0,.55)}.project-callout h3{margin:auto 0;font-size:clamp(3.8rem,7vw,8.5rem);line-height:.78;letter-spacing:-.08em}.project-callout em{font-style:normal;color:rgba(0,0,0,.5)}.round-link.dark:hover{background:#080808;color:var(--accent)}
.project-index-preview{height:auto;min-height:100vh;background:var(--bg);color:var(--fg);border-block:1px solid var(--line)}.project-index-preview .project-index-shell{position:relative;display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2.2fr);height:auto;min-height:100vh;overflow:visible;padding:0 var(--pad)}.project-index-intro{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:calc(76px + 4vh) 5vw var(--pad) 0}.project-index-intro .section-label{color:var(--muted)}.project-index-intro h2{margin:auto 0;font-size:clamp(46px,6vw,92px);line-height:.85;letter-spacing:-.075em;writing-mode:vertical-rl;transform:rotate(180deg)}.project-index-intro p{max-width:310px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.project-index-list{padding:18vh 15% 17vh 5vw;border-left:1px solid var(--line)}.project-index-row{position:relative;display:grid;grid-template-columns:55px minmax(0,1fr) max-content 26px;gap:18px;align-items:start;min-height:150px;padding:22px 8px 24px 0;border-top:1px solid var(--line);overflow:hidden;isolation:isolate}.project-index-row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent);transform:translateY(102%);transition:transform .48s cubic-bezier(.16,1,.3,1)}.project-index-row:hover:before{transform:none}.project-index-row>span,.project-index-row small{color:var(--muted);font:700 9px var(--mono);letter-spacing:.14em}.project-index-row h3{margin:0 0 12px;font-size:clamp(30px,4vw,62px);font-weight:600;line-height:.92;letter-spacing:-.055em}.project-index-row p{max-width:580px;margin:0;color:#a9a9a3;font-size:13px;line-height:1.5}.project-index-row>i{font-style:normal;font-size:22px}.project-index-row:hover,.project-index-row:hover p,.project-index-row:hover>span,.project-index-row:hover small{color:#080808}.project-index-cta{display:flex;align-items:center;justify-content:space-between;margin-top:60px;padding:20px 0;border-block:1px solid var(--line);font:700 11px var(--mono);letter-spacing:.15em}.project-index-cta b{color:var(--accent);font-size:18px}.project-index-preview .project-row{display:none}
.llm-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 130px 1fr;gap:8%;align-items:center;padding:8%;background:radial-gradient(circle at 50% 48%,#293113,#101109 66%);overflow:hidden}.llm-scene b{position:relative;z-index:2;width:130px;aspect-ratio:1;border:1px solid var(--accent);display:grid;place-items:center;transform:rotate(45deg);font-size:0;color:var(--accent);box-shadow:0 0 45px rgba(202,255,26,.18)}.llm-scene b:after{content:"LLM";transform:rotate(-45deg);font:800 24px var(--mono)}.req-list,.result-list{display:flex;flex-direction:column;gap:13px;position:relative;z-index:2}.req-list span,.result-list span{border:1px solid rgba(241,241,234,.35);padding:16px 10px;font:700 8px var(--mono);letter-spacing:.1em}.result-list span{border-color:rgba(202,255,26,.5)}.llm-scene>i{position:absolute;left:20%;right:20%;top:35%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:beam 2.5s linear infinite}.llm-scene>i:nth-last-child(2){top:50%;animation-delay:-.8s}.llm-scene>i:last-child{top:65%;animation-delay:-1.6s}@keyframes beam{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
.workflow{padding:14vh var(--pad)}.workflow-head{display:grid;grid-template-columns:1fr 3fr;align-items:end;margin:6vh 0 8vh}.workflow-head p{font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.workflow-head h2{margin:0;font-size:clamp(4.4rem,10vw,11.5rem);line-height:.76;letter-spacing:-.08em}.workflow-head h2 em{font-family:Georgia,serif;font-weight:400}.workflow-grid{display:grid;grid-template-columns:4fr 8fr;gap:5vw;align-items:start}.workflow-copy{position:sticky;top:120px}.workflow-copy>p{font-size:clamp(1.15rem,1.8vw,1.8rem);line-height:1.25;letter-spacing:-.025em;color:var(--muted);max-width:450px}.workflow-copy ol{list-style:none;margin:45px 0 0;padding:0;border-top:1px solid var(--line)}.workflow-copy li{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.workflow-copy li span{display:inline-block;width:48px;font:700 8px var(--mono);color:var(--accent)}.workflow-map{position:relative;aspect-ratio:880/560;border:1px solid var(--line);background:radial-gradient(circle at 45% 50%,#24261a,#0e0e0c 70%);display:grid;place-items:center;padding:42px 20px 16px;overflow:hidden}.workflow-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;opacity:.2;mask-image:radial-gradient(circle,#000,transparent 77%)}.map-kicker{position:absolute;left:24px;top:22px;font:700 8px var(--mono);letter-spacing:.14em;color:var(--muted)}.workflow-map svg{position:relative;display:block;width:100%;max-width:900px;height:auto;overflow:visible}.edge-trunk{fill:none;stroke:url(#edgeGrad);stroke-width:1.5;stroke-linecap:round}.edge-cross{fill:none;stroke:rgba(202,255,26,.16);stroke-width:1;stroke-dasharray:6 8}.flow-sequence{fill:none;stroke-dasharray:120 880;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.flow-thread-core{stroke:url(#signalGradient);stroke-width:2.4;opacity:.98;filter:url(#signalGlow)}.flow-thread-head{fill:#f7ffe7;stroke:var(--accent);stroke-width:1.5;filter:url(#signalHeadGlow)}.node-core{fill:var(--fg);filter:drop-shadow(0 0 13px var(--accent))}.node-mid{fill:#eaffad;filter:drop-shadow(0 0 8px rgba(202,255,26,.85))}.node-out{fill:#f4ffd0;filter:drop-shadow(0 0 9px var(--accent))}.node-ring{fill:none;stroke:rgba(202,255,26,.28);stroke-width:1}.node-halo{fill:none;stroke:rgba(202,255,26,.35);stroke-width:1;opacity:.55}.ping{fill:none;stroke:rgba(202,255,26,.4);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:workflow-ping 2.8s ease-out infinite}.ping-delay-1{animation-delay:-.7s}.ping-delay-2{animation-delay:-1.4s}.ping-delay-3{animation-delay:-2.1s}@keyframes workflow-ping{0%{opacity:.65;transform:scale(.75)}75%,100%{opacity:0;transform:scale(2.15)}}.label-out,.label-mid,.label-core{fill:var(--fg);font-family:var(--mono);font-weight:700;letter-spacing:.04em}.label-out{font-size:16px}.label-mid{fill:var(--muted);font-size:15px;text-anchor:middle}.label-core{font-size:16px;text-anchor:end}
.workflow-grid--copy-only{grid-template-columns:minmax(0,650px);margin-left:25%}.workflow-grid--copy-only .workflow-copy{position:static}.workflow-map[hidden]{display:none!important}
.about{min-height:95vh;padding:14vh var(--pad);background:#141511;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:7fr 4fr;gap:7vw;margin-top:7vh}.about-grid h2{margin:0;font-size:clamp(4rem,9.8vw,11.5rem);line-height:.76;letter-spacing:-.08em}.about-grid h2 em{font-style:normal;color:var(--accent)}.about-copy{align-self:end}.about-copy p{font-size:clamp(1.15rem,1.8vw,1.9rem);line-height:1.2;letter-spacing:-.03em}.about-copy p:nth-child(2){color:var(--muted)}.about-copy>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.about-copy>div span{border:1px solid var(--line);padding:8px 11px;font:700 8px var(--mono);letter-spacing:.12em;color:var(--accent)}
.about-link{display:flex;justify-content:space-between;align-items:center;width:min(100%,250px);margin-top:40px;padding:14px 0;border-block:1px solid var(--line);font:700 9px var(--mono);letter-spacing:.14em;transition:color .25s,padding .25s}.about-link b{color:var(--accent);font-size:17px}.about-link:hover{padding-left:10px;color:var(--accent)}
.contact{min-height:105vh;padding:14vh var(--pad) 10vh}.contact-kicker{margin:6vh 0 3vh 8.5%;font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.contact h2{margin:0 0 0 8.5%;font-size:clamp(4.5rem,11.7vw,13.8rem);line-height:.76;letter-spacing:-.085em}.contact h2 em{font-style:normal;color:var(--accent)}.contact-grid{margin:9vh 0 0 8.5%;border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.contact-grid>p{max-width:620px;font-size:clamp(1.1rem,1.8vw,1.8rem);line-height:1.3;color:var(--muted);margin:0}.contact-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:clamp(22px,2.3vw,36px);border:1px solid rgba(241,241,234,.27);background:linear-gradient(145deg,rgba(241,241,234,.055),rgba(241,241,234,.018));box-shadow:0 24px 70px rgba(0,0,0,.2)}.contact-form:before{content:"";position:absolute;left:-1px;top:-1px;width:74px;height:2px;background:var(--accent);box-shadow:0 0 18px rgba(202,255,26,.25)}.field{display:grid;gap:9px}.field.full{grid-column:1/-1}.field label{font:700 11px var(--mono);letter-spacing:.16em;color:var(--fg)}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(241,241,234,.38);background:rgba(255,255,255,.012);padding:14px 2px;border-radius:0;transition:border-color .22s,background .22s}.field textarea{min-height:120px;resize:vertical}.field input:hover,.field textarea:hover{border-color:rgba(241,241,234,.62)}.field input:focus,.field textarea:focus{outline:0;border-color:var(--accent);background:rgba(202,255,26,.025)}.contact-submit{grid-column:1/-1;justify-self:end;width:145px;aspect-ratio:1;border:0;border-radius:50%;background:var(--accent);color:#080808;font:800 9px var(--mono);letter-spacing:.12em;cursor:pointer;transition:.25s}.contact-submit:hover{background:var(--fg);transform:rotate(5deg) scale(1.04)}
.site-footer{padding:8vh var(--pad) 28px;border-top:1px solid var(--line)}.footer-brand{font-size:clamp(4rem,11vw,13rem);line-height:.8;font-weight:850}.site-footer nav{display:flex;gap:24px;margin:7vh 0 9vh;font:700 9px var(--mono);letter-spacing:.12em}.site-footer nav a{border-bottom:1px solid transparent;padding-bottom:5px}.site-footer nav a:hover{color:var(--accent);border-color:var(--accent)}.site-footer>div{display:flex;justify-content:space-between;font:700 8px var(--mono);letter-spacing:.12em;color:var(--muted)}
@media(min-width:861px){.hero-title{font-size:clamp(4.75rem,11.4vw,13.3rem)}.hero-title .title-line>span{white-space:nowrap}}
@media(pointer:fine){body,a,button{cursor:none}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-btn{display:block}.site-header{grid-template-columns:1fr auto}.hero-bottom{width:60%}.project-card{width:88vw;grid-template-columns:1.25fr 1fr}.workflow-grid{grid-template-columns:1fr}.workflow-copy{position:static}.about-grid{grid-template-columns:1fr}.about-copy{max-width:630px;margin-left:auto}}
@media(max-width:1000px){.workflow-grid--copy-only{margin-left:0}}
@media(max-width:860px){.cursor,.side-index{display:none}.hero{min-height:100svh;padding-top:110px}.hero-title{font-size:clamp(3.8rem,14.73vw,7.98rem)}.hero-bottom{width:100%;margin-top:7vh}.hero-orbit{left:75%}.orbit-a{width:100vw}.orbit-b{width:70vw}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2),.stat:nth-child(4){border-right:0}.stat:last-child{grid-column:1/-1}.services,.workflow,.about,.contact{padding-top:11vh;padding-bottom:11vh}.statement{min-height:0;justify-content:flex-start;gap:8vh;padding:80px var(--pad) 92px}.statement-text{font-size:11vw;line-height:.86}.section-head,.workflow-head{grid-template-columns:1fr}.section-head h2,.workflow-head h2{margin-top:4vh}.service-grid{grid-template-columns:1fr}.service-card:nth-child(n){grid-column:auto;padding:0;border-right:0}.service-visual{height:49vh}.projects{height:auto!important;padding:11vh 0;background:var(--fg)}.projects-sticky{position:static;height:auto;overflow:visible}.projects-head{height:auto;padding:0 var(--pad) 7vh;grid-template-columns:1fr}.projects-head .section-label{align-self:auto}.projects-head h2{margin-top:5vh}.project-row{height:auto;width:auto;display:grid;gap:1px;padding:0 var(--pad);transform:none!important}.project-card{width:auto;height:auto;min-height:80vh;grid-template-columns:1fr}.project-media{min-height:48vh}.project-info{min-height:330px}.project-callout{width:auto;min-height:70vh}.workflow-map{margin-inline:calc(var(--pad)*-1);border-inline:0}.contact-kicker,.contact h2,.contact-grid{margin-left:0}.contact-grid{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}}
@media(max-width:560px){:root{--pad:18px}.site-header{height:66px}.status{display:none}.header-meta{gap:0}.hero-title{font-size:clamp(3.28rem,14.63vw,5.32rem)}.hero>.eyebrow{gap:18px;font-size:8px}.hero-bottom{align-items:center}.hero-bottom p{font-size:1rem}.round-link{width:105px}.stats{padding-top:9vh;padding-bottom:0}.stat{min-height:180px;padding:22px 12px}.stat strong{font-size:3.5rem}.stat p{left:12px}.section-head h2,.projects-head h2{font-size:20vw}.service-visual{min-height:290px;height:39vh}.service-info>div>span{display:none}.project-media{min-height:34vh}.project-info{min-height:360px}.llm-scene{grid-template-columns:1fr 72px 1fr;gap:5%;padding:5%}.llm-scene b{width:72px}.llm-scene b:after{font-size:15px}.req-list span,.result-list span{font-size:6px;padding:9px 4px}.workflow-head h2{font-size:14.5vw}.workflow-map{margin-top:16px;place-items:center start;overflow-x:auto;overflow-y:hidden}.workflow-map svg{width:720px;max-width:none;margin:0}.about-grid h2{font-size:15vw}.contact h2{font-size:15.3vw}.contact-form{grid-template-columns:1fr}.field{grid-column:1/-1}.contact-submit{justify-self:start}.footer-brand{font-size:22vw}.site-footer>div{gap:25px;align-items:flex-end}.site-footer>div span{max-width:150px}.menu-overlay nav a{font-size:13vw}}
@media(max-width:900px){.case-showcase .case-panel{grid-template-columns:1fr 2fr}.case-showcase .case-number{display:none}.case-showcase .case-graphic{grid-column:1/3;width:min(72vw,560px);justify-self:center}.case-showcase .case-content h3{font-size:clamp(48px,10vw,80px)}}
@media(max-width:560px){.case-showcase .case-stage{height:88vh}.case-showcase .case-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.case-showcase .case-graphic{width:100%;margin-top:22px}.case-showcase .radar{width:88%;margin-inline:auto}.case-showcase .case-content h3{font-size:13vw}}
@media(max-width:860px){.project-index-preview{padding:0;background:var(--bg);color:var(--fg)}.project-index-preview .project-index-shell{grid-template-columns:90px minmax(0,1fr);padding:0 var(--pad)}.project-index-intro{padding-right:20px}.project-index-intro p{display:none}.project-index-list{padding-left:28px;padding-right:0}.project-index-row{grid-template-columns:48px minmax(0,1fr) 34px}.project-index-row small{grid-column:2}}
@media(max-width:560px){.project-index-preview .project-index-shell{grid-template-columns:1fr}.project-index-intro{position:relative;display:block;height:auto;padding:90px 0 55px}.project-index-intro h2{margin:24px 0 0;font-size:17vw;writing-mode:initial;transform:none}.project-index-list{padding:0 0 110px;border-left:0}.project-index-row{grid-template-columns:34px minmax(0,1fr) 24px;min-height:0;padding:26px 0 32px}.project-index-row h3{font-size:9.5vw}.project-index-row p{font-size:12px}.project-index-row small{grid-column:2/4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Ruhigere Typografie-Skala. Die PORTFOLIO / PRODUCT / STORY-Szenen bleiben unverändert. */
.menu-overlay nav a{font-size:clamp(2.8rem,7.2vw,7.5rem)}
.hero-title{font-size:clamp(4.28rem,10.26vw,11.88rem)}
.stats-head h2{font-size:clamp(1.45rem,3.3vw,2.6rem)}
.stat strong{font-size:clamp(4rem,7vw,7.6rem)}
.section-head h2,.projects-head h2{font-size:clamp(4.2rem,9.5vw,11.5rem)}
.service-info h3{font-size:clamp(2.25rem,4.2vw,4.6rem)}
.project-info h3{font-size:clamp(2.25rem,4vw,4.6rem)}
.project-callout h3{font-size:clamp(3.25rem,5.9vw,7.2rem)}
.project-index-intro h2{font-size:clamp(40px,5.2vw,78px)}
.project-index-row h3{font-size:clamp(28px,3.4vw,52px)}
.workflow-head h2{font-size:clamp(3.8rem,8.4vw,9.75rem)}
.workflow-copy>p{font-size:clamp(1.1rem,1.55vw,1.55rem)}
.about-grid h2{font-size:clamp(3.5rem,8.2vw,9.75rem)}
.about-copy p{font-size:clamp(1.1rem,1.55vw,1.6rem)}
.contact h2{font-size:clamp(3.9rem,9.6vw,11.5rem)}
.contact-grid>p{font-size:clamp(1.05rem,1.55vw,1.55rem)}
.footer-brand{font-size:clamp(3.5rem,9vw,10.5rem)}

@media(max-width:860px){
  .hero-title{font-size:clamp(3.42rem,12.83vw,6.75rem)}
}

@media(max-width:560px){
  .menu-overlay nav a{font-size:11vw}
  .hero-title{font-size:clamp(2.85rem,12.73vw,4.56rem)}
  .stat strong{font-size:3.1rem}
  .section-head h2,.projects-head h2{font-size:16vw}
  .workflow-head h2{font-size:12.5vw}
  .about-grid h2{font-size:13vw}
  .contact h2{font-size:13vw}
  .footer-brand{font-size:18vw}
  .project-index-intro h2{font-size:14vw}
  .project-index-row h3{font-size:8.3vw}
}

.workflow-head h2 .workflow-accent{
  display:inline-block;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1em;
  font-style:italic!important;
  font-weight:400!important;
  line-height:inherit;
  letter-spacing:-.055em;
  text-transform:none;
}

/* Kompakter Footer wie auf der Über-mich-Seite. */
.site-footer{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:25px var(--pad);border-top:1px solid var(--line)}
.site-footer .footer-brand{font-size:22px;line-height:1;font-weight:850}
.site-footer nav{display:flex;gap:25px;margin:0;font:700 9px var(--mono);letter-spacing:.12em}
.site-footer nav a{padding:0;border:0}
.site-footer .footer-top{justify-self:end;font:700 9px var(--mono);letter-spacing:.12em}
.site-footer a:hover{color:var(--accent)}

/* Vollflächiges Ecosystem-Menü, vorbereitet für spätere externe Bereiche. */
.cursor{left:0;top:0}
.header-left{justify-self:start;display:flex;align-items:center;gap:22px}.header-left .brand{display:block;width:54px;height:54px;flex:none}.header-left .brand img{width:100%;height:100%;object-fit:contain}
.menu-btn{display:flex;width:auto;height:34px;align-items:center;gap:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--fg)}
.menu-btn span{left:0;top:12px;width:14px}.menu-btn span+span{top:19px}.menu-btn b{margin-left:23px;font:700 9px var(--mono);letter-spacing:.13em}
.menu-open .menu-btn span:first-child{top:16px}.menu-open .menu-btn span:last-child{top:16px}
.menu-open .desktop-nav,.menu-open .status{opacity:0;pointer-events:none}
.menu-overlay{z-index:80;background:#050505;color:var(--fg);transform:translateY(-102%);transition:transform .72s cubic-bezier(.16,1,.3,1)}
.menu-overlay__inner{height:100%;padding:0;display:grid;grid-template-columns:minmax(620px,56vw) minmax(0,1fr)}
.menu-navigation{min-width:0;height:100%;display:grid;grid-template-columns:clamp(135px,14vw,235px) minmax(0,1fr);padding:96px clamp(28px,3vw,56px) 30px var(--pad);background:#050505}
.menu-word{align-self:center;justify-self:start;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(7rem,18vh,13rem);font-weight:850;line-height:.68;letter-spacing:-.1em;color:#e7e4dc}
.menu-list{min-width:0;display:flex;flex-direction:column;justify-content:center;padding-left:clamp(28px,3vw,54px)}
.menu-label{color:var(--muted);font:700 9px var(--mono);letter-spacing:.14em}
.menu-overlay nav{display:flex;flex-direction:column;margin:24px 0 40px}
.menu-overlay nav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:14px;padding:12px 0;border:0;font:500 clamp(1.3rem,2.2vw,2.25rem)/1.05 var(--mono);letter-spacing:.02em;text-transform:uppercase;transition:padding-left .28s,color .28s}
.menu-overlay nav a:before{content:"";grid-column:1;width:5px;height:5px;background:currentColor}
.menu-overlay nav a span{display:none}.menu-overlay nav a b{grid-column:2;font:inherit}
.menu-overlay nav a:hover{padding-left:12px;color:var(--accent)}
.menu-meta{margin-top:auto;display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font:700 8px var(--mono);letter-spacing:.12em}.menu-meta small{margin-left:auto;font:inherit}
.menu-visual{position:relative;overflow:hidden;border-left:1px solid var(--line);background:#070a06;isolation:isolate}
.menu-visual:before{content:"";position:absolute;inset:-8%;z-index:-1;background:radial-gradient(ellipse at 47% 50%,rgba(202,255,26,.2) 0,rgba(142,181,20,.11) 25%,transparent 57%),radial-gradient(circle at 82% 16%,rgba(202,255,26,.09),transparent 33%),radial-gradient(circle at 18% 88%,rgba(130,163,24,.08),transparent 35%),linear-gradient(90deg,rgba(8,10,8,.88),rgba(15,22,9,.35) 58%,rgba(7,9,6,.76));filter:blur(14px)}
.menu-visual:after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);pointer-events:none}
#menuNetworkCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.58}
.menu-visual__rings{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.menu-visual__rings i{position:absolute;display:block;aspect-ratio:1;border-radius:50%}.menu-visual__rings i:first-child{width:clamp(780px,70vw,1350px);right:-39%;top:-13%;border:1px solid rgba(202,255,26,.24);box-shadow:inset 0 0 90px rgba(202,255,26,.025),0 0 70px rgba(202,255,26,.025)}.menu-visual__rings i:last-child{width:clamp(600px,52vw,1000px);right:-24%;top:6%;border:1px solid rgba(241,241,234,.13)}.menu-visual__rings:after{content:"";position:absolute;width:48%;aspect-ratio:1;left:24%;top:38%;border-radius:50%;background:rgba(202,255,26,.08);filter:blur(85px)}
.menu-visual>span{position:absolute;z-index:3;left:28px;bottom:28px;color:var(--muted);font:700 8px var(--mono);letter-spacing:.14em}

@media(max-width:900px){.menu-overlay__inner{grid-template-columns:1fr}.menu-visual{display:none}.menu-navigation{grid-template-columns:clamp(75px,20vw,130px) 1fr;padding-top:88px}.menu-word{font-size:clamp(5.5rem,22vw,9rem)}.menu-list{padding-left:20px}.menu-overlay nav a{font-size:clamp(1.25rem,5vw,2rem)}.menu-meta small{display:none}}
@media(max-width:700px){.site-footer{grid-template-columns:1fr 1fr;min-height:100px}.site-footer nav{display:none}.site-footer .footer-top{font-size:8px}.menu-navigation{padding-inline:var(--pad);grid-template-columns:64px 1fr}.menu-word{font-size:18vw}.menu-list{padding-left:16px}.menu-overlay nav{margin-block:18px 28px}.menu-overlay nav a{padding:9px 0}.menu-meta{display:grid;gap:8px}}
@media(max-width:560px){.header-left{gap:15px}.header-left .brand{width:44px;height:44px}}
@media(max-width:560px){.contact-form{padding:20px 16px;gap:20px}.contact-submit{width:128px}}

.menu-navigation{overflow-y:auto}
.desktop-nav a[aria-current="page"],.menu-overlay a[aria-current="page"]{color:var(--accent)}
@media(max-height:700px){.menu-navigation{padding-top:76px}.menu-overlay nav{margin-block:14px 24px}.menu-overlay nav a{padding-block:8px;font-size:clamp(1.05rem,3.2vh,1.7rem)}}

/* Der zentrale Inhalt bleibt auch sichtbar, wenn CSS-Animationen pausiert oder nicht ausgeführt werden. */
.hero-title .title-line>span{transform:none;animation:none}
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
@media(max-width:560px){.hero-copy,.hero-bottom{width:100%;max-width:100%;min-width:0}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-left:0}.hero-bottom p{min-width:0}.hero-bottom .round-link{display:flex;width:88px;flex:none}}