.cf{--cf-w: clamp(280px, min(46vw, (100vh - 430px) * 1.6), 800px);position:relative;isolation:isolate}@supports (height: 100svh){.cf{--cf-w: clamp(280px, min(46vw, (100svh - 430px) * 1.6), 800px)}}.cf-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.scr-work>.wrap{flex:none}.cf:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse 48% 52% at 50% 46%,rgba(255,107,53,.09),transparent 70%),radial-gradient(ellipse 62% 60% at 50% 48%,rgba(5,13,26,.6),transparent 72%)}.cf-slide{list-style:none}.cf-frame{position:relative;margin:0;overflow:hidden;border-radius:14px;border:1px solid var(--line-2);background:var(--navy-800);box-shadow:0 30px 60px -34px #000000e6,0 0 0 1px #ffffff08 inset;transition:translate var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.cf-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:#f0f4f80b}.cf-bar i{flex:none;width:9px;height:9px;border-radius:50%;background:#9db2c957}.cf-bar span{flex:1 1 auto;min-width:0;max-width:62%;margin:0 auto;padding:3px 12px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#050d1a8c;color:var(--steel);font:400 12px/1.4 var(--f-mono);letter-spacing:.02em}.cf-bar i:last-of-type+span{margin-right:30px}.cf-frame .shot,.cf-frame .cf-art{display:block;width:100%;aspect-ratio:16 / 10;border:0;border-radius:0;background:var(--navy-800)}.cf-frame picture,.cf-frame img{width:100%;height:100%}.cf-frame img{object-fit:cover;object-position:top left;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.cf-dim{position:absolute;inset:0;background:var(--navy-950);opacity:var(--dim, 0);pointer-events:none;transition:opacity var(--dur-1) linear}.cf-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,107,53,.1),transparent 56%),linear-gradient(135deg,var(--navy-800),var(--navy-950))}.cf-art-crm svg{width:100%;height:100%}.cf-art-crm .ln path{stroke:#9db2c961;stroke-width:1.2;stroke-dasharray:3 7}.cf-art-crm .nd polygon{fill:#1a2f4f8c;stroke:#9db2c99e;stroke-width:1.4}.cf-art-crm .core{fill:#ff6b3514;stroke:var(--orange);stroke-width:1.6}.cf-art-crm .dot{fill:var(--orange);stroke:none}.cf-art-lex{color:var(--steel)}.cf-art-lex:before{content:"";position:absolute;inset:14% 28%;background:repeating-linear-gradient(180deg,rgba(157,178,201,.12) 0 2px,transparent 2px 20px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.cf-art-lex svg{position:relative}.cf-info>*+*{margin-top:clamp(4px,1vh,10px)}.cf-tag{color:var(--steel)}.cf-chip{display:inline-block;margin-left:12px;padding:1px 10px;border:1px solid rgba(255,107,53,.55);border-radius:999px;color:var(--orange);vertical-align:1px}.cf-info h3{font-size:clamp(1.375rem,min(1.6vw + 1rem,3.6vh + .5rem),2.125rem)}.cf-desc{color:#d5dee9;max-width:36rem}.cf-chips{display:flex;flex-wrap:wrap;gap:8px}.cf-chips li{padding:4px 14px;border:1px solid var(--line-2);border-radius:999px;font:500 var(--fs-label)/1.5 var(--f-mono);letter-spacing:.06em;color:var(--ice)}.cf:not(.is-ready){max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.cf:not(.is-ready):before,.cf:not(.is-ready) .cf-ctrl,.cf:not(.is-ready) .cf-details{display:none}.cf:not(.is-ready) .cf-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:48px 28px;margin:0;padding:0}.cf:not(.is-ready) .cf-info{padding-top:18px}.cf.is-ready{flex:1 1 auto;display:grid;grid-template-rows:minmax(15rem,1fr) auto auto}.cf.is-ready .cf-stage{position:relative;grid-row:1;min-height:0;overflow:hidden;contain:paint;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.cf.is-ready .cf-stage.is-drag,.cf.is-ready .cf-stage.is-drag *{cursor:grabbing}.cf.is-ready .cf-track{position:absolute;inset:0;margin:0;padding:0;perspective:1800px;-webkit-perspective:1800px}.cf.is-ready .cf-slide{position:absolute;top:14px;left:50%;width:var(--cf-w);margin-left:calc(var(--cf-w) / -2);cursor:pointer}.cf.is-ready .cf-slide.is-active{cursor:inherit}.cf.is-ready .cf-stage.is-moving .cf-slide{will-change:transform,opacity}.cf.is-ready .cf-slide.is-active .cf-frame{border-color:#f0f4f861}.cf.is-ready .cf-stage:focus-visible .cf-slide.is-active .cf-frame{outline:2px solid var(--ice);outline-offset:4px}@media(hover:hover){.cf.is-ready .cf-slide:not(.is-active):hover .cf-dim{opacity:calc(var(--dim, 0) * .4)}.cf.is-ready .cf-stage:not(.is-moving) .cf-slide.is-active:hover .cf-frame{translate:0 -6px;border-color:#ff6b3599}}.cf-ctrl{display:none}.cf.is-ready .cf-ctrl{grid-row:2;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,28px);margin-top:2px}.cf-meta{display:flex;align-items:center;gap:12px}.cf-count b{color:var(--ice);font-weight:500}.cf-btn{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border-radius:50%;border:1px solid var(--line-2);color:var(--ice);transition:border-color var(--dur-1),color var(--dur-1),background-color var(--dur-1),opacity var(--dur-1)}.cf-btn.is-off{opacity:.35;cursor:default}@media(hover:hover){.cf-btn:not(.is-off):hover{border-color:var(--orange);color:var(--orange);background:#ff6b3514}}.cf-dots{display:flex}.cf-dot{position:relative;width:44px;height:44px;min-height:44px}.cf-dot:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:3px;background:#9db2c980;transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2)}.cf-dot[aria-current=true]:before{background:var(--orange);transform:scaleX(3.4)}@media(hover:hover){.cf-dot:not([aria-current=true]):hover:before{background:var(--ice)}}.cf-details{display:none}.cf.is-ready .cf-details{grid-row:3;display:grid;justify-items:center;width:100%;max-width:42rem;margin:clamp(2px,.8vh,10px) auto 0;padding:0 var(--gutter);text-align:center}.cf.is-ready .cf-info{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--dur-1) linear,transform var(--dur-1) linear,visibility 0s linear var(--dur-1)}.cf.is-ready .cf-info.is-on{opacity:1;visibility:visible;transform:none;transition:opacity var(--dur-2) var(--ease-out) var(--dur-1),transform var(--dur-2) var(--ease-out) var(--dur-1),visibility 0s}.cf.is-ready .cf-chips{justify-content:center}@media(min-width:900px)and (max-height:700px){.cf.is-ready{grid-template-rows:minmax(13rem,1fr) auto auto}.cf.is-ready .cf-details{margin-top:0}.cf-info>*+*{margin-top:3px}.cf-info h3{font-size:1.375rem}.cf-desc{max-width:44rem;font-size:1rem;line-height:1.45}.cf-link{min-height:44px}.cf-bar{height:30px}}@media(max-width:899px){.cf{--cf-w: min(76vw, 480px)}.cf.is-ready{display:block}.cf.is-ready .cf-stage{height:calc(var(--cf-w) * .625 + 36px + 28px)}.cf-bar span{max-width:78%}}@media(max-width:519px){.cf-dots{display:none}.cf-bar span{font-size:12px}}@media(prefers-reduced-motion:reduce){.cf-frame,.cf-dim,.cf-btn,.cf-dot:before,.cf.is-ready .cf-info,.cf.is-ready .cf-info.is-on{transition-duration:1ms;transition-delay:0s}.cf.is-ready .cf-stage .cf-slide.is-active:hover .cf-frame{translate:none}}