:root,:root[data-theme=dark]{--button-primary-default:#fff;--button-primary-hover:#c6c6c6;--button-primary-pressed:#999;--button-secondary-default:#131313;--button-secondary-hover:#3f3f3f;--button-secondary-pressed:#6c6c6c;--fg-high:#fff;--fg-high-inv:#131313;--fg-medium:#c6c6c6;--bg-high:#000;--bg-medium:#6c6c6c;--bg-light:#3f3f3f;--bg-xlight:#131313;--bg-xxlight:#fff;--bg-trans:#000000b2;--input-fg-default:#6c6c6c;--input-fg-active:#fff;--input-fg-error:#ff9193;--input-bg-default:#3f3f3f;--input-bg-hover:#999;--input-bg-active:#fff;--input-bg-error:#ff9193;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light]{--button-primary-default:#131313;--button-primary-hover:#3f3f3f;--button-primary-pressed:#6c6c6c;--button-secondary-default:#f3f3f3;--button-secondary-hover:#c6c6c6;--button-secondary-pressed:#999;--fg-high:#131313;--fg-high-inv:#f3f3f3;--fg-medium:#6c6c6c;--bg-high:#fff;--bg-medium:#999;--bg-light:#c6c6c6;--bg-xlight:#f3f3f3;--bg-xxlight:#000;--bg-trans:#ffffffb2;--input-fg-default:#999;--input-fg-active:#131313;--input-fg-error:#ff3033;--input-bg-default:#999;--input-bg-hover:#131313;--input-bg-active:#131313;--input-bg-error:#ff3033;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root{--font-display:"filson-pro", system-ui, sans-serif;--font-body:"filson-pro", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif;--fs-display:clamp(2.5rem, 1.24rem + 5.17vw, 5.75rem);--fs-contact:clamp(2rem, 1.43rem + 2.33vw, 4rem);--fs-section:clamp(1.375rem, 1.07rem + 1.24vw, 2.25rem);--fs-about:clamp(1.375rem, 1.07rem + 1.24vw, 2.25rem);--fs-body:clamp(1.125rem, .72rem + 1.64vw, 2.25rem);--fs-stat:clamp(2.5rem, 2.1rem + 1.63vw, 4.25rem);--fs-card-title:clamp(1.0625rem, .99rem + .31vw, 1.5rem);--fs-overline:clamp(.9375rem, .79rem + .6vw, 1.75rem);--fs-subline:clamp(.9375rem, .88rem + .23vw, 1.25rem);--fs-card-sub:clamp(.8125rem, .78rem + .15vw, 1rem);--fs-button:18px;--fs-input:20px;--fs-bullet:16px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-118:118px;--radius-s:4px;--radius-m:8px;--radius-l:16px;--radius-pill:999px;--content-max:1428px;--page-pad:clamp(1.25rem, .5rem + 3vw, 9.375rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg-high);background-image:var(--noise);color:var(--fg-high);font-family:var(--font-body);font-size:var(--fs-body);background-repeat:repeat;background-size:300px 300px;line-height:1.5;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.lenis.lenis-smooth{scroll-behavior:auto!important}.wrap{max-width:var(--content-max);padding-inline:var(--page-pad);margin:0 auto}.nav{z-index:100;padding:var(--space-16) var(--space-16) var(--space-16) 40px;background:var(--bg-trans);border:1px solid var(--bg-light);-webkit-backdrop-filter:blur(12px);border-radius:80px;justify-content:space-between;align-items:center;margin:32px 32px 0;display:flex;position:fixed;inset:0 0 auto}.nav__logo{width:70px;height:70px}.nav__logo svg,.nav__logo img{width:100%;height:100%}.nav__right{align-items:center;gap:var(--space-12);display:flex}.nav__links{align-items:center;gap:var(--space-8);display:flex}.btn{font-family:var(--font-ui);font-size:var(--fs-button);height:72px;padding-inline:var(--space-24);border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-8);border:none;font-weight:500;line-height:1;transition:background .3s,color .3s;display:inline-flex}.btn--secondary{background:var(--button-secondary-default);color:var(--fg-high)}.btn--secondary:hover{background:var(--button-secondary-hover)}.btn--secondary:active{background:var(--button-secondary-pressed)}.btn--primary{background:var(--button-primary-default);color:var(--fg-high-inv)}.btn--primary:hover{background:var(--button-primary-hover)}.btn--primary:active{background:var(--button-primary-pressed)}.btn__icon{width:24px;height:24px;display:inline-block}.btn__icon svg{width:100%;height:100%}.theme-toggle{place-items:center;display:grid}.theme-toggle svg{width:24px;height:24px;display:block}.social-link{place-items:center;display:grid}.social-link svg{width:24px;height:24px;display:block}.hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}.hero__scroll{left:50%;bottom:var(--space-40);align-items:center;gap:var(--space-4);display:flex;position:absolute;transform:translate(-50%)}.hero__scroll-label{font-family:var(--font-ui);color:var(--fg-medium);white-space:nowrap;font-size:16px;font-weight:500;line-height:1}.hero__scroll-icon{width:24px;height:24px;color:var(--fg-medium);display:block}.hero__scroll-icon svg{width:100%;height:100%;display:block}.hero__overline{font-family:var(--font-ui);font-size:var(--fs-overline);color:var(--fg-medium);margin-bottom:var(--space-16);text-transform:uppercase}.hero__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);letter-spacing:-.015em;text-transform:uppercase;max-width:calc(18ch + 100px);line-height:1.055}.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{display:block}.hero__sub{font-family:var(--font-ui);font-size:var(--fs-subline);color:var(--fg-medium);margin-top:var(--space-24);max-width:calc(52ch + 200px)}.section-head{border-top:1px solid var(--fg-medium);padding-top:var(--space-24);margin-bottom:var(--space-40);gap:var(--space-24);align-items:baseline;display:flex}.section-head__num{font-family:var(--font-display);font-weight:700;font-size:var(--fs-section);color:var(--fg-medium)}.section-head__label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-section);color:var(--fg-high)}.work{padding-block:calc(var(--space-118) / 2)}.work__grid{gap:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.card{display:block}.card__media{aspect-ratio:698/450;border-radius:var(--radius-s);background:var(--bg-xlight);overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .card__media img{transform:scale(1.04)}.card__meta{margin-top:var(--space-16);justify-content:space-between;align-items:baseline;gap:var(--space-16);display:flex}.card__name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-card-title)}.card__sub{font-family:var(--font-body);font-size:var(--fs-card-sub);color:var(--fg-medium);margin-top:2px}.card__date{font-family:var(--font-body);font-size:var(--fs-card-sub);color:var(--fg-medium);white-space:nowrap}.about{padding-block:calc(var(--space-118) / 2)}.about__row{gap:var(--space-64);justify-content:space-between;align-items:center;display:flex}.about__text{font-size:var(--fs-about);color:var(--fg-medium);max-width:calc(28ch + 90px);line-height:1.35}.about__portrait{aspect-ratio:1;border-radius:var(--radius-s);background:var(--bg-xlight);flex-shrink:0;width:260px;overflow:hidden}.about__portrait img{object-fit:cover;width:100%;height:100%}.about__divider{border-radius:var(--radius-pill);background:var(--bg-light);width:240px;height:1px;margin-top:var(--space-80)}.about__stats{gap:var(--space-64);margin-top:var(--space-80);flex-wrap:wrap;display:flex}.stat__num{font-family:var(--font-display);font-weight:700;font-size:var(--fs-stat);letter-spacing:-.02em}.stat__label{font-size:var(--fs-card-sub);color:var(--fg-medium);margin-top:var(--space-4)}.clients{padding-block:calc(var(--space-118) / 2)}.clients__grid{justify-content:center;gap:var(--space-48);flex-wrap:wrap;display:flex}.clients__tile{background:var(--bg-xlight);border:1px solid var(--bg-light);width:90px;height:90px;color:var(--fg-high);border-radius:20px;place-items:center;display:grid;overflow:hidden}.clients__logo{display:contents}.clients__logo svg{width:auto;max-width:60%;height:auto;max-height:40%;display:block}.clients__logo[data-icon=clients\/client-08] svg{transform:scale(1.38)}.clients__logo[data-icon=clients\/meissen] svg{transform:scale(1.15)}.clients__logo[data-icon=clients\/rmv] svg{transform:scale(1.05)}.clients__logo[data-icon=clients\/bmw] svg{transform:scale(2.25)}.clients__logo[data-icon=clients\/client-20] svg{transform:scale(1.78538)}.clients__logo[data-icon=clients\/recup] svg{transform:scale(1.265)}.clients__logo[data-icon=clients\/wearonize] svg{transform:scale(1.38)}.footer{justify-content:center;align-items:center;gap:var(--space-40);border-top:1px solid var(--fg-medium);flex-direction:column;min-height:49vh;display:flex}.footer__cta{font-family:var(--font-display);font-weight:700;font-size:var(--fs-contact);text-align:center;letter-spacing:-.02em}.legal-footer{border-top:1px solid var(--bg-medium);justify-content:center;gap:var(--space-16);padding-block:32px;display:flex}.pw{place-items:center;min-height:100vh;display:grid}.pw__inner{align-items:flex-start;gap:var(--space-12);flex-direction:column;display:flex}.pw__label-wrap{padding-left:40px;padding-right:24px}.pw__label{font-family:var(--font-ui);color:var(--fg-medium);font-size:14px}.pw__form{align-items:center;gap:var(--space-16);border:2px solid var(--input-bg-default);border-radius:var(--radius-pill);background:0 0;width:471px;padding:8px 8px 8px 40px;transition:border-color .2s;display:flex}.pw__form:hover{border-color:var(--input-bg-hover)}.pw__form:focus-within{border-color:var(--input-bg-active)}.pw__input{color:var(--input-fg-active);font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:18px;font-weight:400;line-height:24px}.pw__input::placeholder{color:var(--input-fg-default);transition:color .2s}.pw__input:focus::placeholder{color:var(--input-fg-active)}.pw__submit{border-radius:var(--radius-pill);background:var(--button-primary-default);width:72px;height:72px;color:var(--fg-high-inv);cursor:pointer;border:none;flex-shrink:0;place-items:center;transition:background .3s;display:grid}.pw__submit:hover{background:var(--button-primary-hover)}.pw__submit:active{background:var(--button-primary-pressed)}.pw__submit svg{width:24px;height:24px;display:block}.pw--error .pw__form{border-color:var(--input-fg-error)}.pw--error .pw__input::placeholder{color:var(--input-fg-error)}.pw__logo{top:var(--space-16);left:var(--page-pad);width:70px;height:70px;position:fixed}[data-reveal]{will-change:transform, opacity}@media (width<=860px){.work__grid{grid-template-columns:1fr}.about__row{align-items:flex-start;gap:var(--space-32);flex-direction:column-reverse}.about__portrait{width:160px}.about__stats{gap:var(--space-32)}.nav__logo{width:44px;height:44px}.nav{padding:var(--space-16) var(--space-20);border:none;border-bottom:1px solid var(--bg-light);border-radius:0;margin:0}.nav__links .btn--secondary{display:none}.clients__grid{gap:var(--space-32)}}.detail{padding-top:240px}.back-link{margin-bottom:var(--space-40)}.detail-hero{margin-bottom:var(--space-80)}.detail-hero__overline{font-family:var(--font-ui);font-size:var(--fs-overline);color:var(--fg-medium);margin-bottom:var(--space-4)}.detail-hero__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);letter-spacing:-.02em;line-height:1.22}.detail-hero__title .line{display:block;overflow:hidden}.detail-hero__title .line>span{display:block}.detail-hero__sub{font-family:var(--font-ui);font-size:var(--fs-subline);color:var(--fg-medium);margin-top:var(--space-16)}.detail-section{padding-block:var(--space-64)}.detail-section__body{font-size:var(--fs-body);color:var(--fg-medium);max-width:40ch;line-height:1.4}.detail-section__body strong{color:var(--fg-high);font-weight:700}.detail-section__body p{margin-bottom:1em}.detail-section__body p:last-child{margin-bottom:0}.detail-section__body .btn{margin-top:var(--space-32)}.role-row{gap:var(--space-40);align-items:flex-start;display:flex}.role-list{gap:var(--space-20);flex-direction:column;flex:1;display:flex}.role-item{gap:var(--space-16);align-items:center;display:flex}.role-item__dot{border:2px solid var(--fg-high);border-radius:50%;flex-shrink:0;width:10px;height:10px}.role-item__text{font-family:var(--font-body);font-size:var(--fs-bullet);color:var(--fg-medium);line-height:1.35}.role-media{border-radius:var(--radius-s);background:var(--bg-xlight);flex:1;align-self:stretch;min-height:300px;overflow:hidden}.role-media img{object-fit:cover;width:100%;height:100%}.visuals__pair{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.visuals__img{border-radius:var(--radius-s);background:var(--bg-xlight);overflow:hidden}.visuals__img img{width:100%;height:auto;display:block}.visuals__full{border-radius:var(--radius-s);background:var(--bg-xlight);overflow:hidden}.visuals__full img{width:100%;height:auto;display:block}.visuals__video{position:relative}.visuals__video video{object-fit:cover;width:100%;height:100%;display:block}.video-sound-toggle{border-radius:var(--radius-pill);background:var(--bg-trans);-webkit-backdrop-filter:blur(14px);border:1px solid var(--bg-light);width:72px;height:72px;color:var(--fg-high);cursor:pointer;opacity:0;pointer-events:none;place-items:center;transition:background .3s,opacity .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visuals__video:hover .video-sound-toggle,.video-sound-toggle:focus-visible{opacity:1;pointer-events:auto}.video-sound-toggle:hover{background:var(--button-secondary-hover)}.video-sound-toggle svg{width:24px;height:24px;display:block}@media (width<=860px){.role-row{flex-direction:column}.role-media{width:100%;min-height:220px}.visuals__pair{grid-template-columns:1fr}}html.reveal-ready [data-reveal]{visibility:hidden}html.reveal-ready .hero [data-reveal],html.reveal-ready .detail-hero [data-reveal],html.reveal-ready .detail-section--overview [data-reveal]{visibility:visible}