.video-detail{--ink: #17191b;--ink-soft: #737679;--detail-line: #dedfdf;--player-ground: #111111;--player-ink: #f7f7f7;--player-track: #5d5d5d}.video-detail .images-shell{width:min(86.5353%,1200px)}.detail-header{position:relative;min-height:clamp(98px,10.53vw,146px);padding-block:16px 20px;border-color:var(--detail-line)}.detail-header .images-nav{gap:clamp(18px,3.8vw,52px);font-size:clamp(12px,1.3vw,18px)}.detail-header .images-brand{font-size:clamp(18px,1.95vw,28px)}.detail-back{position:absolute;bottom:4px;left:0;display:inline-flex;align-items:center;gap:8px;color:#6c6f73;font-size:12px;line-height:20px;text-decoration:none}.detail-back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.detail-heading{display:grid;gap:clamp(2px,.22vw,3px);padding-block:clamp(18px,1.74vw,24px) clamp(14px,1.3vw,18px)}.detail-heading h1{margin:0;font-size:clamp(28px,4.02vw,56px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.detail-heading p{margin:0;color:var(--ink-soft)}.detail-heading .detail-eyebrow{font-size:clamp(10px,1.085vw,15px);line-height:1.4}.detail-meta{display:flex;gap:clamp(16px,1.74vw,24px);font-size:clamp(12px,1.3vw,18px);line-height:1.5}.film-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4.4vw,62px)}.film-main,.film-about{min-width:0}.film-player{position:relative}.film-screen{position:relative;overflow:hidden;border:0;border-radius:12px;background:transparent}.film-screen video{width:100%;height:auto;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.film-boost-tip{position:absolute;top:18px;left:50%;z-index:3;padding:8px 16px;border-radius:999px;background:#1119;color:#fff;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-10px) scale(.94);transition:opacity .18s ease-in,transform .22s ease-in,visibility .22s}.film-boost-tip[data-visible=true]{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition:opacity .18s ease-out,transform .32s cubic-bezier(.22,1.4,.36,1),visibility 0s}.film-boost-tip span{background:linear-gradient(110deg,#fff9 35%,#fff,#fff9 65%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:film-boost-sweep 1.4s linear infinite;animation-play-state:paused}.film-boost-tip[data-visible=true] span{animation-play-state:running}@keyframes film-boost-sweep{0%{background-position:200% 50%}to{background-position:-100% 50%}}.film-play-feedback{position:absolute;top:50%;left:50%;display:grid;width:clamp(48px,5.16vw,72px);aspect-ratio:1;place-items:center;padding:0;border:0;color:#fff;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 6px #00000099);transform:translate(-50%,-50%);transition:opacity .35s ease}.film-play-feedback[data-visible=true]{opacity:1}.film-play-feedback svg{width:36px;height:36px;fill:none}.film-controls,.film-volume-controls{position:absolute;z-index:2;display:flex;align-items:center;isolation:isolate;color:var(--player-ink);opacity:0;visibility:hidden;transition:transform .42s cubic-bezier(.22,1.3,.36,1),opacity .18s ease,visibility .42s}.film-controls{right:10px;bottom:10px;left:10px;gap:0;padding:2px 6px;border-radius:12px;transform:translateY(calc(100% + 12px))}.film-volume-controls{top:10px;right:10px;width:164px;padding-right:14px;border-radius:22px;transform:translateY(-12px)}[data-controls-visible=true] :is(.film-controls,.film-volume-controls){opacity:1;visibility:visible;transform:translateY(0)}[data-touch-gestures=true] .film-screen{touch-action:none}[data-gesture=seek][data-gesture-active=true] .film-controls,[data-gesture=volume][data-gesture-active=true] .film-volume-controls{opacity:1;visibility:visible;transform:translateY(0);pointer-events:none}[data-gesture=seek] .film-controls{padding:10px 14px}[data-gesture=seek] .film-controls>:not(.film-timeline,.film-glass){display:none}[data-gesture=seek] .film-volume-controls,[data-gesture=volume] .film-controls,[data-gesture=seek] .film-play-feedback,[data-gesture=volume] .film-play-feedback{opacity:0;visibility:hidden;pointer-events:none;transition:none}[data-accelerating=true] :is(.film-controls,.film-volume-controls,.film-play-feedback){opacity:0;visibility:hidden;pointer-events:none;transition:none}.film-glass{position:absolute;inset:0;z-index:-1;pointer-events:none;color-scheme:dark}:is(.film-controls,.film-volume-controls)>:not(.film-glass){position:relative}:is(.film-controls,.film-volume-controls) .elastic-slider{width:100%}.film-timeline{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.film-time{flex-shrink:0;color:#f7f7f7;font-size:12px;font-variant-numeric:tabular-nums;line-height:1}[data-film-remaining]{min-width:44px;text-align:center}.film-seek,.film-volume{flex:1;min-width:0}.film-actions{display:flex;flex-shrink:0;align-items:center}:is(.film-controls,.film-volume-controls) button{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;padding:12px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.video-detail :is(.film-controls,.film-volume-controls) button:hover:not(:disabled){background-color:transparent;color:#fff;text-shadow:0 0 6px #ffffffb3;font-weight:700}.video-detail :is(.film-controls,.film-volume-controls) button:hover:not(:disabled) svg{filter:drop-shadow(0 0 4px #ffffffb3)}.video-detail :is(.film-controls,.film-volume-controls) button:hover:not(:disabled) :is(svg,path){stroke-width:2.8}.film-controls button:disabled{opacity:1;color:#a0a0a0;cursor:default}:is(.film-controls,.film-volume-controls) svg{width:20px;height:20px;fill:none;transition:filter .16s ease,stroke-width .16s ease}:is(.film-controls,.film-volume-controls) :focus-visible{outline:2px solid var(--player-ink);outline-offset:-2px}.film-speed{flex-shrink:0}.film-controls [data-film-speed]{padding:2px}[data-film-speed][data-rate]:not([data-rate=""]) svg{width:36px;height:36px}.video-detail [data-film-speed][data-rate]:not([data-rate=""]):hover path{stroke-width:0}.video-detail [data-film-speed][data-rate]:not([data-rate=""]):hover svg{filter:drop-shadow(0 0 2px #ffffff80)}.film-speed-panel{position:absolute;right:0;bottom:calc(100% + 10px);z-index:3;width:126px;padding:6px;border-radius:11px;isolation:isolate;clip-path:inset(100% 0 0);visibility:hidden;pointer-events:none;transition:clip-path .26s cubic-bezier(.22,1,.36,1),visibility .26s}.film-speed-panel[data-open=true]{clip-path:inset(0);visibility:visible;pointer-events:auto}.film-speed-options{display:grid;gap:3px;max-height:calc(var(--film-speed-space, 240px) - 12px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.film-controls .film-speed-panel button{width:100%;height:31px;padding:0;border-radius:7px;font-size:14px}.film-speed-panel button[aria-pressed=true]{background:#ffffff30}@media(max-width:700px){.film-controls{flex-wrap:wrap}.film-timeline{order:-1;flex-basis:100%;padding-inline:8px}.film-speed{margin-left:auto}}@media(max-width:360px){.film-screen:has([data-film-speed][aria-expanded=true]) .film-volume-controls{opacity:0;visibility:hidden;pointer-events:none;transition:none}}@media(prefers-reduced-motion:reduce){.film-boost-tip span{animation:none}.film-controls,.film-volume-controls,.film-play-feedback,.film-speed-panel,.film-boost-tip,.film-boost-tip[data-visible=true]{transition:none}}.film-error{color:var(--ink);font-size:14px}.film-about-heading{display:inline-flex;align-items:baseline;gap:clamp(8px,.87vw,12px);padding-bottom:4px;border-bottom:1px solid var(--detail-line)}.film-position{font-size:clamp(14px,1.52vw,20px);white-space:nowrap}.film-kicker{margin:0;color:#6d7073;font-size:clamp(10px,1.085vw,15px);line-height:1.4;letter-spacing:.09em}.film-summary,.film-intro{margin:6px 0 0;color:var(--ink-soft);font-size:clamp(12px,1.25vw,18px);line-height:1.9;overflow-wrap:anywhere}.film-metadata{margin:4px 0 0;font-size:clamp(15px,1.63vw,22px);line-height:1.5}.film-metadata:before{display:block;width:43%;margin-bottom:6px;border-top:1px solid var(--detail-line);content:""}.film-metadata div{margin-bottom:clamp(16px,1.74vw,24px)}.film-metadata dt{font-weight:300;color:#777a7d}.film-metadata dd{margin:0;font-weight:400;color:#2b2b2b;overflow-wrap:anywhere}.film-stills{margin-top:calc(24px + clamp(10.5px,1.14vw,16px))}.film-stills h2{margin:0 0 clamp(10px,1.085vw,15px);font-size:clamp(21px,2.28vw,32px);font-weight:600;line-height:1.2}.film-stills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.52vw,21px)}.film-stills figure{min-width:0;margin:0}.film-stills img{width:100%;height:auto;border-radius:12px}.film-stills figcaption{margin-top:10px;color:var(--ink-soft);font-size:clamp(12px,1.3vw,18px);line-height:1.5}.film-project-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:clamp(44px,4.34vw,60px);margin-top:clamp(28px,3.58vw,48px);border-top:1px solid var(--detail-line);border-bottom:1px solid var(--detail-line);font-size:clamp(12px,1.3vw,18px)}.film-project-nav :is(a,button){display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;text-decoration:none}.film-project-nav>:nth-child(2){justify-content:center}.film-project-nav>:last-child{justify-content:flex-end}.film-project-nav button:disabled{opacity:.4}.detail-footer{display:flex;min-height:122px;align-items:center}.detail-footer .images-brand{font-size:14px;letter-spacing:3px}.film-player:fullscreen{display:flex;flex-direction:column;background:var(--player-ground)}.film-player:fullscreen .film-screen{flex:1;min-height:0;border:0}.film-player:fullscreen video{height:100%;object-fit:contain}@media(max-width:900px){.film-layout{grid-template-columns:minmax(0,1fr);gap:26px}.film-intro{max-width:65ch;font-size:16px}.film-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;padding-top:12px;border-top:1px solid var(--detail-line);font-size:16px}.film-metadata:before{display:none}.film-metadata div{margin:0}}@media(max-width:700px){.video-detail .images-shell{width:calc(100% - 40px)}.detail-header{min-height:106px;padding-block:12px 30px}.detail-heading{padding-block:22px 18px}.detail-heading h1{overflow-wrap:anywhere}.film-summary{font-size:14px}.film-stills-grid{grid-template-columns:minmax(0,1fr);gap:24px}.film-project-nav{margin-top:32px}.detail-footer{min-height:96px}}.elastic-slider{display:flex;flex-direction:column;align-items:center;gap:8px;width:12rem;color:inherit;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.elastic-slider[data-orientation=vertical]{width:auto;height:12rem}.elastic-slider[data-disabled]{opacity:.45;pointer-events:none}.elastic-slider__value{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;opacity:.6}.elastic-slider__body{display:flex;flex:1;align-items:center;gap:12px;width:100%;min-height:0}.elastic-slider[data-orientation=vertical] .elastic-slider__body{flex-direction:column-reverse;width:auto;height:100%}.elastic-slider__icon{display:grid;flex-shrink:0;place-items:center;color:var(--elastic-slider-icon, currentColor);will-change:transform}.elastic-slider__icon-inner{display:grid;place-items:center}.elastic-slider__hit{position:relative;display:flex;flex:1;align-items:center;min-width:0;height:var(--elastic-slider-hit, 34px);outline:none;cursor:grab;touch-action:none}.elastic-slider[data-orientation=vertical] .elastic-slider__hit{flex-direction:column;justify-content:flex-end;width:var(--elastic-slider-hit, 34px);height:auto;min-height:0}.elastic-slider__hit[data-dragging]{cursor:grabbing}.elastic-slider__hit:focus-visible .elastic-slider__track{outline:2px solid currentColor;outline-offset:3px}.elastic-slider__track{position:relative;flex-shrink:0;width:100%;height:6px;overflow:hidden;border-radius:var(--elastic-slider-radius, 999px);background:var(--elastic-slider-track);will-change:transform}.elastic-slider[data-orientation=vertical] .elastic-slider__track{width:6px;height:100%}.elastic-slider__range{position:absolute;inset:0;background:var(--elastic-slider-range);clip-path:inset(0 100% 0 0)}.elastic-slider__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--elastic-slider-pad, 12px);color:var(--elastic-slider-content);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;opacity:var(--elastic-slider-reveal, 1);pointer-events:none}.elastic-slider__content>span{display:grid;place-items:center;transform:var(--elastic-slider-unscale, none)}.elastic-slider[data-orientation=vertical] .elastic-slider__content{flex-direction:column-reverse;padding:var(--elastic-slider-pad, 12px) 0}.elastic-slider__content--fill{color:var(--elastic-slider-fill-content)}.elastic-slider__tick{position:absolute;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:999px;background:var(--elastic-slider-content);opacity:.4}.elastic-slider[data-orientation=vertical] .elastic-slider__tick{top:auto;left:50%;margin:0 0 -1.5px -1.5px}.elastic-slider__tick--fill{background:var(--elastic-slider-fill-content);opacity:.5}.elastic-slider__thumb{position:absolute;top:50%;left:0;width:var(--elastic-slider-thumb-size, 18px);height:var(--elastic-slider-thumb-size, 18px);margin-top:calc(var(--elastic-slider-thumb-size, 18px) / -2);margin-left:calc(var(--elastic-slider-thumb-size, 18px) / -2);border-radius:999px;background:var(--elastic-slider-thumb, #ffffff);box-shadow:0 1px 4px #00000047,0 0 0 .5px #0000001f;pointer-events:none;will-change:transform}.elastic-slider[data-orientation=vertical] .elastic-slider__thumb{top:auto;bottom:0;left:50%;margin-top:0;margin-bottom:calc(var(--elastic-slider-thumb-size, 18px) / -2)}.elastic-slider__bubble{position:absolute;bottom:calc(50% + var(--elastic-slider-bubble-offset, 14px));left:0;padding:5px 8px;border-radius:8px;background:var(--elastic-slider-range);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;opacity:0;transform-origin:50% 100%;pointer-events:none;will-change:transform,opacity}.elastic-slider[data-orientation=vertical] .elastic-slider__bubble{bottom:0;left:calc(50% + var(--elastic-slider-bubble-offset, 14px));transform-origin:0% 50%}.elastic-slider__bubble-text{color:var(--elastic-slider-fill-content)}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--webgl{box-shadow:0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface__canvas,.glass-surface__frame{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.glass-surface__frame{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:light-dark(hsl(0 0% 100% / calc(.12 + var(--glass-frost, 0) * .5)),hsl(0 0% 100% / calc(.04 + var(--glass-frost, 0) * .3)));-webkit-backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation, 1) * 1.4)) brightness(1.04);backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation, 1) * 1.4)) brightness(1.04);box-shadow:inset 0 1px 0 0 light-dark(hsl(0 0% 100% / .85),hsl(0 0% 100% / .3)),inset 0 -1px 0 0 light-dark(hsl(0 0% 100% / .35),hsl(0 0% 100% / .08)),0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 88%),color-mix(in oklch,white,transparent 72%)) inset,0 0 12px 3px light-dark(color-mix(in oklch,white,transparent 72%),color-mix(in oklch,white,transparent 90%)) inset,0 4px 16px #11111a0f,0 8px 24px #11111a0f,0 16px 56px #11111a0f}.glass-surface__sheen,.glass-surface__rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-surface__sheen{background:linear-gradient(135deg,light-dark(hsl(0 0% 100% / .42),hsl(0 0% 100% / .14)) 0%,transparent 42%,transparent 64%,light-dark(hsl(0 0% 100% / .18),hsl(0 0% 100% / .05)) 100%)}.glass-surface__rim{padding:3px;background:linear-gradient(150deg,light-dark(hsl(0 0% 100% / .7),hsl(0 0% 100% / .34)),light-dark(hsl(0 0% 100% / .1),hsl(0 0% 100% / .03)) 45%,light-dark(hsl(0 0% 100% / .08),hsl(0 0% 100% / .02)) 60%,light-dark(hsl(0 0% 100% / .42),hsl(0 0% 100% / .18)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__line,.glass-surface__glow{position:absolute;inset:0;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%}.glass-surface--svg .glass-surface__line,.glass-surface--webgl .glass-surface__line{background:light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%))}.glass-surface--svg .glass-surface__glow,.glass-surface--webgl .glass-surface__glow{background:light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%))}.glass-surface--fallback .glass-surface__line{background:light-dark(color-mix(in oklch,black,transparent 88%),color-mix(in oklch,white,transparent 72%))}.glass-surface--fallback .glass-surface__glow{background:light-dark(color-mix(in oklch,white,transparent 72%),color-mix(in oklch,white,transparent 90%))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-surface--fallback{background:light-dark(hsl(0 0% 100% / .72),hsl(0 0% 12% / .72))}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}
