.showreel-shell,.showreel-following{--showreel-gutter:max(28px, 3.5vw);--showreel-bar-height:calc(88px + env(safe-area-inset-top,0px))}.showreel-shell{position:relative}.showreel-following{z-index:1;background:var(--bg,#121820);position:relative}.showreel-following [id],.showreel-following #main-content,.showreel-following #main{scroll-margin-block-start:var(--showreel-bar-height)}.showreel-following :is(main,#work):focus{outline:none}.showreel-hero{isolation:isolate;z-index:0;block-size:100vh;color:#f0ece4;background:#080a0c;block-size:100svh;position:relative}.showreel-hero__backdrop{z-index:0;pointer-events:none;background:#080a0c;position:fixed;inset:0;overflow:hidden}.showreel-hero__poster,.showreel-hero__video{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;max-inline-size:none;display:block;position:absolute;inset:0}.showreel-hero__video{opacity:0}.showreel-hero__video.is-active{opacity:1}.showreel-hero__shade{background:linear-gradient(#00000014,#00000014 65%,#0000006b);position:absolute;inset:0}.showreel-hero__identity{z-index:22;text-align:center;color:#f0ece4;inline-size:clamp(148px,13vw,210px);text-decoration:none;display:block;position:absolute;inset-block-start:calc(50svh - 12px);inset-inline-start:50%;transform:translate(-50%,-50%)}.showreel-hero__identity img{filter:drop-shadow(0 2px 18px #0000008c);block-size:auto;inline-size:100%;display:block}.showreel-shell[data-enhanced=true][data-reduced=false] .showreel-hero__identity{transform:translate3d(var(--mark-x), var(--mark-y), 0) translate(-50%, -50%) scale(var(--mark-scale));will-change:transform;position:fixed;inset-block-start:0;inset-inline-start:0}.showreel-hero__name{color:#f0ece4;letter-spacing:.055em;text-shadow:0 1px 10px #000000e6;inline-size:max-content;opacity:var(--identity-caption,1);pointer-events:none;font-size:clamp(11px,.85vw,13px);font-weight:400;line-height:1.5;position:absolute;inset-block-start:calc(100% + 3px);inset-inline-start:50%;transform:translate(-50%)}.showreel-navigation{z-index:20;min-block-size:var(--showreel-bar-height);background:var(--bg,#121820);border-block-end:1px solid var(--line,#323944);position:relative}.showreel-navigation .header{inline-size:100%;min-block-size:var(--showreel-bar-height);padding:calc(12px + env(safe-area-inset-top,0px)) calc(var(--showreel-gutter) + 86px) 12px var(--showreel-gutter);border:0;gap:32px;margin:0}.showreel-navigation :is(.brand,.skip){display:none}.showreel-navigation .header nav{gap:clamp(18px,2.4vw,36px);margin:0}.showreel-navigation .languages{margin-inline-start:auto}.showreel-navigation .languages a{justify-content:center;align-items:center;min-block-size:44px;min-inline-size:32px;display:inline-flex}.showreel-hero__destination{pointer-events:none;block-size:50px;inline-size:50px;position:absolute;inset-block-start:calc(19px + env(safe-area-inset-top,0px));inset-inline-end:var(--showreel-gutter)}.showreel-shell[data-enhanced=true] .showreel-navigation{opacity:var(--nav-opacity,0);visibility:hidden;pointer-events:none;position:fixed;inset-block-start:0;inset-inline:0}.showreel-shell[data-enhanced=true][data-nav-visible=true] .showreel-navigation{visibility:visible;pointer-events:auto}.showreel-hero__controls{z-index:1;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;inset-block-end:max(22px, env(safe-area-inset-bottom));inset-inline:max(28px,3.5vw)}.showreel-hero__controls button,.showreel-hero__controls a{color:#f0ece4;min-block-size:44px;font:inherit;cursor:pointer;background:#080a0c8a;border:0;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:8px 12px;font-size:12px;line-height:1.4;text-decoration:none;display:inline-flex}.showreel-hero__controls button:disabled{cursor:default;opacity:.65}.showreel-hero__controls :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #f0ece4}.showreel-hero__control-icon{font-size:16px;line-height:1}.showreel-hero__status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}@media (orientation:portrait){.showreel-hero__poster,.showreel-hero__video{object-fit:cover}}@media (max-width:760px){.showreel-shell,.showreel-following{--showreel-gutter:16px;--showreel-bar-height:calc(108px + env(safe-area-inset-top,0px))}.showreel-navigation .header{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;flex-wrap:wrap;align-content:center;align-items:center;gap:0;display:flex}.showreel-navigation .header nav{flex:0 0 100%;order:2;justify-content:space-between;gap:12px;font-size:12px}.showreel-navigation .languages{order:1;min-block-size:44px;margin:0 64px 0 0}.showreel-hero__destination{block-size:44px;inline-size:44px;inset-block-start:calc(10px + env(safe-area-inset-top,0px))}.showreel-hero__controls{inset-block-end:max(20px, env(safe-area-inset-bottom));inset-inline:16px}}@media (prefers-reduced-motion:reduce){.showreel-hero__video{transition:none}}@media (max-width:1023px),(pointer:coarse){.showreel-following #work{scroll-margin-block-start:calc(var(--showreel-bar-height) - 24px)}}html:has(.home-sections){scroll-snap-type:y mandatory;scroll-padding-block:0}.home-sections .showreel-shell,.home-sections #main-content,.home-sections .home-contact-screen{scroll-snap-align:start;scroll-snap-stop:always;min-block-size:100svh;scroll-margin-block:0}.home-sections #main-content{background:#fffffc;padding-block-start:var(--showreel-bar-height)}.home-sections .orbit-stage{height:calc(100svh - var(--showreel-bar-height));min-height:0}.home-sections .showreel-following #work{scroll-margin-block-start:var(--showreel-bar-height)}.home-sections .home-contact-screen{flex-direction:column;padding-block-start:var(--showreel-bar-height);display:flex}.home-sections .home-contact-screen .contact{flex:1;align-content:center;align-items:center;margin-block:0;padding-block:clamp(28px,6svh,80px)}.home-sections .home-contact-screen .footer{flex-shrink:0;margin-block-start:0}@media (max-height:480px){.home-sections .home-contact-screen .contact{gap:20px;padding-block:24px}}@media (prefers-reduced-motion:reduce){html:has(.home-sections){scroll-behavior:auto}}@media (max-width:760px){.home-sections .home-contact-screen .contact{justify-content:center;gap:32px}}@media (max-width:760px) and (max-height:650px){.home-sections .home-contact-screen .contact{gap:20px;padding-block:20px}.home-sections .home-contact-screen .contact h2{font-size:24px}.home-sections .home-contact-screen .contact-actions{gap:12px}.home-sections .home-contact-screen .footer{gap:8px;padding-block:12px}}