.studio-hero{--hero-gutter: clamp(1.25rem, 3.5vw, 4rem);--hero-space: clamp(1rem, 1.6vw, 1.75rem);--hero-copy-space: calc(var(--hero-space) * 2);position:relative;isolation:isolate;overflow:clip;background:var(--studio-base);color:#f5f8fe}.studio-backdrop{display:none}.studio-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-rows:1fr;align-items:center;gap:clamp(1.5rem,3vw,3rem);width:min(calc(100% - 2 * var(--hero-gutter)),96rem);min-height:clamp(40rem,100svh,64rem);padding-block:calc(var(--nav-size) + 2rem) 1.5rem}.studio-copy{position:relative;z-index:2;grid-column:1;grid-row:1;padding-block:var(--hero-space);translate:0 clamp(-.75rem,-1vw,-.5rem)}.studio-eyebrow{color:#a5c4ff;font:400 clamp(.75rem,.65rem + .4vw,1rem)/1.5 var(--font-label);letter-spacing:.1em;margin-bottom:var(--hero-copy-space);text-transform:uppercase;text-wrap:balance}.studio-copy h1{max-width:21ch;font-family:var(--font-body);font-size:clamp(2.125rem,1.45rem + 2.6vw,4.5rem);font-weight:350;line-height:1.28;letter-spacing:-.055em;text-wrap:balance}.studio-copy h1>span{display:block}.studio-lead{max-width:42ch;margin-top:var(--hero-copy-space);color:#e0e8f3;font-size:clamp(1rem,.9rem + .35vw,1.25rem);line-height:2}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:var(--hero-copy-space)}.studio-site .studio-hero .studio-actions>.studio-cta{font-size:clamp(.8125rem,.75rem + .2vw,.9375rem);min-height:3rem;padding:.85rem 1.2rem;gap:1rem}.studio-site .studio-hero .studio-secondary{min-height:3rem;padding:.8rem 1.2rem;border:1px solid rgb(243 241 236 / .65);border-radius:2rem;color:#142033;background:linear-gradient(145deg,#faf9f6e6,#f3f1ecc2 48%,#e4edf8a3);backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55);box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #a9c6e940,0 8px 24px #0000001f;transition:background .25s,border-color .25s,box-shadow .25s;font-size:clamp(.8125rem,.75rem + .2vw,.9375rem)}.studio-site .studio-hero .studio-secondary>span{color:#2e619f}@media(hover:hover){.studio-site .studio-hero .studio-secondary:hover{color:#071426;background:linear-gradient(145deg,#faf9f6f5,#f3f1ecd6 48%,#e4edf8b8);border-color:#faf9f6e6}}@media(prefers-reduced-transparency:reduce){.studio-site .studio-hero .studio-secondary{background:#f3f1ec;backdrop-filter:none;-webkit-backdrop-filter:none}}.studio-hero-visual{position:absolute;z-index:0;inset:0;margin:0;overflow:hidden;pointer-events:none}.studio-hero-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% center}.studio-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--studio-base) 82%,transparent),color-mix(in srgb,var(--studio-base) 45%,transparent) 40%,transparent 70%),linear-gradient(0deg,var(--studio-base),transparent 26%)}@media(max-width:930px){.studio-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:0;min-height:0;padding-block:calc(var(--nav-size) + 2.5rem) 1.5rem}.studio-copy{padding:0;text-align:center;translate:none}.studio-copy :is(h1,p){margin-inline:auto}.studio-copy h1{max-width:20ch}.studio-lead{max-width:44ch}.studio-actions{justify-content:center}.studio-hero-visual{position:relative;grid-column:1;grid-row:2;justify-self:center;width:calc(100% + 2 * var(--hero-gutter));height:clamp(16rem,52vw,25rem);margin-top:.5rem}.studio-hero-visual img{object-position:83% center}.studio-hero-visual:after{background:linear-gradient(180deg,var(--studio-base),transparent 12%,transparent 65%,var(--studio-base))}html:not(.js) .studio-site .studio-grid{padding-top:2rem}}@media(max-width:480px){.studio-actions{gap:.75rem}.studio-actions>a{width:100%;justify-content:center}}#leistungen.studio-services--open .studio-chapters{gap:clamp(112px,10vw,168px)}#leistungen.studio-services--open .studio-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,5vw,64px);padding:0;border:0;border-radius:0;background:transparent;color:#f3f5fa;box-shadow:none}#leistungen.studio-services--open .studio-chapter:last-child{padding-bottom:0}#leistungen.studio-services--open .studio-chapter:nth-child(2n){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .studio-chapter-copy{grid-column:2;grid-row:1}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .chapter-study{grid-column:1;grid-row:1}#leistungen.studio-services--open .studio-chapter .studio-chapter-copy,#leistungen.studio-services--open .studio-chapter .chapter-study{align-self:start}#leistungen.studio-services--open .studio-chapter-copy{text-align:left}#leistungen.studio-services--open .studio-service-kicker{color:#9ecbff;font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.1em;margin-bottom:16px}#leistungen.studio-services--open .studio-service-kicker:after{content:"";display:block;width:clamp(68px,7vw,104px);height:1px;margin-top:11px;background:linear-gradient(90deg,#9ecbff 0%,rgb(158 203 255 / .48) 58%,transparent 100%)}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .studio-service-kicker:after{transform:translate(-28px);background:linear-gradient(90deg,transparent 0%,rgb(158 203 255 / .48) 42%,#9ecbff 100%)}#leistungen.studio-services--open .studio-chapter-copy h3{color:#f3f5fa;max-width:none;font-size:clamp(30px,3vw,40px);line-height:1.15}#leistungen.studio-services--open .studio-solution-lead{color:#becbdd;font-size:16px;line-height:1.65;margin:15px 0 0;max-width:44ch}#leistungen.studio-services--open .studio-chapter .studio-examples{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px 13px;margin:20px 0 0;padding:0;border:0}#leistungen.studio-services--open .studio-chapter .studio-examples li:nth-child(n){padding:0 0 4px;margin:0;min-height:0;border:0;border-bottom:1px solid rgb(195 216 255 / .24);border-radius:0;background:transparent;color:#c8d4e7;box-shadow:none;font-size:13px;font-weight:400;line-height:1.6}#leistungen.studio-services--open .studio-chapter-copy>a{margin-top:22px;min-height:46px}#leistungen.studio-services--open .chapter-study{width:fit-content;max-width:90%;margin:0 0 0 auto}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .chapter-study{margin:0 auto 0 0}#leistungen.studio-services--open .studio-chapter .chapter-study-art{position:relative;display:block;min-height:0;height:clamp(186px,20vw,341px);width:auto;aspect-ratio:160 / 77;border-radius:16px;border:0;overflow:hidden;background:#071426}#leistungen.studio-services--open .studio-chapter .chapter-study--0 .chapter-study-art{aspect-ratio:1.734;height:clamp(212px,23vw,389px)}#leistungen.studio-services--open .studio-chapter .chapter-study--1 .chapter-study-art{aspect-ratio:1.355;height:clamp(223px,24vw,409px)}#leistungen.studio-services--open .studio-chapter .chapter-study-art[data-scroll-motion-target]{transform:none}#leistungen.studio-services--open .studio-chapter .chapter-study-art .chapter-study-photo{position:absolute;inset:0;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center 62%;transform:none}#leistungen.studio-services--open .studio-chapter .chapter-study--2 .chapter-study-art .chapter-study-photo{object-position:center 66%}#leistungen.studio-services--open .studio-chapter .chapter-study--3 .chapter-study-art .chapter-study-photo{object-position:center 64%}#leistungen.studio-services--open .studio-chapter .chapter-study--2 .chapter-study-art .chapter-study-photo{transform:scale(1.1)}#leistungen.studio-services--open .studio-chapter .chapter-study-label{right:clamp(-9rem,-.5vw,1rem);bottom:clamp(-9rem,-.5vw,1rem);width:clamp(54px,21%,114px)}#leistungen.studio-services--open .chapter-study figcaption{margin:15px 0 0;text-align:left}#leistungen.studio-services--open .chapter-study figcaption strong{color:#e9eef7;font-size:15px;line-height:1.5}#leistungen.studio-services--open .chapter-study figcaption>span{color:#9aaec8;font-size:11px;line-height:1.5;margin:8px 0 0}#leistungen.studio-services--open :focus-visible{outline-color:#a9c6e9}@media(max-width:930px){#leistungen.studio-services--open{padding-top:40px}#leistungen.studio-services--open .studio-chapters{gap:88px}#leistungen.studio-services--open .studio-chapter,#leistungen.studio-services--open .studio-chapter:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:22px;padding:0}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .studio-chapter-copy,#leistungen.studio-services--open .studio-chapter:nth-child(2n) .chapter-study{grid-column:auto;grid-row:auto}#leistungen.studio-services--open .chapter-study,#leistungen.studio-services--open .studio-chapter:nth-child(2n) .chapter-study{width:90%;max-width:none;margin-inline:0}#leistungen.studio-services--open .studio-chapter .chapter-study-art{height:auto;width:100%}#leistungen.studio-services--open .studio-chapter-copy h3{font-size:30px}#leistungen.studio-services--open .studio-solution-lead{font-size:15px}#leistungen.studio-services--open .studio-chapter .studio-examples{margin-top:16px}#leistungen.studio-services--open .studio-chapter-copy>a{margin-top:18px}#leistungen.studio-services--open .studio-chapter:nth-child(2n) .studio-service-kicker:after{transform:none;background:linear-gradient(90deg,#9ecbff 0%,rgb(158 203 255 / .48) 58%,transparent 100%)}}@media(max-width:350px){#leistungen.studio-services--open .studio-chapter-copy h3{font-size:27px;overflow-wrap:anywhere}}#leistungen.studio-services--open{padding-bottom:0}#leistungen.studio-services--open>.wrap{padding-bottom:clamp(40px,5vw,64px)}.is-home .project-journey{padding-block:clamp(40px,5vw,72px) var(--footer-entry-space)}.project-journey>.wrap{position:relative;isolation:isolate}.project-journey>.wrap:before{content:"";position:absolute;z-index:-1;inset:6% 5%;background:radial-gradient(ellipse at 20% 50%,#5b7ca03b,transparent 55%),radial-gradient(ellipse at 90% 15%,#8ca7c92b,transparent 50%);filter:blur(30px);pointer-events:none}.project-journey-head{display:flex;flex-direction:column;align-items:center;margin:0 auto clamp(72px,8vw,120px);text-align:center}.project-journey-head:before{content:"";display:block;height:33px}.project-journey-steps{list-style:none;padding:0;margin:0 auto clamp(48px,6vw,72px);max-width:min(100%,960px);text-align:left}.project-journey .project-journey-glass{width:100%;padding:clamp(28px,4vw,44px) clamp(28px,4vw,48px);text-align:left;border-radius:34px;border:1px solid rgb(255 255 255 / .72);background:var(--studio-light-glass);box-shadow:inset 0 1px 1px #fffffff5,inset 0 -1px #2e619f1f;backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);color:#142033}@media(min-width:931px){.project-journey .project-journey-glass{width:fit-content;min-width:min(700px,100%);max-width:100%;margin-inline:auto}}@media(prefers-reduced-transparency:reduce){.project-journey .project-journey-glass{background:#e4edf8;backdrop-filter:none;-webkit-backdrop-filter:none}}.project-journey h2{font:400 clamp(35px,4.1vw,55px)/1.08 var(--font-body);letter-spacing:-.055em;margin:0 auto;max-width:22ch;text-wrap:balance}.project-journey .project-journey-intro{margin:24px auto 0;max-width:47ch;color:#b9c8dc;font-size:16px;line-height:1.65}.project-journey-steps li{min-width:0;display:grid;grid-template-columns:minmax(0,clamp(60px,18%,88px)) minmax(0,1fr);column-gap:26px;align-items:start;padding-block:34px;text-align:left}.project-journey-steps li:first-child{padding-top:0}.project-journey-steps li:last-child{padding-bottom:0}.project-journey-steps li+li{border-top:1px solid #ffffff1c}.project-journey-num{font:700 clamp(38px,5vw,48px)/.85 var(--font-body);letter-spacing:-.03em;color:transparent;background:linear-gradient(160deg,#a5c4ffd9,#a5c4ff38);-webkit-background-clip:text;background-clip:text}.project-journey-step-body{min-width:0}.project-journey-steps h3{font:400 19px/1.28 var(--font-body);letter-spacing:-.02em;margin:2px 0 10px;min-width:0;overflow-wrap:anywhere}.project-journey-steps p{font-size:14px;line-height:1.7;color:#b9c8dc;max-width:46ch;margin:0}.project-journey-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(28px,5vw,64px);scroll-margin-top:110px}.project-journey-invitation p{font-size:clamp(1.25rem,2.1vw,2.15rem);line-height:1.7;color:#39475b;max-width:44ch;margin:0}.project-journey-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.project-journey-invitation .studio-glass-button{gap:22px!important;min-height:50px!important;line-height:1.5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .2s ease,border-color .2s ease!important}.project-journey-invitation .studio-glass-button svg{width:20px;height:20px;flex-shrink:0}@media(hover:hover){.project-journey-invitation .studio-glass-button:hover{background:#264a78!important;border-color:#74a7fee6!important;box-shadow:inset 0 1px 1px #ffffff47!important}}.project-journey-about{display:flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;color:#2e619f;font-size:12px;text-decoration:underline;text-underline-offset:4px}.project-journey :focus-visible{outline:2px solid #b7d4ff;outline-offset:5px}.project-journey-glass :focus-visible{outline-color:#2e619f}@media(max-width:930px){.project-journey-head{margin-bottom:64px}.project-journey .project-journey-intro{margin-top:20px}.project-journey-steps{margin-bottom:32px}.project-journey .project-journey-glass{padding:29px 20px 19px;border-radius:26px}.project-journey h2{font-size:32px}.project-journey .project-journey-intro{font-size:15px;margin-top:16px}.project-journey-steps li{grid-template-columns:minmax(0,clamp(44px,20%,64px)) minmax(0,1fr);column-gap:16px;padding-block:24px}.project-journey-num{font-size:clamp(30px,9vw,38px)}.project-journey-steps h3{font-size:16px;margin:0 0 8px}.project-journey-steps p{max-width:none}.project-journey-invitation{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}.project-journey-invitation p{max-width:none;margin:0 auto}.project-journey-invitation .studio-glass-button{width:auto;padding-inline:20px}}@media(max-width:350px){.project-journey h2{font-size:28px}.project-journey .project-journey-glass{padding-inline:16px}}
