@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");font-style:normal;font-weight:300 600;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-ext-wght-normal.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}:root{font-family:Inter,sans-serif;color:#f0eef5;background:#080b16;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #080b16;--panel: #0d1224;--purple: #b49ade;--purple-bright: #8856ee;--muted: #a6a8b8;--line: rgba(180,154,222,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}#home,#projekte,#about,#leistungen,#kontakt{scroll-margin-top:86px}body{margin:0;background:var(--bg);color:#f0eef5}a{color:inherit;text-decoration:none}main{max-width:1920px;margin:0 auto;overflow:clip;background:radial-gradient(ellipse at 80% 10%,rgba(54,30,111,.15),transparent 38%),var(--bg)}.header{height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:100;background:#080b16eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.monogram{font:400 37px/.8 Cormorant Garamond,serif;letter-spacing:-5px;min-width:56px}.monogram span{color:var(--purple);font-size:.8em;padding:0 2px}.header nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.header nav a{position:relative;font-size:16px;color:#d9d7e1;padding:10px 0}.header nav.nav-tabs{position:relative}.header nav.nav-tabs a.active:after{display:none}.nav-indicator{position:absolute;left:0;bottom:0;height:1px;background:#f0eef5;transition:transform .32s cubic-bezier(.2,.75,.25,1),width .32s cubic-bezier(.2,.75,.25,1);pointer-events:none}.outline-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #8d70bd;color:#c8b3ec;border-radius:999px;padding:12px 18px;font-size:16px;transition:background .2s,border-color .2s}.outline-button:hover{background:#8e60dc1f;border-color:#c5a8f5}.header-cta{padding:9px 15px;white-space:nowrap}.mobile-menu{display:none;color:var(--purple)}.hero{min-height:100svh;position:relative;padding:50px 5.5% 44px;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080b16,#080b16fa 31%,#080b1675 64%,#080b1633)}.hero-glow{position:absolute;z-index:-3;top:-10%;right:0;width:65%;height:120%;background:radial-gradient(ellipse at 60% 45%,rgba(112,49,227,.85),rgba(70,36,159,.43) 24%,rgba(19,19,58,.2) 52%,transparent 73%);filter:blur(8px)}.hero-copy{position:relative;z-index:2;max-width:560px}.eyebrow{margin:0 0 14px;color:var(--purple);letter-spacing:.36em;font-size:16px;font-weight:500}.eyebrow.small{font-size:12px;letter-spacing:.22em;margin-bottom:8px}h1,h2{font-family:Cormorant Garamond,serif;font-weight:500}.hero h1{font-size:clamp(38px,4.2vw,58px);line-height:.99;letter-spacing:-.025em;margin:0}.short-rule{width:45px;height:1px;background:var(--purple);margin:19px 0 15px}.tagline{color:#b7a0dc;letter-spacing:.22em;font-size:17px;margin:0 0 17px}.hero-description{font-size:17px;line-height:1.7;color:#aeb1c2;margin:0 0 23px}.hero-subject{position:absolute;z-index:-1;top:0;right:2%;width:54%;height:100%;overflow:hidden}.hero-subject.has-photo{z-index:0;right:0;width:55%}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 10%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%)}.silhouette{position:absolute;bottom:-30px;left:17%;width:52%;height:92%;filter:drop-shadow(0 0 12px rgba(172,88,255,.35))}.silhouette .head{position:absolute;z-index:2;width:35%;height:40%;left:33%;top:7%;border-radius:48% 48% 42% 42%;background:#050711;box-shadow:0 -4px 0 2px #c97fff99,0 0 20px 5px #ab41ff99}.silhouette .body{position:absolute;bottom:0;width:100%;height:65%;border-radius:48% 48% 0 0;background:linear-gradient(100deg,#050711,#080a18 70%);clip-path:polygon(35% 0,65% 0,79% 12%,90% 19%,100% 100%,0 100%,10% 25%,24% 14%)}.viewfinder{position:absolute;z-index:3;top:21%;right:10%;bottom:7%;left:8%}.viewfinder i,.portrait-corners i{position:absolute;width:34px;height:34px;border-color:#d8d6e6;border-style:solid;opacity:.9}.viewfinder i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.viewfinder i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.camera-rig{position:absolute;right:-2%;bottom:18%;width:25%;height:28%}.camera-body{position:absolute;right:10%;top:30%;width:78%;height:43%;background:#080914;border:2px solid #14152b;transform:skewY(-5deg)}.camera-screen{position:absolute;z-index:2;right:16%;top:0;width:45%;height:45%;background:linear-gradient(135deg,#34245b,#090d20);border:3px solid #080914;display:grid;place-items:center;color:#c6a3ff;font-size:13px}.camera-lens{position:absolute;right:-2%;top:43%;width:28%;height:20%;background:#050611;border-radius:30%;border:2px solid #22223c}.section{padding:38px 5.5% 48px}.projects{min-height:100svh;padding:64px 5.5% 72px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;background:linear-gradient(180deg,#0a0e1c,#0b1020)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:0;gap:20px}.section-heading h2,.about-copy h2,.contact h2{margin:0;font-size:clamp(41px,4vw,56px);line-height:1}.text-link{display:inline-flex;align-items:center;gap:10px;color:#c4a8ec;font-size:15px;padding-bottom:7px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:auto}.project-card{min-width:0}.project-image{position:relative;display:block;overflow:hidden;aspect-ratio:.72;background:#14182a;border:1px solid rgba(180,154,222,.12)}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.project-image:hover img{transform:scale(1.04)}.project-image>video,.project-image .video-external{display:block;width:100%;height:100%;object-fit:cover}.project-image>video,.project-image .video-external{position:absolute;top:0;right:0;bottom:0;left:0}.project-image>video{background:#080b16}.project-image .video-external img{width:100%;height:100%;object-fit:cover}.play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);background:#080a1499;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:3px}.project-image .video-external .play{z-index:2}.duration{position:absolute;z-index:1;bottom:9px;right:9px;font-size:13px}.project-category{margin:13px 0 5px;color:#a99ac6;font-size:12px;letter-spacing:.16em}.project-card h3{font-size:16px;line-height:1.4;font-weight:500;margin:0}.about-section{padding:35px 5.5%;display:grid;grid-template-columns:minmax(180px,25%) minmax(300px,1fr) minmax(280px,20%);gap:51px;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0c1020,#0b0e1a 70%,#100d25)}.about-photo{position:relative;aspect-ratio:.88;background:#090c1a;overflow:hidden}.about-photo.has-photo{background:#0d1224}.about-photo.has-photo>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 50% 35%,#7037cc 0%,#2d1b66 35%,transparent 68%);filter:blur(12px)}.portrait-silhouette{position:absolute;top:0;right:0;bottom:0;left:0}.portrait-head{position:absolute;width:38%;height:37%;top:8%;left:33%;border-radius:48% 48% 43% 43%;background:#050711;box-shadow:0 -3px 0 2px #a65aff,0 0 18px 4px #9f4cff99}.portrait-body{position:absolute;bottom:-3%;left:0;width:100%;height:65%;background:#050711;clip-path:polygon(32% 0,66% 0,82% 12%,100% 100%,0 100%,15% 24%)}.portrait-corners{position:absolute;top:0;right:0;bottom:0;left:0}.portrait-corners i{width:24px;height:24px}.portrait-corners i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.portrait-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.portrait-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.portrait-corners i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.about-copy h2{margin-bottom:17px}.about-copy p:not(.eyebrow){font-size:15px;line-height:1.65;color:#aeb1c2;margin:0 0 13px}.about-copy{align-self:center}.services{min-height:100%;border-left:1px solid var(--line);padding:12px 0 12px 28px;display:flex;flex-direction:column;justify-content:space-evenly;gap:24px}.service{display:flex;align-items:center;gap:16px;min-height:64px}.service-icon{width:36px;height:36px;color:var(--purple);flex:0 0 auto}.service h3{font-size:18px;line-height:1.3;font-weight:500;margin:0 0 7px}.service p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(150px,.42fr);gap:35px;align-items:stretch;padding:45px 5.5%}.contact-copy{padding-right:15px;align-self:center}.contact-copy p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 22px}.contact-details{min-width:0;border-left:1px solid var(--line);padding:12px 0 12px 28px;display:flex;flex-direction:column;justify-content:space-evenly;gap:18px}.contact-details a,.contact-details div{display:flex;align-items:flex-start;gap:15px;color:#c4c6d3;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.contact-details svg{width:21px;height:21px;color:var(--purple);flex:0 0 auto;margin-top:2px}.qr-area{width:100%;min-width:0;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 12px;border:1px solid var(--line);background:#0d122473;text-align:center;justify-self:stretch}.qr-placeholder{width:clamp(88px,8vw,132px);aspect-ratio:1;border:5px solid #f0eef5;outline:1px solid var(--purple);outline-offset:5px;background:repeating-conic-gradient(#f0eef5,#f0eef5 25%,#080b16 0%,#080b16 50%) 50% / 12px 12px;color:#080b16;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-placeholder span{font:600 25px Cormorant Garamond,serif;background:#f0eef5;padding:0 5px}.qr-placeholder small{background:#f0eef5;font-size:8px;letter-spacing:1px}.qr-area p{font-size:12px;letter-spacing:.2em;color:#a99ac6;line-height:1.5}.qr-image{display:block;width:clamp(98px,8vw,140px);aspect-ratio:1;height:auto;object-fit:contain;background:#fff;padding:4px;outline:1px solid var(--purple);outline-offset:5px}.footer{max-width:1920px;margin:0 auto;border-top:1px solid rgba(180,154,222,.12);min-height:68px;padding:14px 5.5%;display:flex;align-items:center;justify-content:space-between;background:#090c18}.footer .monogram{font-size:32px}.legal,.socials{display:flex;align-items:center;gap:25px}.legal a{color:#aeb1c2;font-size:13px}.socials{gap:13px}.socials svg{width:17px;height:17px;color:#d9d7e1}@media(min-width:1200px){.hero-description{font-size:18px}}@media(max-width:850px){#home,#projekte,#about,#leistungen,#kontakt{scroll-margin-top:74px}.header{height:74px}.header nav{gap:15px}.header nav a{font-size:13px}.header-cta{display:none}.hero{min-height:410px}.hero-subject{width:60%;right:-8%;opacity:.8}.project-grid{gap:14px}.about-section{grid-template-columns:28% 1fr;gap:22px;align-items:center}.services{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service{min-height:0}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.contact-details{padding-left:20px}.qr-area{grid-column:1 / -1;min-height:180px;flex-direction:row;justify-content:center}.contact{grid-template-columns:1fr 1fr}.qr-area{display:none}}@media(max-width:600px){.header{padding:0 6%}.header nav{display:none}.mobile-menu{display:block}.hero{padding:45px 6% 34px;min-height:520px;align-items:start}.hero:before{background:linear-gradient(90deg,#080b16fa,#080b16b3),linear-gradient(0deg,#080b16 0%,transparent 70%)}.hero-copy{padding-top:8px}.hero h1{font-size:clamp(38px,10vw,52px)}.eyebrow{font-size:14px;letter-spacing:.2em}.eyebrow.small{font-size:12px}.tagline{font-size:15px;letter-spacing:.13em}.hero-description{font-size:16px;max-width:300px}.desktop-break{display:none}.hero-subject{top:160px;right:-23%;width:95%;height:72%;opacity:.58}.hero-subject.has-photo{display:none}.viewfinder{top:12%;right:14%;bottom:8%;left:8%}.section{padding-left:6%;padding-right:6%}.projects{min-height:auto;padding-top:42px;padding-bottom:48px;gap:32px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading h2,.about-copy h2,.contact h2{font-size:45px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.project-image{aspect-ratio:.78}.project-category{font-size:11px}.project-card h3{font-size:15px}.about-section{padding:25px 6%;grid-template-columns:1fr;gap:22px}.about-photo{aspect-ratio:1.15;max-height:290px}.about-copy p:not(.eyebrow){font-size:15px}.services{grid-template-columns:1fr;gap:17px}.service h3{font-size:15px}.service p{font-size:13px}.contact{padding:30px 6%;grid-template-columns:minmax(0,1fr);gap:25px}.contact-copy p{font-size:15px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.contact-details a,.contact-details div{font-size:14px}.qr-area{display:flex;grid-column:auto;min-height:0;flex-direction:row;justify-content:flex-start;justify-self:stretch;padding:20px}.footer{padding:16px 6%;flex-wrap:wrap;gap:18px}.legal{gap:15px}.legal a{font-size:12px}.socials{gap:10px}}@media(max-width:380px){.hero h1{font-size:38px}.section-heading h2,.about-copy h2,.contact h2{font-size:40px}.project-card h3{font-size:14px}}.project-grid{column-gap:clamp(22px,3vw,42px);row-gap:clamp(32px,4vw,54px);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.75,.25,1)}.project-grid.page-leaving{opacity:0;transform:translateY(10px);pointer-events:none}.project-grid.page-entering{opacity:0;transform:translateY(-8px)}.project-grid.page-visible .project-card{animation:project-card-in .48s cubic-bezier(.2,.75,.25,1) both}.project-grid.page-visible .project-card:nth-child(2){animation-delay:45ms}.project-grid.page-visible .project-card:nth-child(3){animation-delay:90ms}.project-grid.page-visible .project-card:nth-child(4){animation-delay:135ms}@keyframes project-card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.project-grid,.project-grid.page-visible .project-card{transition:none;animation:none}}.projects-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.projects-pagination .outline-button{cursor:pointer;font:inherit}.projects-pagination .pagination-button{padding:9px 15px;white-space:nowrap;font-size:14px;gap:12px}.projects-pagination .pagination-button:hover{background:#8e60dc1f;border-color:#c5a8f5}.projects-count{color:var(--muted);font-size:12px;min-width:36px;text-align:center}.pagination-back{transform:rotate(180deg)}.project-image>.video-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#14182a;color:inherit;cursor:pointer;overflow:hidden}.project-image .video-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image .video-preview:hover img{transform:scale(1.04)}.project-image .video-preview .play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}.project-image>video{object-fit:cover}@media(max-width:850px){.project-grid{column-gap:18px;row-gap:34px}}@media(max-width:600px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:25px}.project-card h3{font-size:14px;overflow-wrap:anywhere}.project-category{font-size:10px;letter-spacing:.04em}.duration{font-size:10px;bottom:6px;right:6px}.project-image .video-preview .play{width:34px;height:34px}.project-image .video-preview .play svg{width:16px;height:16px}.projects-pagination{gap:8px;flex-wrap:wrap}.projects-pagination .pagination-button{font-size:10px;padding:9px 10px;gap:6px}.projects-count{font-size:10px}}.projects-pagination button.outline-button,.projects-pagination .pagination-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent!important;color:#c8b3ec!important;border:1px solid #8d70bd!important;border-radius:999px;box-shadow:none!important;text-decoration:none;line-height:1.2;cursor:pointer}.projects-pagination button.outline-button:hover,.projects-pagination .pagination-button:hover{background:#8e60dc1f!important;border-color:#c5a8f5!important;color:#c8b3ec!important}.projects-pagination button.outline-button:focus-visible,.projects-pagination .pagination-button:focus-visible{outline:2px solid #c5a8f5;outline-offset:3px}.projects-pagination button.outline-button:disabled,.projects-pagination .pagination-button:disabled{opacity:.4;cursor:not-allowed}.footer .legal button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #8d70bd;border-radius:999px;color:#c8b3ec;padding:8px 13px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.footer .legal button:hover{background:#8e60dc1f;border-color:#c5a8f5;box-shadow:0 0 18px #8856ee24}.footer .legal button:focus-visible,.legal-modal button:focus-visible{outline:2px solid #c5a8f5;outline-offset:3px}.legal-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:22px;background:#03050ed1;animation:legalFadeIn .2s ease-out}.legal-modal{position:relative;width:min(760px,100%);max-height:min(82vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(180,154,222,.58);border-radius:20px;background:linear-gradient(135deg,#14172fe8,#0a0e1ee0);color:#f0eef5;box-shadow:0 0 0 1px #8856ee1f,0 24px 90px #00000094,0 0 38px #7031e32b;animation:legalRiseIn .24s ease-out}.legal-modal:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#8856ee,#c5a8f5,transparent)}.legal-modal-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 28px 8px;color:#b49ade;font-size:10px;letter-spacing:.2em}.legal-modal-close{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(180,154,222,.4);border-radius:50%;background:#080b1659;color:#f0eef5;font-size:26px;line-height:1;cursor:pointer}.legal-modal-close:hover{border-color:#c5a8f5;background:#8856ee2e}.legal-modal h2{margin:0;padding:0 28px;font-size:clamp(34px,5vw,48px);line-height:1.1}.legal-modal-rule{width:48px;height:1px;margin:17px 28px 12px;background:#b49ade;box-shadow:0 0 12px #b49adea6}.legal-modal-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 28px 22px;scrollbar-color:#7546d8 rgba(8,11,22,.3)}.legal-modal-content p{margin:0;color:#d0cedb;font-size:14px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.legal-modal-content p:first-child{color:#f0eef5;font-weight:500}.legal-modal-spacer{height:13px}.legal-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px 22px;border-top:1px solid rgba(180,154,222,.18);background:#080b1638}.legal-modal-footer>span{color:#8e88a4;font-size:9px;letter-spacing:.14em}.legal-modal-footer .outline-button{background:transparent;cursor:pointer}@keyframes legalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes legalRiseIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.footer{gap:14px;flex-wrap:wrap}.footer .legal{gap:8px}.footer .legal button{font-size:12px;padding:7px 10px}.legal-modal-backdrop{padding:12px}.legal-modal{max-height:88vh;border-radius:16px}.legal-modal-topline{padding:18px 18px 7px}.legal-modal h2{padding:0 18px}.legal-modal-rule{margin-left:18px}.legal-modal-content{padding:0 18px 18px}.legal-modal-footer{padding:13px 18px 17px}.legal-modal-footer>span{max-width:55%;line-height:1.5}}@media(prefers-reduced-motion:reduce){.legal-modal-backdrop,.legal-modal{animation:none}}html{scrollbar-gutter:stable}.legal-modal-content p{white-space:pre-line}video:fullscreen{width:auto!important;height:auto!important;max-width:100vw;max-height:100vh;aspect-ratio:9 / 16;object-fit:contain;background:#080b16}video:-webkit-full-screen{width:auto!important;height:auto!important;max-width:100vw;max-height:100vh;object-fit:contain;background:#080b16}