/* Shared editorial structure and accessible motion. */
@font-face{font-family:AtelierSans;src:url('../fonts/dm-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--atelier-ink:#182925;--atelier-paper:#f4f3ee;--atelier-accent:#ab643f;--gutter:clamp(22px,5vw,88px);--wide:1480px}
html{scroll-padding-top:100px}body{font-family:AtelierSans,Arial,sans-serif;font-size:17px;hyphens:none;overflow-x:clip;background:var(--atelier-paper);color:var(--atelier-ink)}
h1,h2,h3{hyphens:none;overflow-wrap:normal;text-wrap:balance}h1{letter-spacing:-.045em}p{line-height:1.7}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--atelier-accent);outline-offset:5px}
.experience-dock,.document-pipe,.thermal-footer{display:none!important}
.szene{content-visibility:visible;contain-intrinsic-size:none}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact-details{border-top:1px solid #18292540}.contact-details>div{padding:26px 0;border-bottom:1px solid #18292540}.contact-details dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.contact-details dd{margin:0;font-size:clamp(22px,2.5vw,36px);line-height:1.4;overflow-wrap:anywhere}.contact-details a{text-decoration:none}.contact-details small{font-size:15px;display:block}.contact-note{font-size:14px;color:#59655f;max-width:45ch}.contact-grid .editorial-image{height:100%;min-height:500px}.contact-hero .big-statement{max-width:13ch!important}.contact-hero{padding-bottom:60px}.contact-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.contact-labels span{padding:10px 16px;border:1px solid #18292540;border-radius:40px;font-size:13px}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid .editorial-image{min-height:360px}.text-link{white-space:normal}.contact-hero{padding-bottom:20px}}
.scroll-poster,.scroll-poster>.container,.scroll-poster:not([data-szene-modul])>*,.scroll-poster[data-szene-modul]>h2,.scroll-poster[data-szene-modul]>.kicker{opacity:1;transform:none;perspective:none;transition:none}
.reveal{animation:none!important;opacity:1;transform:none}
.card[data-widget]:after,.scene-panel[data-widget]:before,.karte[data-widget]:after,.werkbild[data-widget]:before{display:none}
.atelier-reveal{opacity:.2;transform:translate3d(0,38px,0) rotateX(3deg);transition:opacity .8s ease var(--delay,0ms),transform 1s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}
.atelier-reveal.in-view{opacity:1;transform:translate3d(0,0,0)}
.page-progress{position:fixed;z-index:110;top:0;left:0;width:100%;height:3px;background:var(--atelier-accent);transform-origin:left;pointer-events:none}
.chapter-nav{position:fixed;z-index:35;right:15px;top:50%;transform:translateY(-50%);display:grid;gap:8px;mix-blend-mode:difference;color:white}.chapter-nav a{height:25px;display:flex;align-items:center;justify-content:end;gap:7px;text-decoration:none}.chapter-nav span{font-size:11px;opacity:0;transition:opacity .2s}.chapter-nav i{display:block;width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.4;transition:height .3s,opacity .3s}.chapter-nav .active i{height:22px;border-radius:9px;opacity:1}.chapter-nav a:hover span{opacity:1}
.atelier-section{padding:clamp(76px,9vw,150px) var(--gutter);position:relative}.atelier-wrap{max-width:var(--wide);margin:0 auto}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 28px;font:600 12px/1.5 AtelierSans,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:'';display:block;width:26px;height:1px;background:currentColor}
.section-top{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:55px}.section-top h2{max-width:760px;margin:0}.section-top .text-link{align-self:end}
.text-link{display:inline-flex;gap:38px;align-items:center;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:14px;min-height:44px;white-space:nowrap}.text-link span{transition:translate .3s}.text-link:hover span{translate:5px -5px}
.pill-button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:100px;background:var(--atelier-accent);color:white;text-decoration:none;font-size:14px;font-weight:600;min-height:58px;transition:background .25s,translate .25s}.pill-button:hover{translate:0 -3px}.pill-button span{font-size:22px;line-height:1}.pill-button.light{background:var(--atelier-paper);color:var(--atelier-ink)}
.hero-footer{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-scroll{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero-scroll i{width:40px;height:40px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-style:normal}
.image-credit{position:absolute;bottom:14px;right:20px;padding:4px 9px;background:#101c1bb3;color:#fff;font-size:11px;line-height:1.4;z-index:4;letter-spacing:.02em}
.editorial-image{position:relative;overflow:hidden}.editorial-image img{display:block;width:100%;height:100%;object-fit:cover}.editorial-image[data-parallax] img{height:calc(100% + 140px);max-height:none;position:absolute;top:-70px;transform:translate3d(0,var(--parallax,0px),0);will-change:transform}
[data-tilt]{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease}
.big-statement{font-size:clamp(45px,6vw,88px);line-height:1.08;max-width:1100px!important}
.split-story{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(35px,8vw,130px);align-items:center}.split-story h2{max-width:12ch}.split-story p{max-width:44ch}.split-story .editorial-image{height:620px}.story-copy .eyebrow{margin-bottom:30px}
.scroll-type{overflow:hidden;padding:36px 0;border-block:1px solid #18292530}.scroll-type>div{display:flex;white-space:nowrap;gap:.4em;transform:translateX(var(--type-x,0px));font-size:clamp(55px,10vw,150px);line-height:1.2;letter-spacing:-.04em;font-weight:600}.scroll-type em{font-weight:400}
.service-list{border-top:1px solid #18292540}.service-row{display:grid;grid-template-columns:60px 1.2fr 1fr 50px;align-items:center;gap:25px;min-height:132px;border-bottom:1px solid #18292540;padding:25px 4px;text-decoration:none}.service-row .number{font-size:12px;letter-spacing:.07em;align-self:start;margin-top:12px}.service-row h3{font-size:clamp(27px,3.5vw,49px);margin:0}.service-row p{margin:0;font-size:15px;max-width:34ch;color:#53635e}.service-row .row-arrow{font-size:30px;transition:rotate .3s;justify-self:end}.service-row:hover .row-arrow{rotate:45deg}.service-row:hover h3{color:var(--atelier-accent)}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #ffffff40;margin-top:55px;padding-top:32px}.stat-item strong{display:block;font-size:clamp(44px,5vw,70px);line-height:1.1;font-weight:400;letter-spacing:-.04em}.stat-item span{display:block;font-size:12px;margin-top:12px;color:inherit;opacity:.7}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:65px}.process-step{border-top:1px solid #18292545;padding-top:24px}.process-step>span{font-size:12px;display:block;margin-bottom:42px;letter-spacing:.08em}.process-step h3{font-size:24px;margin-bottom:14px}.process-step p{font-size:15px;color:#59665f}.process-step svg{width:30px;height:30px;margin-bottom:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.closing{background:var(--atelier-ink);color:var(--atelier-paper);padding:90px var(--gutter) 40px}.closing h2{font-size:clamp(48px,7vw,100px);max-width:12ch;line-height:1.02;margin:0}.closing-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:80px}.closing-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding-top:30px;border-top:1px solid #ffffff30;font-size:14px}.closing-bottom p{margin:0}.closing-bottom small{display:block;color:#a6b5ad;font-size:12px;margin-bottom:14px}.closing-bottom a{text-decoration:none}.closing-legal{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff25;margin-top:50px;padding-top:20px;font-size:12px;color:#a6b5ad}.closing-legal nav{display:flex;gap:25px}
.photo-panel{border:0;box-shadow:none;clip-path:none}.photo-panel img{filter:none}.photo-panel figcaption{font-size:11px;letter-spacing:.06em}.photo-panel figcaption span:first-child:before{display:none}
.card,.karte{border-radius:0;box-shadow:none;padding:32px;clip-path:none}.card:hover,.karte:hover{box-shadow:none}.button{border-radius:0;min-height:54px;font-size:14px;box-shadow:none}.hero .kicker{font-size:12px;letter-spacing:.14em}.breadcrumbs{font-size:12px}
.atelier-menu{display:none}.hero h1,.hero .kicker,.hero .answer,.hero .antwort,.hero .button{opacity:1;animation:none;transform:none}
@media(max-width:900px){.section-top{display:block}.section-top .text-link{margin-top:25px}.split-story{gap:35px}.split-story .editorial-image{height:460px}.service-row{grid-template-columns:35px 1fr 1fr 25px;gap:15px}.process-grid{grid-template-columns:repeat(2,1fr)}.chapter-nav{display:none}}
@media(max-width:640px){body{font-size:16px}.atelier-section{padding:70px 22px}.eyebrow{font-size:11px;margin-bottom:23px}.split-story{grid-template-columns:1fr;gap:35px}.split-story .editorial-image{height:440px}.split-story h2{max-width:100%}.service-row{grid-template-columns:30px 1fr 25px;gap:15px;min-height:125px;padding-block:25px}.service-row p{grid-column:2;grid-row:2;font-size:14px}.service-row .row-arrow{grid-column:3;grid-row:1/3}.service-row h3{font-size:30px}.service-row .number{margin-top:8px}.stats-row{gap:15px}.stat-item strong{font-size:40px}.stat-item span{font-size:11px}.process-grid{gap:22px}.process-step h3{font-size:21px}.process-step p{font-size:14px}.closing{padding:65px 22px 30px}.closing-top{display:block;margin-bottom:50px}.closing-top .pill-button{margin-top:30px}.closing-bottom{grid-template-columns:1fr 1fr;font-size:13px}.closing-bottom>div:first-child{grid-column:1/-1}.closing-legal{font-size:11px}.hero-footer{align-items:center}.hero-footer .hero-caption{display:none}.photo-panel figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atelier-reveal,.atelier-reveal.in-view,[data-tilt]{opacity:1!important;transform:none!important;transition:none!important}[data-parallax] img,.scroll-type>div{transform:none!important}.chapter-nav{display:none}.hero-scroll i{animation:none}}
html.motion-reduced .atelier-reveal{opacity:1!important;transform:none!important}
@media(max-width:700px){h1,h2,h3{hyphens:auto;overflow-wrap:anywhere}}
@media print{.chapter-nav,.page-progress{display:none}.atelier-reveal{opacity:1;transform:none}}
