/* Header: abgenommene Proportionen, ein Weißton, ein gemeinsamer Schatten. */
.nav-bar{position:relative;margin-top:62px;height:76px;padding:0 26px 0 161px;background:#fff;border-radius:8px;filter:drop-shadow(0 10px 18px #00000022);display:flex;align-items:center;justify-content:space-between;pointer-events:auto;transition:height .25s,margin .25s,padding .25s}
.brand-label{position:absolute;left:18px;top:-23px;width:106px;height:122px;display:block;transition:width .25s,height .25s,top .25s}
.brand-face{position:absolute;inset:0;background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center}
.brand-label img{width:68px;height:auto;transform:translateY(-5px);transition:width .25s}
.site-header.compact .nav-bar{margin-top:26px;height:66px;padding-left:131px}
.site-header.compact .brand-label{left:20px;top:-11px;width:76px;height:88px}
.site-header.compact .brand-label img{width:46px;height:auto}
.brand-label:focus-visible{outline-offset:8px;border-radius:12px}
.nav-links a[aria-current=page]{color:var(--red)}
.mega{left:145px}
.feature-visual{border:1px solid #ffffff24;border-radius:15px;background:#1d1d23;box-shadow:0 24px 65px #0003;padding:25px;position:relative;color:#fff;min-width:0}
.visual-label{font-size:10px;letter-spacing:.14em;color:#a9a9b6;text-transform:uppercase;margin-bottom:23px;display:flex;justify-content:space-between;gap:15px}
.visual-label b{color:#ff6476;font-weight:500}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.visual-item{padding:18px;border:1px solid #ffffff1b;border-radius:8px;background:#ffffff05;min-width:0}
.visual-item strong{font-size:14px;display:block;line-height:1.5}.visual-item small{font-size:11px;color:#b2b2be;display:block;margin-top:8px;line-height:1.6}
.visual-item.wide{grid-column:1/-1}.visual-item.highlight{border-color:#e9435955;background:#e943590c}
.visual-line{display:flex;gap:10px;align-items:center;font-size:12px;margin:12px 0;padding:12px 14px;border-radius:6px;background:#ffffff06}.visual-line i{height:7px;width:7px;background:#ff5369;border-radius:50%;flex:none}.visual-line span:last-child{margin-left:auto;color:#b6b6c2;font-size:10px}
.visual-connector{text-align:center;color:#ff6578;font-size:18px;line-height:1.8}
.visual-bottom{font-size:11px;color:#a9a9b7;margin-top:20px;border-top:1px solid #ffffff15;padding-top:15px}
.inner-hero .feature-visual p{font-size:13px;line-height:1.7;margin:12px 0 0;max-width:none}
.page-hero{background:var(--night);color:#fff;padding:203px 0 58px}.page-hero h1{max-width:870px;font-size:clamp(38px,4.5vw,62px)}.page-hero h1 em{color:#ff4b60;font-style:normal}.page-hero p{color:#c3c3cc;max-width:640px;font-size:15px;margin-top:22px}
.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.editorial-grid h2{font-size:35px}.editorial-copy p+p{margin-top:16px}.editorial-copy p{font-size:14px}
.compact-list{list-style:none;padding:0;margin:0}.compact-list li{padding:17px 0;border-top:1px solid var(--line);font-size:14px}.compact-list strong{display:block;color:var(--ink);margin-bottom:5px}.compact-list span{color:var(--muted);font-size:13px}
.service-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:25px}.service-links a{border-bottom:1px solid #aaa;padding-bottom:3px}.service-links a:hover{color:var(--red)}
.project-story{padding:35px;background:var(--soft);border-radius:12px}.project-story p{font-size:14px;margin-top:14px}.project-story h3{margin-bottom:10px}.project-story .tags{margin-bottom:0}
.project-caption{font-size:11px;margin-top:16px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-details{display:grid;gap:25px}.contact-details h2{font-size:32px;margin-bottom:4px}.contact-details strong{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.contact-details a{font-size:17px;word-break:break-word}.contact-details address{font-size:14px;font-style:normal;color:var(--muted)}
.project-form{padding:32px;border:1px solid var(--line);border-radius:12px}.project-form h2{font-size:28px;margin-bottom:9px}.project-form>p{font-size:13px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;min-width:0}.field.wide{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:1px solid #c9c9d0;border-radius:6px;padding:12px;background:#fff;color:var(--ink);font-size:15px;font-weight:400;min-height:46px}.field textarea{resize:vertical;min-height:120px}.field small{font-size:11px;font-weight:400;color:var(--muted)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid #2376bc;outline-offset:3px}.form-checkline{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:22px 0}.form-checkline input{margin:4px 0 0;width:17px;height:17px;flex:none}.form-checkline a{text-decoration:underline}.form-status{font-size:13px;line-height:1.7;margin-top:18px;background:var(--soft);padding:15px;border-radius:6px}.form-status:empty{display:none}.draft-note{font-size:11px!important;color:var(--muted);margin-top:12px!important;margin-bottom:0!important}.project-form button{border:0}
.legal-copy{max-width:850px}.legal-copy h2{font-size:24px;margin:30px 0 12px}.legal-copy h3{font-size:20px;margin:25px 0 10px}.legal-copy p,.legal-copy li{font-size:14px;line-height:1.8}.legal-copy p+p{margin-top:14px}.legal-copy a{text-decoration:underline}.legal-copy .hero,.legal-copy .section{background:none;color:inherit;padding:0;min-height:0}.legal-copy .container{max-width:none;width:auto;padding:0}.legal-copy h1{display:none}
@media(max-width:1100px){.nav-bar{padding-left:148px;padding-right:18px}.brand-label{left:9px;width:104px;height:120px;top:-22px}.brand-label img{width:66px}.editorial-grid,.contact-layout{gap:35px}}
@media(max-width:760px){.nav-bar{margin-top:45px;height:62px;padding:0 10px 0 125px;justify-content:flex-end}.brand-label{left:7px;top:-18px;width:84px;height:98px}.brand-label img{width:52px;height:auto}.site-header.compact .nav-bar{margin-top:23px;height:58px;padding-left:109px}.site-header.compact .brand-label{left:10px;top:-13px;width:72px;height:84px}.site-header.compact .brand-label img{width:44px;height:auto}.feature-visual{width:100%;padding:20px}.visual-item{padding:14px}.inner-hero>.wrap>div{width:100%}.page-hero{padding:162px 0 40px}.page-hero h1{font-size:39px}.page-hero p{font-size:14px}.editorial-grid,.contact-layout{grid-template-columns:1fr;gap:30px}.editorial-grid h2{font-size:30px}.project-form{padding:22px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}.project-story{padding:24px}.contact-details a{font-size:16px}.legal-copy h2{font-size:23px}.visual-label{font-size:9px}.mega{left:0}}

.legal-copy .wrap{width:100%;max-width:none;margin:0}
.reference-section{background:var(--soft)}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reference-card{display:flex;flex-direction:column;padding:28px 30px;background:#fff;border-radius:10px;border:1px solid #e1e1e6;transition:border-color .2s,transform .2s}
.reference-card:hover{border-color:var(--red);transform:translateY(-3px)}
.reference-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}
.reference-meta span:last-child{font-size:21px;color:var(--red);line-height:1}
.reference-card h3{font-size:25px;line-height:1.2}
.reference-card p{font-size:13px;line-height:1.7;margin-top:13px;margin-bottom:22px;max-width:420px}
.reference-domain{font-size:11px;color:var(--muted);margin-top:auto;padding-top:14px;border-top:1px solid var(--line);overflow-wrap:anywhere}
@media(max-width:760px){.reference-grid{grid-template-columns:1fr;gap:14px}.reference-card{padding:23px}.reference-card h3{font-size:24px}.reference-meta{margin-bottom:18px}}

/* v4: illustrated services and shared four-column footer */
.service-grid{column-gap:28px;row-gap:30px}
.service-card{border:1px solid var(--line);border-radius:16px;padding:0 22px 24px;overflow:hidden;align-content:start;gap:18px 10px;background:#fff}
.service-card-art{display:block;grid-column:1/-1;margin:0 -22px 4px;overflow:hidden;aspect-ratio:1.8;background:#e8e4df}
.service-card-art picture,.service-card-art img{display:block;width:100%;height:100%}
.service-card-art img{object-fit:cover;transition:transform .5s}
.service-card:hover .service-card-art img{transform:scale(1.025)}
.service-art{margin:0;border-radius:18px;overflow:hidden;background:#29282a;box-shadow:0 22px 65px #0003;min-width:0;align-self:center}
.service-art picture,.service-art img{display:block;width:100%}
.service-art img{height:auto;aspect-ratio:1.3;object-fit:cover}
.service-art figcaption{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#fff}
.service-art figcaption span{font-weight:400;letter-spacing:0;color:#c2c0c4}
.site-footer{background:#121215;color:#fff;padding:70px 0 30px;border-top:1px solid #ffffff20}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .95fr 1.1fr;gap:48px;align-items:start}
.footer-grid h2{font-size:15px;line-height:1.4;letter-spacing:0;margin:3px 0 23px;color:#fff}
.footer-grid nav>a,.footer-contact>a{display:block;font-size:14px;line-height:1.65;margin:0 0 12px;color:#c3c3cc;max-width:100%;overflow-wrap:anywhere}
.footer-grid a:hover,.footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.footer-brand>a{display:inline-block}
.footer-brand img{display:block;width:148px;height:auto;max-width:100%;margin:-8px 0 20px}
.footer-brand p{font-size:13px;line-height:1.9;color:#c3c3cc;margin:0;max-width:265px}
.footer-contact address{font-style:normal;font-size:14px;line-height:1.9;color:#c3c3cc;margin:0 0 19px}
.site-footer .footer-bottom{border-top:1px solid #ffffff26;margin-top:52px;padding-top:25px;font-size:11px;line-height:1.8;color:#b8b8c3;align-items:center}
.footer-bottom nav{display:flex;gap:22px}
@media(max-width:1000px){.footer-grid{gap:30px;grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:2/4}.footer-brand{grid-row:span 2}}
@media(max-width:760px){.service-card{padding:0 19px 22px;gap:15px 9px}.service-card-art{margin:0 -19px 4px;aspect-ratio:1.65}.service-art{width:100%}.service-art img{aspect-ratio:1.5}.service-art figcaption{padding:14px 16px;font-size:9px}.site-footer{padding:45px 0 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand{grid-column:1/-1;grid-row:auto;display:flex;gap:25px;align-items:center}.footer-brand img{width:110px;margin:0}.footer-brand p{font-size:12px}.footer-grid h2{font-size:14px;margin-bottom:17px}.footer-grid nav>a,.footer-contact>a,.footer-contact address{font-size:13px}.footer-contact{grid-column:1/-1}.site-footer .footer-bottom{margin-top:30px;padding-top:21px;font-size:10px;display:flex;flex-wrap:wrap;gap:14px}.footer-bottom nav{gap:20px}}
@media(prefers-reduced-motion:reduce){.service-card-art img{transition:none}.service-card:hover .service-card-art img{transform:none}}

/* v5: compact footer rhythm, natural photographs, accessible process graphics */
.site-footer{padding-top:54px}
.footer-grid nav>a,.footer-contact>a{line-height:1.5;margin-bottom:7px}
.footer-grid h2{margin-bottom:18px}
.footer-brand p,.footer-contact address{line-height:1.65}
.footer-contact address{margin-bottom:15px}
.site-footer .footer-bottom{margin-top:38px}
.service-art{box-shadow:none;background:#242427}
.service-art img{aspect-ratio:1.4}
.service-art figcaption{font-size:9px;letter-spacing:.04em;padding:12px 17px;color:#b8b8c0}
.service-card-art{aspect-ratio:1.85}
.editorial-photo{margin:0;overflow:hidden;border-radius:16px;background:#e8e3db}
.editorial-photo picture,.editorial-photo img{display:block;width:100%;height:auto}
.editorial-photo img{aspect-ratio:1.6;object-fit:cover}
.editorial-photo figcaption{padding:10px 15px;color:#65656c;font-size:10px;background:#f4f2ef}
.story-photo{margin-top:30px}
.contact-details .editorial-photo{margin-top:4px;max-width:410px}
.contact-details .editorial-photo img{aspect-ratio:1.65}
.collaboration-photo{margin:0 0 30px;max-height:300px}
.collaboration-photo img{aspect-ratio:3.7;object-position:50% 54%}
.career-photo{margin:0 0 32px}
.journey{position:relative;margin-top:25px;color:#d8a7a8}
.journey-connector{position:absolute;top:0;left:0;width:100%;height:170px;pointer-events:none}
.journey ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.journey-3 ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey li{min-width:0;padding:0 18px;text-align:center}
.journey li:nth-child(even){padding-top:66px}
.journey-icon{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#fff1ef;border:10px solid #eecac7;margin:0 auto 21px;color:#ac2834;box-shadow:inset 0 0 0 1px #c7757830}
.journey li:nth-child(2) .journey-icon{background:#f0dddd;border-color:#d99c9e;color:#962533}
.journey li:nth-child(3) .journey-icon{background:#a33944;border-color:#be777e;color:#fff}
.journey li:nth-child(4) .journey-icon{background:#3b3038;border-color:#8b6c75;color:#fff}
.journey-icon svg{width:34px;height:37px}
.journey-number{display:block;font-size:27px;line-height:1;font-weight:800;color:#b1323e;margin:0 0 10px}
.journey h3{font-size:18px;color:#26242b;letter-spacing:-.025em}
.journey p{font-size:12px;line-height:1.7;margin:10px auto 0;max-width:230px;color:#64636d}
@media(max-width:760px){.site-footer{padding-top:40px}.footer-grid nav>a,.footer-contact>a{margin-bottom:6px;line-height:1.5}.footer-grid h2{margin-bottom:13px}.footer-brand p,.footer-contact address{line-height:1.6}.service-art img{aspect-ratio:1.5}.collaboration-photo{max-height:none;margin-bottom:24px}.collaboration-photo img{aspect-ratio:1.8}.journey{margin-top:26px}.journey-connector{display:none}.journey ol,.journey-3 ol{grid-template-columns:1fr;gap:25px}.journey ol:before{content:'';position:absolute;top:38px;bottom:38px;left:35px;width:6px;background:#dec0c1;border-radius:4px}.journey li,.journey li:nth-child(even){position:relative;display:grid;grid-template-columns:76px 1fr;gap:20px;padding:0;text-align:left;align-items:start}.journey-icon{width:76px;height:76px;border-width:7px;margin:0}.journey-icon svg{width:27px;height:30px}.journey-copy{padding:2px 0 7px}.journey-number{font-size:20px;margin-bottom:7px}.journey h3{font-size:18px}.journey p{margin:7px 0 0;max-width:none;font-size:12px}.story-photo{margin-top:23px}}
.career-photo img{aspect-ratio:3.1;object-position:center 57%}
@media(max-width:760px){.career-photo img{aspect-ratio:1.7}}
/* v6: genuine project screenshots */
.reference-card{padding-top:0;overflow:hidden}
.reference-shot{margin:0 -30px 24px;border-bottom:1px solid #dddde3;background:#fff}
.reference-shot picture,.reference-shot img{display:block;width:100%}
.reference-shot img{aspect-ratio:1.455;object-fit:cover;object-position:top;height:auto}
.browser-line{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;background:#eeedf0;border-bottom:1px solid #dbdadf;color:#666570;font-size:10px;letter-spacing:.02em}
.browser-line i{width:5px;height:5px;background:#b7b5bf;border-radius:50%;flex-shrink:0}
.browser-line span{margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-image.real-case{display:block;min-height:0;padding:0;border-radius:12px;background:#fff;border:1px solid #dddde3}
.case-image.real-case:before{display:none}
.real-case picture,.real-case img{display:block;width:100%;height:auto}
@media(max-width:760px){.reference-shot{margin-left:-23px;margin-right:-23px;margin-bottom:20px}.browser-line{height:25px;font-size:9px}.case-image.real-case{min-height:0;padding:0}}