.hero{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:transparent;cursor:none;touch-action:none;z-index:1}.hero-video-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;pointer-events:none;background-color:var(--bg-deep, #05040c);mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.hero-video-mask iframe{position:absolute;top:50%;left:50%;width:177.78dvh;height:56.25vw;min-width:100%;min-height:100%;border:0;opacity:0;transition:opacity .5s ease;transform:translate(-50%,-50%)}.hero-video-mask iframe.is-loaded{opacity:1}.hero-video-mask-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-video-mask-fallback.is-entering{animation:heroFallbackFadeIn 1.2s ease forwards}.hero-video-mask-fallback.is-leaving{animation:heroFallbackFadeOut 1.2s ease forwards}@keyframes heroFallbackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroFallbackFadeOut{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-video-mask-fallback.is-entering,.hero-video-mask-fallback.is-leaving{animation:none}.hero-video-mask-fallback.is-leaving{display:none}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none}.hero-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,transparent 78%,rgba(7,6,15,.55) 90%,var(--bg-deep, #05040c) 100%)}.hero--fallback{cursor:auto;display:flex;align-items:center;justify-content:center}.hero-video-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;pointer-events:none;background-color:var(--bg-deep, #05040c)}.hero-video-fallback:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#05040c8c}.hero-video-fallback iframe{position:absolute;top:50%;left:50%;width:177.78dvh;height:56.25vw;min-width:100%;min-height:100%;border:0;opacity:0;transition:opacity .5s ease;transform:translate(-50%,-50%)}.hero-video-fallback iframe.is-loaded{opacity:1}.hero-fallback-text{position:relative;z-index:2;margin:0;padding:0 1rem;max-width:94vw;text-align:center;font-family:var(--font-display);font-weight:400;font-size:clamp(2.75rem,12vw,9rem);line-height:1;letter-spacing:.01em;color:var(--fg)}.hero-cursor{position:absolute;top:0;left:0;z-index:6;width:22px;height:22px;opacity:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;mix-blend-mode:difference;pointer-events:none;transition:opacity .15s ease;will-change:transform}.hero-cursor span{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.collision-card{position:relative;padding:.55rem .7rem;color:#0a0a0a;background:#f5f5f0;border-radius:2px;box-shadow:0 8px 24px #00000047;font-family:var(--font-body);font-size:.58rem;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;transform-origin:50% 100%;will-change:opacity,transform}.collision-card:after{position:absolute;top:100%;left:50%;width:1px;height:16px;background:#f5f5f0bf;content:""}.hero-hint-desktop{display:inline}.hero-hint-touch{display:none}@media(hover:none)and (pointer:coarse){.hero,.hero--playback{cursor:auto;touch-action:pan-y}.hero-cursor{display:none}}@media(max-width:600px){.hero{overflow:visible;touch-action:pan-y}.hero-canvas{top:0;right:0;bottom:auto;left:0;width:100%;height:calc(100% + var(--hero-3d-extend, 1.25rem) + 2rem)}.hero-canvas:after{background:linear-gradient(to bottom,transparent 0%,transparent 78%,rgba(7,6,15,.4) 90%,var(--bg-deep, #05040c) 100%)}.hero-scroll{bottom:6.5rem}}.hero-hint{position:absolute;top:5rem;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:1.5rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none;animation:hintFadeOut .6s ease 3.5s forwards}@keyframes hintFadeOut{to{opacity:0;transform:translate(-50%,6px)}}.hero-scroll{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--muted),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.intro{position:relative;z-index:10;width:100%;margin-top:calc(var(--hero-3d-extend, clamp(7rem, 26vh, 14rem)) * -1);padding:calc(var(--hero-3d-extend, clamp(7rem, 26vh, 14rem)) + clamp(4.5rem,12vh,8rem)) 2.5rem clamp(2rem,6vh,3.5rem);box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center}.intro-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem}.intro-name{margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,9vw,7.5rem);font-weight:400;letter-spacing:-.04em;line-height:.94;text-transform:uppercase;color:var(--fg)}.intro-name-surname{white-space:nowrap}.intro-role{margin:0;font-family:var(--font-display);font-size:clamp(.85rem,1.8vw,1.15rem);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}@media(max-width:720px){.intro{margin-top:calc(var(--hero-3d-extend, 2rem) * -1);padding:calc(var(--hero-3d-extend, 2rem) + 2rem + clamp(3rem,9vh,4.5rem)) 1.5rem 2rem}.intro-name{font-size:clamp(2.3rem,8.5vw,7.5rem)}}.showreel{position:relative;width:100%;min-height:100dvh;padding:clamp(1.25rem,3vh,2rem) clamp(1rem,2.5vw,2rem) clamp(2.5rem,7vh,4.5rem);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.showreel-inner{width:min(1480px,100%);display:flex;flex-direction:column;gap:clamp(1.75rem,4vh,2.75rem)}.showreel-header{position:relative;z-index:4;text-align:center;pointer-events:none}.showreel-heading{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.25rem);font-weight:400;letter-spacing:-.05em;line-height:.92;text-transform:uppercase;color:var(--fg);white-space:nowrap}.showreel-grid{position:relative;z-index:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.75rem);align-items:stretch}.showreel-card{min-width:0;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .45s ease}.showreel-card.is-dimmed{opacity:.28;filter:saturate(.55) brightness(.85);transform:scale(.97);pointer-events:none}.showreel-card-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;padding:0;background:#080612;border:5px solid var(--glass-border);border-radius:14px;color:inherit;cursor:pointer;transform:translateZ(0) scale(1);transform-origin:center center;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease,border-color .4s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.showreel-grid:hover .showreel-card:not(:hover):not(.is-dimmed),.showreel-grid:has(.showreel-card-frame:focus-visible) .showreel-card:not(:focus-within):not(.is-dimmed){opacity:.8}}.showreel-card:hover .showreel-card-frame,.showreel-card:focus-within .showreel-card-frame{border-color:#f5f5f047;transform:translate3d(0,-14px,0) scale(1.06);box-shadow:0 36px 80px #00000080}.showreel-card-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.showreel-card-thumb{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .6s ease;filter:saturate(.95) contrast(1.06)}.showreel-card:hover .showreel-card-thumb,.showreel-card:focus-within .showreel-card-thumb{transform:scale(1.22);filter:saturate(1.05) contrast(1.08)}.showreel-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(5,4,12,.55) 0%,transparent 42%),linear-gradient(0deg,rgba(5,4,12,.5) 0%,transparent 38%),radial-gradient(ellipse at 50% 60%,transparent 20%,rgba(5,4,12,.35) 100%);transition:opacity .45s ease}.showreel-card:hover .showreel-card-scrim,.showreel-card:focus-within .showreel-card-scrim{opacity:.7}.showreel-card-title{position:absolute;z-index:3;top:clamp(1rem,2.8vw,1.75rem);left:clamp(1rem,2.8vw,1.75rem);right:clamp(1rem,2.8vw,1.75rem);margin:0;font-family:var(--font-display);font-size:clamp(1.85rem,4.6vw,3.75rem);font-weight:400;letter-spacing:-.045em;line-height:.92;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1)}.showreel-card:hover .showreel-card-title,.showreel-card:focus-within .showreel-card-title{transform:translateY(-2px) scale(1.02);transform-origin:left top}.showreel-card-title-stroke,.showreel-card-title-fill{display:block}.showreel-card-title-stroke{color:transparent;-webkit-text-stroke:1.5px rgba(245,245,240,.42);paint-order:stroke fill;opacity:.9;transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}.showreel-card-title-fill{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(12px);text-shadow:0 8px 28px rgba(0,0,0,.35);transition:opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1),clip-path .65s cubic-bezier(.22,1,.36,1)}.showreel-card:hover .showreel-card-title-stroke,.showreel-card:focus-within .showreel-card-title-stroke{opacity:0;transform:translateY(-6px)}.showreel-card:hover .showreel-card-title-fill,.showreel-card:focus-within .showreel-card-title-fill{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}.showreel-card-play{position:absolute;z-index:4;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%) scale(.92);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.55rem 1rem 1.35rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--fg);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease,box-shadow .25s ease}.showreel-card:hover .showreel-card-play,.showreel-card:focus-within .showreel-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.showreel-card-frame:hover .showreel-card-play,.showreel-card-frame:focus-visible .showreel-card-play{border-color:#a08cdc59;background:linear-gradient(145deg,#ff2d6a29,#481c6e47 40%,#0c0e2461);box-shadow:inset 0 2px #c8b4ff14,0 16px 44px #00000059}.showreel-card-play-icon{width:0;height:0;margin-left:.15rem;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;border-left:.9rem solid var(--fg)}.showreel-card-play-label{font-family:var(--font-display);font-size:.9rem;letter-spacing:-.02em;text-transform:uppercase;line-height:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showreel-fs-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100vw;height:100dvh;min-height:100vh;pointer-events:none}.showreel-fs-root.is-entering,.showreel-fs-root.is-open,.showreel-fs-root.is-leaving{pointer-events:auto}.showreel-fs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000;opacity:1}.showreel-fs{position:fixed;z-index:1;overflow:hidden;background:#000;box-shadow:0 30px 80px #0000008c;inset:auto;touch-action:none;overscroll-behavior:none}.showreel-fs-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .35s ease}.showreel-fs.is-open .showreel-fs-thumb{opacity:0;pointer-events:none}.showreel-fs-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;animation:showreelPlayerIn .45s ease both}@keyframes showreelPlayerIn{0%{opacity:0}to{opacity:1}}.showreel-fs-chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease .1s}.showreel-fs-chrome.is-visible{opacity:1}.showreel-fs-close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem .65rem .75rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--fg);font-family:var(--font-display);font-size:.65rem;letter-spacing:-.02em;text-transform:uppercase;pointer-events:auto;transform:translateY(-8px);transition:background .2s ease,border-color .2s ease,transform .4s cubic-bezier(.22,1,.36,1)}.showreel-fs-chrome.is-visible .showreel-fs-close{transform:translateY(0)}.showreel-fs-close span[aria-hidden=true]{font-size:1.15rem;line-height:1;font-weight:300}.showreel-fs-close:hover,.showreel-fs-close:focus-visible{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.showreel-fs-title{position:absolute;left:max(1rem,env(safe-area-inset-left));top:max(1.1rem,env(safe-area-inset-top));margin:0;font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:-.03em;text-transform:uppercase;color:#f5f5f0e6;text-shadow:0 2px 16px rgba(0,0,0,.55);transform:translateY(-8px);transition:transform .4s cubic-bezier(.22,1,.36,1)}.showreel-fs-chrome.is-visible .showreel-fs-title{transform:translateY(0)}@media(max-width:720px){.showreel{padding:1.5rem 1rem 5.5rem;min-height:auto;align-items:flex-start}.showreel-inner{gap:1.35rem;width:100%}.showreel-heading{font-size:clamp(1.75rem,8vw,2.5rem)}.showreel-grid{grid-template-columns:1fr;gap:1.1rem}.showreel-card-frame{aspect-ratio:16 / 9}.showreel-card:hover .showreel-card-frame,.showreel-card:focus-within .showreel-card-frame{transform:translate3d(0,-4px,0) scale(1.015);box-shadow:0 18px 40px #00000059}.showreel-card:hover .showreel-card-thumb,.showreel-card:focus-within .showreel-card-thumb{transform:scale(1.12)}.showreel-card-title{top:.85rem;left:.85rem;right:.85rem;font-size:clamp(1.45rem,7.5vw,2.1rem)}.showreel-card-title-stroke{-webkit-text-stroke-width:1px}.showreel-card-play{padding:.95rem 1.4rem .95rem 1.2rem}.showreel-card-play-icon{border-top-width:.5rem;border-bottom-width:.5rem;border-left-width:.82rem}.showreel-card-play-label{font-size:.85rem}}@media(hover:none)and (pointer:coarse){.showreel-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.showreel-card-title-stroke{opacity:0}.showreel-card-title-fill{opacity:1;clip-path:inset(0 0 0 0);transform:none}.showreel-card:hover .showreel-card-frame,.showreel-card:focus-within .showreel-card-frame{transform:none;box-shadow:none}.showreel-card:hover .showreel-card-thumb,.showreel-card:focus-within .showreel-card-thumb{transform:scale(1.1)}.showreel-card:active .showreel-card-frame{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.showreel-card,.showreel-card-frame,.showreel-card-thumb,.showreel-card-scrim,.showreel-card-title,.showreel-card-title-stroke,.showreel-card-title-fill,.showreel-card-play,.showreel-fs-chrome,.showreel-fs-close,.showreel-fs-title,.showreel-fs-thumb{transition:none}.showreel-fs-video{animation:none}}.work-section{position:relative;min-height:auto;padding:3.5rem 2.5rem;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.work-section.visible{opacity:1;transform:translateY(0)}.work-section-inner{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,500px);grid-template-areas:"headline stack";align-items:center;gap:clamp(2.5rem,6vw,5rem);max-width:1160px;margin:0 auto}.work-section--reverse .work-section-inner{grid-template-columns:minmax(260px,500px) minmax(280px,1fr);grid-template-areas:"stack headline"}.section-label{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.work-section-text{grid-area:headline;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%;text-align:left;align-items:flex-start}.work-section--reverse .work-section-text{align-items:flex-end;text-align:right}.work-section--reverse .work-title{transform:translate(24px)}.work-title{font-family:var(--font-display);max-width:100%;font-size:clamp(2rem,3.2vw,3.25rem);font-weight:400;letter-spacing:-.05em;line-height:.92;text-transform:uppercase;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;opacity:0;transform:translate(-24px);transition:opacity .6s ease .2s,transform .6s ease .2s}.work-title.visible,.work-section.visible .work-title{opacity:1;transform:translate(0)}.work-subtitle{font-size:.9rem;font-weight:300;line-height:1.6;color:var(--muted);max-width:440px}.work-project-list{display:flex;flex-direction:column;width:fit-content;max-width:100%;margin-top:.5rem;list-style:none}.work-section--reverse .work-project-list{align-items:flex-end}.work-project-title{padding:.5rem 0;color:#f5f5f061;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:400;letter-spacing:-.03em;line-height:1.25;text-transform:uppercase;cursor:pointer;text-align:left;transition:color .3s ease,transform .3s ease}.work-project-title:hover,.work-project-title:focus-visible,.work-project-title.is-active{color:var(--fg);transform:translate(6px)}.work-section--reverse .work-project-title:hover,.work-section--reverse .work-project-title:focus-visible,.work-section--reverse .work-project-title.is-active{transform:translate(-6px)}.work-section--reverse .work-project-title{text-align:right}.work-project-stack{grid-area:stack;width:min(480px,100%);height:470px;justify-self:end}.work-carousel-wrap{display:none}.work-section--reverse .work-project-stack{justify-self:start}.work-project-card{position:absolute;top:0;left:0;overflow:hidden;border-radius:14px;border:2px solid rgba(245,245,240,.3);box-shadow:0 16px 40px #0006;cursor:pointer;z-index:calc(100 - var(--i));transform:rotate(calc(var(--i) * -2.5deg));transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}.work-project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.work-project-card.is-hovered{z-index:200;transform:scale(1.055) rotate(calc(var(--i) * -2.5deg));border-color:#f5f5f08c;box-shadow:0 22px 50px #00000080}.work-play-badge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.work-play-badge-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#05040c80;border:1.5px solid rgba(245,245,240,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.work-play-badge-icon:after{content:"";margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--fg)}.work-project-card .work-play-badge{opacity:0;transition:opacity .25s ease}.work-project-card.is-hovered .work-play-badge{opacity:1}.work-project-card.is-active{opacity:0}.work-project-card-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#080612e6}.work-project-card-image,.work-project-card-clip{width:100%;height:100%;object-fit:cover}.work-project-card-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#481c6e8c,#122a6066 45%,#080612eb)}.work-project-card-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#05040c4d}.work-project-card-spinner{width:30px;height:30px;border:2px solid rgba(245,245,240,.25);border-top-color:var(--fg);border-radius:50%;animation:workCardSpin .8s linear infinite}@keyframes workCardSpin{to{transform:rotate(360deg)}}.work-project-overlay{position:absolute;z-index:400;overflow:hidden;border-radius:14px;border:2px solid rgba(245,245,240,.3);box-shadow:0 40px 90px #0000008c;pointer-events:none;opacity:0;transform:scale(.4);transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.work-project-overlay.is-open{opacity:1;transform:scale(1)}.work-project-overlay .work-project-card-info{position:absolute;inset:auto 0 0 0;z-index:1;padding:1.75rem 1.75rem 1.5rem;background:linear-gradient(0deg,rgba(5,4,12,.9) 0%,rgba(5,4,12,.55) 45%,transparent 100%);opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .35s ease .1s}.work-project-overlay.is-open .work-project-card-info{opacity:1;transform:translateY(0)}.work-project-card-title{margin:0 0 .3rem;font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:500;letter-spacing:-.03em;text-transform:uppercase;color:var(--fg);text-shadow:0 2px 14px rgba(0,0,0,.6)}.work-project-card-subheading{margin:0 0 .2rem;color:var(--fg);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.6)}.work-project-card-description{margin:0;color:#f5f5f0d9;font-size:.8rem;font-weight:400;line-height:1.5;max-width:30rem;text-shadow:0 1px 10px rgba(0,0,0,.55)}@media(max-width:900px){.work-section{min-height:0;padding:3.5rem 1.5rem}.work-section-inner,.work-section--reverse .work-section-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"headline";gap:1.75rem}.work-section-text{width:100%;max-width:480px;gap:.65rem}.work-section--reverse .work-section-text{align-items:flex-start;text-align:left}.work-section--reverse .work-project-list{align-items:flex-start}.work-title{font-size:clamp(1.75rem,8vw,2.5rem)}.work-subtitle{max-width:none}.work-project-title{font-size:clamp(1.2rem,6vw,1.6rem);padding:.65rem 0}.work-project-title:hover,.work-project-title:focus-visible,.work-project-title.is-active{transform:none}.work-project-list,.work-project-stack,.work-section--reverse .work-project-stack{display:none}.work-carousel-wrap{display:block;width:100vw;margin-left:calc(50% - 50vw);margin-top:2rem}.work-carousel{display:flex;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.work-carousel::-webkit-scrollbar{display:none}.work-carousel-slide{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;background:transparent}.work-carousel-media{position:relative;overflow:hidden;border-radius:14px;width:100%;height:min(64vh,540px)}.work-carousel-wrap--tall .work-carousel-media{height:min(78vh,660px)}.work-carousel-image{display:block;width:100%;height:100%;object-fit:cover}.work-carousel-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer}.work-carousel-info{position:absolute;inset:auto 0 0 0;padding:1.5rem 1.5rem 1.75rem;background:linear-gradient(0deg,rgba(5,4,12,.92) 0%,rgba(5,4,12,.6) 40%,transparent 100%)}.work-carousel-title{margin:0 0 .3rem;font-family:var(--font-display);font-size:clamp(1.3rem,6vw,1.8rem);font-weight:500;letter-spacing:-.03em;text-transform:uppercase;color:var(--fg);text-shadow:0 2px 14px rgba(0,0,0,.65)}.work-carousel-subheading{margin:0 0 .2rem;color:var(--fg);font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.65)}.work-carousel-description{margin:0;color:#f5f5f0e6;font-size:.8rem;font-weight:400;line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.6)}.work-carousel-swipe-hint{position:absolute;top:50%;right:1.1rem;z-index:1;display:flex;gap:.15rem;transform:translateY(-50%);pointer-events:none;animation:carouselHintFadeOut .5s ease 3s forwards}.work-carousel-swipe-hint span{width:10px;height:10px;border-top:2px solid rgba(245,245,240,.85);border-right:2px solid rgba(245,245,240,.85);transform:rotate(45deg);filter:drop-shadow(0 1px 6px rgba(0,0,0,.6));animation:carouselHintNudge 1.1s ease-in-out infinite}.work-carousel-swipe-hint span:nth-child(2){animation-delay:.15s}@keyframes carouselHintNudge{0%,to{opacity:.4;transform:rotate(45deg) translate(0)}50%{opacity:1;transform:rotate(45deg) translate(5px)}}@keyframes carouselHintFadeOut{to{opacity:0}}.work-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.9rem}.work-carousel-dot{width:6px;height:6px;border-radius:50%;background:#f5f5f04d;transition:background .25s ease,transform .25s ease}.work-carousel-dot.is-active{background:var(--fg);transform:scale(1.3)}}@media(max-width:600px){.work-section{padding:2.75rem 1.25rem}.work-carousel-info{padding:1.5rem 1.25rem 1.75rem}}@media(prefers-reduced-motion:reduce){.work-carousel-swipe-hint,.work-carousel-swipe-hint span{animation:none;opacity:.7}.work-project-card-spinner{animation:none}.work-project-card,.work-project-overlay{transition:none}}.contact{position:relative;min-height:60vh;padding:9rem 2.5rem 6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.contact:before{content:"";position:absolute;top:0;left:50%;width:min(70rem,140%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0%,var(--glass-border) 50%,transparent 100%)}.contact:after{content:"";position:absolute;top:-10%;left:50%;width:min(60rem,120%);height:24rem;transform:translate(-50%);background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(255,45,106,.14) 0%,transparent 70%);pointer-events:none}.contact-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,7vw,4.5rem);width:100%;max-width:64rem}.contact-label{margin:0;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.about-block{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);width:100%;text-align:left}.about-photo{width:100%}.about-photo-img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:18px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.about-text{display:flex;flex-direction:column;gap:1rem}.about-heading{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.05em;line-height:.95;text-transform:uppercase}.about-heading-surname{white-space:nowrap}.about-bio{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase;color:var(--muted)}.about-bio strong{color:var(--accent)}.about-bio-link{color:var(--accent);text-decoration:none;transition:opacity .2s ease}.about-bio-link:hover,.about-bio-link:focus-visible{opacity:.75}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem clamp(1.5rem,3.5vw,2.5rem);margin:.15rem 0}.about-stat{display:flex;flex-direction:column;gap:.2rem;max-width:15rem}.about-stat-number{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;letter-spacing:-.03em;line-height:1;color:var(--accent)}.about-stat-label{font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.about-clients{margin:0;font-family:var(--font-display);font-size:clamp(.8rem,1.5vw,1rem);letter-spacing:.02em;text-transform:uppercase;color:var(--fg);opacity:.8}.contact-cta{display:flex;flex-direction:column;align-items:center;gap:1.15rem;text-align:center;max-width:32rem}.contact-email{display:inline-block;margin-top:.5rem;padding:1rem 2rem;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,2rem);letter-spacing:-.04em;line-height:1.05;white-space:nowrap;color:var(--fg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:color .25s ease,border-color .25s ease,background .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.contact-email:hover,.contact-email:focus-visible{color:var(--fg);border-color:var(--accent-border);background:linear-gradient(145deg,#ff2d6a33,#481c6e52 45%,#0c0e2466);transform:translateY(-3px)}.contact-email-row{display:flex;align-items:center;gap:.6rem}.contact-email-copy{display:grid;place-items:center;flex-shrink:0;width:2.35rem;height:2.35rem;margin-top:.5rem;padding:0;color:var(--muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.contact-email-copy:hover,.contact-email-copy:focus-visible{color:var(--fg);border-color:var(--accent-border);background:var(--accent-soft)}.contact-email-copy.is-copied{color:var(--accent);border-color:var(--accent-border)}.contact-meta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;width:100%;max-width:20rem;border-top:1px solid var(--glass-border)}.contact-social{display:flex;align-items:center;gap:.75rem}.contact-social-link{display:grid;place-items:center;width:2.35rem;height:2.35rem;color:#f5f5f0;border-radius:999px;border:1px solid rgba(245,245,240,.18);background:#ffffff0a;transition:color .2s ease,border-color .2s ease,background .2s ease}.contact-social-link svg{display:block}.contact-social-link:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.contact-copy{font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}@media(max-width:700px){.about-block{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:1.5rem}.about-photo{width:min(220px,60vw)}.about-text{align-items:center}.about-stats{justify-items:center}.about-stat{align-items:center}}@media(max-width:600px){.contact{min-height:0;padding:4.5rem 1.4rem 5rem}.contact-inner{gap:2.5rem}.about-heading{font-size:clamp(1.45rem,7vw,2.2rem)}.contact-email{font-size:clamp(1.05rem,6.5vw,1.4rem);padding:.85rem 1.5rem}.contact-meta{gap:1rem}}.nav{position:fixed;top:1rem;left:50%;z-index:100;display:flex;justify-content:center;align-items:center;width:max-content;max-width:calc(100vw - 2rem);padding:.45rem .55rem;color:var(--fg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transform:translate(-50%);transition:opacity .35s ease,transform .35s ease,border-radius .3s ease;will-change:opacity,transform}.nav--hidden{opacity:0;transform:translate(-50%,calc(-100% - 1rem));pointer-events:none}.nav-burger{display:none;width:2.4rem;height:2.4rem;place-items:center;justify-content:center;align-items:center;padding:0;border:none;background:transparent;color:inherit;border-radius:999px;cursor:pointer;transition:background .2s ease}.nav-burger:hover,.nav-burger:focus-visible{background:var(--accent-soft);color:var(--accent)}.nav-burger-icon{position:relative;display:block;width:18px;height:14px}.nav-burger-line{position:absolute;left:0;width:100%;height:1.5px;border-radius:1px;background:currentColor;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,top .32s cubic-bezier(.22,1,.36,1)}.nav-burger-line--a{top:0}.nav-burger-line--b{top:50%;transform:translateY(-50%)}.nav-burger-line--c{top:calc(100% - 1.5px)}.nav-burger-icon.is-open .nav-burger-line--a{top:calc(50% - .75px);transform:rotate(45deg)}.nav-burger-icon.is-open .nav-burger-line--b{opacity:0;transform:translateY(-50%) scaleX(.35)}.nav-burger-icon.is-open .nav-burger-line--c{top:calc(50% - .75px);transform:rotate(-45deg)}.nav-links{display:flex;justify-content:center;align-items:center;gap:.2rem;min-width:0}.nav-links a{padding:.65rem .75rem;color:var(--fg);border-radius:999px;font-family:var(--font-display);font-size:clamp(.68rem,1.15vw,.82rem);font-weight:400;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;transition:color .2s ease,background .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent);background:var(--accent-soft)}.nav-links a.is-active{color:var(--fg);background:var(--accent)}.hero-showreel{--hero-3d-extend: clamp(7rem, 26vh, 14rem);position:relative;isolation:isolate}body.reel-fs-open .nav{opacity:0!important;visibility:hidden;pointer-events:none;transition:none}body.reel-fs-open main{pointer-events:none}@media(max-width:720px){.hero-showreel{--hero-3d-extend: 1.25rem}.nav{top:.75rem;left:auto;right:.75rem;transform:none;width:auto;max-width:calc(100vw - 1.5rem);padding:.2rem;border-radius:999px;align-items:stretch;flex-direction:column;background:#0806126b;border-color:#f5f5f024;box-shadow:0 8px 28px #00000047}.nav--open{padding:.2rem .2rem .35rem;border-radius:1.15rem}.nav--hidden{transform:translateY(calc(-100% - 1rem))}.nav-burger{display:flex;align-self:flex-end}.nav-links{display:none;flex-direction:column;align-items:stretch;gap:.05rem;width:min(68vw,15.5rem);padding:.15rem .2rem .25rem}.nav--open .nav-links{display:flex}.nav-links a{padding:.7rem .85rem;font-size:clamp(.88rem,4.2vw,1.05rem);border-radius:.85rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07060f;--bg-mid: #0c0a1a;--bg-deep: #05040c;--fg: #f5f5f0;--accent: #ff2d6a;--accent-soft: rgba(255, 45, 106, .16);--accent-border: rgba(255, 45, 106, .4);--muted: rgba(245, 245, 240, .78);--font-display: "Archivo Black", "Bebas Neue", sans-serif;--font-body: "Inter", system-ui, sans-serif;--page-gradient: radial-gradient(ellipse 110% 70% at 12% -5%, rgba(72, 28, 110, .45) 0%, transparent 55%), radial-gradient(ellipse 90% 55% at 95% 35%, rgba(18, 42, 96, .4) 0%, transparent 50%), radial-gradient(ellipse 80% 50% at 50% 100%, rgba(48, 16, 72, .35) 0%, transparent 55%), linear-gradient(165deg, #080612 0%, #0a0c1a 42%, #0c0816 100%);--glass-bg: linear-gradient( 145deg, rgba(72, 28, 110, .32) 0%, rgba(18, 42, 96, .22) 42%, rgba(8, 10, 24, .4) 100% );--glass-border: rgba(160, 140, 220, .2);--glass-blur: blur(18px) saturate(140%);--glass-shadow: inset 0 2px 0 rgba(200, 180, 255, .06), 0 12px 40px rgba(0, 0, 0, .32)}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{font-family:var(--font-body);background:var(--page-gradient);background-color:var(--bg-deep);background-attachment:fixed;color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100%}html.reel-fs-open,body.reel-fs-open{overflow:hidden!important;overscroll-behavior:none;touch-action:none;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--fg);color:var(--bg)}
