:root{--page-gutter:clamp(10px,.6vw,16px);--panel-inset:clamp(20px,1.2vw,32px);--petrol:#163c3c;--petrol-hover:#28605d;--paper:#f7f7f2;--white:#fff;--surface:#e9eee9;--surface-cyan:#c6e9eb;--surface-card:#f0f2eb;--cyan:#389db3;--cyan-focus:#007c9c;--cyan-current:#008fa5;--cyan-light:#9ed6df;--cyan-dash:#93c2c1;--green-em:#3f7777;--text-muted:#637069;--text-soft:#53695f;--text-copy:#5c6a64;--text-hero:#49615a;--text-meta:#596d65;--on-petrol:#f1f3e9;--on-petrol-soft:#bbcec6;--line:#cdd5cc;--line-soft:#ccd6cd;--line-card:#dbe1d8;--line-input:#bccbc3;--radius-panel:18px;--radius-hero:19px;--radius-card:16px;--radius-tile:15px;--grid-cols:minmax(0,1fr) minmax(0,2.1fr);--grid-gap:45px;--space-section:clamp(64px,7.8vw,112px);--fs-display:clamp(56px,6.1vw,88px);--fs-h2:clamp(38px,4vw,56px);--fs-h3:clamp(28px,2.5vw,34px);--page-max:1720px;--sticky-header:0px;--block-min:min(52svh,750px);--band-pad:clamp(72px,8vw,128px);--plate-gap:clamp(12px,1.2vw,20px);--tafel-pad:clamp(28px,3vw,48px);--petrol-deep:#0e2726;--illu-bg:#f4f4f0;--rail-edge:max(var(--page-gutter),calc((100% - var(--page-max))/2));--station-1:16.667%;--station-2:50%;--station-3:83.333%;--page-bg:var(--paper);--page-fg:var(--petrol);--page-copy:var(--text-copy);--page-meta:var(--text-meta);--page-line:var(--line-soft);--page-em:var(--green-em);--page-focus:var(--cyan-focus)}html.tone-dark{--page-bg:var(--petrol-deep);--page-fg:var(--on-petrol);--page-copy:#c3d3cc;--page-meta:#a9bfb6;--page-line:#3b5c58;--page-em:var(--cyan-light);--page-focus:#9ed6df}@font-face{font-family:Outfit;src:url(/fonts/outfit.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Gelasio;src:url(/fonts/gelasio-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;font-variant-emoji:text;scroll-padding-top:35px}body{background:var(--page-bg);color:var(--page-fg);flex-direction:column;min-height:100svh;margin:0;font-family:Outfit,sans-serif;font-weight:400;transition:background-color .7s,color .7s;display:flex}main{flex:1 0 auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;overflow-wrap:break-word;hyphens:manual;font-weight:400}h2,h3{text-wrap:balance}em{letter-spacing:-.065em;font-family:Georgia,Gelasio,serif;font-weight:400}p{text-wrap:pretty;font-size:18px;line-height:1.6}.line{text-wrap:balance;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--page-focus);outline-offset:6px}.skip{background:var(--white);color:var(--petrol);z-index:40;padding:16px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}main:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header,.hero,.tafel,.closing,.site-foot,.detail,.band>.block-head,.case-list{width:min(calc(100% - var(--page-gutter)*2),var(--page-max));margin-left:auto;margin-right:auto}.header,.band>.block-head,.project-intro,.chapter-copy,.legal{padding-inline:var(--panel-inset)}.header{justify-content:space-between;align-items:center;gap:24px;padding-block:32px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:8px;margin-block:-11px;padding-block:11px;display:inline-flex}.brand b{letter-spacing:-2px;font-size:29px;font-weight:900;line-height:1}.brand b span{color:var(--cyan);display:inline-block;transform:skew(-13deg)}.brand i{letter-spacing:-1.8px;font-family:Georgia,Gelasio,serif;font-size:28px}.header-nav{gap:16px;margin-left:auto;margin-right:8px;font-size:15px;display:flex}.header-nav a{align-items:center;min-height:44px;padding:0 8px;display:inline-flex}.menu-toggle{border:1px solid var(--line);min-width:132px;min-height:46px;color:inherit;background:0 0;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;line-height:1;display:none}.menu-toggle .icon{--icon:20px}html:has(.project-page){--sticky-header:74px;scroll-padding-top:calc(var(--sticky-header) + 16px)}body:has(.project-page) .header{z-index:20;background:var(--page-bg);padding-block:14px;position:sticky;top:0}body:has(.project-page) .is-enhanced:not(.has-animation):not(.is-single) .story-stage{top:calc(var(--sticky-header) + 16px)}.site-menu{background:var(--paper);width:auto;max-width:none;height:auto;max-height:none;color:var(--petrol);overscroll-behavior:contain;border:0;flex-direction:column;margin:0;padding:0 0 28px;display:none;position:fixed;inset:0;overflow-y:auto}.site-menu::backdrop{background:0 0}html:has(.site-menu:popover-open){overflow:hidden}.menu-head{width:calc(100% - var(--page-gutter)*2);padding:32px var(--panel-inset);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.menu-links,.menu-foot{width:calc(100% - var(--page-gutter)*2);padding:0 var(--panel-inset);margin:0 auto}.menu-links{list-style:none}.menu-links li{border-top:1px solid var(--line)}.menu-links li:last-child{border-bottom:1px solid var(--line)}.menu-links a{letter-spacing:-.045em;align-items:baseline;gap:18px;padding:18px 0;font-size:clamp(36px,9vw,56px);line-height:1.05;display:flex}.menu-links a span{letter-spacing:.08em;color:#00718e;min-width:22px;font-size:13px}.menu-foot{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:auto;padding-top:34px;display:flex}.menu-foot .contact-email{margin:0}.button{background:var(--petrol);color:var(--white);border:0;border-radius:40px;justify-content:center;align-items:center;gap:12px;padding:18px 25px;font-size:15px;line-height:1.2;transition:background .2s;display:inline-flex}.button.small{padding:14px 21px}.text-link{background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:15px;line-height:1.6;display:inline-flex}.eyebrow{letter-spacing:.1em;font-size:12px;font-weight:500;line-height:1.5;display:block}.icon{width:var(--icon,1.15em);height:var(--icon,1.15em);stroke-width:var(--icon-stroke,1.9);vertical-align:-.22em;flex:none;display:inline-block}.hero{isolation:isolate;min-height:clamp(620px,100svh - 126px,900px);padding:120px var(--panel-inset) 0;border-radius:var(--radius-hero);color:var(--on-petrol);background:#123232;flex-direction:column;justify-content:flex-end;margin-top:8px;display:flex;position:relative;overflow:hidden}.hero-media,.hero-media>*,.hero-media img,.hero-media video{width:100%;height:100%;position:absolute;inset:0}.hero-media{z-index:-2}.hero-media img,.hero-media video{object-fit:cover}.hero-media video{opacity:0;transition:opacity .8s}.hero.has-video .hero-media video{opacity:1}.hero{transition:box-shadow .7s}html.tone-dark .hero{box-shadow:0 0 0 1px var(--page-line)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#092222d9 0%,#0922228c 45%,#09222214 80%),linear-gradient(#09222200 45%,#09222299);position:absolute;inset:0}.hero-content{max-width:820px}.hero .eyebrow{color:var(--on-petrol-soft)}.hero h1{font-size:var(--fs-display);letter-spacing:-.06em;color:var(--white);margin:24px 0 28px;line-height:1.02}.hero h1 em{color:var(--cyan-light)}.hero-content p{color:#dbe5e0;font-size:18px}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:36px;display:flex}.button.light{background:var(--paper);color:var(--petrol)}.hero .text-link,.hero-cases a{color:var(--white)}.hero a:focus-visible,.hero button:focus-visible{outline-color:var(--cyan-light)}.hero-foot{border-top:1px solid #f1f3e93d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 32px;margin-top:clamp(56px,7vw,96px);padding-block:14px 16px;font-size:14px;display:flex}.hero-scope,.hero-cases span{color:var(--on-petrol-soft)}.hero-cases{flex-wrap:wrap;align-items:center;column-gap:22px;display:flex}.hero-cases a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.hero-cases .icon{--icon:16px}.hero-toggle{width:46px;height:46px;color:var(--white);backdrop-filter:blur(6px);background:#09222259;border:1px solid #ffffff73;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:20px;right:20px}.hero-toggle[hidden]{display:none}.hero-toggle .icon{--icon:20px}.hero:not(.is-playing) .when-playing,.hero.is-playing .when-paused{display:none}.band{padding-block:var(--band-pad)}.band+.band{padding-top:0}.tafel{border-radius:var(--radius-panel);padding:var(--tafel-pad) var(--panel-inset);color:var(--petrol);overflow:clip}.tafel+.tafel{margin-top:var(--plate-gap)}.block-head{margin-bottom:clamp(28px,3.5vw,48px)}.block-head .eyebrow{margin-bottom:16px}.block-head h2{font-size:var(--fs-h2);letter-spacing:-.045em;line-height:1.06}.block-lead{max-width:36em;margin-top:20px;font-size:18px;line-height:1.6}.band .block-head{color:var(--page-fg)}.band .block-head .eyebrow{color:var(--page-meta)}.band .block-head em{color:var(--page-em)}.band .block-lead{color:var(--page-copy)}.band .block-head,.band .block-head :is(.eyebrow,em,.block-lead){transition:color .7s}.tafel .block-head em{color:var(--green-em)}.tafel .block-lead{color:var(--text-soft)}.block-head.is-split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.case-list{gap:var(--plate-gap);grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}.case{height:calc(100svh - max(35px,calc(var(--sticky-header) + 16px)) - 2 * var(--panel-inset));border-radius:var(--radius-panel);background:var(--surface-card);min-height:min-content;color:var(--petrol);grid-template-rows:minmax(160px,1fr) auto;display:grid;overflow:clip}.case-visual{background:var(--illu-bg);border-bottom:1px solid var(--line-card);width:100%;min-height:0;display:block;position:relative;overflow:hidden}.case-visual>picture,.case-visual>picture>img,.case-visual>img{width:100%;height:100%;position:absolute;inset:0}.case-visual>picture>img,.case-visual>img{height:auto;inset:50% 0 auto;translate:0 -50%}.project-logo,.detail-logo{border-radius:10px;place-items:center;width:230px;height:88px;padding:18px 22px;display:grid}.detail-logo{flex:none;width:176px;height:66px;padding:13px 18px}.detail-logo.light{box-shadow:inset 0 0 0 1px var(--line-card)}.project-logo{position:absolute;top:24px;left:24px}.project-logo img,.detail-logo img{object-fit:contain;width:100%;height:100%}.light{background:var(--white)}.dark{background:var(--petrol)}.case-copy{padding:clamp(24px,2.4vw,40px) var(--panel-inset) clamp(28px,2.6vw,40px)}.case-meta{color:var(--text-meta);font-size:14px;line-height:1.4}.case-title{letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);font-size:12px;font-weight:500}.case h3{text-wrap:balance;max-width:30ch;margin-top:14px;font-size:clamp(32px,3.2vw,48px);line-height:1.08}.case-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:28px;display:flex}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{border:1px solid var(--page-line);border-radius:20px;padding:7px 12px;font-size:12px}.case .tags span{border-color:var(--line-card)}.round-arrow{background:var(--paper);border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;display:grid;position:absolute;bottom:24px;right:24px}html.tone-dark .header-cta{background:var(--paper);color:var(--petrol)}.rail-controls{gap:12px;display:flex}.rail-controls[hidden]{display:none}.rail-button{border:1px solid var(--page-meta);width:52px;height:52px;color:var(--page-fg);background:0 0;border-radius:50%;place-items:center;padding:0;transition:color .7s,border-color .7s,background-color .2s,opacity .2s;display:grid}.rail-button .icon{--icon:20px}.rail-button[aria-disabled=true]{opacity:.35;cursor:default}.reference-rail{--card-w:clamp(300px,30vw,720px);grid-auto-flow:column;grid-auto-columns:var(--card-w);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px var(--rail-edge) 20px;scroll-padding-inline:var(--rail-edge);scrollbar-width:thin;scrollbar-color:var(--page-meta) transparent;gap:16px;margin:-12px 0 0;list-style:none;display:grid;overflow-x:auto}.reference-rail>li{min-width:0;display:flex}.reference-card{width:100%;min-height:var(--block-min);scroll-snap-align:start;border:1px solid var(--line-card);border-radius:var(--radius-card);background:var(--surface-card);color:var(--petrol);flex-direction:column;display:flex;overflow:clip}.reference-image{aspect-ratio:4/3;border-bottom:1px solid var(--line-card);flex:none;position:relative;overflow:hidden}.reference-image>img{transition:transform .45s}.reference-body{flex-direction:column;flex:1;gap:10px;padding:20px 24px 24px;display:flex}.reference-logo{align-self:flex-start;align-items:center;height:44px;display:flex}.reference-logo img{object-fit:contain;object-position:left center;width:auto;max-width:150px;height:36px}.reference-logo.light{background:0 0}.reference-logo.dark{border-radius:8px;padding:6px 10px}.reference-logo.dark img{height:100%}.reference-body h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:22px;line-height:1.2;display:-webkit-box;overflow:hidden}.reference-body p{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.reference-category{color:var(--text-meta);align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:13px;line-height:1.4;display:inline-flex}.reference-category .icon{--icon:15px;color:var(--petrol)}.services{background:var(--surface-cyan);padding-bottom:var(--panel-inset)}.services .block-head{margin-bottom:40px}.service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.service-card{background:var(--surface-card);border-radius:14px;flex-direction:column;display:flex;overflow:clip}.service-visual{aspect-ratio:4/5;min-height:var(--block-min);background:var(--illu-bg);border-bottom:1px solid var(--line-card);position:relative;overflow:hidden}.service-visual>img{width:100%;height:auto;position:absolute;inset:50% 0 auto;translate:0 -50%}.service-copy{flex-direction:column;flex:1;padding:24px 24px 28px;display:flex}.service-copy h3{text-wrap:balance;font-size:clamp(26px,2.2vw,32px);line-height:1.08}.service-copy p{color:var(--text-soft);margin-top:14px;font-size:16px}.service-copy ul{margin:18px 0 24px;padding:0;font-size:14px;line-height:1.5;list-style:none}.service-copy li{padding-left:1.25em;position:relative}.service-copy li+li{margin-top:8px}.service-copy li:before{content:"";background:var(--cyan-dash);width:.7em;height:1px;position:absolute;top:.75em;left:0}.service-copy .button{align-self:flex-start;margin-top:auto}.service-copy .button .icon{display:none}.button.ghost{border:1px solid var(--petrol);min-height:44px;color:var(--petrol);background:0 0;padding:13px 20px}.approach{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-card)}.approach-visual{background:var(--illu-bg);border-radius:14px;margin:0;overflow:clip}.approach-frame{position:relative}.approach-frame img{aspect-ratio:21/9;height:auto;min-height:var(--block-min);object-fit:cover;max-height:80svh}.approach-stop,.approach-hint{display:none}.approach{--pano-w:max(100%,calc(var(--block-min) * 2400 / 1028))}.approach-steps{width:var(--pano-w);margin:0 calc((100% - var(--pano-w)) / 2);grid-template-columns:repeat(3,minmax(0,1fr));padding:40px 0 0;list-style:none;display:grid;position:relative}.approach-steps:before{content:"";top:19px;left:var(--station-1);right:calc(100% - var(--station-3));border-top:2px dotted var(--green-em);position:absolute}.approach-steps li{text-align:center;padding:28px 16px 0;position:relative}.approach-steps li:first-child{transform:translateX(calc((var(--station-1) - 16.667%) * 3))}.approach-steps li:nth-child(2){transform:translateX(calc((var(--station-2) - 50%) * 3))}.approach-steps li:nth-child(3){transform:translateX(calc((var(--station-3) - 83.333%) * 3))}.approach-steps li:before{content:"";background:var(--cyan);border-radius:50%;width:10px;height:10px;position:absolute;top:-20px;left:50%;transform:translate(-50%,-50%)}.approach-steps h3{margin:12px 0 10px;font-size:24px;line-height:1.12}.approach-steps p{max-width:30ch;color:var(--text-soft);text-wrap:balance;margin-inline:auto;font-size:15px;line-height:1.55}.approach-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:40px;padding-top:20px;display:flex}.approach-role{font-size:13px}.approach-role strong{letter-spacing:-.01em;font-size:17px;font-weight:500}.approach-foot .text-link{min-height:44px}.closing{isolation:isolate;min-height:clamp(560px,82svh,900px);margin-top:var(--plate-gap);padding:clamp(72px,9vw,128px) var(--panel-inset) clamp(56px,6vw,96px);border-radius:var(--radius-hero) var(--radius-hero) 0 0;background:var(--petrol-deep);color:var(--white);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:clip}.closing-media,.closing-media img{width:100%;height:100%;position:absolute;inset:0}.closing-media{z-index:-2}.closing-media img{object-fit:cover;object-position:50% 85%;transform:scaleY(-1)}.closing:before{content:"";z-index:-1;background:linear-gradient(90deg,#092222e0 0%,#092222a6 38%,#09222200 72%),linear-gradient(#09222266 0%,#09222200 30% 55%,#0e2726 100%);position:absolute;inset:0}.closing-content{max-width:820px}.closing h2{font-size:var(--fs-display);letter-spacing:-.06em;line-height:1.02}.closing h2 em{color:var(--cyan-light)}.closing p{color:#dbe5e0;max-width:34em;margin-top:28px;font-size:18px}.closing-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:36px;display:flex}.closing-mail{min-height:44px;color:var(--white);align-items:center;gap:6px;font-size:15px;display:inline-flex}.site-foot{margin-top:var(--space-section);margin-bottom:var(--page-gutter);padding:18px var(--panel-inset) 16px;border-radius:var(--radius-panel);background:var(--petrol-deep);color:var(--on-petrol);scroll-margin-bottom:var(--page-gutter);flex-wrap:wrap;align-items:center;gap:8px 32px;display:flex}.site-foot.is-attached{border-radius:0 0 var(--radius-hero) var(--radius-hero);margin-top:0;position:relative}.site-foot.is-attached:before{content:"";top:0;left:var(--panel-inset);right:var(--panel-inset);border-top:1px solid #f1f3e93d;position:absolute}.site-foot .brand{color:var(--white)}.site-foot .brand b span{color:var(--cyan-light)}.foot-nav{flex-wrap:wrap;gap:0 24px;margin-inline:auto;font-size:15px;display:flex}.foot-nav a,.foot-legal a{min-height:44px;color:var(--white);align-items:center;display:inline-flex}.foot-legal{color:var(--on-petrol-soft);flex-wrap:wrap;align-items:center;gap:0 18px;font-size:13px;display:flex}.foot-legal nav{gap:18px;display:flex}.foot-legal a{text-underline-offset:4px;text-decoration:underline}.draft-note{color:var(--on-petrol-soft);flex-basis:100%;font-size:13px}@media (width>=760.02px){.site-foot{grid-template-columns:1fr auto 1fr;gap:4px 32px;display:grid}.site-foot .brand{justify-self:start}.foot-nav{margin-inline:0}.foot-legal{white-space:nowrap;flex-wrap:nowrap;justify-self:end}.draft-note{grid-column:1/-1}}@media (width>=760.02px) and (width<=900px){.site-foot{grid-template-columns:auto 1fr}.foot-nav{justify-self:end}.foot-legal{grid-column:1/-1;justify-self:start}}.menu-legal{gap:18px;margin-left:auto;font-size:13px;display:flex}.menu-legal a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.tafel :focus-visible,.case :focus-visible,dialog :focus-visible,.site-menu :focus-visible{outline-color:var(--cyan-focus)}.closing :focus-visible,.site-foot :focus-visible{outline-color:var(--cyan-light)}dialog{--pad:50px;border-radius:var(--radius-panel);padding:var(--pad);background:var(--paper);max-width:540px;color:var(--petrol);border:0}html:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#102d2bb3}dialog h2{margin:20px 0;font-size:clamp(30px,5vw,40px);line-height:1.08}dialog p{margin-bottom:25px;font-size:17px}dialog p.form-note{font-size:13px;line-height:1.5}.dialog-close{top:calc(var(--pad) - 13px);right:calc(var(--pad) - 13px);width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute}.dialog-close:focus-visible{outline-offset:2px}@media (width>=760.02px){.dialog-close span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}form label{margin:18px 0;font-size:14px;display:block}form input,form textarea,form select{border:1px solid var(--line-input);background:var(--white);width:100%;color:var(--petrol);border-radius:8px;margin-top:8px;padding:12px;font-size:16px;display:block}form textarea{resize:vertical}form :is(input,select,textarea):focus-visible{outline:3px solid var(--cyan-focus);outline-offset:2px;border-color:var(--cyan-focus)}form select{-webkit-appearance:none;appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23163c3c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5 12 15l5.5-5.5'/%3E%3C/svg%3E") no-repeat right 14px center/18px;padding-right:44px}.contact-email{margin-top:20px;font-size:15px;text-decoration:underline;display:block}.project-page>:is(.project-hero,.walkthrough,.project-more){width:min(calc(100% - var(--page-gutter)*2),var(--page-max));margin-inline:auto}.project-hero{padding:30px var(--panel-inset) 24px;border-radius:var(--radius-hero);background:var(--surface);color:var(--petrol);margin-top:8px}.project-hero .hero-top,.project-hero .hero-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-hero .hero-top .eyebrow{text-transform:uppercase}.project-hero .back-link{flex:none;font-size:13px}.project-hero .hero-grid{min-height:min(550px,calc(100svh - var(--sticky-header) - 2 * var(--panel-inset) - 116px));grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:35px;display:grid}.project-hero .hero-copy{min-width:0}.project-hero h1{letter-spacing:-.06em;text-wrap:balance;margin:26px 0;font-size:clamp(40px,4.6vw,66px);line-height:1.06}.project-hero h1 em{color:var(--green-em)}.project-hero .hero-copy p{color:var(--text-hero);max-width:42em;font-size:17px}.project-hero .hero-images{align-self:stretch;min-height:380px;margin:34px 0 35px;position:relative}.project-hero .hero-photo{border-radius:130px 16px 16px;position:absolute;inset:0 0 75px 7%;overflow:hidden}.project-hero .hero-logo{border:7px solid var(--surface);border-radius:var(--radius-hero);place-items:center;width:48%;height:44%;padding:16px 20px;display:grid;position:absolute;bottom:0;left:0;overflow:hidden}.project-hero .hero-logo img{object-fit:contain;max-width:220px;max-height:90px}.project-hero .hero-bottom{border-top:1px solid var(--line);color:var(--text-hero);padding-top:20px;font-size:13px;line-height:1.5}.project-hero .hero-bottom .text-link{font-size:inherit;flex:none;gap:8px}.project-page .detail{padding-block:56px 80px}.project-page .story-title,.project-more>.block-head{padding-inline:var(--panel-inset)}.project-page .story-title h2,.project-more .block-head h2{font-size:clamp(30px,3.2vw,48px)}.project-page .story-title em,.project-more .block-head em{color:var(--green-em)}.project-page .section-number{white-space:nowrap;font-size:13px}.project-page .project-story{border-top:0}.story-nav .story-nav-exit{color:var(--petrol);border-color:var(--cyan-light)}.story-nav-exit .icon{--icon:18px}.project-page .walkthrough{padding:64px var(--panel-inset);border-radius:var(--radius-panel);background:var(--petrol);color:var(--on-petrol);position:relative}.project-page .walkthrough .section-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:45px;display:grid}.project-page .walkthrough h2{font-size:clamp(36px,4vw,59px);line-height:1.1}.project-page .walkthrough h2 em{color:var(--cyan-light)}.project-page .walkthrough .section-grid p{max-width:560px;color:var(--on-petrol-soft);margin-top:24px}.project-page .service-list{margin-top:56px}.project-page .service-list article{border-top:1px solid #44645c;grid-template-columns:.3fr 1.25fr 1.6fr;gap:30px;padding:38px 0;display:grid}.project-page .service-no{color:var(--cyan-light);font-size:14px}.project-page .service-list h3{font-size:37px;line-height:1.05}.project-page .service-list p{color:#c5d5cc;max-width:490px;font-size:16px}.project-page .service-list article>a{border-radius:50%;place-self:start end;place-items:center;min-width:44px;min-height:44px;display:grid}.project-page .service-list article>a .icon{--icon:25px}.project-page .choices{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-page .walkthrough a:focus-visible{outline-color:var(--cyan-light)}.project-page .project-more{padding-block:80px}.project-more .reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-more .reference-card{scroll-snap-align:none;min-height:0}dialog .tags{margin:0 0 6px}.detail{padding-block:38px 40px}.project-intro{padding-bottom:64px}.project-id{align-items:center;gap:20px;margin-top:40px;display:flex}.project-id p{flex-direction:column;gap:3px;min-width:0;line-height:1.35;display:flex}.project-name{letter-spacing:-.02em;font-size:20px}.project-category{color:var(--text-meta);font-size:14px}.detail h1{max-width:1100px;font-size:var(--fs-h2);text-wrap:balance;margin:40px 0 24px;line-height:1.06}.detail .lead{max-width:770px;color:var(--text-soft);margin-bottom:24px;font-size:22px;line-height:1.6}.project-intro-bottom{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px 32px;display:flex}.project-links{flex-wrap:wrap;gap:8px 28px;display:flex}.back-link,.project-links .text-link{margin-block:-10px;padding-block:10px}.project-story{border-top:1px solid var(--line);padding-top:24px}.story-stage{display:none}.story-chapter{border-bottom:1px solid var(--line);padding:55px 0;scroll-margin-top:45px}.story-chapter h2{font-size:var(--fs-h3);text-wrap:balance;margin:22px 0 25px;line-height:1.08}.chapter-copy .eyebrow{text-transform:uppercase}.story-chapter p{color:var(--text-soft);max-width:520px}.chapter-fallback{border-radius:var(--radius-tile);object-fit:contain;background:var(--surface);max-height:500px;margin-top:30px}.project-story.is-enhanced{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,80px);display:grid}.project-story.has-animation{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.is-enhanced .story-stage{align-self:start;display:block;position:sticky;top:24px}.story-frames{background:var(--white);border:1px solid var(--line-card);border-radius:var(--radius-card);height:min(65svh,640px);min-height:300px;position:relative;overflow:hidden}.story-frame{opacity:0;visibility:hidden;margin:0;transition:opacity .45s,visibility .45s;position:absolute;inset:0}.story-frame.is-active{opacity:1;visibility:visible}.story-frame img{object-fit:contain;padding:24px;transition:transform .65s;transform:scale(.97)}.story-frame.is-active img{transform:scale(1)}.is-single .story-frame,.is-single .story-frame img{transition:none;transform:none}.is-single .story-nav{display:none}.story-nav{grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:10px;margin-top:18px;display:grid}.story-nav a{border-top:2px solid var(--line-soft);color:var(--text-muted);flex-direction:column;gap:7px;padding-top:12px;font-size:12px;line-height:1.4;display:flex;position:relative}.story-nav a>span:first-child{font-size:14px}.story-nav a[aria-current]{border-color:var(--cyan-current);color:var(--petrol)}.story-nav a:after{content:"";position:absolute;inset:-8px 0 -10px}.is-enhanced .story-chapter{border:0;align-items:center;min-height:85svh;padding:70px 0;display:flex}.is-enhanced .story-chapter:first-child{min-height:calc(85svh - 25px)}.is-enhanced .chapter-fallback,.story-canvas-wrap{display:none}html.story-snap{scroll-snap-type:y mandatory;scroll-padding-top:var(--sticky-header)}html.story-snap :is(.project-hero,.story-title,.walkthrough){scroll-snap-align:start}html.story-snap .project-more,html.story-snap footer{scroll-snap-align:end}html.story-snap :is(.walkthrough,.project-more){scroll-snap-stop:always}.has-animation .story-stage{top:var(--stage-top,24px);width:min(100%,calc(max(180px,100svh - var(--sticky-header) - 112px) * var(--story-ratio,1.7778)));justify-self:center}.has-animation .story-frames{background:var(--white);flex-direction:column;height:auto;min-height:0;display:flex}.has-animation .story-frame{display:none}.has-animation .story-canvas-wrap{width:100%;aspect-ratio:var(--story-ratio,1.7778);display:block;position:relative}.story-canvas{width:100%;height:100%;display:block}.has-animation .story-chapter,.has-animation .story-chapter:first-child{min-height:calc(100svh - var(--sticky-header));scroll-snap-align:center;scroll-snap-stop:always;padding:40px 0;scroll-margin-top:0}.project-next{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:20px clamp(30px,5vw,80px);margin-top:70px;display:grid}.next-card{min-width:0;padding:var(--panel-inset) calc(var(--panel-inset) + 70px) var(--panel-inset) var(--panel-inset);border-radius:var(--radius-card);background:var(--surface-cyan);flex-direction:column;gap:6px;display:flex;position:relative}.next-card h2{font-size:var(--fs-h3);margin-top:12px;line-height:1.1}.next-category{color:var(--text-hero);font-size:14px}.next-card .round-arrow{top:50%;bottom:auto;right:var(--panel-inset);transform:translateY(-50%)}.project-next .button{margin:0 0 0 var(--panel-inset);justify-self:start}@media (width>=760.02px){.is-enhanced .chapter-copy{padding-inline:0 var(--panel-inset)}.is-enhanced:not(.has-animation) .story-stage{justify-self:end;width:min(100%,1.4*min(67svh,640px))}.is-enhanced:not(.has-animation) .story-frames{aspect-ratio:7/5;height:auto;min-height:0;max-height:min(67svh,640px)}.is-single.is-enhanced .story-chapter,.is-single.is-enhanced .story-chapter:first-child{align-items:flex-start;min-height:0;padding:40px 0}.is-single.is-enhanced .story-chapter+.story-chapter{border-top:1px solid var(--line)}}@media (width>=1000.02px){.project-next .button{margin-left:0}.project-intro{grid-template-columns:var(--grid-cols);column-gap:var(--grid-gap);align-items:start;display:grid}.project-intro>.back-link{grid-column:1/-1;justify-self:start}.project-id{flex-direction:column;grid-area:2/1/span 3;align-items:flex-start;gap:16px}.project-intro h1,.project-intro .lead,.project-intro-bottom{grid-column:2}}@media (hover:hover) and (pointer:fine){.header-nav a:hover,.text-link:hover,.closing-mail:hover,.foot-nav a:hover{text-underline-offset:5px;text-decoration:underline}.button:hover{background:var(--petrol-hover)}.button.light:hover{background:var(--cyan-light)}.button.ghost:hover{background:var(--petrol);color:var(--white)}.hero-cases a:hover{text-underline-offset:5px;text-decoration:underline}.hero-toggle:hover{background:#09222299}.rail-button:not([aria-disabled=true]):hover{background:var(--page-fg);color:var(--page-bg)}.reference-card:hover .reference-image>img{transform:scale(1.04)}}@media (width<=1180px){.case h3{font-size:clamp(30px,3vw,40px)}.service-copy h3{font-size:26px}.reference-body p{-webkit-line-clamp:3;line-clamp:3}}@media (width>=1180.02px),(width>=1000.02px) and (orientation:landscape){.service-cards{row-gap:0}.service-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;display:grid}.service-copy{display:contents}.service-cards .service-copy>*{margin-inline:24px}.service-cards .service-copy h3{margin-top:24px}.service-cards .service-copy .button{place-self:end start;margin-bottom:28px}#leistungen,#ansatz{height:calc(100svh - max(35px,calc(var(--sticky-header) + 16px)) - 2 * var(--panel-inset));min-height:min-content;padding-block:clamp(20px,3svh,32px)}#leistungen{grid-template-rows:auto minmax(0,1fr);display:grid}#leistungen .block-head,#ansatz .block-head{margin-bottom:clamp(16px,2.5svh,24px)}#leistungen .block-head h2,#ansatz .block-head h2{font-size:clamp(32px,4.8svh,48px)}#leistungen .service-cards{grid-template-rows:minmax(120px,1fr) repeat(4,auto);min-height:0}#leistungen .service-visual{aspect-ratio:auto;height:100%;min-height:0}#leistungen .service-copy>*{margin-inline:16px}#leistungen .service-copy h3{margin-top:16px}#leistungen .service-copy p{margin-top:10px;font-size:15px;line-height:1.5}#leistungen .service-copy ul{margin-top:12px;margin-bottom:16px}#leistungen .service-copy li+li{margin-top:6px}#leistungen .service-copy .button{margin-bottom:16px}#ansatz{--pano-w:100%;grid-template-rows:auto minmax(120px,1fr) auto auto;display:grid}#ansatz .block-head .eyebrow{margin-bottom:10px}#ansatz .block-lead{max-width:62em;margin-top:12px;font-size:16px;line-height:1.5}#ansatz .approach-strip,#ansatz .approach-frame{height:100%}#ansatz .approach-frame img{aspect-ratio:auto;height:auto;min-height:0;max-height:none;position:absolute;inset:50% 0 auto;translate:0 -50%}#ansatz .approach-steps{padding-top:28px}#ansatz .approach-steps:before{top:13px}#ansatz .approach-steps li{padding-top:18px}#ansatz .approach-steps li:before{top:-14px}#ansatz .approach-steps h3{margin-top:10px;font-size:22px}#ansatz .approach-foot{margin-top:18px;padding-top:14px}}@media (width>=1000.02px) and (width<=1280px){.closing:before{background:linear-gradient(90deg,#092222eb 0%,#092222c4 58%,#09222200 88%),linear-gradient(#09222266 0%,#09222200 30% 55%,#0e2726 100%)}}@media (width<=1180px) and (orientation:portrait){.case-visual{aspect-ratio:auto}.case-visual img{object-position:var(--focus,50% 50%)}.approach-visual{background:0 0;border-radius:0;overflow:visible}.approach-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;background:var(--illu-bg);border-radius:12px;overflow:auto hidden}.approach-frame{width:max-content}.approach-frame img{aspect-ratio:auto;width:auto;max-width:none;height:clamp(220px,32svh,460px);min-height:0;max-height:none}.approach-stop{scroll-snap-align:center;scroll-snap-stop:always;width:1px;height:1px;display:block;position:absolute;top:50%}.approach-stop:first-of-type{left:var(--station-1)}.approach-stop:nth-of-type(2){left:var(--station-2)}.approach-stop:nth-of-type(3){left:var(--station-3)}.approach-hint{color:var(--text-soft);align-items:center;gap:6px;margin-top:12px;padding-inline:8px;font-size:13px;line-height:1.5;display:flex}.approach-steps{width:auto;margin:0;padding:24px 8px 0;display:block}.approach-steps:before,.approach-steps li:before{display:none}.approach-steps li{border-top:1px solid var(--line);text-align:left;padding:20px 0}.approach-steps li:nth-child(n){transform:none}.approach-steps h3{font-size:22px}.approach-steps p{max-width:36em;margin-inline:0}}@media (width<=1180px) and (orientation:portrait) and (hover:hover) and (pointer:fine){.approach-hint{display:none}}@media (width<=1180px) and (orientation:portrait),(width<=760px){.case-foot{flex-direction:column;align-items:stretch;gap:20px}.case-foot .button{justify-content:space-between;min-height:52px}}@media (width<=1000px),(width<=1180px) and (orientation:portrait){.service-cards{grid-template-columns:minmax(0,1fr);gap:12px}.approach{padding:20px 12px 12px}.approach .block-head{margin-bottom:24px;padding-inline:8px}.approach-foot{flex-direction:column;align-items:flex-start;gap:24px;margin:0 8px;padding:20px 0 8px}}@media (width>=760.02px) and (width<=1000px),(width>=760.02px) and (width<=1180px) and (orientation:portrait){.service-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.service-visual{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line-card);height:100%;min-height:0}.service-copy{justify-content:center;padding:28px}.service-copy .button{margin-top:0}}@media (width<=1000px),(hover:none) and (pointer:coarse){.header-nav{display:none}.header-cta{margin-left:auto}.header,.menu-head{width:100%;padding:14px calc(var(--page-gutter) + var(--panel-inset));gap:12px}:root{--sticky-header:74px}.header{z-index:20;background:var(--page-bg);transition:background-color .7s;position:sticky;top:0}html:not(:has(.project-story:not(.is-single))){scroll-padding-top:calc(var(--sticky-header) + 16px)}.is-single.is-enhanced .story-stage{top:calc(var(--sticky-header) + 16px)}.text-link{margin-block:-10px;padding-block:10px}.menu-toggle{display:inline-flex}.site-menu:popover-open{display:flex}}@supports (animation-timeline:scroll()){@media (width<=1000px),(hover:none) and (pointer:coarse){.header{animation:linear both header-line scroll();animation-range:0 40px}}}@keyframes header-line{to{box-shadow:0 1px 0 var(--page-line)}}@supports not selector(:popover-open){@media (width<=1000px),(hover:none) and (pointer:coarse){.header{flex-wrap:wrap}.menu-toggle{display:none}.header-nav{flex-wrap:wrap;order:3;gap:12px 24px;width:100%;display:flex}}}@media (width<=1000px){.brand b,.brand i{font-size:23px}.hero{min-height:clamp(600px,calc(100svh - var(--sticky-header) - 16px),860px)}.hero h1{margin:24px 0 22px;font-size:clamp(64px,8.8vw,72px)}.hero-content p{max-width:600px}.desktop{display:none}.hero-actions{flex-wrap:wrap;gap:18px}.reference-rail{--card-w:min(84vw,420px)}.closing{justify-content:flex-start}.project-story.is-enhanced,.project-story.has-animation{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.story-chapter h2{font-size:28px}.story-chapter p{font-size:17px}.story-nav a>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-next{grid-template-columns:minmax(0,1fr)}}@media (width>=760.02px) and (width<=1000px){.closing:before{background:linear-gradient(#092222eb 0%,#092222c7 55%,#09222266 80%,#0e2726 100%)}}@media (width>=760.02px) and (width<=1180px) and (orientation:portrait){.case-copy>*{max-width:40rem}.reference-rail{--card-w:min(60vw,600px)}.approach-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}}@media (width<=760px){:root{--fs-h2:32px;--fs-h3:27px;--band-pad:56px}.hero h1{font-size:clamp(40px,11.4vw,68px)}.project-logo{width:180px;height:68px;padding:14px 18px;top:17px;left:17px}.detail{padding-top:25px}.detail-logo{border-radius:8px;width:auto;height:40px;padding:8px 12px}.detail-logo img{width:auto;max-width:104px}.project-id{gap:12px;margin-top:20px}.project-name{font-size:17px}.project-category{font-size:13px}.detail h1{margin:20px 0 14px;font-size:clamp(30px,8.8vw,40px)}.project-intro{padding-bottom:28px}.project-intro-bottom{flex-direction:column;align-items:start}.project-jump{display:none}.detail .lead{margin-bottom:20px;font-size:17px;line-height:1.55}.project-story.is-enhanced{padding-top:0;display:block}.is-enhanced .story-stage{z-index:2;background:var(--paper);padding:10px 0 12px;top:0}.story-frames{border-radius:12px;height:32svh;min-height:165px;max-height:280px}.story-frame img{padding:12px}.story-nav{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin-top:10px}.story-nav a{padding-top:7px}.story-nav a>span:first-child{font-size:13px}.is-enhanced .story-chapter,.is-enhanced .story-chapter:first-child{align-items:center;min-height:68svh;padding:36px 0;scroll-margin-top:calc(min(32svh,280px) + 100px)}html.story-snap{scroll-padding-top:calc(var(--sticky-header) + var(--stage-block,32svh))}.has-animation .story-stage{top:var(--sticky-header);width:100%}.has-animation .story-frames{max-height:none}.has-animation .story-chapter,.has-animation .story-chapter:first-child{min-height:calc(100svh - var(--sticky-header) - var(--stage-block,32svh));scroll-snap-align:start;padding:24px 0;scroll-margin-top:0}html.story-snap .project-next{scroll-snap-align:none}.story-chapter h2{font-size:var(--fs-h3)}.is-single.is-enhanced .story-stage{position:static}.is-single.is-enhanced .story-chapter,.is-single.is-enhanced .story-chapter:first-child{min-height:0;padding:28px 0;scroll-margin-top:20px}.story-chapter p{font-size:17px}.project-next{margin-top:40px}.next-card{padding-right:calc(var(--panel-inset) + 56px)}.project-next .button{justify-content:space-between;justify-self:stretch;margin-left:0}.header-cta{display:none}.brand{gap:5px}.brand i{font-size:22px}.hero{min-height:max(560px,calc(100svh - var(--sticky-header) - 8px));margin-top:0;padding-top:96px}.hero:before{background:linear-gradient(#09222240,#09222280 42%,#092222eb 88%)}.hero h1{margin:20px 0}.hero-content p{font-size:16px}.hero-actions{gap:22px;margin-top:28px}.hero-foot{margin-top:40px;padding-block:8px 10px}.hero-scope{display:none}.hero-cases span{flex-basis:100%;padding-top:10px}.hero-toggle{top:14px;right:14px}.block-head{margin-bottom:24px}.block-lead{font-size:16px}.case{height:calc(100svh - max(35px,calc(var(--sticky-header) + 16px)) - 2 * var(--panel-inset));border-radius:var(--radius-card);grid-template-rows:minmax(160px,1fr) auto;min-height:min-content;display:grid}.round-arrow{width:43px;height:43px;font-size:18px;bottom:16px;right:16px}.case-copy{padding:20px}.case-title,.case-category{display:block}.case-sep{display:none}.case-category{margin-top:4px}.case h3{font-size:clamp(26px,7.4vw,30px)}.tags{gap:5px}.tags span{padding:6px 10px}.rail-controls{display:none}.reference-rail{--card-w:min(78vw,360px);padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter);gap:12px}.reference-body{padding:16px 18px 20px}.reference-logo{height:40px}.reference-logo img{max-width:120px;height:30px}.reference-body h3{font-size:20px}.reference-body p{font-size:14px}.services{padding:20px 12px 28px}.services .block-head{margin-bottom:24px;padding-inline:8px}.service-cards{gap:40px}.service-card{height:calc(100svh - var(--sticky-header) - 16px - 2 * var(--panel-inset));background:0 0;border-radius:0;grid-template-rows:minmax(160px,1fr) auto;min-height:min-content;display:grid;overflow:visible}.service-visual{aspect-ratio:auto;border-bottom:0;border-radius:12px;min-height:0}.service-copy{padding:20px 8px 0}.service-copy p{color:var(--text-hero);font-size:15px}.service-copy ul{margin:16px 0 10px}.service-copy li:before{background:var(--green-em)}.service-copy .button,.service-copy .button:hover{min-height:44px;color:var(--petrol);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-self:flex-start;gap:6px;padding:0;font-size:15px}.service-copy .button .icon{display:inline-block}.closing{min-height:max(560px,88svh);padding:72px 20px 48px}.closing-media img{object-position:50% 60%;transform:none}.closing:before{background:linear-gradient(#092222eb 0%,#092222a6 52%,#09222214 72%,#09222226 88%,#0e2726 100%)}.closing h2{font-size:clamp(38px,11vw,64px)}.closing p{font-size:16px}.closing-actions{flex-direction:column;align-items:stretch;gap:12px}.closing-mail{align-self:flex-start}.site-foot{padding:24px var(--panel-inset) 16px;flex-direction:column;align-items:flex-start;gap:12px}.foot-nav{gap:0 22px;margin-inline:0}dialog{--pad:24px;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:76px calc(var(--page-gutter) + var(--panel-inset)) 24px;border-radius:0;margin:0;overflow-y:auto}dialog h2{margin:12px 0 16px}form label{margin:14px 0}.dialog-close{top:14px;right:calc(var(--page-gutter) + var(--panel-inset));border:1px solid var(--line);border-radius:40px;align-items:center;gap:8px;width:auto;height:46px;padding:0 18px;font-size:15px;display:inline-flex}.dialog-close .icon{--icon:20px}.detail{padding-bottom:24px}}@media (width<=500px){.hero .hero-actions .button{padding:17px 20px}.project-logo{border-radius:8px;width:128px;height:48px;padding:9px 12px;top:12px;left:12px}}@media (width<=430px){.menu-legal{margin-left:0}.brand b{font-size:21px}.brand i{font-size:20px}}@media (width<=340px){.menu-toggle{width:46px;min-width:0;padding:0}.menu-toggle span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=360px){.project-id{flex-direction:column;align-items:flex-start;gap:10px}.brand b{font-size:19px}.brand i{font-size:18px}}@media (width<=1000px){.project-hero .hero-grid{min-height:min(500px,calc(100svh - var(--sticky-header) - 2 * var(--panel-inset) - 116px));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.project-hero h1{font-size:clamp(36px,5.4vw,56px)}.project-hero .hero-images{min-height:330px}.project-page .walkthrough .section-grid{gap:25px}.project-page .service-list article{grid-template-columns:32px minmax(0,1fr) minmax(0,1.5fr) 44px;gap:20px}.project-page .service-list h3{font-size:30px}.project-more .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-more .reference-card:nth-child(n+3){display:none}}@media (width<=760px){.project-hero{margin-top:0;padding-top:24px}.project-hero .hero-top{flex-wrap:wrap;align-items:flex-start;gap:16px}.project-hero .hero-top .eyebrow{max-width:100%;font-size:11px}.project-hero .hero-grid{flex-direction:column;align-items:stretch;gap:0;min-height:0;display:flex}.project-hero h1{margin:28px 0 20px;font-size:clamp(32px,8.6vw,48px)}.project-hero .hero-copy p{font-size:16px}.project-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}.project-hero .hero-images{height:300px;min-height:0;margin:34px 0 25px}.project-hero .hero-photo{border-radius:80px 12px 12px;inset:0 0 50px 12%}.project-hero .hero-logo{border-width:5px;width:53%;height:47%;padding:12px 14px}.project-hero .hero-bottom{flex-wrap:wrap;align-items:flex-start;gap:12px 25px;font-size:12px}.project-page .detail{padding-block:40px}.project-page .story-title h2,.project-more .block-head h2{font-size:32px}.story-nav .story-nav-exit{display:none}html.story-snap :is(.project-hero,.story-title,.walkthrough){scroll-margin-top:calc(-1 * var(--stage-block,0px))}.project-page .walkthrough{padding:40px var(--panel-inset);position:relative}.project-page .walkthrough .section-grid{grid-template-columns:minmax(0,1fr);gap:20px}.project-page .walkthrough h2{font-size:32px}.project-page .walkthrough .section-grid p{font-size:16px}.project-page .service-list{margin-top:32px}.project-page .service-list article{grid-template-columns:26px minmax(0,1fr) 44px;gap:16px 12px;padding:28px 0}.project-page .service-list h3{font-size:27px}.project-page .service-list article>div{grid-area:2/2/auto/-1}.project-page .service-list article>a{grid-area:1/3;margin-top:-10px}.project-page .project-more{padding-block:56px}}@media (width<=500px){.project-more .reference-grid{grid-template-columns:minmax(0,1fr);gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}.story-frame,.story-frame img,.reference-image>img{transition:none;transform:none}.is-enhanced .story-frame img{transform:none}.case-visual img,.reference-image>img{transform:none!important}}@media print{.is-enhanced .story-stage{display:none}.project-story.is-enhanced{display:block}.is-enhanced .story-chapter{break-inside:avoid;min-height:0;display:block}.is-enhanced .chapter-fallback{display:block}body:has(.project-page) .header{position:static}.case{grid-template-rows:240px auto;height:auto;min-height:0}#leistungen,#ansatz{height:auto;min-height:0;display:block}.service-card{height:auto;min-height:0}.service-visual{aspect-ratio:auto;height:240px;min-height:0}#ansatz .approach-frame{height:240px}.header-nav,.menu-toggle,.button,.hero-toggle,.hero-media video,.project-page .walkthrough,.project-page .hero-actions{display:none}.reference-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;margin-top:0;padding:0;overflow:visible}.reference-card{break-inside:avoid;min-height:0}.rail-controls,.approach-hint,.approach-stop{display:none}.approach-strip{overflow:visible}.approach-frame{width:auto}.approach-frame img{aspect-ratio:21/9;width:100%;height:auto;min-height:0;max-height:none}.approach-steps{width:auto;margin-inline:0}.case,.service-card{break-inside:avoid}}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}form fieldset{border:0;min-width:0;margin:0;padding:0}form fieldset:disabled{opacity:.65}.form-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-note a{text-decoration:underline}[data-inquiry-result]{border:1px solid var(--line-input);border-radius:8px;margin-top:20px;padding:18px;font-size:16px}[data-inquiry-result][data-state=error]{color:#873322;border-color:#a13e2c}.project-page .service-list article[hidden]{display:none}.project-page .service-list .walk-progress{color:var(--cyan-light);margin-bottom:16px;font-size:14px}.project-page .choices button{border:1px solid var(--paper);min-height:54px;color:var(--petrol);background:var(--paper);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:15px;font-weight:500;line-height:1.3;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 3px #071f1e70}.project-page .choices button .icon{--icon:19px;flex-shrink:0;transition:transform .18s}.project-page .choices button[aria-pressed=true]{background:var(--surface-cyan);border-color:var(--cyan-light);box-shadow:inset 0 0 0 1px var(--cyan-light),0 3px 0 #071f1e70}@media (hover:hover){.project-page .choices button:hover{background:var(--surface-cyan);border-color:var(--surface-cyan);transform:translateY(-2px);box-shadow:0 5px #071f1e70}.project-page .choices button:hover .icon{transform:translate(3px)}}.project-page .choices button:active{box-shadow:none;transform:translateY(1px)}.project-page .choices button:focus-visible,.project-page .walk-actions button:focus-visible{outline:3px solid var(--cyan-light);outline-offset:4px}.walk-actions{margin-top:24px}.walk-actions button{color:inherit;font-size:14px}@media (width<=760px){dialog{max-height:100dvh}.project-page .choices button{padding:13px 15px;font-size:13px}}.walk-anchor{width:1px;height:1px;position:absolute;top:0;left:0}.project-page .walk-ready-actions{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:24px;display:flex}.project-page .walk-ready-actions .button{background:var(--surface-cyan);color:var(--petrol);border-color:var(--surface-cyan)}.project-page .walkthrough .tags{margin-top:18px}.project-page .walkthrough .tags span{color:var(--on-petrol-soft);border-color:#63847d}.project-page .walk-footer{color:var(--on-petrol-soft);border-top:1px solid #44645c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 20px;padding-top:24px;font-size:14px;display:flex}.project-page .walk-footer button{color:var(--on-petrol)}@media (width<=760px){.project-page .walkthrough{padding-block:32px}.project-page .walkthrough .service-list{margin-top:24px}.project-page .choices{flex-direction:column;align-items:stretch}.project-page .choices button{width:100%;min-height:52px}.project-page .walk-footer{justify-content:flex-start}.project-page .walk-ready-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.project-page .choices button,.project-page .choices button .icon{transform:none!important}}