/* A two-column desktop opening; the mobile opening stays centered. */
@media(min-width:1100px){.editorial-homepage .hero-intro{display:grid;grid-template-columns:1.15fr 1fr;column-gap:65px;align-items:start;width:calc(100% - 80px);max-width:1500px;margin:auto;text-align:left;padding:160px 0 0}.editorial-homepage .hero-intro>.eyebrow{grid-column:1;justify-content:flex-start;margin-bottom:22px}.editorial-homepage .hero-intro>h1{grid-column:1;text-align:left;font-size:clamp(36px,3.35vw,58px);line-height:1.16;max-width:none;margin:0;letter-spacing:-.045em}.editorial-homepage .hero-title-desktop{text-align:left}.editorial-homepage .service-word-module{grid-column:1;margin:24px 0 0}.editorial-homepage .hero-description{grid-column:1;text-align:left;max-width:500px;font-size:19px;line-height:1.65;margin:22px 0 0}.editorial-homepage .hero-description br{display:none}.editorial-homepage .hero-actions{grid-column:1;justify-content:flex-start;gap:13px;margin-top:28px}.editorial-homepage .hero-actions .custom-action{width:235px;font-size:13px;padding-left:18px;gap:15px}.editorial-homepage .visibility-platforms{grid-column:2;grid-row:1/6;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:38px;padding:35px 0;margin:0;width:100%;max-width:none}.editorial-homepage .visibility-platforms h2{text-align:center;font-size:clamp(29px,2.7vw,45px);white-space:normal}.editorial-homepage .platform-logo-stack{padding:15px 0;width:100%;justify-content:center}.editorial-homepage .platform-logo-tile{flex-basis:84px;width:84px;height:92px;border-radius:21px;margin-left:-12px}.editorial-homepage .platform-logo-tile img{width:43px;height:43px}.editorial-homepage .platform-logo-tile:nth-child(2) img{width:51px}.editorial-homepage .platform-logo-tile:last-child img{width:47px}.editorial-homepage .hero-sticky .scroll-cue{margin-top:45px}.editorial-homepage .hero-sticky{padding-bottom:0!important}}
@media(min-width:1600px){.editorial-homepage .hero-intro{column-gap:110px;padding-top:180px}.editorial-homepage .visibility-platforms{gap:46px}.editorial-homepage .platform-logo-tile{width:105px;height:112px;flex-basis:105px;border-radius:25px;margin-left:-15px}.editorial-homepage .platform-logo-tile img{width:53px;height:53px}.editorial-homepage .platform-logo-tile:nth-child(2) img{width:64px}.editorial-homepage .platform-logo-tile:last-child img{width:58px}}
/* Real references from the existing Web agency site, without extra cards. */
.editorial-homepage .hero-sticky{padding-bottom:0!important}.reference-ribbon{background:#fff;color:#617c8d;margin-top:30px;padding:22px 0;border-bottom:1px solid #e2edf3}.reference-inner{width:calc(100% - 80px);max-width:1500px;margin:auto;display:flex;align-items:center;gap:45px}.reference-inner>p{flex:0 0 185px;font-size:12px;line-height:1.6;letter-spacing:.015em}.reference-window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.reference-track{width:max-content;display:flex;animation:referenceDrift 30s linear infinite}.reference-group{display:flex;align-items:center;gap:50px;padding-right:50px;flex-shrink:0}.reference-logo{width:220px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reference-logo img{display:block;width:auto;height:auto;max-height:58px;max-width:180px;object-fit:contain}.reference-logo:first-child img{max-width:200px}.reference-window:hover .reference-track,.reference-window:focus-within .reference-track{animation-play-state:paused}@keyframes referenceDrift{to{transform:translateX(-50%)}}
/* After the first three sections: more open photography and continuous color. */
.editorial-homepage #agentur{padding:90px 0;background:#fff}.editorial-homepage .agency-picture,.editorial-homepage .agency-spaces figure{border:0;box-shadow:none;border-radius:12px}.editorial-homepage .agency-gallery{gap:24px}.editorial-homepage .agency-spaces{gap:24px}.editorial-homepage .agency-bottom{display:flex;align-items:center;gap:55px;margin-top:30px}.editorial-homepage .agency-bottom>p{background:none;border:0;border-radius:0;box-shadow:none;padding:0;max-width:680px;font-size:18px;line-height:1.75}.editorial-homepage .agency-bottom>.text-link{background:none;border-radius:0;box-shadow:none;color:#142b3c;padding:15px 0;flex-shrink:0;font-size:16px;border-bottom:1px solid #b8d8e8;gap:22px}.editorial-homepage .agency-bottom .action-icon{background:#edf7fc;color:#0d91cd;width:38px;height:38px;flex-basis:38px}.editorial-homepage .agency-bottom>.text-link:hover .action-icon{background:#0b9cde;color:#fff}
.editorial-homepage #arbeitsweise{background:linear-gradient(125deg,#19b8d9,#118de2 55%,#0755cc);color:#fff;padding:95px 0}.editorial-homepage .process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.editorial-homepage .process-intro{display:block;position:sticky;top:145px;margin:0}.editorial-homepage .process-intro h2{color:#fff;font-size:clamp(34px,3.5vw,56px);max-width:480px}.editorial-homepage .process-intro>p:not(.eyebrow){margin:25px 0 0;color:#e6f7ff;max-width:360px;font-size:18px}.editorial-homepage .process-cards{display:block}.editorial-homepage .process-step,.editorial-homepage .process-step:nth-child(n){background:none;color:#fff;box-shadow:none;border:0;border-bottom:1px solid #ffffff45;border-radius:0;padding:30px 0;min-height:0}.editorial-homepage .process-step:first-child{padding-top:0}.editorial-homepage .process-step:last-child{border-bottom:0;padding-bottom:0}.editorial-homepage .process-card-top{margin-bottom:16px;gap:25px}.editorial-homepage .process-step:nth-child(n) .step-label{color:#dcf6ff;font-size:10px}.editorial-homepage .process-step h3{font-size:clamp(22px,1.9vw,29px);max-width:540px}.editorial-homepage .process-step:nth-child(n) p{color:#e3f4ff;max-width:580px;font-size:17px;line-height:1.7;margin-top:17px}.editorial-homepage .process-step:nth-child(n) .motion-icon{color:#fff;width:58px;height:58px}.editorial-homepage .process-step .pulse-fill{fill:#99ecff}.editorial-homepage .process-step .target-arrow path[fill]{fill:#0878be}.editorial-homepage .process-step .leaf{fill:#a3eeff}.editorial-homepage .process-step.active{translate:0 0}.editorial-homepage .process-step:focus-visible{outline-color:#fff}
.editorial-homepage #wirkung{background:#fff;color:#142b3c;padding:90px 0}.editorial-homepage #wirkung>.frame{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.editorial-statement .statement{font-size:clamp(33px,3.7vw,58px);line-height:1.22}.editorial-statement .statement>span{color:#142b3c}.editorial-statement .statement .statement-accent{background:linear-gradient(100deg,#14b5d7,#0866df);background-clip:text;-webkit-background-clip:text;color:transparent}.editorial-statement>p{font-size:18px;line-height:1.75;color:#617c8d;max-width:560px;margin-top:26px}.editorial-homepage .principle-details{display:grid;grid-template-columns:1fr 1fr;gap:28px}.editorial-homepage .principle-details>article,.editorial-homepage .principle-details>article:nth-child(2){padding:0;min-height:0;background:none;border:0;box-shadow:none;color:#142b3c;overflow:visible}.editorial-homepage .principle-details .motion-icon,.editorial-homepage .principle-details>article:nth-child(2) .motion-icon{color:#0c9bd7;margin-bottom:25px}.editorial-homepage .principle-details .bar{stroke:#0c9bd7}.editorial-homepage .principle-details h3{font-size:22px}.editorial-homepage .principle-details p,.editorial-homepage .principle-details>article:nth-child(2) p{font-size:16px;color:#617c8d;line-height:1.7;max-width:220px}
.editorial-homepage #kontakt{background:#102736;color:#fff;padding:75px 0}.editorial-homepage .contact-panel{background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:60px}.editorial-homepage .contact-copy h2{font-size:clamp(34px,3.8vw,58px)}.editorial-homepage .contact-copy>p{color:#b6d0e0}.editorial-homepage .contact-actions .consultation-note{color:#aac6d8}.editorial-homepage .global-footer{background:#fff;padding-top:60px}.editorial-homepage .footer-grid{padding:0;background:none;border:0;border-radius:0;box-shadow:none;margin-bottom:40px}
@media(max-width:1099px) and (min-width:768px){.editorial-homepage .process-layout{gap:6%;grid-template-columns:.85fr 1.15fr}.editorial-homepage #wirkung>.frame{gap:5%;grid-template-columns:1fr 1fr}.editorial-statement .statement{font-size:32px}.editorial-homepage .principle-details{gap:18px}.editorial-homepage .principle-details h3{font-size:20px}}
@media(max-width:767px){.reference-ribbon{margin-top:20px;padding:20px 0}.reference-inner{width:100%;display:block}.reference-inner>p{padding:0 24px;margin-bottom:14px;font-size:11px;text-align:center}.reference-group{gap:25px;padding-right:25px}.reference-logo{width:165px;height:58px}.reference-logo img{max-height:47px;max-width:135px}.reference-logo:first-child img{max-width:155px}.editorial-homepage #agentur,.editorial-homepage #wirkung{padding:60px 0}.editorial-homepage .agency-gallery,.editorial-homepage .agency-spaces{gap:14px}.editorial-homepage .agency-bottom{display:block;margin-top:25px}.editorial-homepage .agency-bottom>p{font-size:16px}.editorial-homepage .agency-bottom>.text-link{margin-top:20px;width:max-content;max-width:100%;font-size:15px}.editorial-homepage #arbeitsweise{padding:60px 0}.editorial-homepage .process-layout{display:block}.editorial-homepage .process-intro{position:relative;top:auto;margin-bottom:40px}.editorial-homepage .process-intro h2{font-size:clamp(31px,8.5vw,42px)}.editorial-homepage .process-intro>p:not(.eyebrow){font-size:16px;max-width:360px;margin-top:22px}.editorial-homepage .process-step,.editorial-homepage .process-step:nth-child(n){padding:26px 0}.editorial-homepage .process-step:first-child{padding-top:0}.editorial-homepage .process-step h3{font-size:23px}.editorial-homepage .process-step:nth-child(n) p{font-size:16px}.editorial-homepage .process-step:nth-child(n) .motion-icon{width:54px;height:54px}.editorial-homepage #wirkung>.frame{display:block}.editorial-statement .statement{font-size:clamp(27px,7.5vw,39px)}.editorial-statement>p{font-size:16px;margin-top:24px}.editorial-homepage .principle-details{gap:25px;margin-top:40px}.editorial-homepage .principle-details h3{font-size:19px}.editorial-homepage .principle-details p,.editorial-homepage .principle-details>article:nth-child(2) p{font-size:15px}.editorial-homepage #kontakt{padding:60px 0}.editorial-homepage .contact-panel{gap:32px}.editorial-homepage .contact-copy h2{font-size:clamp(30px,8.5vw,42px)}.editorial-homepage .global-footer{padding-top:45px}.editorial-homepage .footer-grid{gap:32px 22px}}
@media(prefers-reduced-motion:reduce){.reference-track{animation:none}.reference-window{overflow-x:auto}.reference-group[aria-hidden=true]{display:none}}
[data-theme=dark] .editorial-homepage .reference-ribbon{background:#fff;color:#617c8d}[data-theme=dark] .editorial-homepage #arbeitsweise{background:linear-gradient(125deg,#087d9d,#0861b4 55%,#073e95)}[data-theme=dark] .editorial-homepage #wirkung,[data-theme=dark] .editorial-homepage .global-footer{background:#0b1118}[data-theme=dark] .editorial-homepage .editorial-statement .statement>span{color:#edf5fb}[data-theme=dark] .editorial-homepage .editorial-statement>p,[data-theme=dark] .editorial-homepage .principle-details p,[data-theme=dark] .editorial-homepage .principle-details>article:nth-child(2) p{color:#a8bfce}[data-theme=dark] .editorial-homepage .principle-details>article{color:#edf5fb}
.editorial-homepage .process-intro>p:not(.eyebrow){justify-self:start;text-align:left}
[data-theme=dark] .editorial-homepage .agency-bottom>.text-link{color:#edf5fb}[data-theme=dark] .editorial-homepage .agency-bottom>p{color:#a8bfce}[data-theme=dark] .editorial-homepage .footer-grid{background:none}