/* Work covers: native scroll parallax and a separate, rising screen study. */
.f-site .f-project-image[data-work-image]{isolation:isolate;perspective:none;clip-path:none;transform:none;overflow:hidden;background:#d3d8df;border-radius:2px;aspect-ratio:3/2}
.f-site .f-project-image[data-work-image]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;translate:none;transform:none;transition:none}
.f-site.motion-enabled .f-project-image[data-work-image]>img{height:100%;top:0;transform:translateY(var(--work-pan,0px)) scale(1.15);object-position:50% 35%}
.f-site .f-project-image[data-work-image]>.os-poster{position:relative;transform:none;min-height:0;padding:12%;font-size:clamp(60px,6.5vw,110px)}
.f-site.motion-enabled .f-project-image[data-work-image]>.os-poster{height:calc(100% + 150px);top:-75px;transform:translateY(var(--work-pan,0px)) scale(1.04)}
.f-work-shade{position:absolute;inset:0;z-index:1;opacity:0;background:rgba(8,8,7,.8);backdrop-filter:blur(0) sepia(0);transition:opacity .2s cubic-bezier(.25,0,.25,1),backdrop-filter .85s cubic-bezier(.2,1,.36,1);pointer-events:none}
.f-work-reel{position:absolute;inset:auto;left:50%;top:50%;translate:-50% -50%;width:77.2%;aspect-ratio:3/2;z-index:2;display:block;background:#13181c;overflow:hidden;opacity:0;transform:perspective(275px) translateY(71%) rotateX(18deg) scale(.95);transform-origin:center;transition:transform .85s cubic-bezier(.2,1,.36,1),opacity .15s cubic-bezier(.25,0,.25,1);pointer-events:none;will-change:auto}
.f-work-reel-screen{position:absolute;inset:0;display:block;overflow:hidden}
.f-work-reel-screen>img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;min-height:100%;object-fit:cover;object-position:top;animation:work-screen-pan 8s ease-in-out infinite alternate;animation-play-state:paused}
.f-work-screen-kurio>img{width:116%;left:-8%;--screen-travel:-15%}
.f-work-screen-subduet>img{--screen-travel:-35%}
.f-work-reel>small{position:absolute;bottom:0;left:0;right:0;padding:5px 8px;background:rgba(12,16,21,.93);color:#f4f6f8;font:9px/1.35 ui-monospace,monospace;letter-spacing:.045em;z-index:1}
.f-work-record-screen{padding:8%;color:#f4f6f8;background:#19212c}
.f-work-record-name{display:block;font-size:clamp(30px,4.5vw,75px);font-weight:600;letter-spacing:-.075em;line-height:.9;animation:work-record-drift 8s ease-in-out infinite alternate;animation-play-state:paused}
.f-work-record-name em{color:#739bff;font-style:normal}
.f-work-record-flow{position:absolute;bottom:21%;left:8%;right:8%;font-size:clamp(10px,1vw,14px);line-height:1.5;max-width:75%}
.f-work-record-line{position:absolute;bottom:15%;left:8%;right:8%;height:1px;background:#526175;overflow:hidden}
.f-work-record-line:after{content:"";display:block;height:1px;width:28%;background:#799cff;transform:translateX(-100%);animation:work-record-line 4s ease-in-out infinite;animation-play-state:paused}
.f-site.work-effects-enabled .f-work-list article.is-work-preview .f-work-shade{opacity:1;backdrop-filter:blur(2px) sepia(1)}
.f-site.work-effects-enabled .f-work-list article.is-work-preview .f-work-reel{opacity:1;transform:perspective(275px) translateY(0) rotateX(0) scale(1)}
.f-site.work-effects-enabled .f-work-list article.is-work-preview .f-work-reel-screen>img,.f-site.work-effects-enabled .f-work-list article.is-work-preview .f-work-record-name,.f-site.work-effects-enabled .f-work-list article.is-work-preview .f-work-record-line:after{animation-play-state:running}
.f-site .f-project-image[data-work-image]:focus-visible{outline:3px solid #164cef;outline-offset:4px}
@keyframes work-screen-pan{from{transform:translateY(0)}to{transform:translateY(var(--screen-travel,-20%))}}
@keyframes work-record-drift{to{transform:translateY(-7%)}}
@keyframes work-record-line{to{transform:translateX(450%)}}
@media(max-width:650px){.f-site .f-project-image[data-work-image]{height:auto;aspect-ratio:1}.f-site.motion-enabled .f-project-image[data-work-image]>img{height:100%;top:0;transform:translateY(var(--work-pan,0px)) scale(1.15)}.f-site.motion-enabled .f-project-image[data-work-image]>.os-poster{height:calc(100% + 80px);top:-40px;transform:translateY(var(--work-pan,0px)) scale(1.1)}.f-work-reel{width:72.7%}.f-work-record-name{font-size:clamp(30px,11vw,52px)}.f-work-reel>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.f-work-shade,.f-work-reel{display:none!important}.f-site .f-project-image[data-work-image]>img{position:relative;top:0;height:100%;transform:none!important}.f-site .f-project-image[data-work-image]>.os-poster{height:100%;top:0;transform:none!important}}
.f-site.large-text .f-work-shade,.f-site.large-text .f-work-reel{display:none}
.f-site.large-text .f-project-image[data-work-image]>img{position:relative;top:0;height:100%;transform:none!important}
.f-site.large-text .f-project-image[data-work-image]>.os-poster{height:100%;top:0;transform:none!important}

/* Preserve the product's own two-line mark through cover and reel motion. */
.f-site .f-project-image[data-work-key="subduet"]{background:#0b1110}
.f-site.motion-enabled .f-project-image[data-work-key="subduet"]>img{object-position:center top;transform-origin:center top;transform:translateY(clamp(-4px,var(--work-pan,0px),4px)) scale(1.08)}
.f-subduet-cover-brand{position:absolute;top:0;left:7%;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 10px 6px;background:#0b1110;color:#f4f6f1;font-size:clamp(18px,1.7vw,24px);font-weight:750;line-height:1.2;letter-spacing:-.02em;pointer-events:none}
.f-subduet-brand-mark{width:34px;height:28px;display:grid;gap:4px;flex:none}
.f-subduet-brand-mark i{display:block;height:12px;border:2px solid #8ff0c8;border-radius:5px}
.f-subduet-brand-mark i:last-child{width:74%;margin-left:auto;border-color:#ff8f70}
@media(max-width:650px){.f-subduet-cover-brand{top:0;left:7%;gap:8px;padding:10px 8px 4px}.f-subduet-brand-mark{width:28px;height:24px;gap:4px}.f-subduet-brand-mark i{height:10px}}