:root{--blue:#76cee8;--ink:#121212;--paper:#f6f3ed;--muted:#716d66;--line:#dcd6ca;--gold:#b49452;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}
.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;font-weight:700}.wrap{width:min(1320px,calc(100% - 56px));margin:auto}.section{padding:120px 0}.hairline{border-top:1px solid var(--line)}
header{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--header);background:rgba(246,243,237,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,20,20,.08)}
.head{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;width:104px;height:100%;z-index:2}.brand img{position:absolute;top:10px;left:0;width:88px;height:auto;object-fit:contain;box-shadow:0 8px 24px rgba(0,0,0,.12)}
nav{display:flex;align-items:stretch;height:100%;gap:8px}.navlink{position:relative;display:flex;align-items:center;justify-content:center;min-width:112px;padding:0 18px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow:hidden}.navlink:before{content:"";position:absolute;inset:0 28px;background:var(--blue);z-index:-1;transform:translateY(-100%);transition:.35s}.navlink:hover:before,.navlink:focus:before{transform:none}.menu{display:none;border:0;background:none;font-size:1rem}
.hero{height:100svh;min-height:650px;position:relative;background:#111;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.6s ease}.slide.active{opacity:1}.slide img{transform:scale(1.05);transition:transform 11s ease}.slide.active img{transform:scale(1.0)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.15) 58%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 46%)}
.hero-copy{position:absolute;z-index:3;left:max(28px,calc((100vw - 1320px)/2));bottom:12vh;color:white;width:min(760px,calc(100% - 56px))}.hero-copy h1{font-size:clamp(3.2rem,7.2vw,7.8rem);line-height:.91;margin:.15em 0 .25em;letter-spacing:-.055em}.hero-copy p{font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.55;max-width:660px}.hero-controls{position:absolute;right:max(28px,calc((100vw - 1320px)/2));bottom:5vh;z-index:4;display:flex;gap:8px}.dot{width:42px;height:3px;border:0;background:rgba(255,255,255,.35);padding:0}.dot.active{background:#fff}.scroll{position:absolute;z-index:4;left:50%;bottom:22px;color:#fff;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transform:translateX(-50%)}
.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;align-items:start}.intro h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:.97;margin:0}.intro p{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.55;margin:0;max-width:760px}.facts{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact{padding:30px 0}.fact+.fact{border-left:1px solid var(--line);padding-left:32px}.fact strong{display:block;font-size:1.9rem;font-family:Georgia,serif;font-weight:400}.fact span{display:block;color:var(--muted);margin-top:8px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.92;margin:0;letter-spacing:-.045em}.section-head p{max-width:520px;line-height:1.65;color:var(--muted);margin:0}
.service{padding:100px 0;border-top:1px solid var(--line)}.service-top{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;margin-bottom:36px}.service:nth-child(even) .service-top{grid-template-columns:1.28fr .72fr}.service:nth-child(even) .service-copy{order:2}.service-copy{padding-top:18px}.number{font-size:.72rem;letter-spacing:.18em;color:var(--muted)}.service h3{font-size:clamp(2.7rem,4.5vw,5rem);line-height:.98;margin:22px 0 28px;letter-spacing:-.04em}.service-copy p{font-size:1.08rem;line-height:1.75;color:#494640;max-width:510px}.tech{margin-top:26px;font-size:.83rem;line-height:1.8;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lead-img{height:min(66vw,720px);min-height:460px;overflow:hidden}.lead-img img{transition:transform .65s ease}.lead-img:hover img{transform:scale(1.035)}.mosaic{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:240px 240px;gap:12px}.mosaic figure{margin:0;overflow:hidden;position:relative}.mosaic figure:first-child{grid-row:1/3}.mosaic figure:nth-child(4){grid-column:2/4}.mosaic img{transition:transform .65s ease}.mosaic figure:hover img{transform:scale(1.035)}
.break-image{height:72vh;min-height:520px;position:relative;background:#111}.break-image img{object-position:center}.break-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.break-text{position:absolute;z-index:2;left:max(28px,calc((100vw - 1320px)/2));bottom:60px;color:#fff;font-size:clamp(2.4rem,5vw,5rem);max-width:880px;line-height:1.02}
.kurt{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:stretch}.kurt-photo{min-height:680px;overflow:hidden}.kurt-photo img{object-position:52% 20%}.kurt-copy{display:flex;flex-direction:column;justify-content:center;padding:35px 0}.kurt-copy h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.96;margin:20px 0 34px}.kurt-copy p{font-size:1.12rem;line-height:1.8;max-width:610px;color:#45423d}.signature{margin-top:38px;border-top:1px solid var(--line);padding-top:25px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.inspiration{background:#161616;color:white}.inspiration-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.snail{height:680px;overflow:hidden}.snail img{object-position:center 56%}.inspiration h2{font-size:clamp(3rem,5vw,5.7rem);line-height:.96;margin:20px 0 36px}.inspiration p{font-size:1.14rem;line-height:1.82;color:#ddd;max-width:570px}
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.contact h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.92;margin:20px 0 35px}.contact-copy>p{font-size:1.2rem;line-height:1.65;max-width:650px}.contact-list{border-top:1px solid var(--line)}.contact-row{display:grid;grid-template-columns:120px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.contact-row span:first-child{color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.1em}.cta{display:inline-flex;margin-top:34px;border-bottom:2px solid var(--blue);padding-bottom:5px;font-weight:700}.partners{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);min-height:100%;padding:50px;text-align:center}.partners p{line-height:2;color:var(--muted)}
footer{padding:30px 0;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:24px}.footlinks{display:flex;gap:22px}
.legal{display:none;padding:130px 0 80px}.legal.active{display:block}.legal h1{font-family:Georgia,serif;font-size:3.5rem;font-weight:400}.legal h2{margin-top:38px}.legal p{line-height:1.7;max-width:850px}.legal-note{background:#fff4d8;padding:18px;border-left:3px solid #c99927}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

/* Design Review 3.0 — ruhigere Hierarchie und magazinartige Bildführung */
.section-head{padding-top:20px}
.section-head h2{max-width:720px}
.service{position:relative}
.service.flagship{padding-top:135px;padding-bottom:140px}
.service.flagship .service-top{grid-template-columns:.58fr 1.42fr;gap:90px}
.service.flagship .lead-img{height:clamp(440px,46vw,560px);min-height:0}
.service.flagship h3{font-size:clamp(3.5rem,6vw,6.6rem)}
.service.secondary .lead-img{height:min(62vw,680px)}
.service.compact{padding-top:82px;padding-bottom:82px}
.service.compact .service-top{grid-template-columns:.9fr 1.1fr;gap:56px}
.service.compact:nth-child(even) .service-top{grid-template-columns:1.1fr .9fr}
.service.compact .lead-img{height:min(52vw,590px)}
.service.compact h3{font-size:clamp(2.8rem,4vw,4.4rem)}
.mosaic.editorial{grid-template-columns:1.5fr .72fr .95fr;grid-template-rows:270px 210px;gap:14px}
.mosaic.editorial figure:first-child{grid-row:1/3}
.mosaic.editorial figure:nth-child(2){grid-column:2/4}
.mosaic.editorial figure:nth-child(4){grid-column:3;grid-row:2}
.mosaic.editorial figure:nth-child(3){grid-column:2;grid-row:2}
.texture-crop img{transform:scale(1.22)}
.texture-crop:hover img{transform:scale(1.27)!important}
.texture-crop-blue img{transform:scale(1.34);object-position:53% 51%}
.texture-crop-blue:hover img{transform:scale(1.39)!important}
.texture-crop-purple img{transform:scale(1.28);object-position:52% 50%}
.texture-crop-purple:hover img{transform:scale(1.33)!important}
.kurt-copy h2{font-size:clamp(2.8rem,4.7vw,5.1rem)}
.inspiration-grid{grid-template-columns:1.25fr .75fr}
.inspiration .eyebrow{color:var(--blue)}
.inspiration h2{display:none}
.inspiration p:first-of-type{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.35;color:#fff;margin-top:30px}
.inspiration:after{content:"";display:block;width:min(1320px,calc(100% - 56px));height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 2px;opacity:.55}

/* Design Review 6.0 — Maurer-Projekt nach Skizze */
.case-study{padding:110px 0 38px;border-top:1px solid var(--line)}
.case-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:42px}
.case-head h3{font-size:clamp(3rem,5vw,5.8rem);line-height:.95;margin:16px 0 0;letter-spacing:-.045em}
.case-head p{font-size:1.08rem;line-height:1.75;color:#494640;max-width:680px;margin:0}
.case-media{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:28px;align-items:stretch}
.case-video{background:#111;overflow:hidden;aspect-ratio:9/16;width:100%;max-width:390px;justify-self:start;align-self:start}
.case-video video{width:100%;height:100%;object-fit:contain;display:block;background:#111}
.case-stills{display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:230px 210px;gap:14px;align-self:start}
.case-stills figure{margin:0;overflow:hidden;background:#e9e6df;min-height:0}
.case-stills figure:nth-child(1){grid-column:1;grid-row:1}
.case-stills figure:nth-child(2){grid-column:2;grid-row:1}
.case-stills figure:nth-child(3){grid-column:1;grid-row:2}
.case-stills figure:nth-child(4){grid-column:2;grid-row:2}
.case-stills img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.case-stills figure:nth-child(1) img{object-position:50% 48%}
.case-stills figure:nth-child(2) img{object-position:50% 50%}
.case-stills figure:nth-child(3) img{object-position:50% 56%}
.case-stills figure:nth-child(4) img{object-position:50% 50%}
.case-stills figure:hover img{transform:scale(1.025)}
.contact-form{border:1px solid var(--line);padding:40px 42px;background:rgba(255,255,255,.28)}
.contact-form .eyebrow{display:block;margin-bottom:26px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.form-field input,.form-field textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 2px 13px;font:inherit;color:var(--ink);outline:none}
.form-field input:focus,.form-field textarea:focus{border-color:var(--blue)}
.form-field textarea{min-height:130px;resize:vertical}
.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.5;color:var(--muted);margin-top:18px}
.privacy-check input{margin-top:3px}
.form-submit{margin-top:24px;border:0;background:var(--ink);color:#fff;padding:15px 22px;cursor:pointer;font-weight:700;letter-spacing:.04em}
.form-note{display:none;margin-top:15px;font-size:.82rem;color:var(--muted);line-height:1.55}
.form-note.show{display:block}

@media(max-width:900px){.service.flagship .lead-img{height:62vh;min-height:420px}
.case-head{grid-template-columns:1fr;gap:24px}.case-media{grid-template-columns:1fr;gap:22px}.case-video{width:min(100%,340px);max-height:none;justify-self:center}.case-stills{grid-template-columns:.82fr 1.18fr;grid-template-rows:210px 190px}.contact-form{padding:30px 26px}.form-grid{grid-template-columns:1fr}.service.flagship .service-top,.service.compact .service-top,.service.compact:nth-child(even) .service-top{grid-template-columns:1fr;gap:38px}.mosaic.editorial{grid-template-columns:1fr 1fr;grid-template-rows:240px 220px 240px}.mosaic.editorial figure:first-child{grid-row:1/3}.mosaic.editorial figure:nth-child(2){grid-column:2;grid-row:1}.mosaic.editorial figure:nth-child(3){grid-column:2;grid-row:2}.mosaic.editorial figure:nth-child(4){grid-column:1/3;grid-row:3}.inspiration-grid{grid-template-columns:1fr}}
@media(max-width:560px){.mosaic.editorial{grid-template-columns:1fr;grid-template-rows:repeat(4,250px)}.mosaic.editorial figure:first-child,.mosaic.editorial figure:nth-child(2),.mosaic.editorial figure:nth-child(3),.mosaic.editorial figure:nth-child(4){grid-column:auto;grid-row:auto}}

@media(max-width:900px){:root{--header:72px}.wrap{width:min(100% - 34px,1320px)}nav{display:none}.menu{display:block}.brand img{width:74px}.intro,.service-top,.service:nth-child(even) .service-top,.kurt,.inspiration-grid,.contact{grid-template-columns:1fr;gap:38px}.service:nth-child(even) .service-copy{order:0}.facts{grid-template-columns:1fr}.fact+.fact{border-left:0;border-top:1px solid var(--line);padding-left:0}.section{padding:86px 0}.service{padding:74px 0}.lead-img{height:70vh;min-height:420px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.mosaic figure:first-child{grid-row:1/3}.mosaic figure:nth-child(4){grid-column:1/3}.kurt-photo,.snail{height:70vh;min-height:540px}.hero-copy{left:22px;width:calc(100% - 44px)}.hero-controls{right:22px}.mobile-nav{display:none;position:fixed;inset:var(--header) 0 0;background:var(--paper);z-index:45;padding:45px 24px}.mobile-nav.open{display:block}.mobile-nav a{display:block;font-family:Georgia,serif;font-size:2.2rem;padding:16px 0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero-copy h1{font-size:3.25rem}.section-head{display:block}.section-head p{margin-top:25px}.mosaic{grid-template-columns:1fr;grid-template-rows:repeat(4,250px)}.mosaic figure:first-child,.mosaic figure:nth-child(4){grid-row:auto;grid-column:auto}.lead-img{height:58vh}.contact-row{grid-template-columns:1fr;gap:8px}.foot{display:block}.footlinks{margin-top:14px}.snail{height:52vh;min-height:410px}.kurt-photo{height:62vh;min-height:470px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.slide img,.reveal{transition:none!important}.reveal{opacity:1;transform:none}}

/* Trennlinie zwischen Maurer-Korn-Projekt und Kurt */
#kurt{border-top:1px solid var(--line)}