.ss-work{padding-bottom:clamp(80px,10vw,160px)}.ss-work-pin{position:relative}.ss-work-title{grid-template-columns:1fr auto;align-items:end;gap:40px;display:grid}.ss-work-side{flex-direction:column;align-items:flex-start;gap:18px;width:min(340px,30vw);padding-bottom:1vw;display:flex}.ss-reel-count{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;font-size:12px}.ss-reel-count b{color:var(--ink);font-weight:500}.ss-reel-bar{background:var(--line);width:100%;height:1px}.ss-reel-bar i{background:var(--ink);transform-origin:0;height:100%;transform:scaleX(var(--reel,0));display:block}.ss-track{padding:clamp(40px, 5vh, 70px) var(--edge) 0;gap:clamp(20px,2.6vw,44px);width:max-content;display:flex}.ss-case{--w:min(40vw, 76vh);width:var(--w);flex-direction:column;flex:none;gap:22px;display:flex}.ss-case-media{aspect-ratio:16/10;border-radius:var(--media-radius);background:var(--bg-2);position:relative;overflow:hidden;container-type:size}.ss-case-site{transform-origin:50% 0;position:absolute;inset:0}.ss-case-site img{transition:scale 1.6s var(--ease)}.ss-case:hover .ss-case-site img{scale:1.03}.ss-case-tag{z-index:2;border-radius:var(--btn-radius);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);padding:7px 11px;font-size:11px;position:absolute;bottom:14px;left:14px}.ss-case-meta{grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 18px;display:grid}.ss-case-num{font-family:var(--mono);color:var(--muted);font-size:11px}.ss-case-meta h3{font-size:clamp(24px,2.2vw,38px);line-height:1}.ss-case-meta p{color:var(--muted);grid-column:2/3;max-width:40ch;font-size:14px}.ss-case-meta .ss-chips{grid-area:1/3/3;justify-content:flex-end;align-self:start;max-width:220px}.ss-chip-year{background:var(--ink);color:var(--bg);border-color:var(--ink)!important}.ss-case-end{--w:min(26vw, 50vh);justify-content:flex-start}.ss-case-end-inner{aspect-ratio:5/6.25;border-radius:var(--media-radius);border:1px solid var(--line);background:var(--bg-2);transition:background .6s var(--ease), color .6s var(--ease);max-height:calc(var(--w) * 1.25);aspect-ratio:auto;flex-direction:column;justify-content:space-between;height:calc(min(40vw,76vh)/1.6);padding:28px;display:flex}.ss-case-end-title{font-size:clamp(34px,3.4vw,64px);line-height:.95}.ss-case-end-cta .ss-arrow{background:var(--ink);width:56px;height:56px;color:var(--bg);transition:transform .6s var(--ease);border-radius:50%;padding:16px}.ss-case-end:hover .ss-case-end-inner{background:var(--ink);color:var(--bg)}.ss-case-end:hover .ss-case-end-title em{color:inherit}.ss-case-end:hover .ss-case-end-cta .ss-arrow{background:var(--accent);color:var(--on-accent);transform:rotate(-45deg)}.ss-index{margin-top:clamp(100px,12vw,180px)}.ss-index-head{justify-content:space-between;padding-bottom:18px;display:flex}.ss-index-table{position:relative}.ss-row{border-top:1px solid var(--line);color:var(--muted);transition:opacity .5s var(--ease), color .5s var(--ease), padding .6s var(--ease);grid-template-columns:96px 1.5fr 1fr 1.2fr 110px;align-items:center;gap:20px;padding:16px 0;font-size:14px;display:grid}.ss-index-table ul .ss-row:last-child{border-bottom:1px solid var(--line)}.ss-row-head{font-family:var(--label-font);letter-spacing:var(--label-track);text-transform:uppercase;border-top:0;padding:10px 0;font-size:10px}.ss-thumb{aspect-ratio:3/2;border-radius:calc(var(--media-radius) + 2px);width:72px;display:block;position:relative;overflow:hidden}.ss-thumb>span{background:var(--bg-2);display:block;position:absolute;inset:0}.ss-row-name{color:var(--ink);align-items:baseline;gap:16px;font-size:clamp(20px,1.9vw,32px);line-height:1.05;display:flex}.ss-row-name b{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;font-size:10px;font-weight:500}.ss-row-year{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:14px;display:flex}.ss-row-year .ss-arrow{opacity:0;transition:opacity .4s var(--ease), translate .5s var(--ease);color:var(--ink);translate:-8px}@media (hover:hover){.ss-index-table:hover ul .ss-row:not(.is-hover){opacity:.32}.ss-row.is-hover{color:var(--ink)}.ss-row.is-hover .ss-arrow{opacity:1;translate:0}}.ss-float{z-index:5;aspect-ratio:4/3;pointer-events:none;opacity:0;width:clamp(240px,22vw,360px);transition:opacity .4s var(--ease), scale .6s var(--ease);border-radius:var(--media-radius);margin:calc(clamp(240px,22vw,360px)/-2.66667) 0 0 calc(clamp(240px,22vw,360px)/-2);position:absolute;top:0;left:0;overflow:hidden;scale:.7;box-shadow:0 30px 60px -20px #0006}.ss-float.is-on{opacity:1;scale:1}.ss-float span{clip-path:inset(100% 0 0);transition:clip-path .7s var(--ease-io);position:absolute;inset:0}.ss-float span img,.ss-float span video{transition:scale 1s var(--ease);scale:1.2}.ss-float span video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ss-float span.is-on{clip-path:inset(0);z-index:1}.ss-float span.is-on img,.ss-float span.is-on video{scale:1}@media (hover:none),(max-width:899px){.ss-float{display:none}}@media (max-width:899px){.ss-work-title{grid-template-columns:1fr}.ss-work-side{width:100%}.ss-reel-count,.ss-reel-bar{display:none}.ss-track{scroll-snap-type:x mandatory;scrollbar-width:none;width:auto;padding-bottom:8px;overflow-x:auto}.ss-track::-webkit-scrollbar{display:none}.ss-case{--w:82vw;scroll-snap-align:center}.ss-case-end{--w:60vw}.ss-case-end-inner{height:51.25vw}.ss-case-meta{grid-template-columns:auto 1fr}.ss-case-meta .ss-chips{grid-area:auto/1/auto/-1;justify-content:flex-start;max-width:none;margin-top:6px}.ss-row{grid-template-columns:64px 1fr auto}.ss-row>:nth-child(3),.ss-row>:nth-child(4){display:none}.ss-thumb{width:56px}}