.atelier{--paper:#ededed;--ink:#272727;--muted:#787878;--line:#c8c8c8;background:var(--paper)}.atelier header{position:absolute;color:var(--ink);padding:22px 4%;border:0;height:104px}.atelier .brand-logo{width:120px;filter:invert(1)}.atelier nav{font-size:15px;gap:34px}.atelier .spatial-hero{background:#dedede;color:var(--ink);height:100svh;min-height:650px;max-height:none}.atelier .hero:before,.atelier .hero:after{display:none}.atelier .hero-copy{position:absolute;left:4%;top:auto;bottom:23%;max-width:90%;z-index:2;padding:0;pointer-events:none}.atelier .hero-copy h1{font-size:clamp(64px,8.7vw,150px);letter-spacing:-.065em;font-weight:400;line-height:.95;margin:20px 0 0}.atelier .eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;line-height:1.4;z-index:3}.atelier .wrap{width:92%;max-width:none}.atelier .intro{padding:145px 0;grid-template-columns:1fr 2fr}.atelier h2{font-weight:400;letter-spacing:-.05em;line-height:1.05;font-size:clamp(40px,5.1vw,84px)}.atelier .intro p{font-size:clamp(19px,1.7vw,26px);max-width:850px;line-height:1.5}.atelier .section{padding-top:85px;padding-bottom:110px}.atelier .section-heading{align-items:baseline;border-top:1px solid var(--line);padding-top:20px;margin-bottom:50px}.atelier .section-heading h2{font-size:26px;letter-spacing:-.025em}.atelier .projects{display:grid;grid-template-columns:1.25fr 1fr;gap:6vw}.atelier .project:nth-child(2){margin-top:220px}.atelier .project .image-link{overflow:hidden}.atelier .project img{height:530px;object-fit:cover;transition:transform .7s}.atelier .project:nth-child(2) img{height:390px}.atelier .project .image-link:hover img{transform:scale(1.025)}.atelier .project-meta h3{font-size:23px;font-weight:400;letter-spacing:-.03em}.atelier .statement{background:#353535;padding:115px 0;color:#ededed}.atelier .statement-grid{grid-template-columns:1fr 2fr}.atelier .statement p{font-size:22px;max-width:780px;color:#dadada}.atelier .principles{border-color:#686868}.atelier .services,.atelier .studio{grid-template-columns:1fr 1.4fr;gap:9vw}.atelier .service summary{font-weight:400;font-size:24px}.atelier .service p{font-size:17px}.atelier .studio p{font-size:22px;line-height:1.6}.atelier .contact{background:#dedede;color:var(--ink);padding:100px 0}.atelier .contact h2{font-size:clamp(45px,7vw,110px)}.atelier .footer{padding:35px 0;font-size:12px}.intro-screen{position:fixed;inset:0;background:#dedede;z-index:100;pointer-events:none}.intro-logo{position:fixed;z-index:101;filter:invert(1);pointer-events:none}.atelier nav.open{background:#ededed;color:#272727}.atelier .menu-toggle{color:inherit}
@media(max-width:700px){.atelier header{height:88px;padding:20px 5%}.atelier .brand-logo{width:100px}.atelier .spatial-hero{min-height:600px}.atelier .hero-copy{left:5%;bottom:26%}.atelier .hero-copy h1{font-size:clamp(53px,12vw,85px)}.hero-bottom{left:5%;right:5%;bottom:25px;gap:15px;flex-wrap:wrap}.hero-bottom span{flex-basis:45%}.hero-bottom>a{flex-basis:100%;margin-top:10px}.atelier .intro{padding:80px 0;display:block}.atelier .index{margin-bottom:25px}.atelier .projects{grid-template-columns:1fr;gap:45px}.atelier .project:nth-child(2){margin-top:0}.atelier .project img,.atelier .project:nth-child(2) img{height:auto;aspect-ratio:1.25;object-fit:cover}.atelier .statement{padding:75px 0}.atelier .statement-grid,.atelier .services,.atelier .studio{display:block}.atelier .statement p,.atelier .studio p{font-size:19px}.atelier .section{padding:60px 0}.atelier .section-heading{display:block}.atelier .section-heading .index{font-size:10px}.atelier .service summary{font-size:20px}.atelier .contact{padding:70px 0}.atelier .footer{gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atelier *{animation:none!important;transition:none!important}}
.atelier.project-page .inner-header{position:relative;border-bottom:1px solid var(--line)}.atelier .statement:after{display:none}

/* Monochrome visual identity */
.atelier{--paper:#fff;--ink:#111;--muted:#666;--line:#d5d5d5;--accent:#111;background:#fff;color:#111}
.atelier .spatial-hero,.intro-screen,.atelier .contact{background:#fff;color:#111}
.atelier .statement{background:#111;color:#fff}
.atelier .statement p,.atelier .statement .index{color:#ddd}
.atelier nav.open{background:#fff;color:#111}

.atelier a:focus-visible,.atelier button:focus-visible{outline-color:#777}

html.intro-pending:after{content:"";position:fixed;inset:0;background:#fff;z-index:100;pointer-events:none}
.intro-logo{will-change:transform,opacity;backface-visibility:hidden}

.legal{padding:65px 0 110px;min-height:75vh}.legal h1{font-size:clamp(48px,7vw,100px);letter-spacing:-.06em;font-weight:400;line-height:1.1;margin:0 0 65px}.legal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;max-width:1150px}.legal h2{font-size:23px;letter-spacing:-.025em;margin-bottom:20px}.legal p{line-height:1.8;margin-bottom:40px;overflow-wrap:anywhere}.legal a{border-bottom:1px solid #aaa}@media(max-width:760px){.legal{padding:40px 0 60px}.legal-grid{grid-template-columns:1fr;gap:15px}.legal h1{margin-bottom:40px}}

.legal-copy{max-width:820px}.legal-copy section{margin-bottom:42px}.legal-copy h2{font-weight:600;line-height:1.35}.legal-copy p{margin-bottom:20px}.legal-copy ul{padding-left:22px;margin:0 0 25px;line-height:1.8}.legal-copy li{margin-bottom:10px}

.atelier .project-dental{grid-column:1/-1;max-width:1100px;width:100%;margin-top:35px}.atelier .project-dental img{height:auto;aspect-ratio:16/9}.dental-cover .project-cover{max-height:none;width:100%;height:auto}.dental-cover figcaption{padding-top:10px}.dental-gallery{padding-bottom:65px}.dental-gallery figure{margin:0 0 55px}.dental-gallery img{width:100%;height:auto}@media(max-width:700px){.atelier .project-dental{margin-top:0}.dental-cover .project-cover{min-height:0}.dental-gallery figure{margin-bottom:30px}.dental-gallery{padding-bottom:20px}.project-title h1{overflow-wrap:normal;font-size:clamp(38px,8vw,110px)}}

/* Dental project: complete drawing sheets */
.dental-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.dental-plan{min-width:0;margin:0}.dental-plan img{width:100%;height:auto}.dental-plan-grundriss{grid-column:1/-1;width:min(100%,650px);justify-self:center}.dental-plan .caption a{display:block;width:fit-content;margin-top:6px;border-bottom:1px solid currentColor}.dental-plans h2{margin-bottom:42px}@media(max-width:760px){.dental-plan-grid{grid-template-columns:1fr;gap:34px}.dental-plan-grundriss{grid-column:auto}}

.atelier .project-leiser{grid-column:1/-1;width:100%;margin-top:35px}.atelier .project-leiser img{height:auto;aspect-ratio:16/9}.leiser-drawings figure{margin:45px 0 65px}.leiser-drawings img{width:100%;height:auto}.leiser-drawings .caption a{border-bottom:1px solid currentColor}@media(max-width:760px){.atelier .project-leiser{margin-top:0}.leiser-drawings figure{margin:30px 0 40px}}

.atelier .project-theater{grid-column:1/-1;max-width:1100px;width:100%;margin-top:35px}.atelier .project-theater .image-link{background:#fff}.atelier .project-theater img{width:100%;height:auto;aspect-ratio:1.414;object-fit:contain}.theater-documentation{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 80px;align-items:start}.theater-documentation h2{font-size:clamp(30px,3vw,45px);font-weight:400;letter-spacing:-.03em}.theater-documentation video{display:block;width:100%;max-width:430px;height:auto;background:#111}.theater-documentation p{color:var(--muted)}@media(max-width:760px){.theater-documentation{grid-template-columns:1fr;gap:20px;padding-bottom:50px}.atelier .project-theater{margin-top:0}}



/* Logo above a shared services/navigation baseline. */
.atelier .home-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;row-gap:18px;height:auto;align-items:baseline}
.home-header .brand{grid-column:1;grid-row:1;justify-self:start}
.home-header .header-services{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
.atelier .home-header nav{grid-column:2;grid-row:2;position:static;align-self:baseline}
.home-header .menu-toggle{grid-column:2;grid-row:2;align-self:baseline;justify-self:end}
@media(max-width:1000px) and (min-width:761px){.atelier .home-header nav{gap:20px}.home-header .header-services{font-size:10px;letter-spacing:.04em}}
@media(max-width:760px){.atelier .home-header{column-gap:12px;row-gap:16px}.home-header .header-services{font-size:9px;letter-spacing:.025em}.atelier .home-header nav{position:absolute;top:100%;left:0;right:0}.home-header .menu-toggle{padding:6px 0}}

.atelier .contact a.contact-email{display:block;font-size:clamp(18px,2vw,28px);margin-top:16px;overflow-wrap:anywhere}

/* Continue with the next project preview in the same scrolling document. */
.project-content,.home-continuation{position:relative;display:flow-root}
.home-continuation{scroll-margin-top:-95px}
.home-continuation #projekte{border-top:0;padding-top:60px}