:root{--ydGap: clamp(.6rem, 1.1vw, 1rem);--ydCaptionGap: .85rem;--ydEntryGap: clamp(5rem, 9vw, 9.5rem);--ydBandEndGap: 2.8rem;--ydHoverIn: 260ms;--ydHoverOut: 300ms;--ydHoverEase: cubic-bezier(.25, .7, .25, 1);--ydSpine: 110px;--ydBandPad: clamp(.7rem, 1.6vw, 1.3rem);--ydRowTall: clamp(420px, 44vw, 640px);--ydPlayTile: 56px;--ydPlayReel: 96px;--ydPlayPhone: 72px;--ydGalleryMax: 92vh;--ydTheatreEase: cubic-bezier(.2, .85, .25, 1);--ydGalleryDim: .95;--ydPosterFadeMs: 120ms;--ydTitleLit: var(--ink);--ydTitleDimmed: var(--dim);--ydTitleFadeMs: 300ms;--ydGreyMs: 300ms}.ydYear{display:grid;grid-template-columns:var(--ydSpine) minmax(0,1fr);gap:1.5rem}.ydYearLabel{position:sticky;top:calc(var(--headH) + 1rem);align-self:start;padding-top:.9rem;font-size:2rem;font-weight:700;letter-spacing:-.04em;color:var(--dim)}.ydRows{min-width:0;padding:0 0 var(--ydEntryGap) 1.5rem;border-left:1px solid var(--line)}.ydRows>:first-child{margin-top:.9rem}.ydRows>:last-child:not(.ydSep){margin-bottom:0}.ydRows:has(>.ydSep:last-child){padding-bottom:0}.ydBand{margin:1.2rem 0 var(--ydEntryGap);padding:var(--ydBandPad) var(--ydBandPad) 0;border:1px dashed color-mix(in srgb,var(--popA) 55%,transparent);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--magenta) 16%,transparent),transparent 45%),radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 45%),color-mix(in srgb,var(--panel) 60%,transparent)}.ydRows>.ydBand:first-child{margin-top:.9rem}.ydBand>:last-child{margin-bottom:var(--ydBandEndGap)}.ydBandHead{margin-bottom:var(--ydBandPad)}.ydBandName{margin:0;font-size:clamp(1.7rem,4.2vw,3.4rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;font-weight:700;background:linear-gradient(90deg,var(--magenta),var(--orchid));-webkit-background-clip:text;background-clip:text;color:transparent}.ydRow{display:flex;align-items:stretch;gap:var(--ydGap);max-width:calc(var(--ydFill, 1) * 100%);margin-bottom:var(--ydEntryGap)}.ydRow.pics{margin-bottom:var(--ydGap)}.ydTile{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.ydMedia{position:relative;aspect-ratio:var(--ydAspect);background:var(--panel)}.ydMedia video,.ydMedia>img{position:absolute;inset:0;width:100%;height:100%}.ydTile.longVideo .ydMedia,.ydCell.longVideo .ydMedia{filter:grayscale(1);transition:filter var(--ydGreyMs) ease}.ydTile.longVideo:hover .ydMedia,.ydTile.longVideo.playing .ydMedia,.ydCell.longVideo:hover .ydMedia,.ydCell.longVideo.playing .ydMedia{filter:none}.ydMedia .title-card{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;padding:1rem}.ydMedia .title-card span{font-size:clamp(1rem,1.8vw,1.5rem)}.ydMedia .title-card.long span{font-size:clamp(.9rem,1.4vw,1.2rem)}.ydCaption{position:relative;padding:0 0 var(--ydCaptionGap)}.ydCaption:empty{display:none}.ydTitle{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1.15}.ydRow.solo .ydTitle{font-size:clamp(1.3rem,2.2vw,1.9rem)}.ydMeta:empty{display:none}.ydMeta{margin:.25rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.35}.ydMosaic{display:flex;flex-direction:column;gap:var(--ydGap);margin-bottom:var(--ydEntryGap)}.ydMosaic>.ydCaption{margin-bottom:calc(var(--ydCaptionGap) - var(--ydGap));padding-bottom:0}.ydMosBlock{display:flex;align-items:flex-start;gap:var(--ydGap)}.ydMosSide{display:flex;flex-direction:column;gap:var(--ydGap);flex:none}.ydMosSide .ydCell{width:100%}.ydCell{position:relative;min-width:0;margin:0;flex:none}.ydCellLabel{box-sizing:border-box;height:1.3rem;padding-top:.3rem;overflow:hidden;white-space:nowrap;color:var(--muted);font-size:.66rem;line-height:1rem}.ydMosaic.narrow{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.ydMosaic.narrow .ydMosBlock,.ydMosaic.narrow .ydMosSide{display:contents}.ydMosaic.narrow .ydCell{width:calc(50% - var(--ydGap) / 2)}.ydMosaic.narrow .ydCaption{width:100%}.ydMosaic.narrow .ydCell.hero,.ydMosaic.narrow .ydCell.mega{width:100%}.reel{border:0}.reel video{position:absolute;inset:0;width:100%;height:100%;background:#000}.reel-start .play{width:var(--ydPlayReel);height:var(--ydPlayReel)}.reel-start:hover .play{filter:brightness(1.12)}.reel-start img{object-fit:fill;opacity:1;filter:grayscale(1);transition:filter var(--ydGreyMs) ease}.reel-start:hover img{opacity:1;filter:none}.reel-length{position:absolute;right:1.2rem;top:1rem;padding:.15rem .5rem;background:color-mix(in srgb,var(--night) 70%,transparent);font-family:var(--monoFont);font-size:16px;letter-spacing:.08em}.ydPlay{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:var(--ydPlayTile);height:var(--ydPlayTile);transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--orchid));font-size:1.1rem;padding-left:.12em;box-shadow:0 6px 24px color-mix(in srgb,var(--magenta) 40%,transparent);border:0;color:var(--ink);cursor:pointer;transition:filter .2s}.ydTile:hover .ydPlay,.ydCell:hover .ydPlay{filter:brightness(1.15)}.ydQuiet{margin-left:.5em;color:var(--dim);font-size:.62em;font-weight:400;letter-spacing:.02em;white-space:nowrap}.ydNote{margin:.25rem 0 0;color:var(--ink);font-size:.76rem;line-height:1.35}.ydLength{color:var(--ink);font-family:var(--monoFont);font-size:.72rem}.ydRow.tall{align-items:flex-start}.ydRow.tall .ydTile{flex:0 0 auto;width:calc(var(--ydRowTall) * var(--ydAspect));max-width:45%}.ydAside{flex:1 1 0;min-width:0;padding:0 clamp(1rem,3vw,3rem)}.ydAside .ydTitle{margin:0;font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.03em;line-height:1.05}.ydAside .ydQuiet{font-size:.4em}.ydAside .ydMeta{margin-top:.8rem;font-size:.95rem}.ydAside .ydNote{margin-top:.5rem;font-size:1.05rem}.ydClip{position:absolute;inset:0;pointer-events:none}.ydMedia:has(>.ydClip){cursor:zoom-in}.ydClip>video,.ydClip>img{position:absolute;inset:0;width:100%;height:100%}.ydClip>.ydPoster{z-index:1;transition:opacity var(--ydPosterFadeMs) linear}.ydClip>.ydPoster.ydGone{opacity:0}.ydClip.ydAway{visibility:hidden}.ydOverlay{position:fixed;z-index:100;inset:0}.ydOverDim{position:absolute;inset:0;background:#000;opacity:0;transition:opacity var(--ydTheatreMs) ease}.ydOverlay.open .ydOverDim{opacity:var(--ydTheatreDim)}.ydOverLabel{position:absolute;z-index:2;left:1rem;top:1rem;margin:0;color:var(--muted);font-family:var(--monoFont);font-size:16px;letter-spacing:.08em;opacity:0;transition:opacity var(--ydTheatreMs) ease}.ydOverClose{position:absolute;z-index:2;right:1rem;top:.7rem;width:44px;height:44px;border:1px solid var(--line);background:color-mix(in srgb,var(--night) 80%,transparent);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--ydTheatreMs) ease}.ydOverlay.open .ydOverClose,.ydOverlay.open .ydOverLabel{opacity:1}.ydOverClose:hover{border-color:var(--orchid)}.ydStage{position:absolute;z-index:1;transform-origin:0 0;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.8);cursor:zoom-out;touch-action:none;transition:transform var(--ydTheatreMs) var(--ydTheatreEase);will-change:transform}.ydStage>img,.ydStage>video{position:absolute;inset:0;width:100%;height:100%}.ydStage>video.ydHidden,.ydStage>.ydStageTop{opacity:0}.ydStage>.ydStageTop.ydShown{opacity:1}.ydStage.full{cursor:auto;touch-action:auto}.ydTitle{color:var(--ydTitleLit);transition:color var(--ydTitleFadeMs) ease}.ydTitle.ydTitleDim{color:var(--ydTitleDimmed)}.ydTitle.ydTitleGlitch{animation:ydTitleGlitch var(--ydTitleGlitchMs, 520ms) steps(1,end) both}@keyframes ydTitleGlitch{0%{transform:translateX(-.06em);text-shadow:.08em 0 var(--popC),-.08em 0 var(--popB);clip-path:inset(0 0 55% 0);color:var(--ydTitleDimmed)}12%{transform:translateX(.08em);text-shadow:-.1em 0 var(--popC),.06em 0 var(--popB);clip-path:inset(40% 0 0 0);color:var(--ydTitleLit)}24%{transform:translateX(-.03em);text-shadow:.05em 0 var(--popA),-.05em 0 var(--popB);clip-path:inset(20% 0 30% 0)}36%{transform:none;text-shadow:none;clip-path:inset(0 0 0 0);opacity:.35}48%{transform:translateX(.05em) skewX(-8deg);text-shadow:-.07em 0 var(--popC),.07em 0 var(--popB);clip-path:inset(0 0 0 0);opacity:1}60%{transform:translateX(-.02em);text-shadow:.04em 0 var(--popA),-.03em 0 var(--popC);clip-path:inset(58% 0 0 0)}72%{transform:none;text-shadow:.02em 0 var(--popC),-.02em 0 var(--popB);clip-path:inset(0 0 0 0)}86%{text-shadow:.01em 0 var(--popA)}100%{transform:none;text-shadow:none;clip-path:none;color:var(--ydTitleLit)}}:root{--ydTitleLogoDim: .55;--ydTitleLogoScale: 1;--ydTitleLogoSplit: .05;--ydCardLogoW: 54%;--ydCardLogoH: 36%}.ydTitle.ydTitleLogo{width:fit-content;max-width:100%;line-height:0;--ydSplit: calc(var(--ydTitleLogoH) * var(--ydTitleLogoScale) * var(--ydTitleLogoSplit));transition:filter var(--ydTitleFadeMs) ease}.ydTitleLogo img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--ydTitleLogoH) * var(--ydTitleLogoScale))}.ydTitle.ydTitleLogo.ydTitleDim{filter:brightness(var(--ydTitleLogoDim))}.ydTitleLogo{position:relative}.ydTitleLogo .ydTitleWrap{position:absolute;left:0;top:0;width:100%;height:100%;max-height:none;visibility:hidden;pointer-events:none}.ydTitle.ydTitleLogo.ydTitleGlitch{animation-name:ydTitleLogoGlitch}.ydTitle.ydTitleLogo.ydTitleGlitch>img{animation:ydTitleLogoSlide var(--ydTitleGlitchMs, 520ms) steps(1,end) both}.ydTitle.ydTitleLogo.ydTitleGlitch>.ydTitleWrap{animation-name:ydTitleLogoWrap}@keyframes ydTitleLogoGlitch{0%{transform:translateX(calc(var(--ydSplit) * -.75));filter:brightness(var(--ydTitleLogoDim)) drop-shadow(var(--ydSplit) 0 0 var(--popC)) drop-shadow(calc(var(--ydSplit) * -1) 0 0 var(--popB));clip-path:inset(0 -50% 55% -50%)}12%{transform:translateX(var(--ydSplit));filter:brightness(1) drop-shadow(calc(var(--ydSplit) * -1.25) 0 0 var(--popC)) drop-shadow(calc(var(--ydSplit) * .75) 0 0 var(--popB));clip-path:inset(0 -50% 0 -50%)}24%{transform:translateX(calc(var(--ydSplit) * -.4));filter:brightness(1) drop-shadow(calc(var(--ydSplit) * .6) 0 0 var(--popA)) drop-shadow(calc(var(--ydSplit) * -.6) 0 0 var(--popB));clip-path:inset(0 -50% 0 -50%)}36%{transform:none;filter:brightness(1) drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent);clip-path:inset(0 -50% 0 -50%);opacity:.35}48%{transform:translateX(calc(var(--ydSplit) * .6)) skewX(-8deg);filter:brightness(1) drop-shadow(calc(var(--ydSplit) * -.9) 0 0 var(--popC)) drop-shadow(calc(var(--ydSplit) * .9) 0 0 var(--popB));clip-path:inset(0 -50% 0 -50%);opacity:1}60%{transform:translateX(calc(var(--ydSplit) * -.25));filter:brightness(1) drop-shadow(calc(var(--ydSplit) * .5) 0 0 var(--popA)) drop-shadow(calc(var(--ydSplit) * -.4) 0 0 var(--popC));clip-path:inset(0 -50% 0 -50%)}72%{transform:none;filter:brightness(1) drop-shadow(calc(var(--ydSplit) * .25) 0 0 var(--popC)) drop-shadow(calc(var(--ydSplit) * -.25) 0 0 var(--popB));clip-path:inset(0 -50% 0 -50%)}86%{filter:brightness(1) drop-shadow(calc(var(--ydSplit) * .12) 0 0 var(--popA)) drop-shadow(0 0 0 transparent)}100%{transform:none;filter:brightness(1) drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent);clip-path:none}}@keyframes ydTitleLogoSlide{0%{transform:none}12%{transform:translateY(-40%)}24%{transform:translateY(-20%)}36%{transform:none}60%{transform:translateY(-58%)}72%{transform:none}100%{transform:none}}@keyframes ydTitleLogoWrap{0%{visibility:hidden;transform:none;filter:none;clip-path:none}12%{visibility:visible;transform:translate(calc(var(--ydSplit) * 3.5),60%);filter:drop-shadow(calc(var(--ydSplit) * -2.5) 0 0 var(--popC)) drop-shadow(calc(var(--ydSplit) * 2) 0 0 var(--popA));clip-path:inset(0 0 0 14%)}24%{visibility:visible;transform:translate(calc(var(--ydSplit) * -4),80%) skewX(14deg);filter:drop-shadow(calc(var(--ydSplit) * 2.2) 0 0 var(--popB)) drop-shadow(calc(var(--ydSplit) * -1.6) 0 0 var(--popC));clip-path:inset(0 22% 0 0)}36%{visibility:hidden;transform:none;filter:none;clip-path:none}60%{visibility:visible;transform:translate(calc(var(--ydSplit) * 2.6),42%);filter:drop-shadow(calc(var(--ydSplit) * -2) 0 0 var(--popA)) drop-shadow(calc(var(--ydSplit) * 1.4) 0 0 var(--popB));clip-path:inset(12% 6% 0 30%)}72%{visibility:hidden;transform:none;filter:none;clip-path:none}100%{visibility:hidden;transform:none;filter:none;clip-path:none}}.title-card .ydCardLogo{position:absolute;left:calc((100% - var(--ydCardLogoW)) / 2);top:calc((100% - var(--ydCardLogoH)) / 2);width:var(--ydCardLogoW);height:var(--ydCardLogoH);object-fit:contain}@media (max-width: 860px){:root{--ydTitleLogoScale: .8}}.ydMedia{z-index:0;transition:z-index 0s linear var(--ydHoverOut)}.ydMedia.ydGrown{z-index:8;transition-delay:0s}.ydClip{transition:transform var(--ydHoverOut) var(--ydHoverEase),box-shadow var(--ydHoverOut) ease}.ydMedia.ydGrown>.ydClip{box-shadow:0 18px 50px rgba(0,0,0,.65),0 4px 14px rgba(0,0,0,.5);transition-duration:var(--ydHoverIn)}@media (prefers-reduced-motion: reduce){.ydMedia.ydGrown>.ydClip{box-shadow:none;filter:brightness(1.14)}}@media (max-width: 860px){.ydYear{grid-template-columns:minmax(0,1fr);gap:0}.ydYearLabel{position:static;padding:1.5rem 0 .3rem;font-size:1.5rem}.ydRows{padding-left:0;border-left:0}html .ydYearLabel::after{display:none}.ydRow{flex-direction:column;align-items:stretch;max-width:100%;row-gap:var(--ydEntryGap)}.ydRow.tall{row-gap:0}.ydRow.pics{row-gap:var(--ydGap)}.ydRow>*{flex:none!important;width:100%}.ydRow.tall .ydTile{width:min(100%,calc(var(--ydRowTall) * var(--ydAspect)));max-width:100%}.ydAside{order:-1;padding:0 0 var(--ydCaptionGap)}.reel-start .play{width:var(--ydPlayPhone);height:var(--ydPlayPhone)}}.vfxPage .section.tight+.section{padding-top:0}:root{--heroSplit: 1.4fr 1fr;--heroGapX: clamp(2rem, 6vw, 7rem);--swLogoH: 28px;--swGap: clamp(1rem, 1.5vw, 1.6rem);--skillsSize: 16px}.heroGrid{display:grid;grid-template-columns:var(--heroSplit);column-gap:var(--heroGapX);align-items:end}.heroMain{min-width:0}.vfxPage .heroMain .eyebrow{margin:0 0 1.6rem;font-family:var(--monoFont);font-size:16px;letter-spacing:var(--labelSpacing);-webkit-font-smoothing:none}.heroRight{min-width:0;padding-left:clamp(1.2rem,2.4vw,2.4rem);border-left:1px solid var(--line)}.heroSoftware{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem var(--swGap);margin:0;padding:0;list-style:none}.heroSoftware li{display:flex;align-items:center}.heroSoftware img{height:var(--swLogoH);width:auto;max-width:100%}.heroSoftware li:nth-child(2) img,.heroSoftware li:nth-child(4) img{height:calc(var(--swLogoH) * 1.3)}.heroSkills{margin:2rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--line);list-style:none;font-family:var(--monoFont);font-size:var(--skillsSize);letter-spacing:var(--labelSpacing);line-height:1.9;color:var(--ink2)}.heroSkills li::before{content:"> ";white-space:pre}:root{--sepNameSize: clamp(24px, 3.4vw, 48px);--sepLogoGap: .1em;--sepLogoScale: 1}.ydSep{position:relative;margin:clamp(1.6rem,3vw,2.6rem) 0 clamp(1.4rem,2.6vw,2.2rem) calc(-1 * (var(--ydSpine) + 3rem));padding:1.4rem 0 1.6rem;background:var(--night);border-top:2px solid var(--popA, var(--orchid))}.ydSep::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,var(--popB, var(--magenta)) 0 28px,transparent 28px 36px)}.ydSepName{margin:0;font-family:var(--monoFont);font-weight:700;font-size:var(--sepNameSize);line-height:1.05;letter-spacing:0;-webkit-font-smoothing:none}.ydSepLogo{display:inline-block;width:auto;height:calc(var(--ydLogoH) * var(--sepLogoScale) * 1em);margin-left:var(--sepLogoGap)}@media (max-width: 860px){.heroGrid{grid-template-columns:minmax(0,1fr);row-gap:2rem}.heroRight{padding-left:0;border-left:0}.ydSep{margin-left:0}:root{--sepLogoScale: .8}}.ydYearLabel.range{font-size:1.3rem}.ydPic{min-width:0;margin:0;cursor:pointer}.ydPicFrame{aspect-ratio:var(--ydAspect);background:var(--panel)}.ydPicFrame img{width:100%;height:100%}.ydPic:hover .ydPicFrame,.ydPic:focus-visible .ydPicFrame{outline:2px solid var(--popA)}.ydOverlay.gallery{display:flex;justify-content:center;align-items:center;padding:3.5rem 1rem 1rem}.ydOverlay.gallery.open .ydOverDim{opacity:var(--ydGalleryDim)}.ydGalleryPic{position:relative;z-index:1;max-width:100%;max-height:var(--ydGalleryMax);cursor:pointer;box-shadow:0 20px 80px rgba(0,0,0,.7);opacity:0;transition:opacity var(--ydTheatreMs) ease}.ydOverlay.open .ydGalleryPic{opacity:1}.ydOverNav{position:absolute;z-index:2;top:50%;width:44px;height:64px;margin-top:-32px;border:1px solid var(--line);background:color-mix(in srgb,var(--night) 80%,transparent);color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}.ydOverNav.prev{left:1rem}.ydOverNav.next{right:1rem}.ydOverNav:hover{border-color:var(--popA)}@media (prefers-reduced-motion: reduce){.ydStage,.ydOverDim,.ydOverClose,.ydOverLabel,.ydGalleryPic{transition-duration:1ms}.ydTitle.ydTitleGlitch,.ydTitle.ydTitleLogo.ydTitleGlitch,.ydTitle.ydTitleLogo.ydTitleGlitch>img{animation:none}}
