@font-face{font-display:swap;font-family:"Real";font-style:normal;font-weight:400;src:url("fonts/fonts/35ad1471-8a23-4029-aa4f-55215056d128.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Real";font-style:normal;font-weight:600;src:url("fonts/fonts/1f0d7cbe-1a09-4692-a068-0df751376265.woff2") format("woff2")}
:root{
  --bg:#050403;--bg-soft:#0a0806;--text:#f2eee8;--muted:#aaa29a;--accent:#d46f2b;--line:rgba(255,238,221,.11);
  --p:0;--mx:0px;--my:0px;--glow-opacity:.16;
  --people-x:0vw;--people-y:0px;--people-scale:1;--people-brightness:.82;
  --copy-opacity:0;--copy-y:52px;--copy-blur:8px;
  --headline-mask:100%;--exit-opacity:0;--rail-progress:0%;--scroll-opacity:1;
  --camera-x:7.2vw;--camera-y:.5vh;--camera-rotate:-.6deg;--camera-scale:.72;--mask-scale:.72;--mask-head-w:9.36%;--mask-head-h:16.56%;--mask-body-w:10.8%;--mask-body-h:43.2%;--mask-head-y:44%;--mask-body-y:68%;--subject-x:57%;--mask-left-x:32%;--mask-center-x:57%;--mask-right-x:78%
}
*{box-sizing:border-box}
html{overflow-x:clip;background:var(--bg);scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:"Real","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{max-width:100%}
.skip-link{position:fixed;z-index:200;top:12px;left:12px;padding:10px 14px;color:#080604;background:var(--text);transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}

.header{position:fixed;inset:0 0 auto;z-index:50;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.5vw,72px);transition:background .45s ease}
.header::after{content:"";position:absolute;inset:auto clamp(22px,4.5vw,72px) 0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 38%,transparent 72%,rgba(255,255,255,.08));opacity:.45;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.header.is-scrolled{background:rgba(5,4,3,.68);backdrop-filter:blur(20px) saturate(1.15)}
.brand{display:flex;width:130px;max-width:32vw}.brand img{display:block;width:100%;filter:invert(1);opacity:.94}
.header nav{display:flex;gap:clamp(24px,2.8vw,46px);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.header nav a{position:relative;opacity:.58;transition:opacity .25s ease}.header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--accent);transition:right .35s cubic-bezier(.22,1,.36,1)}
.header nav a:hover,.header nav a:focus-visible{opacity:1}.header nav a:hover::after,.header nav a:focus-visible::after{right:0}
.header a:focus-visible,.cta:focus-visible,.contact a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}

