@font-face{font-family:Archivo;src:url(assets/archivo.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fff;--ink:#20221e;--muted:#555950;--line:#dedfd9;--gutter:clamp(20px,3.6vw,64px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.5;scrollbar-color:#787b73 #fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #235ec3;outline-offset:5px}::selection{background:var(--ink);color:#fff}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}[hidden]{display:none!important}.site{max-width:1920px;margin:0 auto}.skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:#fff;z-index:30}.skip:focus{top:12px}.header{height:104px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1;min-width:180px}.brand>span{font-size:42px;font-weight:750;letter-spacing:-.04em}.brand small{font-size:14px;margin-top:7px;font-weight:450}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav :is(button,a){display:flex;align-items:center;min-height:48px;padding:0;font-size:15px}.desktop-nav :is(button,a):hover,.desktop-nav button[aria-expanded=true]{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;align-items:center;gap:12px}.request{display:flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:0 19px;border:1px solid var(--ink);font-size:15px}.request:hover{background:var(--ink);color:#fff}.request-short{display:none}.menu-toggle{display:none;width:48px;height:48px}.hero{position:relative;margin:0 12px}.hero h1{position:absolute;z-index:2;top:43px;left:calc(var(--gutter) - 12px);margin:0;color:#fff;font-weight:650;font-size:clamp(54px,6.05vw,92px);line-height:1.04;letter-spacing:-.035em;pointer-events:none}.hero-figure{margin:0}.photo{position:relative;height:clamp(580px,48vw,780px);background:#6a635a;isolation:isolate}.photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.photo:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.61),rgba(0,0,0,.1) 67%,transparent),linear-gradient(180deg,rgba(0,0,0,.08) 50%,rgba(0,0,0,.22))}.view-photo{position:absolute;z-index:1;right:28px;bottom:28px;display:grid;place-items:center;width:48px;height:48px;background:#fff;color:var(--ink)}.view-photo:hover{background:var(--ink);color:#fff}.hero-copy{position:absolute;z-index:2;left:calc(var(--gutter) - 12px);bottom:106px;width:370px;color:#fff}.hero-copy p{font-size:18px;line-height:1.55;margin:0 0 26px;max-width:35ch;text-wrap:pretty}.primary{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;min-height:56px;padding:0 22px;background:#fff;color:var(--ink);font-size:16px;font-weight:550}.primary:hover{background:#e9ebe5}.hero-figure figcaption{min-height:72px;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:10px calc(var(--gutter) - 12px);font-size:14px}.hero-figure figcaption>span{color:var(--muted)}.hero-figure figcaption button{display:flex;align-items:center;gap:17px;min-height:44px;padding:0;font-size:14px}.hero-figure figcaption button:hover{text-decoration:underline;text-underline-offset:5px}.pilot-footer{margin:0 var(--gutter);padding:24px 0 28px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.header-panel{padding:36px var(--gutter) 48px;position:relative;background:#f0f1ed;display:grid;grid-template-columns:1fr 1fr;gap:40px}.header-panel h2{font-weight:550;font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}.header-panel p{margin:0;max-width:48ch}.header-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.header-panel li{display:grid;gap:3px}.header-panel li span{color:var(--muted);font-size:15px}.header-panel .panel-close{justify-self:start;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:0;grid-column:1/-1}.header-panel .demo-note{margin-top:18px;font-size:14px;color:var(--muted)}#mobile-menu{padding:0 var(--gutter) 20px;display:flex;gap:25px}#mobile-menu :is(button,a){display:flex;align-items:center;min-height:48px;padding:0}.gallery{max-width:calc(100vw - 48px);width:1120px;max-height:calc(100dvh - 48px);padding:0;border:0;background:#fff;color:var(--ink);overflow:auto}.gallery::backdrop{background:rgba(10,12,9,.88)}.gallery[open]{animation:gallery-in .35s var(--ease)}.gallery-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 24px}.gallery h2{font-size:20px;font-weight:550;line-height:1.25;margin:0}.gallery-close{width:48px;height:48px;display:grid;place-items:center}.gallery-image{display:block;width:100%;height:min(66dvh,700px);object-fit:contain;background:#eee}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px}.gallery-bottom p{margin:0;color:var(--muted);font-size:14px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line)}.gallery-controls button:hover,.gallery-close:hover{background:#f0f1ed}@keyframes gallery-in{from{clip-path:inset(2% 0 2% 0)}to{clip-path:inset(0)}}
@media(min-width:1600px){.hero-copy{bottom:120px}.hero h1{top:56px}}
@media(max-width:1000px){.header{height:92px;gap:24px}.brand{min-width:145px}.desktop-nav{gap:23px}.request{gap:12px}.hero h1{font-size:clamp(54px,6.5vw,66px)}.photo{height:600px}.hero-copy{width:335px}.hero-copy p{font-size:17px}}
@media(max-width:760px){.header{height:84px;padding:0 20px;gap:12px}.brand{min-width:0}.brand>span{font-size:34px}.brand small{font-size:12px;margin-top:5px}.desktop-nav{display:none}.request{padding:0 14px;gap:12px;min-height:44px;font-size:14px}.request-long{display:none}.request-short{display:inline}.request svg{width:18px;height:18px}.menu-toggle{display:grid;place-items:center}.header-actions{gap:8px}.hero{display:flex;flex-direction:column;margin:0}.hero h1{position:static;color:var(--ink);font-size:clamp(37px,7.2vw,54px);line-height:1.08;font-weight:600;letter-spacing:-.035em;margin:24px 20px 28px;order:0}.hero-figure{display:contents}.photo{order:1;height:auto;aspect-ratio:1.12;margin:0 var(--gutter)}.photo>img{position:absolute;inset:0;object-position:55% center}.photo:after{display:none}.view-photo{right:16px;bottom:16px;width:44px;height:44px}.hero-figure figcaption{order:2;padding:12px 20px;min-height:66px;gap:12px;flex-wrap:wrap;font-size:13px;justify-content:flex-start}.hero-figure figcaption button{font-size:13px;gap:8px}.hero-figure figcaption svg{width:20px;height:20px}.hero-copy{position:static;width:auto;order:3;color:var(--ink);padding:22px 20px 36px}.hero-copy p{max-width:48ch;font-size:17px;margin:0 0 22px;line-height:1.55}.primary{color:#fff;background:var(--ink);min-height:56px}.primary:hover{background:#41463b}.pilot-footer{margin:0 20px;font-size:12px;padding:22px 0;gap:16px}.header-panel{padding:28px 20px;grid-template-columns:1fr;gap:22px}.header-panel h2{font-size:27px}.gallery{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.gallery-top{padding:8px 14px}.gallery h2{font-size:18px}.gallery-image{height:60dvh}.gallery-bottom{padding:8px 14px}}
@media(max-width:380px){.header{padding:0 16px}.header-actions{gap:4px}.request{padding:0 12px}.request svg{display:none}.hero h1{margin-left:16px;margin-right:16px;font-size:37px}.hero-copy{padding-left:16px;padding-right:16px}.primary{width:100%;gap:12px;padding:0 18px}.hero-figure figcaption{padding:8px 16px;gap:0;align-items:flex-start;flex-direction:column}.hero-figure figcaption>span{padding-top:7px}.pilot-footer{margin:0 16px;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* Sections inherit the existing photo-led identity. */
.content-section{padding:100px var(--gutter);scroll-margin-top:28px}
.content-section h2{margin:0;font-size:clamp(34px,3.45vw,54px);font-weight:550;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.services{display:grid;grid-template-columns: .9fr 1.1fr;gap:clamp(60px,9vw,160px);border-top:1px solid var(--line);margin-top:28px}
.service-image{margin:0;max-width:370px}
.service-image button{display:block;width:100%;padding:0;position:relative}
.service-image img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:center 63%}
.service-image figcaption{font-size:14px;color:var(--muted);margin-top:12px}
.image-open{position:absolute;bottom:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);color:var(--ink)}
:is(.service-image button,.project-image):hover .image-open{background:var(--ink);color:var(--paper)}
.service-row{padding:28px 0 24px;border-top:1px solid var(--line)}
.service-row:first-child{padding-top:0;border-top:0}.service-row:last-child{padding-bottom:0}
.service-row h3{margin:0 0 14px;font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-.025em}
.service-row p{font-size:17px;line-height:1.6;margin:0 0 12px;max-width:52ch}
.service-row .service-examples{font-size:14px;color:var(--muted);margin-bottom:8px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:4px 0;font-size:15px;font-weight:500;text-align:left}
.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.projects{padding-top:76px;background:#f0f1ed}
.section-heading{margin-bottom:56px}
.section-heading h2{max-width:13ch}
.project-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,6vw,104px);align-items:start}
.project-wardrobe{margin-top:116px;scroll-margin-top:28px}
.project-image{position:relative;display:block;width:100%;padding:0;background:var(--line)}
.project-image img{display:block;width:100%;height:auto}
.project-copy{padding-top:22px}.project-copy h3{font-size:clamp(24px,2.1vw,32px);font-weight:550;letter-spacing:-.025em;line-height:1.2;margin:0 0 14px;text-wrap:balance}
.project-copy p{max-width:43ch;font-size:17px;line-height:1.55;margin:0 0 12px}
.projects+.pilot-footer{border-top:0}
@media(max-width:1000px){.content-section{padding-top:72px;padding-bottom:72px}.services{gap:44px;grid-template-columns:1fr 1.1fr}.content-section h2{font-size:36px}.service-row h3{font-size:27px}.service-row p{font-size:16px}.project-grid{gap:32px}.project-wardrobe{margin-top:80px}}
@media(max-width:760px){.content-section{padding:56px 20px;scroll-margin-top:20px}.content-section h2{font-size:36px;max-width:17ch}.services{grid-template-columns:1fr;gap:40px;margin-top:12px}.service-image{max-width:none}.service-image img{aspect-ratio:1.4;object-position:center 62%}.service-row{padding:26px 0}.service-row h3{font-size:27px}.service-row p{max-width:48ch}.service-row:first-child{padding-top:26px;border-top:1px solid var(--line)}.section-heading{margin-bottom:32px}.project-grid{display:block}.project-wardrobe{margin-top:44px}.project-copy{padding-top:20px}.project-copy h3{font-size:26px}.project-copy p{font-size:16px}.project-image .image-open{bottom:12px;right:12px}}
@media(max-width:380px){.content-section{padding-left:16px;padding-right:16px}.content-section h2{font-size:32px}.service-row h3{font-size:25px}.text-link{gap:14px}.project-copy h3{font-size:24px}}

/* Motion and depth: photograph first, text remains readable. */
:root{--shadow-photo:0 24px 44px -25px rgb(25 30 20 / .38);--shadow-control:0 5px 16px rgb(25 30 20 / .15);--feedback:180ms;--arrival:720ms}
.photo{overflow:hidden;box-shadow:0 18px 32px -25px rgb(25 30 20 / .4)}
.service-image button,.project-image{box-shadow:var(--shadow-photo);overflow:clip}
.project-image img,.service-image img{transition:transform 650ms var(--ease);transform-origin:center}
.view-photo,.image-open{box-shadow:var(--shadow-control);transition:background-color var(--feedback),color var(--feedback)}
.primary,.request,.text-link,.gallery-controls button,.gallery-close{transition:background-color var(--feedback),color var(--feedback),box-shadow var(--feedback)}
.primary{box-shadow:var(--shadow-control)}
.primary svg,.request svg,.text-link svg{transition:transform 240ms var(--ease)}
.primary:focus-visible svg,.request:focus-visible svg,.text-link:focus-visible svg{transform:translateX(4px)}
@media(hover:hover) and (pointer:fine){
 .project-image:hover img,.service-image button:hover img{transform:scale(1.035)}
 .primary:hover svg,.request:hover svg,.text-link:hover svg{transform:translateX(4px)}
 .primary:hover{box-shadow:0 8px 22px rgb(25 30 20 / .22)}
}
:is(.project-image,.service-image button):focus-visible img{transform:scale(1.025)}
:root[data-motion="reduced"] :is(.photo>img,.project-image img,.service-image img,button svg,.text-link svg){transform:none!important;transition:none!important}
:root[data-motion="reduced"] .gallery[open]{animation:none}
@media(prefers-reduced-motion:reduce){
 .photo>img,.project-image img,.service-image img,button svg,.text-link svg{transform:none!important;transition:none!important}
}

/* Startseiten-Erweiterung: Einordnung, Betrieb, Ablauf und Abschluss. */
.facts{padding:32px var(--gutter) 38px}
.facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0}
.facts dt{font-size:18px;font-weight:550;letter-spacing:-.02em}.facts dd{margin:6px 0 0;font-size:14px;color:var(--muted)}
.facts+.services{margin-top:0}
.company{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,160px);padding-top:120px;padding-bottom:116px}
.company-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:1.04;max-width:12ch}
.company-heading>p{font-size:17px;margin:28px 0 0;color:var(--muted)}
.company-story>p{max-width:47ch;margin:0 0 24px;font-size:17px;line-height:1.6}
.company-story .company-lead{font-size:clamp(24px,2.2vw,32px);line-height:1.3;letter-spacing:-.025em;font-weight:500;margin-bottom:24px}
.company-details{display:grid;grid-template-columns:1fr 1.7fr;border-top:1px solid var(--line);padding-top:24px;gap:24px;margin:32px 0 20px}
.company-details dt{font-size:14px;color:var(--muted);margin-bottom:6px}.company-details dd{margin:0;font-size:16px}
.process{background:#f0f1ed;display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,160px)}
.process h2{max-width:14ch}.process-list{list-style:none;padding:0;margin:0;counter-reset:none}
.process-list li{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:30px 0;border-top:1px solid #c7cac1}
.process-list li:first-child{padding-top:0;border-top:0}.process-list li:last-child{padding-bottom:0}
.step-number{font-size:17px;font-variant-numeric:tabular-nums;padding-top:5px;color:var(--muted)}
.process-list h3{font-size:27px;font-weight:550;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}.process-list p{max-width:43ch;margin:0;font-size:17px;line-height:1.6}
.contact-close{background:var(--ink);color:var(--paper);padding-top:100px;padding-bottom:80px}
.contact-close h2{font-size:clamp(44px,6vw,84px);line-height:1.06;max-width:15ch}
.contact-close-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-top:44px}
.contact-close-bottom p{font-size:18px;line-height:1.55;max-width:37ch;margin:0}.contact-close .primary{flex-shrink:0;background:var(--paper);color:var(--ink);min-width:270px}.contact-close .primary:hover{background:#e9ebe5}
.contact-close button:focus-visible{outline-color:#fff}
.site-footer{padding:64px var(--gutter) 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:48px}.footer-main address{font-style:normal;font-size:16px;line-height:1.9}.footer-main address a{display:inline-block;overflow-wrap:anywhere}.footer-main nav{display:grid;align-content:start;gap:3px}.footer-main nav a{display:flex;align-items:center;min-height:44px}
.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.footer-meta{border-top:1px solid var(--line);padding-top:24px;margin-top:52px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer-meta p{margin:0}.footer-meta>div{display:flex;gap:24px}.footer-meta a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.company,.process{gap:44px}.company{padding-top:80px;padding-bottom:80px}.company-details{grid-template-columns:1fr}.contact-close-bottom{gap:32px}.footer-main{gap:32px}}
@media(max-width:760px){.facts{padding:4px 20px 36px}.facts dl{grid-template-columns:1fr;gap:0}.facts dl>div{padding:16px 0;border-top:1px solid var(--line)}.facts dt{font-size:17px}.facts dd{margin-top:4px}.company,.process{grid-template-columns:1fr;gap:36px}.company{padding:64px 20px}.company-heading h2{font-size:48px}.company-heading>p{margin-top:22px}.company-story .company-lead{font-size:26px}.company-story>p{font-size:16px}.company-details{grid-template-columns:1fr 1.7fr;gap:16px}.company-details dd{font-size:15px}.process-list h3{font-size:25px}.process-list p{font-size:16px}.process-list li{gap:14px;grid-template-columns:24px 1fr;padding:26px 0}.contact-close{padding-top:64px;padding-bottom:56px}.contact-close h2{font-size:44px}.contact-close-bottom{display:block;margin-top:28px}.contact-close-bottom p{font-size:17px;margin-bottom:28px}.contact-close .primary{min-width:0}.site-footer{padding:44px 20px 20px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-main nav{display:flex;flex-wrap:wrap;gap:4px 24px}.footer-meta{display:block;margin-top:32px;padding-top:20px}.footer-meta>div{flex-wrap:wrap;gap:0 20px;margin-top:10px}}
@media(max-width:380px){.facts,.site-footer{padding-left:16px;padding-right:16px}.company{padding-left:16px;padding-right:16px}.company-heading h2{font-size:42px}.company-details{grid-template-columns:1fr}.contact-close h2{font-size:39px}.footer-main address{font-size:15px}}

/* Mobbin-led rhythm revision: YLLW / Eat Hungry Tiger / Wise. */
.facts{background:var(--ink);color:var(--paper);padding-top:30px;padding-bottom:30px;margin-top:8px}
.facts dl>div{display:grid;grid-template-columns:32px 1fr;column-gap:16px;align-content:center}
.facts .section-icon{grid-row:1/3;width:28px;height:28px;align-self:center}
.facts dd{color:var(--paper);opacity:.78}.facts dt{font-size:17px}
.services{display:block;border-top:0;padding-top:88px;padding-bottom:100px}
.services-intro{margin-bottom:52px}
.services-intro h2{max-width:20ch}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.service-row,.service-row:first-child,.service-row:last-child{padding:0;border:0;display:flex;flex-direction:column;min-width:0}
.service-row h3{font-size:27px;margin:0 0 20px;line-height:1.2}
.service-visual{position:relative;display:block;padding:0;width:100%;overflow:clip;margin-bottom:24px;box-shadow:var(--shadow-photo)}
.service-visual img{display:block;width:100%;height:auto;aspect-ratio:1.04;object-fit:cover;transition:transform 650ms var(--ease)}
.service-row:nth-child(1) img{object-position:52% center}.service-row:nth-child(2) img{object-position:50% 63%}.service-row:nth-child(3) img{object-position:68% center}
.service-row p{font-size:16px;line-height:1.6}.service-row .service-examples{font-size:13px;margin-top:auto;padding-top:4px}
.service-row .text-link{align-self:flex-start;font-size:14px}.service-visual:hover .image-open{background:var(--ink);color:var(--paper)}
.projects{background:var(--ink);color:var(--paper);padding-top:88px;padding-bottom:100px}
.projects .project-copy p{color:var(--paper);opacity:.86}.projects .project-image{box-shadow:0 28px 46px -25px rgb(0 0 0 / .65)}
.projects button:focus-visible{outline-color:#fff}
.company{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f0f1ed;padding:0}
.company-photo{margin:0;display:flex;flex-direction:column;min-width:0}.company-photo button{position:relative;display:block;flex:1;width:100%;min-height:600px;padding:0;overflow:clip}
.company-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:66% center;transition:transform 650ms var(--ease)}
.company-photo figcaption{padding:12px var(--gutter);font-size:13px;color:var(--muted);background:#f0f1ed}
.company-story{padding:76px clamp(32px,5vw,88px) 64px;align-self:center}
.company-story h2{font-size:clamp(42px,4.5vw,68px);line-height:1.06;max-width:13ch;margin:0 0 22px}
.company-story .company-location{font-size:15px;color:var(--muted);margin-bottom:42px;max-width:30ch}
.company-story .company-lead{font-size:24px;line-height:1.35;font-weight:500;margin-bottom:22px}.company-story>p{font-size:16px}.company-details{grid-template-columns:1fr;gap:20px;margin-top:28px;padding-top:22px}.company-details>div{display:grid;grid-template-columns:80px 1fr;gap:12px}.company-details dt{margin:0}.company-details dd{font-size:15px}
.process{display:block;background:var(--paper);padding-top:96px;padding-bottom:100px}
.process h2{max-width:23ch;margin-bottom:64px}.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5vw,80px)}
.process-list li,.process-list li:first-child,.process-list li:last-child{display:block;padding:0;border:0;min-width:0}
.step-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}
.step-top .step-icon{width:44px;height:44px;stroke-width:1.25}.step-number{font-size:15px;padding:0;font-variant-numeric:tabular-nums}
.process-list h3{font-size:25px}.process-list p{font-size:16px;max-width:34ch}
@media(hover:hover) and (pointer:fine){.service-visual:hover img,.company-photo button:hover img{transform:scale(1.035)}}
:is(.service-visual,.company-photo button):focus-visible img{transform:scale(1.025)}
:root[data-motion="reduced"] :is(.service-visual img,.company-photo img){transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.service-visual img,.company-photo img{transform:none!important;transition:none!important}}
@media(max-width:1000px){.service-list{gap:24px}.service-row h3{font-size:23px}.service-visual img{aspect-ratio:.85}.company-photo button{min-height:650px}.company-story{padding:54px 32px 44px}.company-story h2{font-size:42px}.company-story .company-location{margin-bottom:28px}.company-story .company-lead{font-size:22px}.process-list{gap:32px}.process-list h3{font-size:22px}}
@media(max-width:760px){.facts{padding:12px 20px;margin-top:0}.facts dl{gap:0}.facts dl>div{border-top:1px solid rgb(255 255 255 / .2);padding:18px 0}.facts dl>div:first-child{border-top:0}.facts dt{font-size:16px}.facts dd{font-size:13px}.facts .section-icon{width:26px;height:26px}
.services{padding:56px 20px 60px}.services-intro{margin-bottom:36px}.service-list{display:block}.service-row,.service-row:first-child{margin-bottom:44px}.service-row:last-child{margin-bottom:0}.service-row h3{font-size:27px;margin-bottom:18px}.service-visual{margin-bottom:22px}.service-visual img{aspect-ratio:1.22}.service-row .service-examples{margin-top:0}.service-row .text-link{font-size:15px}
.projects{padding:60px 20px}.company{display:flex;flex-direction:column;padding:0;gap:0}.company-photo button{min-height:0;aspect-ratio:1.22}.company-photo img{object-position:60% center}.company-photo figcaption{padding:12px 20px}.company-story{padding:36px 20px 56px;align-self:stretch}.company-story h2{font-size:44px}.company-story .company-location{margin-bottom:28px}.company-story .company-lead{font-size:24px}.company-details{grid-template-columns:1fr}.company-details>div{grid-template-columns:84px 1fr}
.process{padding:56px 20px 60px}.process h2{margin-bottom:36px}.process-list{display:block}.process-list li,.process-list li:first-child,.process-list li:last-child{display:grid;grid-template-columns:44px 1fr;gap:24px;border-top:1px solid var(--line);padding:28px 0}.process-list li:last-child{padding-bottom:0}.step-top{flex-direction:column;justify-content:flex-start;gap:16px;border:0;padding:0;margin:0}.step-top .step-icon{width:36px;height:36px}.process-list h3{font-size:24px}.process-list p{font-size:16px}.step-number{font-size:13px}}
@media(max-width:380px){.facts,.services,.projects,.process{padding-left:16px;padding-right:16px}.company-story{padding-left:16px;padding-right:16px}.company-story h2{font-size:40px}.company-photo figcaption{padding-left:16px;padding-right:16px}.process-list li,.process-list li:first-child,.process-list li:last-child{gap:16px}.process-list h3{font-size:22px}}

/* Approved refinement: original identity, benefit-led service copy. */
.service-row .service-benefit{font-size:16px;font-weight:600;line-height:1.4;color:var(--ink);margin:0 0 8px;text-wrap:pretty}
.service-row .service-description{font-size:16px;font-weight:400;line-height:1.55;color:var(--muted);margin:0 0 16px}
.service-row .text-link{margin-top:auto}
/* W1 (Philip 11.10.2026): Untertitel der Galerie unten mittig zwischen Zähler und Pfeilen; am Handy mittig über der Leiste. */
.gallery-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"pos caption controls"}.gallery-bottom #gallery-position{grid-area:pos}.gallery-bottom .gallery-caption{grid-area:caption;max-width:560px;color:var(--ink);font-size:16px;line-height:1.35;text-align:center}.gallery-bottom .gallery-caption[hidden]{display:none}.gallery-controls{grid-area:controls;justify-self:end}
@media(max-width:760px){.gallery-bottom{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"caption caption" "pos controls";row-gap:6px}.gallery-bottom .gallery-caption{max-width:none;font-size:15px}}
/* Runde 3b Bildverteilung (Mia 11.10.2026): Möbel in S03 zeigt den Schlafzimmerschrank mit Leiter; Leiter und Oberschränke bleiben im Ausschnitt. */
.service-row:nth-child(1) .service-visual img{object-position:50% 55%}
/* Philip 12.10.2026: Innenausbau in S03 zeigt den Hauswirtschaftsraum (Querformat); Ausschnitt mittig, Maschinen und Regal bleiben im Bild. */
.service-row:nth-child(2) .service-visual img{object-position:58% 50%}
/* Feinschliff vor Übergabe (Vera 11.10.2026, Teil A). */
/* B2: Lupe und Knopf im Startseiten-Hero auf einer Unterkante, gleicher Randabstand (34 px). */
@media(min-width:761px){.hero .view-photo{right:34px;bottom:34px}}
/* B3: am Handy erst die Kernaussage, dann der Nebenlink „Weitere Arbeit ansehen“. */
@media(max-width:760px){.hero-figure figcaption{order:4;padding:0 var(--gutter) var(--space-5)}}
/* B4: Ortszeile als eigene Zeile über dem Fließtext. */
.employer-preview .job-meta{margin:0 0 var(--space-2);font-size:var(--font-caption);color:var(--ink)}
/* B5: Leistungsspalten bei Tablet breiter, Link einzeilig. */
@media(min-width:761px) and (max-width:1000px){.service-list{column-gap:var(--space-5)}.service-row .text-link{white-space:nowrap}}
/* B6: Leiste unter dem Hero, Titel auf einer Linie. */
.facts dl>div{align-content:start}.facts .section-icon{align-self:start}
/* SEO 26.10.2026 (Philip): Kopfzeile über der H1 der Startseite, Ort und Gründungsjahr. Auf dem Foto wie die H1 weiß, mobil über der H1 im Fluss. */
.hero-kicker{position:absolute;z-index:2;top:43px;left:calc(var(--gutter) - 12px);margin:0;color:#fff;font-size:var(--font-label,15px);font-weight:550;line-height:1.4;letter-spacing:.01em;text-wrap:balance;pointer-events:none}.hero-kicker+h1{top:83px}
@media(min-width:1600px){.hero-kicker{top:56px}.hero-kicker+h1{top:96px}}
@media(max-width:760px){.hero-kicker{position:static;order:0;color:var(--muted);margin:24px 20px 0}.hero .hero-kicker+h1{margin-top:8px}}
@media(max-width:380px){.hero-kicker{margin-left:16px;margin-right:16px}}