:root{--bg:#f6f5f2;--bg-2:#ecebe7;--fg:#111110;--fg-2:#2a2926;--mist:#7a7873;--line:#11111024;--accent:#6e6e68;--fs-sans:"Geist", "Söhne", system-ui, -apple-system, sans-serif;--fs-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.16, .84, .32, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--pad:clamp(24px, 4vw, 64px)}[data-theme=dark]{--bg:#0e0e0d;--bg-2:#161614;--fg:#f2f0eb;--fg-2:#cfccc4;--mist:#8c8a83;--line:#f2f0eb29;--accent:#b8b8b1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--fs-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .8s var(--ease-in-out),color .8s var(--ease-in-out);font-weight:400;overflow-x:hidden}html{scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--fg);color:var(--bg)}@media (hover:hover) and (pointer:fine){*{cursor:none}}@media (hover:none){.cursor{display:none}}.cursor{background:var(--fg);pointer-events:none;z-index:9999;width:10px;height:10px;transition:width .35s var(--ease-out),height .35s var(--ease-out),background .25s var(--ease-out);mix-blend-mode:difference;will-change:transform;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor[data-state=hover]{width:44px;height:44px}.cursor[data-state=view]{mix-blend-mode:difference;width:110px;height:110px}.cursor[data-state=view]:after{content:attr(data-label);font-family:var(--fs-mono);letter-spacing:.14em;color:var(--bg);text-transform:uppercase;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.loader{background:var(--bg);z-index:1000;padding:var(--pad);pointer-events:none;grid-template-rows:1fr auto 1fr;display:grid;position:fixed;inset:0}.loader__top,.loader__bot{justify-content:space-between;align-items:end;display:flex}.loader__mid{align-items:end;display:flex}.loader__count{font-family:var(--fs-sans);letter-spacing:-.05em;color:var(--fg);font-size:clamp(120px,26vw,420px);font-weight:600;line-height:.82}.loader__name{font-family:var(--fs-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--mist);font-size:11px}.loader__bar{left:var(--pad);right:var(--pad);background:var(--line);height:1px;position:absolute;bottom:28px}.loader__bar span{background:var(--fg);width:0;height:100%;transition:width .35s var(--ease-out);display:block}body.loaded .loader{transition:transform 1.3s var(--ease-in-out);transform:translateY(-101%)}.nav{z-index:70;padding:20px var(--pad);font-family:var(--fs-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg);transition:background .35s var(--ease-out),border-color .35s var(--ease-out),backdrop-filter .35s var(--ease-out);grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px;display:grid;position:fixed;top:0;left:0;right:0}.nav__mark{align-items:center;gap:12px;display:flex}.nav__mark .dot{background:var(--fg);border-radius:50%;width:7px;height:7px}.nav__center{justify-content:center;gap:28px;display:flex}.nav__center a{padding:4px 0;position:relative}.nav__center a:after{content:"";background:var(--fg);height:1px;transition:right .4s var(--ease-out);position:absolute;bottom:-2px;left:0;right:100%}.nav__center a:hover:after{right:0}.nav__right{justify-content:end;align-items:center;gap:18px;display:flex}.nav--scrolled{background:color-mix(in srgb, var(--bg) 45%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav__burger{flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:4px;display:none}.nav__burger span{background:var(--fg);height:1px;transition:transform .35s var(--ease-in-out),opacity .2s;display:block}.nav__burger.is-open span:first-child{transform:translateY(3px)rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-3px)rotate(-45deg)}.nav__mobile{z-index:60;background:var(--bg);padding:var(--pad);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-in-out);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding-bottom:64px;display:none;position:fixed;inset:0}.nav__mobile.is-open{opacity:1;pointer-events:auto}.nav__mobile a{font-family:var(--fs-sans);letter-spacing:-.03em;text-transform:uppercase;color:var(--fg);font-size:clamp(48px,14vw,96px);font-weight:600;line-height:.95}.theme-toggle{font-family:var(--fs-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg);border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:inline-flex}.theme-toggle .knob{background:var(--fg);width:7px;height:7px;transition:transform .4s var(--ease-out);border-radius:50%}.hero{min-height:100vh;padding:140px var(--pad) 56px;grid-template-columns:1fr auto;align-items:end;gap:40px;display:grid;position:relative}.hero__name{font-family:var(--fs-sans);letter-spacing:-.045em;color:var(--fg);text-transform:uppercase;font-size:clamp(60px,13vw,220px);font-weight:600;line-height:1.08}.hero__name .row{padding:.02em 0;display:block;overflow:hidden}.hero__name .row span{display:inline-block;transform:translateY(110%)}.hero__name .row:nth-child(2){letter-spacing:-.04em;color:var(--mist);font-weight:300}body.loaded .hero__name .row span{transition:transform 1.3s var(--ease-in-out);transform:translateY(0)}body.loaded .hero__name .row:nth-child(2) span{transition-delay:.14s}.hero__portrait{aspect-ratio:3/5;clip-path:inset(100% 0 0);width:clamp(160px,18vw,280px);transition:clip-path 1.4s var(--ease-in-out) .5s;overflow:hidden}body.loaded .hero__portrait{clip-path:inset(0)}.hero__portrait img{object-fit:cover;width:100%;height:100%;transition:transform 6s var(--ease-out);transform:scale(1.04)}.hero__portrait:hover img{transform:scale(1)}.hero__bottom{left:var(--pad);right:var(--pad);border-top:1px solid var(--line);font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);grid-template-columns:1fr 1fr 1fr 1fr;align-items:end;gap:24px;padding-top:22px;font-size:11px;display:grid;position:absolute;bottom:24px}.hero__bottom strong{color:var(--fg);letter-spacing:0;text-transform:none;font-size:13px;font-weight:500;font-family:var(--fs-sans);margin-top:6px;display:block}.hero__bottom .scroll{text-align:right;justify-content:end;align-items:center;gap:12px;display:flex}.hero__bottom .scroll:before{content:"";background:var(--fg);width:50px;height:1px;animation:scrollLine 2.2s var(--ease-in-out) infinite;transform-origin:0}@keyframes scrollLine{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.01%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}section{padding:clamp(80px,12vw,160px) var(--pad);position:relative}.eyebrow{font-family:var(--fs-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mist);align-items:center;gap:10px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--fg);width:22px;height:1px}.section-title{font-family:var(--fs-sans);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(40px,7vw,112px);font-weight:600;line-height:.92}.section-title .light{color:var(--mist);font-weight:300}.reveal{opacity:0;transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out);transform:translateY(40px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.12s}.reveal.delay-2{transition-delay:.24s}.about{grid-template-columns:1fr 1.4fr;align-items:start;gap:64px;display:grid}.about__lead{font-family:var(--fs-sans);letter-spacing:-.02em;color:var(--fg);max-width:26ch;margin-top:18px;font-size:clamp(22px,2.4vw,36px);font-weight:400;line-height:1.2}.about__lead .light{color:var(--mist)}.about__details{flex-direction:column;gap:32px;display:flex}.about__bio{color:var(--fg-2);max-width:60ch;font-size:clamp(15px,1.05vw,17px);line-height:1.55}.about__grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px 40px;padding-top:24px;display:grid}.about__grid h4{font-family:var(--fs-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mist);margin-bottom:8px;font-size:10px;font-weight:400}.about__grid p{color:var(--fg);font-size:14px;line-height:1.5}.pina{padding:clamp(80px,12vw,140px) var(--pad);border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:48px;display:grid}.pina__num{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-size:11px}.pina__big{font-family:var(--fs-sans);letter-spacing:-.025em;color:var(--fg);max-width:22ch;font-size:clamp(28px,4vw,64px);font-weight:400;line-height:1.1}.pina__big .light{color:var(--mist);font-weight:300}.pina__attr{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin-top:24px;font-size:11px}.pina__attr strong{color:var(--fg);font-weight:500}.marquee{white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(36px,5vw,60px) 0;overflow:hidden}.marquee .swiper-wrapper,.gallery__strip .swiper-wrapper{transition-timing-function:linear!important}.marquee .swiper-slide{width:auto;font-family:var(--fs-sans);letter-spacing:-.04em;color:var(--fg);text-transform:uppercase;font-size:clamp(36px,7vw,110px);font-weight:600;line-height:1}.marquee .swiper-slide.marquee__word--outline{color:#0000;-webkit-text-stroke:1px var(--fg);font-weight:300}.marquee .swiper-slide .dot{color:var(--mist);-webkit-text-stroke:0;padding:0 .2em}.works__header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px;display:flex}.works__list{border-top:1px solid var(--line);list-style:none}.works__item{border-bottom:1px solid var(--line);font-family:var(--fs-sans);letter-spacing:-.035em;color:var(--fg);text-transform:uppercase;transition:color .4s var(--ease-out),padding-left .5s var(--ease-out);grid-template-columns:60px 1fr auto auto;align-items:baseline;gap:16px;padding:clamp(18px,2.2vw,30px) 0;font-size:clamp(26px,5vw,76px);font-weight:500;line-height:1;display:grid;position:relative}@media (min-width:960px){.works__item{gap:32px}}.works__item:hover{padding-left:clamp(20px,4vw,64px)}.works__item:hover .title{color:var(--mist)}.works__item .index,.works__item .role,.works__item .yr{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);align-self:center;font-size:12px;font-weight:400}.works__item .yr{text-align:right}@media (min-width:640px){.works__item .yr{text-align:left}}.works__item .location{display:block}.works__item .location span{display:none}@media (min-width:640px){.works__item .location,.works__item .location span{display:inline}}.works__hover{pointer-events:none;will-change:transform;z-index:30;opacity:0;width:280px;height:360px;transition:opacity .4s var(--ease-out),transform .5s var(--ease-out),width .35s var(--ease-out),height .35s var(--ease-out);position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)scale(.85)}.works__hover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease-out);filter:grayscale(.15);position:absolute;inset:0}.works__hover img.active{opacity:1}.works__hover video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease-out);position:absolute;inset:0}.works__hover video.active{opacity:1}.works.has-hover .works__hover{opacity:1;transform:translate(-50%,-50%)scale(1)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.works__lightbox{z-index:9998;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#0009;justify-content:center;align-items:center;animation:.3s both overlay-in;display:flex;position:fixed;inset:0}.works__lightbox-close{width:44px;height:44px;color:var(--bg);opacity:.7;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:border-color .2s,opacity .2s;display:flex;position:absolute;top:24px;right:24px}.works__lightbox-close:hover{opacity:1;border-color:#fff9}.works__detail{cursor:auto;background:#0c0c0c;border:1px solid #ffffff14;border-radius:16px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;width:min(96vw,1280px);max-height:92vh;display:grid;overflow:hidden}@media (min-width:640px){.works__detail{grid-template-rows:minmax(0,1fr);grid-template-columns:3fr 2fr}}.works__detail-media{aspect-ratio:4/3;background:#000;min-width:0;min-height:0;overflow:hidden}@media (min-width:640px){.works__detail-media{aspect-ratio:auto}}.works__detail-media img,.works__detail-media video{object-fit:contain;width:100%;height:100%;display:block}.works__detail-media video[data-vertical]{object-position:center top}.works__detail-text{color:#fff;overscroll-behavior:contain;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:clamp(24px,4vw,48px);display:flex;overflow-y:auto}.works__detail-num{font-family:var(--fs-mono);letter-spacing:.12em;color:#fff6;text-transform:uppercase;font-size:11px}.works__detail-title{font-family:var(--fs-sans);letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(22px,3vw,36px);font-weight:600;line-height:1.1}.works__detail-role{font-family:var(--fs-mono);letter-spacing:.06em;color:#ffffff8c;text-transform:uppercase;font-size:12px}.works__detail-yr{color:#ffffff59;font-size:13px}.works__detail-desc{color:#ffffffbf;max-width:42ch;margin-top:8px;font-size:15px;line-height:1.65}.works__detail-desc p:not(:last-child){margin-bottom:1rem}.works__detail-yt{width:25px;height:25px}.works__hover.is-video{width:360px;height:202px}.feature{padding:clamp(80px,12vw,140px) var(--pad);border-top:1px solid var(--line);gap:clamp(32px,5vw,64px);display:grid}.feature__head{grid-template-columns:auto 1fr auto;align-items:end;gap:32px;display:grid}.feature__num{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-size:11px}.feature__title{font-family:var(--fs-sans);letter-spacing:-.04em;color:var(--fg);text-transform:uppercase;font-size:clamp(36px,6.4vw,100px);font-weight:600;line-height:.92}.feature__title .light{color:var(--mist);font-weight:300}.feature__pill{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:11px}.feature__grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.feature__grid.reverse>:first-child{order:2}.feature__media{aspect-ratio:4/5;position:relative;overflow:hidden}.feature__media img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease-out);transform:scale(1.04)}.feature__media:hover img{transform:scale(1.08)}.feature__media .caption{font-family:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;color:#fff;z-index:2;justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.feature__media:after{content:"";background:linear-gradient(#0000,#0000008c);height:38%;position:absolute;inset:auto 0 0}.feature__body{flex-direction:column;gap:18px;max-width:44ch;display:flex}.feature__lead{font-family:var(--fs-sans);letter-spacing:-.015em;color:var(--fg);font-size:clamp(20px,1.9vw,28px);font-weight:400;line-height:1.25}.feature__lead .light{color:var(--mist)}.feature__text{color:var(--fg-2);font-size:clamp(14px,1vw,16px);line-height:1.6}.feature__row{border-top:1px solid var(--line);font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);justify-content:space-between;gap:16px;padding-top:14px;font-size:11px;display:flex}.feature__row strong{color:var(--fg);font-weight:400}.skills{padding:clamp(60px,9vw,120px) var(--pad);border-top:1px solid var(--line);grid-template-columns:1fr 2fr;align-items:start;gap:64px;display:grid}.skills__list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.skills__list span{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:7px 13px;font-size:11px}.gallery{border-top:1px solid var(--line);padding:clamp(60px,9vw,120px) 0}.gallery__header{padding:0 clamp(60px,9vw,120px)}.gallery__strip{overflow:hidden}.gallery .swiper-wrapper{transition-timing-function:linear}.gallery .swiper-slide{width:auto;height:clamp(320px,45vh,750px)}.gallery__item{object-fit:cover;filter:grayscale(.12);width:auto;max-width:80vw;height:100%;display:block}.contact{padding:clamp(100px,14vw,180px) var(--pad) 32px;background:var(--bg);border-top:1px solid var(--line);position:relative;overflow:hidden}.contact__big{font-family:var(--fs-sans);letter-spacing:-.05em;color:var(--fg);text-transform:uppercase;font-size:clamp(80px,19vw,360px);font-weight:600;line-height:.82}.contact__big .row{padding:.01em 0;display:block;overflow:hidden}.contact__big .row:nth-child(2){text-align:right;color:var(--mist);font-weight:300}.contact__aword{white-space:nowrap;display:inline-block}.contact__aword--sizer{visibility:hidden;pointer-events:none;position:fixed;top:-9999px;left:-9999px}.contact__letter{display:inline-block}.contact__letter--in{animation:letterIn .55s var(--ease-out) both}.contact__letter--out{animation:letterOut .35s var(--ease-in-out) both}@keyframes letterIn{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes letterOut{0%{transform:translateY(0)}to{transform:translateY(110%)}}.contact__mail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:64px;margin-top:clamp(40px,6vw,80px);padding-top:32px;display:grid}.contact__mail h4{font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin-bottom:12px;font-size:11px;font-weight:400}.contact__mail a{font-family:var(--fs-sans);color:var(--fg);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,34px);font-weight:500;display:inline-block;position:relative}.contact__mail a:after{content:"";background:var(--fg);transform-origin:0;height:1px;transition:transform .6s var(--ease-in-out);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.contact__mail a:hover:after{transform:scaleX(1)}.contact__mail .stack{flex-direction:column;gap:16px;display:flex}.colophon{border-top:1px solid var(--line);font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:clamp(60px,8vw,100px);padding-top:24px;font-size:11px;display:grid}.colophon .right{text-align:right}.colophon .center{text-align:center}@media (max-width:920px){.hero{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.hero__portrait{align-self:start;width:min(220px,55vw)}.hero__bottom{grid-template-columns:1fr 1fr;gap:16px;position:static}.hero__bottom .scroll{display:none}.about{grid-template-columns:1fr;gap:24px}.about__grid{grid-template-columns:1fr}.pina{grid-template-columns:1fr;gap:16px}.feature__grid{grid-template-columns:1fr}.feature__grid.reverse>:first-child{order:0}.feature__head{grid-template-columns:1fr;gap:12px}.works__item{grid-template-columns:36px 1fr auto}.works__item .role{display:none}.skills{grid-template-columns:1fr;gap:24px}.contact__mail{grid-template-columns:1fr;gap:32px}.colophon{grid-template-columns:1fr}.colophon .right,.colophon .center{text-align:left}.nav{grid-template-columns:1fr auto}.nav__center{display:none}.nav__burger,.nav__mobile{display:flex}}.nf{min-height:100vh;padding:clamp(72px,10vh,130px) var(--pad) clamp(24px,4vw,40px);grid-template-rows:1fr auto;gap:40px;display:grid}.nf__body{flex-direction:column;align-self:center;align-items:flex-start;gap:clamp(20px,3vw,34px);display:flex}.nf__title{font-family:var(--fs-sans);letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(44px,9vw,150px);font-weight:600;line-height:1.1}.nf__title .row{display:block;overflow:hidden}.nf__title .row span{animation:nf-rise .9s var(--ease-out);display:block}.nf__title .row:nth-child(2){color:var(--mist);font-weight:300}.nf__title .row:nth-child(2) span{animation-delay:.14s;animation-fill-mode:backwards}@keyframes nf-rise{0%{transform:translateY(110%)}to{transform:translateY(0)}}.nf__lead{max-width:48ch;color:var(--fg-2);font-size:clamp(15px,1.5vw,19px);line-height:1.65}.nf__lead span{color:var(--mist);display:block}.nf__actions{flex-wrap:wrap;gap:12px;display:flex}.nf__actions a{transition:background .5s var(--ease-out),color .5s var(--ease-out)}.nf__actions a:hover{background:var(--fg);color:var(--bg)}.nf__foot{border-top:1px solid var(--line);font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);justify-content:space-between;gap:24px;padding-top:24px;font-size:11px;display:flex}@media (prefers-reduced-motion:reduce){.nf__title .row span{animation:none}}@media (max-width:640px){.nf__foot{flex-direction:column;gap:8px}}