.work-reel{background:var(--ground);isolation:isolate;touch-action:none;position:fixed;inset:0;overflow:hidden}body:has(.work-reel){overflow:hidden}body:has(.work-reel) .site-header{border-color:var(--hairline);background:0 0;position:fixed;inset:0 0 auto}.media-wash{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.media-wash>div{filter:blur(220px) brightness(var(--wash-brightness));opacity:0;transition:opacity .5s linear;position:absolute;inset:-220px}.media-wash>div.is-active{opacity:var(--wash-opacity)}.media-wash{transform:translate(var(--wash-x,0px),var(--wash-y,0px)) scale(1.05);transition:transform .6s ease-out}.reel-aura{width:calc(var(--cover-width,237px)*1.9);aspect-ratio:3/4;background:radial-gradient(ellipse,color-mix(in srgb,var(--orange) 17%,transparent),transparent 69%);filter:blur(36px);pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-46%,-46%)}.media-wash img,.media-wash video{object-fit:cover;width:100%;height:100%;position:absolute;transform:scale(1.12)}.reel-intro,.reel-viewport,.reel-track{pointer-events:none;position:absolute;inset:0}.reel-intro{transform-origin:50%}.slot-measure{visibility:hidden;width:min(16.6667vw - 2.66667px,28svh);padding-block:36px;position:absolute}.slot-measure>div{aspect-ratio:3/4}.reel-slot{width:var(--cover-width,237px);aspect-ratio:3/4;will-change:transform;position:absolute;top:50%;left:50%}.reel-scale{transform-origin:50%;width:100%;height:100%}.reel-cover{pointer-events:auto;user-select:none;border-radius:2px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.reel-cover>img,.reel-cover>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-scrim{background:var(--ground);opacity:.7;transition:opacity .16s;position:absolute;inset:0}.reel-cover[data-active=true] .cover-scrim,.reel-cover[data-hovered=true] .cover-scrim,.reel-cover:hover .cover-scrim,.reel-cover:focus-visible .cover-scrim{opacity:0}.cover-open{background:var(--navy);color:var(--bone);font:700 12px var(--font-sans);opacity:0;padding:7px 10px;position:absolute;bottom:18px;right:18px}.reel-cover[data-active=true]:hover .cover-open{opacity:1}.reel-titles{z-index:5;letter-spacing:-.32px;width:min(440px,50vw - 230px);height:180px;font-size:32px;line-height:36.16px;position:absolute;top:calc(50% - 90px);right:16px;overflow:hidden}.title-dim,.title-solid{will-change:transform;position:absolute;inset:0 0 auto}.title-dim a{opacity:.5}.title-group>a,.title-group>span{text-align:right;white-space:nowrap;width:100%;height:36.16px;display:block}.title-group a:hover,.title-group a[data-hovered=true]{color:var(--orange);opacity:1}.title-mask{clip-path:inset(calc(50% - 18.08px) 0);pointer-events:none;position:absolute;inset:0}.reel-titles--static{height:auto;top:50%;overflow:visible;transform:translateY(-50%)}.title-list{flex-direction:column;align-items:flex-end;display:flex}.title-list>a{text-align:right;white-space:nowrap;width:100%;height:36.16px;color:var(--bone);opacity:.5;transition:opacity .15s,color .15s;display:block}.title-list>a[aria-current=true]{opacity:1}.title-list>a:hover,.title-list>a[data-hovered=true]{color:var(--orange);opacity:1}.reel-caption{display:none}.reel-count,.reel-hint{z-index:6;position:absolute;bottom:23px}.reel-count{left:24px}.reel-hint{text-align:right;right:24px}.touch-hint{display:none}.reel-debug{z-index:12;background:var(--navy);color:var(--bone);white-space:pre;padding:12px;font-size:10px;position:absolute;top:86px;left:24px}.reel-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.work-reel[data-3d=ready] .reel-cover>img,.work-reel[data-3d=ready] .reel-cover>video,.work-reel[data-3d=ready] .cover-scrim{opacity:0!important}.work-reel.is-opening .reel-titles,.work-reel.is-opening .reel-caption,.work-reel.is-opening .reel-count,.work-reel.is-opening .reel-hint{opacity:0;transition:opacity .22s}.work-reel.is-opening{pointer-events:none}.work-reel.is-opening .reel-intro{visibility:hidden;opacity:0}.fly-canvas{z-index:30;pointer-events:none;position:fixed;inset:0}.reel-noscript{background:var(--navy);z-index:10;padding:30px;position:absolute;inset:20%}.reel-noscript li{padding-top:20px}@media (width<=1279px){.slot-measure{box-sizing:content-box;width:min(33.3333vw - 21.3333px,32svh);padding:0 18px}.reel-slot{width:var(--cover-width,217px)}.reel-titles{display:none}.reel-caption{top:var(--caption-top,75%);width:var(--caption-width,260px);letter-spacing:-.04em;z-index:6;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;font-size:24px;transition:opacity .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.reel-caption[data-settled=true]{opacity:1}}@media (width<=767px){.slot-measure{width:min(62.5vw - 26px,32svh)}.reel-count{bottom:20px;left:16px}.reel-hint{bottom:20px;right:16px}}@media (pointer:coarse){.touch-hint{display:inline}.desktop-hint{display:none}}