.hero{position:relative;height:360vh;min-height:2600px;background:#020202}
.hero-sticky{position:sticky;top:0;height:100vh;height:100dvh;min-height:650px;overflow:hidden;isolation:isolate;background:#020202}
.scene,.layer,.light-leak,.vignette,.scene-fade,.grain{position:absolute;inset:0}.scene{overflow:hidden;background:#020202}.layer{pointer-events:none;will-change:transform,opacity}
.scene-base{z-index:0;background:radial-gradient(ellipse 52% 58% at 54% 48%,rgba(42,27,19,.2),transparent 66%),radial-gradient(ellipse 90% 36% at 50% 110%,rgba(31,20,14,.28),transparent 72%),linear-gradient(180deg,#010202 0%,#040403 62%,#060504 100%)}
.system-architecture{--architecture-y:-1.2vh;z-index:1;inset:-2%;opacity:0;mix-blend-mode:normal;transition:opacity .7s cubic-bezier(.23,1,.32,1);transform:translate3d(var(--architecture-drift-x,0vw),var(--architecture-drift-y,40px),0) scale(var(--architecture-scale,.86));transform-origin:50% 46%}
.system-architecture.is-ready{opacity:var(--architecture-opacity,.94)}.system-architecture.is-unavailable{display:none}
.system-architecture canvas{display:block;width:100%;height:100%;filter:brightness(1.08) contrast(1.08) drop-shadow(0 0 6px rgba(212,111,43,.28));transform:translate3d(0,var(--architecture-y),0)}
.architecture-haze{z-index:2;opacity:calc(.2 + var(--p) * .18);mix-blend-mode:screen;background:radial-gradient(ellipse 18% 34% at 51% 42%,rgba(212,111,43,.085),transparent 72%),radial-gradient(ellipse 32% 16% at 75% 48%,rgba(117,65,34,.055),transparent 76%);filter:blur(18px)}
.hero-video-layer{z-index:5;inset:0;overflow:hidden;opacity:1;mix-blend-mode:screen;transform:translate3d(var(--camera-x),var(--camera-y),0) rotate(var(--camera-rotate)) scale(var(--camera-scale));transform-origin:50% 54%;transition:opacity .55s ease;will-change:transform,opacity}
.hero-video-layer video{display:block;width:100%;height:100%;object-fit:contain;object-position:center 50%;filter:contrast(1.12) saturate(.86) brightness(.88)}
.scene.is-video-ready .hero-video-layer{opacity:1}
.subject-occlusion{z-index:4;background:radial-gradient(ellipse var(--mask-head-w) var(--mask-head-h) at var(--mask-left-x) var(--mask-head-y),#010101 0%,#010101 62%,rgba(1,1,1,.98) 78%,transparent 100%),radial-gradient(ellipse var(--mask-head-w) var(--mask-head-h) at var(--mask-center-x) var(--mask-head-y),#010101 0%,#010101 64%,rgba(1,1,1,.99) 80%,transparent 100%),radial-gradient(ellipse var(--mask-head-w) var(--mask-head-h) at var(--mask-right-x) var(--mask-head-y),#010101 0%,#010101 62%,rgba(1,1,1,.98) 78%,transparent 100%),radial-gradient(ellipse var(--mask-body-w) var(--mask-body-h) at var(--mask-left-x) var(--mask-body-y),#010101 0%,rgba(1,1,1,.97) 58%,rgba(1,1,1,.7) 76%,transparent 94%),radial-gradient(ellipse var(--mask-body-w) var(--mask-body-h) at var(--mask-center-x) var(--mask-body-y),#010101 0%,rgba(1,1,1,.98) 60%,rgba(1,1,1,.72) 78%,transparent 94%),radial-gradient(ellipse var(--mask-body-w) var(--mask-body-h) at var(--mask-right-x) var(--mask-body-y),#010101 0%,rgba(1,1,1,.97) 58%,rgba(1,1,1,.7) 76%,transparent 94%),linear-gradient(180deg,transparent 80%,rgba(1,1,1,.34) 100%);filter:blur(4px);opacity:1}
.light-leak{z-index:10;pointer-events:none;opacity:var(--glow-opacity);mix-blend-mode:screen;background:linear-gradient(111deg,transparent 40%,rgba(223,142,82,.025) 49%,transparent 56%),radial-gradient(ellipse 28% 42% at 51% 45%,rgba(184,91,38,.055),transparent 74%)}
.vignette{z-index:11;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.82),transparent 16%,transparent 82%,rgba(0,0,0,.85)),linear-gradient(180deg,rgba(0,0,0,.45),transparent 24%,transparent 63%,rgba(0,0,0,.26)),radial-gradient(ellipse at 50% 54%,transparent 35%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.58))}
.scene-fade{z-index:12;pointer-events:none;opacity:var(--exit-opacity);background:linear-gradient(180deg,rgba(5,4,3,.05),#050403 72%)}
.grain{z-index:13;pointer-events:none;opacity:.07;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='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}

.intro-copy{position:absolute;z-index:20;left:clamp(24px,6.2vw,106px);bottom:clamp(44px,7.2vh,82px);max-width:min(760px,80vw);opacity:var(--copy-opacity);filter:blur(var(--copy-blur));transform:translate3d(0,var(--copy-y),0);will-change:transform,opacity,filter}
.intro-copy::before{content:"";position:absolute;z-index:-1;inset:-18% -12% -22% -18%;background:radial-gradient(ellipse at 28% 62%,rgba(2,2,2,.7),rgba(2,2,2,.28) 58%,transparent 76%);filter:blur(14px)}
.kicker{margin:0 0 20px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.24em;text-transform:uppercase}.kicker span{color:var(--text)}
.intro-copy h1{margin:0;max-width:940px;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(47px,6.2vw,94px);line-height:.97;letter-spacing:.014em;font-weight:600;text-wrap:balance}
.intro-copy h1 span,.intro-copy h1 strong{display:block;padding-bottom:.25em;margin-bottom:-.25em;clip-path:inset(var(--headline-mask) -10% -30% -18%);transform:translateY(var(--copy-y))}.intro-copy h1 span:nth-child(2){color:#c8c1ba}.intro-copy h1 strong{color:#79736d;font-weight:600}
.intro-lead{max-width:590px;margin:27px 0 0;color:#d4cdc5;font-size:clamp(16px,1.25vw,20px);line-height:1.62;text-wrap:pretty}
.cta{display:inline-flex;align-items:center;gap:12px;margin-top:29px;padding:0 0 9px;border-bottom:1px solid rgba(212,111,43,.62);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:color .25s ease,border-color .25s ease,transform .25s ease}.cta span{color:var(--accent);transition:transform .3s cubic-bezier(.22,1,.36,1)}.cta:hover{color:#fff;border-color:var(--accent);transform:translateY(-2px)}.cta:hover span{transform:translateX(5px)}.cta:active{transform:translateY(0) scale(.985)}

.scene-index{position:absolute;z-index:20;right:clamp(22px,3.8vw,60px);top:50%;display:grid;grid-template-rows:auto 110px auto;justify-items:center;gap:12px;transform:translateY(-50%);color:rgba(255,255,255,.42);font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.scene-index-current{color:var(--accent)}.scene-index i{position:relative;width:1px;height:110px;background:rgba(255,255,255,.15);overflow:hidden}.scene-index b{position:absolute;inset:0 0 auto;height:var(--rail-progress);background:linear-gradient(var(--accent),#f0b075);box-shadow:0 0 14px rgba(212,111,43,.7)}
.scroll-cue{position:absolute;z-index:20;left:50%;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:var(--scroll-opacity);transform:translateX(-50%)}.scroll-cue span{font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.46)}.scroll-cue i{width:1px;height:38px;background:linear-gradient(var(--accent),transparent);animation:scrollLine 2.1s ease-in-out infinite;transform-origin:top}@keyframes scrollLine{0%,100%{transform:scaleY(.25);opacity:.25}50%{transform:scaleY(1);opacity:1}}

.section{position:relative;padding:clamp(100px,12vw,200px) clamp(24px,6.5vw,112px);background:var(--bg)}.positioning{padding-top:clamp(130px,15vw,240px)}
.two-col{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(290px,.72fr);gap:clamp(42px,7vw,120px)}
.two-col h2{margin:0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(53px,8vw,132px);line-height:.94;letter-spacing:.012em;font-weight:600;text-wrap:balance}.two-col h2 span{display:block;color:#716b65;padding-bottom:.16em;margin-bottom:-.1em}
.body-copy{padding-top:clamp(20px,6vw,90px)}.body-copy p{margin:0 0 20px;color:var(--muted);font-size:clamp(16px,1.25vw,21px);line-height:1.64;text-wrap:pretty}.body-copy .lead{color:#dfd9d2;font-size:clamp(20px,1.65vw,27px);line-height:1.48}
.mantra{min-height:75vh;display:flex;flex-direction:column;justify-content:center;border-block:1px solid var(--line);background:radial-gradient(circle at 70% 45%,rgba(203,106,42,.08),transparent 30%),#050403}
.mantra>p:not(.kicker){margin:0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(49px,7.7vw,128px);line-height:.98;letter-spacing:.012em;font-weight:600;padding-bottom:.16em;margin-bottom:-.08em}.mantra>p:nth-of-type(3){color:#aaa39d}.mantra>p:nth-of-type(4){color:#56514c}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{min-height:320px;padding:34px 34px 34px 0;border-right:1px solid var(--line)}.service-grid article+article{padding-left:34px}.service-grid article:last-child{border-right:0}.service-grid small{color:var(--accent);letter-spacing:.24em}.service-grid h3{margin:76px 0 14px;font-size:clamp(34px,3.7vw,58px);letter-spacing:.008em;font-weight:600}.service-grid p{max-width:390px;color:var(--muted);line-height:1.62;text-wrap:pretty}
.contact{min-height:62vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line)}.contact>a{width:fit-content;max-width:1200px;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(46px,6.1vw,98px);line-height:1;letter-spacing:.012em;font-weight:600;text-wrap:balance;padding-bottom:.18em}.contact>a span{color:var(--accent)}

.projects{position:relative;padding:clamp(120px,14vw,220px) clamp(24px,6.5vw,112px) clamp(130px,16vw,260px);overflow:hidden;background:#050403;border-top:1px solid var(--line)}
.projects-intro{max-width:980px;margin-bottom:clamp(100px,13vw,200px)}
.projects-intro h2{margin:0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(64px,10vw,156px);font-weight:600;line-height:.87;letter-spacing:.01em;padding-bottom:.14em}
.projects-intro p{max-width:620px;margin:30px 0 0;color:var(--muted);font-size:clamp(17px,1.35vw,22px);line-height:1.55}
.case-study{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,72px);max-width:1680px;margin:0 auto clamp(150px,18vw,300px);align-items:center}
.case-study:last-child{margin-bottom:0}
.case-copy{position:relative;z-index:2;grid-column:1/span 4;align-self:end;padding-bottom:clamp(8px,2vw,34px)}
.case-meta{margin:0 0 22px;color:var(--accent);font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}
.case-copy h3{margin:0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(44px,5.8vw,94px);font-weight:600;line-height:.92;letter-spacing:.008em;padding-bottom:.12em}
.case-copy>p:not(.case-meta){max-width:480px;margin:18px 0 0;color:#aaa39d;font-size:clamp(16px,1.15vw,20px);line-height:1.58}
.case-link{display:inline-flex;align-items:center;gap:14px;width:fit-content;margin-top:30px;padding:0 0 10px;color:#eee9e3;border-bottom:1px solid rgba(203,106,42,.62);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.case-link span{color:var(--accent);font-size:15px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.case-link:hover{color:#fff;border-color:var(--accent)}.case-link:hover span{transform:translateX(4px)}.case-link:active{transform:translateY(1px)}
.case-link:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.case-media{position:relative;grid-column:5/-1;min-width:0;transform:translateZ(0)}
.device-stage{position:relative;isolation:isolate;overflow:visible}
.device-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 24% 76%,rgba(255,255,255,.02));opacity:.72}
.device-stage::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:7%;height:18%;border-radius:50%;background:rgba(0,0,0,.48);filter:blur(32px);transform:scaleX(.82)}
.device-render{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 34px 42px rgba(0,0,0,.42));will-change:transform}
.device-caption{position:absolute;z-index:2;left:clamp(18px,2.2vw,36px);right:clamp(18px,2.2vw,36px);bottom:clamp(16px,2vw,30px);display:flex;align-items:center;justify-content:space-between;margin:0;color:rgba(255,255,255,.42);font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.device-caption b{color:var(--accent);font-weight:700}
.biotop-media{height:auto;min-height:0;aspect-ratio:3/2;display:flex;align-items:flex-start;padding:clamp(24px,3vw,54px);padding-top:0;background:radial-gradient(circle at 72% 30%,rgba(96,149,87,.14),transparent 28%),linear-gradient(145deg,#07130c,#0b2014 58%,#12110d)}
.device-render-biotop{position:absolute;top:0;left:0;width:116%;max-width:none;margin-left:-3%;transform:translate3d(2%,-16%,0)}
.case-oovi{display:block;margin-inline:max(0px,calc((100vw - 1680px)/2));padding:clamp(44px,6vw,90px);background:radial-gradient(circle at 78% 48%,rgba(80,50,242,.22),transparent 34%),#090812}
.case-oovi .case-copy{max-width:720px;padding:0 0 clamp(55px,6vw,92px)}
.case-oovi .case-copy h3{font-size:clamp(58px,8vw,128px)}
.oovi-media{min-height:clamp(460px,43vw,720px);display:flex;align-items:center;overflow:hidden;padding:clamp(20px,3.4vw,54px);background:radial-gradient(circle at 76% 48%,rgba(94,72,255,.12),transparent 36%),linear-gradient(145deg,rgba(16,13,40,.84),rgba(7,7,18,.32))}
.device-render-oovi{width:104%;max-width:none;margin-left:-2%;transform:translate3d(0,-1.5%,0)}
.oovi-system-note{position:absolute;z-index:4;right:3%;bottom:6%;display:grid;grid-template-columns:auto 90px auto;align-items:center;gap:12px;color:rgba(255,255,255,.43);font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.oovi-system-note i{height:1px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.16))}.oovi-system-note b{color:var(--accent);font-weight:700}
.case-lebenshilfe{align-items:stretch}
.case-lebenshilfe .case-copy{grid-column:8/-1;grid-row:1;padding:clamp(36px,5vw,80px) 0 0}
.lebenshilfe-media{grid-column:1/span 6;grid-row:1;height:clamp(330px,28vw,470px);min-height:0;display:flex;align-items:flex-start;padding:clamp(16px,1.6vw,28px);padding-top:0;background:radial-gradient(circle at 22% 18%,rgba(52,112,153,.15),transparent 34%),linear-gradient(145deg,#0c151c,#111c24 64%,#0a1015)}
.device-render-lebenshilfe{position:absolute;top:0;left:0;width:122%;max-width:none;margin-left:-17%;transform:translate3d(-1.5%,-20%,0)}
.impact-story{position:relative;min-height:92vh;min-height:92dvh;display:grid;align-items:end;overflow:hidden;isolation:isolate;background:#080b08}
.impact-image,.impact-shade,.impact-atmosphere{position:absolute;inset:0;width:100%;height:100%}
.impact-image{object-fit:cover;object-position:center 47%;will-change:transform}
.impact-image-back{z-index:-5;filter:saturate(.58) contrast(1.07) brightness(.68);transform:scale(var(--impact-back-scale,1.01)) translate3d(0,var(--impact-back-y,-2%),0)}
.impact-image-front{z-index:-3;-webkit-mask-image:linear-gradient(180deg,transparent 0 38%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.72) 66%,#000 79%);mask-image:linear-gradient(180deg,transparent 0 38%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.72) 66%,#000 79%);filter:saturate(.66) contrast(1.12) brightness(.56);transform:scale(var(--impact-front-scale,1.06)) translate3d(var(--impact-front-x,0%),var(--impact-front-y,6%),0);transform-origin:52% 72%}
.impact-atmosphere{z-index:-4;background:radial-gradient(ellipse 42% 22% at 60% 38%,rgba(228,238,227,.19),transparent 72%),linear-gradient(180deg,rgba(201,216,204,.12),transparent 34% 72%,rgba(2,6,4,.08));mix-blend-mode:screen;filter:blur(18px);opacity:var(--impact-atmosphere-opacity,.34);transform:translate3d(var(--impact-atmosphere-x,-3%),var(--impact-atmosphere-y,1.5%),0) scale(var(--impact-atmosphere-scale,1));will-change:transform,opacity}
.impact-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,6,4,.92) 0%,rgba(3,6,4,.6) 50%,rgba(3,6,4,.16) 100%),linear-gradient(0deg,#050403 0%,transparent 30%)}
.impact-content{position:relative;z-index:1;width:min(100%,1050px);padding:clamp(80px,10vw,150px) clamp(24px,6.5vw,112px)}
.impact-logo{display:block;width:clamp(190px,21vw,340px);height:auto;margin-bottom:clamp(56px,8vw,110px)}
.impact-number{margin:0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(82px,14vw,220px);font-weight:600;line-height:.72;letter-spacing:-.025em;color:#f1eee8;white-space:nowrap}
.impact-number>span{font-size:.42em;color:var(--accent);vertical-align:top;margin-right:.15em}.impact-number small{font-size:.25em;letter-spacing:.02em;color:#aaa39d}
.impact-content h2{margin:32px 0 0;font-family:"Real","Helvetica Neue",Arial,sans-serif;font-size:clamp(46px,6vw,92px);font-weight:600;line-height:.95;letter-spacing:.008em}
.impact-content>p:not(.impact-number){max-width:600px;margin:26px 0 0;color:#d1cbc5;font-size:clamp(17px,1.3vw,21px);line-height:1.55}
.impact-link{margin-top:34px}

@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .case-study{animation:caseReveal linear both;animation-timeline:view();animation-range:entry 4% cover 28%}
    .case-media{animation:caseMediaDrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}
@keyframes caseReveal{from{opacity:.18;transform:translate3d(0,54px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes caseMediaDrift{from{translate:0 22px}to{translate:0 -22px}}

@media(max-width:900px){.header{padding-inline:18px}.header nav{display:none}.header::after{inset-inline:18px}.hero{height:290vh;min-height:1900px}.hero-sticky{min-height:600px}.system-architecture{inset:-1%}.intro-copy{left:22px;right:54px;bottom:46px;max-width:none}.intro-copy h1{font-size:clamp(44px,10.2vw,73px);letter-spacing:.013em}.intro-lead{max-width:500px;font-size:16px}.scene-index{right:18px}.two-col,.service-grid{grid-template-columns:1fr}.body-copy{padding-top:0}.service-grid article,.service-grid article+article{min-height:230px;padding:26px 0 34px;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.brand{width:154px}.hero{height:270vh;min-height:1750px}.hero-video-layer{inset:0;overflow:hidden}.hero-video-layer video{position:absolute;left:53%;top:48%;width:112vw;height:auto;max-width:none;transform:translate(-50%,-50%);object-fit:contain}.intro-copy{right:28px;bottom:36px}.intro-copy h1{font-size:clamp(41px,12.4vw,58px);line-height:1;letter-spacing:.013em}.intro-lead{margin-top:20px;line-height:1.52}.cta{margin-top:21px}.scene-index{display:none}.scroll-cue{left:auto;right:18px;transform:none}.section{padding-left:22px;padding-right:22px}.two-col h2,.mantra>p:not(.kicker),.contact>a{letter-spacing:.012em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.system-architecture,.intro-copy,.intro-copy h1 span,.intro-copy h1 strong{transform:none!important}.scroll-cue i{animation:none!important}}
@media(max-width:560px){.brand{width:130px}}
@media(max-width:560px){.intro-copy h1{font-size:clamp(32px,9vw,42px)}}
@media(max-width:560px){.system-architecture{--architecture-y:-2vh}}
@media(max-width:760px){.case-study{display:block;margin-bottom:128px}.projects{padding-inline:22px}.projects-intro{margin-bottom:96px}.projects-intro h2{font-size:clamp(48px,13.7vw,64px)}.projects-intro p{margin-top:20px}.case-copy{padding:0 0 42px}.case-copy h3{font-size:clamp(48px,15vw,72px)}.case-meta{margin-bottom:16px;letter-spacing:.13em}.case-oovi{margin-inline:0;padding:34px 20px 66px}.case-oovi .case-copy{padding-bottom:46px}.case-oovi .case-copy h3{font-size:clamp(62px,20vw,92px)}.biotop-media,.lebenshilfe-media{height:auto;min-height:auto;padding:0 10px 44px}.biotop-media{aspect-ratio:auto}.device-render-biotop,.device-render-lebenshilfe{position:relative;top:auto;left:auto;width:112%;max-width:none;margin-left:-6%;transform:translate3d(0,-9%,0)}.oovi-media{min-height:auto;display:flex;align-items:center;padding:24px 10px 44px}.device-render-oovi{width:104%;max-width:none;margin-left:-2%;transform:none}.oovi-system-note{right:16px;bottom:14px;grid-template-columns:auto 42px auto;gap:8px}.case-lebenshilfe .case-copy,.lebenshilfe-media{display:block;grid-column:auto;grid-row:auto}.case-lebenshilfe .case-copy{padding:0 0 42px}.device-caption{left:14px;right:14px;bottom:13px}.impact-story{min-height:780px;align-items:end}.impact-content{padding:76px 22px 86px}.impact-logo{margin-bottom:76px}.impact-number{font-size:clamp(64px,20vw,96px)}.impact-content h2{font-size:clamp(42px,13vw,62px);margin-top:24px}.impact-shade{background:linear-gradient(0deg,rgba(3,6,4,.95) 0%,rgba(3,6,4,.7) 58%,rgba(3,6,4,.25) 100%)}}
@media(prefers-reduced-motion:reduce){.case-media,.case-study,.impact-image,.impact-image-front,.impact-atmosphere{animation:none!important;translate:none!important;transform:none!important}.case-link,.case-link span{transition:none}}
@view-transition{navigation:auto}
.biotop-media{view-transition-name:biotop-case-field}.device-render-biotop{view-transition-name:biotop-case-device}.case-biotop .case-copy h3{view-transition-name:biotop-case-title}
::view-transition-group(biotop-case-field){animation-duration:.88s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-group(biotop-case-device){animation-duration:.92s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-group(biotop-case-title){animation-duration:.84s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-old(biotop-case-field),::view-transition-new(biotop-case-field),::view-transition-old(biotop-case-device),::view-transition-new(biotop-case-device),::view-transition-old(biotop-case-title),::view-transition-new(biotop-case-title){mix-blend-mode:normal}
::view-transition-old(biotop-case-title){animation:.28s ease-out both biotop-title-out}::view-transition-new(biotop-case-title){animation:.84s cubic-bezier(.16,1,.3,1) both biotop-title-in}
::view-transition-old(root){animation:.56s cubic-bezier(.4,0,1,1) both biotop-page-out}::view-transition-new(root){animation:.88s cubic-bezier(.16,1,.3,1) both biotop-page-in}
@keyframes biotop-title-out{to{opacity:0}}@keyframes biotop-title-in{0%,42%{opacity:0}to{opacity:1}}@keyframes biotop-page-out{to{opacity:.12;transform:scale(.992)}}@keyframes biotop-page-in{0%,28%{opacity:.08}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-group(biotop-case-field),::view-transition-group(biotop-case-device),::view-transition-group(biotop-case-title){animation:none!important}}