:root{--cream: #F0EBE0;--sand: #C4A882;--black: #111110;--ff-serif: "Cormorant Garamond", Georgia, serif;--ff-sans: "Inter", system-ui, sans-serif;--t-fast: .18s ease;--t-med: .42s cubic-bezier(.25,.1,.25,1);--page-pad: clamp(24px, 6vw, 80px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:var(--ff-sans);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}a{color:inherit;text-decoration:none;transition:opacity var(--t-fast)}a:hover{opacity:.65}ul{list-style:none}img{max-width:100%;display:block}#cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--cream);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .2s}#cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid rgba(240,235,224,.3);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s,opacity .2s}#cursor-ring.hovered{width:48px;height:48px;border-color:var(--sand)}@media (hover: none){#cursor-dot,#cursor-ring{display:none}body{cursor:auto}}#loader{position:fixed;inset:0;background:var(--black);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{font-family:var(--ff-serif);font-size:48px;font-weight:300;color:var(--cream);letter-spacing:.05em}#nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px var(--page-pad);transition:background var(--t-med),backdrop-filter var(--t-med),padding var(--t-med)}#nav.scrolled{background:#111110e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:16px var(--page-pad)}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-ac{font-family:var(--ff-serif);font-size:28px;font-weight:300;color:var(--cream);letter-spacing:.04em;line-height:1}.nav-logo-divider{width:1px;height:22px;background:#f0ebe033;flex-shrink:0}.nav-logo-text{font-family:var(--ff-sans);font-size:9px;font-weight:300;letter-spacing:.2em;color:#f0ebe073;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;gap:36px;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-size:11px;font-weight:300;letter-spacing:.12em;color:#f0ebe080;transition:color var(--t-fast)}.nav-links a:hover{color:var(--cream);opacity:1}.nav-right{display:flex;align-items:center;gap:16px}.nav-cta{font-size:11px;font-weight:300;letter-spacing:.12em;color:var(--sand);border:1px solid var(--sand);padding:9px 22px;background:transparent;transition:all var(--t-fast)}.nav-cta:hover{background:#c4a8821a;color:var(--cream);border-color:#c4a882b3;opacity:1}.nav-hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:none;padding:4px}.nav-hamburger span{display:block;width:22px;height:1px;background:var(--cream);transition:transform var(--t-med),opacity var(--t-med)}.nav-hamburger.open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}#nav-mobile{position:fixed;inset:0;z-index:99;background:#111110f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-med),visibility var(--t-med)}#nav-mobile.open{opacity:1;visibility:visible;pointer-events:all}.nav-mobile-inner{display:flex;flex-direction:column;align-items:center;gap:36px}.nav-mobile-inner a{font-family:var(--ff-serif);font-size:clamp(32px,8vw,48px);font-weight:300;color:var(--cream);letter-spacing:.02em;transition:color var(--t-fast)}.nav-mobile-inner a:hover{color:var(--sand);opacity:1}.nav-mobile-cta{margin-top:12px;font-family:var(--ff-sans)!important;font-size:11px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--sand)!important;border:1px solid var(--sand);padding:14px 32px;white-space:nowrap}#hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--black);overflow:hidden}.hero-images{position:absolute;inset:0;z-index:1}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease}.hero-img.active{opacity:1}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at center,rgba(17,17,16,.6) 0%,transparent 100%);z-index:2;pointer-events:none}.hero-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:100%;max-width:900px;padding:0 clamp(24px,5vw,80px)}.hero-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:28px;opacity:0;transform:translateY(14px);animation:fadeUp .8s .4s ease forwards}.hero-label-dot{width:6px;height:6px;background:var(--sand);border-radius:50%;flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.hero-headline{font-family:var(--ff-serif);font-size:clamp(52px,6.5vw,92px);font-weight:300;line-height:1.05;letter-spacing:-.02em;color:var(--cream);margin-bottom:24px;opacity:0;transform:translateY(18px);animation:fadeUp 1s .6s ease forwards}.hero-headline em{display:block;font-style:italic;color:var(--sand)}.hero-sub{font-size:11px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#f0ebe066;margin-bottom:44px;opacity:0;transform:translateY(12px);animation:fadeUp .9s .8s ease forwards}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(12px);animation:fadeUp .8s 1s ease forwards}.btn-primary{display:inline-flex;align-items:center;padding:14px 30px;background:var(--cream);color:var(--black);font-family:var(--ff-sans);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:none;transition:all var(--t-fast)}.btn-primary:hover{background:#e0d8cc;opacity:1}.btn-ghost{display:inline-flex;align-items:center;padding:14px 30px;background:transparent;color:var(--cream);font-family:var(--ff-sans);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(240,235,224,.3);cursor:none;transition:all var(--t-fast)}.btn-ghost:hover{border-color:#f0ebe0a6;color:var(--cream);opacity:1}.hero-scroll-hint{position:absolute;bottom:40px;right:var(--page-pad);display:flex;flex-direction:column;align-items:center;gap:10px;color:#f0ebe066;opacity:0;animation:fadeIn 1s 1.6s ease forwards;z-index:4}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,transparent,rgba(196,168,130,.6));transform-origin:top;transform:scaleY(0);animation:scrollLineGrow 1.5s 1.6s ease forwards}@keyframes scrollLineGrow{to{transform:scaleY(1)}}.hero-scroll-hint span{font-size:9px;letter-spacing:.25em;text-transform:uppercase;transform:rotate(-90deg);transform-origin:center}.hero-corner-left{position:absolute;bottom:40px;left:var(--page-pad);display:flex;gap:14px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#f0ebe047;opacity:0;animation:fadeIn 1s 1.8s ease forwards;z-index:4}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}#proof{background:#181817;border-top:1px solid rgba(240,235,224,.07);border-bottom:1px solid rgba(240,235,224,.07)}.proof-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--page-pad)}.proof-item{padding:clamp(32px,5vw,56px) clamp(16px,3vw,36px);border-right:1px solid rgba(240,235,224,.07);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.proof-item:last-child{border-right:none}.proof-number{font-family:var(--ff-serif);font-size:clamp(32px,3.8vw,52px);font-weight:300;color:var(--cream);line-height:1;display:block}.proof-brands{font-size:clamp(13px,1.5vw,18px);letter-spacing:.03em;line-height:1.3}.proof-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f0ebe061;text-align:center;line-height:1.5}.section-inner{max-width:1160px;margin:0 auto;padding:clamp(90px,12vw,160px) var(--page-pad)}#arbeit{background:var(--black)}#about{background:#191918}#contact{background:#222220}.section-label{display:block;font-size:10px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sand);margin-bottom:18px}.section-headline{font-family:var(--ff-serif);font-size:clamp(34px,4.6vw,62px);font-weight:300;line-height:1.08;color:var(--cream)}.section-headline em{font-style:italic;color:var(--sand)}.section-sub{font-size:14px;font-weight:300;color:#f0ebe080;max-width:560px;margin-top:20px;line-height:1.8}.section-head{margin-bottom:clamp(48px,7vw,96px)}.reveal{opacity:0;transform:translateY(44px);will-change:transform,opacity}.work-group{margin-bottom:clamp(56px,8vw,96px)}.work-group:last-child{margin-bottom:0}.work-group-head{margin-bottom:clamp(24px,4vw,36px)}.work-group-label{display:block;font-family:var(--ff-serif);font-size:clamp(22px,2.8vw,32px);font-weight:300;letter-spacing:.02em;text-transform:none;color:var(--sand);margin-bottom:12px}.work-group-sub{font-size:14px;font-weight:300;color:#f0ebe073;max-width:520px;line-height:1.7}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.work-card{background:#f0ebe006;border:1px solid rgba(240,235,224,.08);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--t-med)}.work-card:hover{border-color:#f0ebe02e}.work-media{position:relative;background:#0c0c0b;aspect-ratio:9 / 12;overflow:hidden;display:block}.work-media video{width:100%;height:100%;object-fit:cover}.work-media-link{display:flex;align-items:center;justify-content:center}.work-media-bosch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff;text-decoration:none}.bosch-logo-thumb{width:clamp(100px,40%,160px);height:auto;object-fit:contain}.work-external-bosch{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#333;border:1px solid rgba(0,0,0,.25);padding:10px 18px;transition:all var(--t-fast)}.work-media-bosch:hover .work-external-bosch{background:#0000000f;color:#111}.work-external{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sand);border:1px solid rgba(196,168,130,.45);padding:12px 22px;transition:all var(--t-fast)}.work-media-link:hover .work-external{background:#c4a8821a;color:var(--cream)}.work-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:12px;flex:1}.work-toprow{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-logo{height:20px;width:auto;opacity:.8}.work-meta{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}.work-body h4{font-family:var(--ff-serif);font-size:clamp(20px,2.2vw,26px);font-weight:300;color:var(--cream)}.work-body p{font-size:13px;font-weight:300;color:#f0ebe080;line-height:1.75}.work-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.work-facts span{font-size:10px;letter-spacing:.08em;color:#f0ebe0b3;border:1px solid rgba(196,168,130,.28);padding:6px 12px}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:center}.about-img{width:100%;max-height:540px;object-fit:cover}.about-text p{font-size:14px;font-weight:300;color:#f0ebe080;line-height:1.85;margin-top:22px;max-width:520px}.about-credo{margin-top:28px;padding:22px 0 22px 22px;border-left:1px solid var(--sand)}.about-credo-label{display:block;font-family:var(--ff-serif);font-size:clamp(15px,1.6vw,18px);font-weight:300;font-style:italic;color:var(--sand);margin-bottom:12px;letter-spacing:.01em}.about-credo p{font-size:13px;font-weight:300;color:#f0ebe08c;line-height:1.85;max-width:500px;margin-top:0}#prozess{background:var(--black);border-top:1px solid rgba(240,235,224,.06)}.prozess-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f0ebe00f;border:1px solid rgba(240,235,224,.06)}.prozess-step{background:var(--black);padding:clamp(28px,4vw,44px) clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}.prozess-num{font-family:var(--ff-serif);font-size:clamp(36px,4vw,52px);font-weight:300;color:#c4a88240;line-height:1;letter-spacing:-.02em}.prozess-body h4{font-family:var(--ff-serif);font-size:clamp(18px,2vw,24px);font-weight:300;color:var(--cream);margin-bottom:12px}.prozess-body p{font-size:13px;font-weight:300;color:#f0ebe073;line-height:1.8}.contact-inner{text-align:center}.contact-inner .section-sub{margin-left:auto;margin-right:auto}.contact-proof{font-size:12px;font-weight:300;letter-spacing:.06em;color:#f0ebe059;margin-top:20px}.contact-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}#footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:28px var(--page-pad);background:var(--black);border-top:1px solid rgba(240,235,224,.07);font-size:11px;color:#f0ebe059}#footer a:hover{color:var(--cream);opacity:1}@media (max-width: 900px){.proof-inner{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(2){border-right:none}.proof-item:nth-child(3){border-top:1px solid rgba(240,235,224,.07)}.proof-item:nth-child(4){border-top:1px solid rgba(240,235,224,.07)}.prozess-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#nav{padding:18px 20px}#nav.scrolled{padding:14px 20px}.nav-logo-text,.nav-logo-divider,.nav-links{display:none}.nav-right{gap:12px;margin-left:auto}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:9px;letter-spacing:.1em;white-space:nowrap;line-height:1}.nav-hamburger{display:flex}.work-grid,.about-grid,.prozess-grid{grid-template-columns:1fr}.about-img{max-height:380px}.hero-img{object-position:center top}.hero-gradient{background:#111110ad}.hero-corner-left{display:none}}@media (max-width: 560px){.proof-inner{grid-template-columns:repeat(2,1fr)}.hero-headline{font-size:clamp(44px,11vw,64px)}}#anfrage-overlay{position:fixed;inset:0;z-index:500;background:#111110d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-med),visibility var(--t-med)}#anfrage-overlay.open{opacity:1;visibility:visible;pointer-events:all}#anfrage-modal{position:relative;background:#1c1c1a;border:1px solid rgba(240,235,224,.1);padding:clamp(32px,5vw,52px);max-width:480px;width:100%;transform:translateY(24px) scale(.98);transition:transform var(--t-med)}#anfrage-overlay.open #anfrage-modal{transform:translateY(0) scale(1)}.anfrage-close{position:absolute;top:18px;right:18px;background:none;border:none;color:#f0ebe059;font-size:16px;cursor:none;padding:6px 8px;line-height:1;transition:color var(--t-fast)}.anfrage-close:hover{color:var(--cream)}.anfrage-headline{font-family:var(--ff-serif);font-size:clamp(26px,3.5vw,36px);font-weight:300;line-height:1.1;color:var(--cream);margin-bottom:28px}.anfrage-headline em{font-style:italic;color:var(--sand)}.anfrage-options{display:flex;flex-direction:column;gap:8px}.anfrage-option{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(240,235,224,.08);background:transparent;color:var(--cream);text-decoration:none;transition:border-color var(--t-fast),background var(--t-fast);opacity:1}.anfrage-option:hover{border-color:#c4a88273;background:#c4a8820f;opacity:1}.anfrage-option--primary{border-color:#c4a88259;background:#c4a8820a}.anfrage-option--primary:hover{border-color:#c4a882b3;background:#c4a8821a}.anfrage-option-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--sand);border:1px solid rgba(196,168,130,.25)}.anfrage-option-body{flex:1;display:flex;flex-direction:column;gap:3px}.anfrage-option-title{font-size:13px;font-weight:400;letter-spacing:.01em;color:var(--cream)}.anfrage-option-sub{font-size:10px;letter-spacing:.12em;color:#f0ebe061;text-transform:uppercase}.anfrage-option-arrow{color:var(--sand);font-size:15px;flex-shrink:0;transition:transform var(--t-fast)}.anfrage-option:hover .anfrage-option-arrow{transform:translate(4px)}