:root{--bg:#ffffff;--ink:#0b0b0b;--muted:#9b968f;--line:#ececec;--hair:#e2e2e2;--accent:#e11d63}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.55}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none;cursor:pointer}.disp{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em}.up{text-transform:uppercase;letter-spacing:.24em}nav.site{display:flex;align-items:center;justify-content:space-between;padding:34px 8vw 0;position:relative;z-index:5}nav.site .brand{font-family:Archivo,sans-serif;font-weight:800;font-size:20px;letter-spacing:.14em;text-transform:uppercase}nav.site .links{display:flex;gap:34px;font-size:11px}nav.site .links a{position:relative;color:var(--muted);transition:.3s;letter-spacing:.2em;text-transform:uppercase}nav.site .links a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:width .35s ease}nav.site .links a:hover,nav.site .links a.active{color:var(--ink)}nav.site .links a:hover:after,nav.site .links a.active:after{width:100%}.rise{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.rise.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.screen nav.site{padding-top:26px}.hero{padding:3.5vh 8vw 2.5vh;text-align:center;flex:0 0 auto}.hero .k{font-size:11px;color:var(--accent);margin-bottom:16px}.hero h1{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(48px,8.5vw,116px);line-height:.9;letter-spacing:-.035em}.hero .intro{max-width:460px;margin:16px auto 0;color:#5f5b55;font-size:14px;font-weight:300}.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5vw;padding:0 8vw 3.5vh;flex:1 1 auto;min-height:0}.tile{display:flex;flex-direction:column;min-height:0}.tile .frame{position:relative;overflow:hidden;flex:1 1 auto;min-height:0;background:#f4f4f4}.tile .frame img{transition:transform 1.3s cubic-bezier(.19,1,.22,1)}.tile:hover .frame img{transform:scale(1.05)}.tile .frame .idx{position:absolute;top:20px;left:22px;color:#fff;font-size:11px;letter-spacing:.2em;mix-blend-mode:difference}.tile .cap{display:flex;align-items:baseline;justify-content:space-between;padding:18px 4px 0;border-top:1px solid var(--ink);margin-top:16px;transition:border-color .35s ease}.tile:hover .cap{border-color:var(--accent)}.tile .cap .t{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(24px,3vw,38px)}.tile .cap .arrow{font-size:13px;letter-spacing:.1em;transition:transform .35s ease,color .35s ease}.tile:hover .cap .arrow{transform:translate(8px);color:var(--accent)}.tile .cap .sub{display:block;font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:6px}.phead{padding:11vh 8vw 6vh;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.phead .crumb{font-size:11px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.phead .crumb a:hover{color:var(--ink)}.phead h2{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(48px,8.5vw,124px);line-height:.9;letter-spacing:-.03em}.phead .count{font-size:12px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.subnav{display:flex;gap:30px;padding:0 8vw 5vh;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.subnav a{position:relative;color:var(--muted);transition:.3s}.subnav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:width .35s ease}.subnav a:hover,.subnav a.active{color:var(--ink)}.subnav a:hover:after,.subnav a.active:after{width:100%}.cats{padding:0 8vw 12vh;border-top:1px solid var(--hair)}.catrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5vw;padding:0;border-bottom:1px solid var(--hair);position:relative;overflow:hidden}.catrow .no{font-size:12px;color:var(--accent);letter-spacing:.1em;padding:40px 0}.catrow .name{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,5vw,66px);padding:40px 0;transition:transform .5s cubic-bezier(.19,1,.22,1),color .4s}.catrow .go{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:.35s}.catrow .peek{position:absolute;right:16vw;top:50%;width:150px;height:190px;transform:translateY(-50%) scale(.9);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.19,1,.22,1);overflow:hidden;z-index:2}.catrow:hover .name{transform:translate(22px)}.catrow:hover .go{color:var(--accent)}.catrow:hover .peek{opacity:1;transform:translateY(-50%) scale(1)}.projlist{padding:2vh 8vw 12vh;max-width:1250px;margin:0 auto}.proj{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:7vh 0;border-top:1px solid var(--hair)}.proj:first-child{border-top:none}.proj .shot{overflow:hidden;aspect-ratio:4/5;background:#f4f4f4}.proj .shot img{transition:transform 1.3s cubic-bezier(.19,1,.22,1)}.proj:hover .shot img{transform:scale(1.05)}.proj .meta .num{font-size:12px;color:var(--accent);letter-spacing:.1em}.proj .meta h3{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,4vw,58px);line-height:1;margin:16px 0 18px}.proj .meta .role{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.proj .meta .desc{margin:22px 0 26px;color:#5f5b55;font-size:15px;max-width:36ch}.proj .meta .view{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.proj .meta .view .ln{width:34px;height:1px;background:var(--ink);transition:width .35s ease,background .35s ease}.proj:hover .meta .view .ln{width:54px;background:var(--accent)}.proj:nth-child(2n) .shot{order:2}.proj:nth-child(2n) .meta{order:1}.detail{padding:2vh 8vw 12vh}.detail .lead{overflow:hidden;aspect-ratio:16/10;background:#f4f4f4;margin-bottom:2.5vw}.detail .grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5vw}.detail .grid .g{overflow:hidden;aspect-ratio:4/5;background:#f4f4f4}.detail .grid .g.wide{grid-column:1 / -1;aspect-ratio:16/10}.detail .dtext{margin-top:6vh;color:#3c3935;font-size:16px;max-width:62ch}.detail .dtext p{margin-bottom:1.4em}.detail .credits{display:flex;flex-wrap:wrap;gap:56px;padding:8vh 0 3vh;border-top:1px solid var(--hair);margin-top:6vh}.detail .credits div{font-size:11px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.detail .credits div span{display:block;color:var(--ink);margin-top:8px;font-size:16px;letter-spacing:-.01em;text-transform:none;font-family:Archivo,sans-serif;font-weight:600}.backlink{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.backlink .ln{width:34px;height:1px;background:var(--ink);display:inline-block;transition:width .35s ease,background .35s ease}.backlink:hover .ln{width:54px;background:var(--accent)}.pintro{padding:0 8vw 6vh;color:#5f5b55;font-size:15px;max-width:56ch}.steps{padding:0 8vw 12vh;border-top:1px solid var(--hair);max-width:1250px}.step{display:grid;grid-template-columns:90px 1fr;gap:5vw;align-items:start;padding:6vh 0;border-bottom:1px solid var(--hair)}.step .no{font-size:12px;color:var(--accent);letter-spacing:.1em;padding-top:10px}.step h3{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,3.6vw,44px);line-height:1.05}.step p{margin-top:14px;color:#5f5b55;font-size:15px;max-width:58ch}.pakete{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5vw;padding:0 8vw 6vh}.paket{display:flex;flex-direction:column;border-top:1px solid var(--ink);padding-top:24px;transition:border-color .35s ease}.paket:hover{border-color:var(--accent)}.paket .name{font-family:Archivo,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(22px,2.4vw,30px);line-height:1.05}.paket .psub{font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:8px}.paket .preis{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;color:var(--accent);margin:22px 0 8px}.paket ul{list-style:none;margin-top:14px}.paket ul li{font-size:14px;color:#5f5b55;padding:12px 0;border-bottom:1px solid var(--line)}.phinweis{padding:0 8vw 12vh;font-size:13px;color:var(--muted);max-width:60ch}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:start;padding:0 8vw 12vh}.about .portrait{overflow:hidden;aspect-ratio:4/5;background:#f4f4f4}.about .portrait img{transition:transform 1.3s cubic-bezier(.19,1,.22,1)}.about .portrait:hover img{transform:scale(1.05)}.about .lede{font-family:Archivo,sans-serif;font-weight:600;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.01em;line-height:1.3;margin-bottom:4vh}.about .text p{color:#3c3935;font-size:16px;max-width:58ch;margin-bottom:1.5em}.kontakt{padding:0 8vw 12vh}.kontakt .kintro{color:#5f5b55;font-size:15px;max-width:52ch;margin-bottom:7vh}.kontakt .kmail{display:inline-block;font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(28px,6vw,84px);line-height:1;transition:color .35s ease}.kontakt .kmail:hover{color:var(--accent)}.kontakt .kigs{display:flex;flex-direction:column;gap:5vh}.kontakt .kig .lbl{display:block;font-size:11px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.kontakt .kig .hdl{display:inline-block;font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(24px,4.4vw,58px);line-height:1;overflow-wrap:anywhere;transition:color .35s ease}.kontakt .kig:hover .hdl{color:var(--accent)}.kontakt .krows{display:flex;flex-wrap:wrap;gap:56px;margin-top:8vh;padding-top:6vh;border-top:1px solid var(--hair)}.kontakt .krows div{font-size:11px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.kontakt .krows div span{display:block;color:var(--ink);margin-top:8px;font-size:16px;letter-spacing:-.01em;text-transform:none;font-family:Archivo,sans-serif;font-weight:600}.nf{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vh 8vw}.nf .k{font-size:11px;color:var(--accent);margin-bottom:18px}.nf h1{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(48px,8.5vw,116px);line-height:.9;letter-spacing:-.035em}.nf .intro{max-width:440px;margin:20px auto 0;color:#5f5b55;font-size:14px;font-weight:300}.nf .nflinks{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:7vh;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.nf .nflinks a{position:relative;color:var(--muted);transition:.3s}.nf .nflinks a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:width .35s ease}.nf .nflinks a:hover{color:var(--ink)}.nf .nflinks a:hover:after{width:100%}footer{border-top:1px solid var(--hair);padding:9vh 8vw 6vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}footer .fl{font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}footer .fl a:hover,footer .fr a:hover{color:var(--ink)}footer .fc{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:26px;text-align:center}footer .fr{text-align:right;font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}@media(max-width:820px){.split{grid-template-columns:1fr 1fr;gap:3vw}.screen .tile .cap .sub{display:none}.phead{grid-template-columns:1fr}.catrow{grid-template-columns:auto 1fr auto;gap:6vw}.catrow .peek{display:none}.proj,.proj:nth-child(2n){grid-template-columns:1fr;gap:5vw}.proj .shot,.proj .meta{order:0!important}.detail .grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:10px}.pakete{grid-template-columns:1fr;gap:7vh}.about{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer .fc,footer .fr{text-align:left}nav.site .links{gap:16px;font-size:10px}}