.work-hero{position:relative;padding-top:calc(var(--nav-h) + clamp(36px, 5vw, 72px));overflow:hidden}.work-hero-head{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;position:relative;z-index:2}.work-hero-head .t-hero{margin-top:22px;font-size:clamp(34px,4.6vw,78px)}.work-hero-more{margin-top:18px;padding-top:18px;border-top:1px solid var(--hair);font-size:14px;color:#a9abab;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.ring{position:relative;margin-top:clamp(-40px,-3vw,-10px)}.ring-stage{height:clamp(460px,62vh,720px);-webkit-mask-image:linear-gradient(transparent 1%,#000 14%);mask-image:linear-gradient(transparent 1%,#000 14%);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ring-stage:active{cursor:grabbing}.ring-stage canvas{display:block}.ring:after,.ring:before{content:"";position:absolute;z-index:1;top:0;bottom:0;width:9vw;pointer-events:none}.ring:before{inset-inline-start:0;background:linear-gradient(to right,var(--color-stage),transparent)}.ring:after{inset-inline-end:0}.ring:after,[dir=rtl] .ring:before{background:linear-gradient(to left,var(--color-stage),transparent)}[dir=rtl] .ring:after{background:linear-gradient(to right,var(--color-stage),transparent)}.ring-ui{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:8px 34px}.ring-hint{font:500 12px var(--font-display);letter-spacing:.06em;color:#7c7e7f}.ring-cap{display:grid;justify-items:center;gap:4px;text-align:center;min-width:min(60vw,360px);animation:rise .6s var(--ease-out-expo) backwards}.ring-cap-title{font:600 clamp(20px,1.9vw,30px)/1.2 var(--font-display);letter-spacing:-.03em}.ring-cap-sub{font-size:13px;color:#a9abab}.ring-cap-go{margin-top:8px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--hair);font-size:12.5px;color:#d6d8d8;transition:border-color .2s,background-color .2s}.ring-cap-go b{color:var(--color-amber);font-weight:600}.ring-cap:hover .ring-cap-go{border-color:rgb(255 255 255/.5);background:rgb(255 255 255/.06)}.ring-keys{justify-self:end;display:flex;gap:8px;direction:ltr}.ring-keys button{width:46px;height:46px;border-radius:50%;border:1px solid var(--hair);font-size:16px;color:#d6d8d8;transition:background-color .2s,border-color .2s}.ring-keys button:hover{background:rgb(255 255 255/.08);border-color:rgb(255 255 255/.45)}.work-tabs{position:sticky;top:calc(var(--nav-h) + 6px);z-index:20;margin-block:8px 0;pointer-events:none}.work-tabs ul{pointer-events:auto;display:flex;gap:4px;width:max-content;max-width:100%;margin-inline:auto;padding:6px;border-radius:999px;overflow-x:auto;scrollbar-width:none;background:rgb(20 21 23/.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hair)}.work-tabs ul::-webkit-scrollbar{display:none}.work-tabs a{display:block;padding:10px 18px;border-radius:999px;white-space:nowrap;font-size:13.5px;font-weight:500;color:#c3c5c5;transition:color .2s,background-color .2s}.work-tabs a:hover{color:#fff;background:rgb(255 255 255/.1)}.rank a{display:grid;grid-template-columns:40px 64px minmax(0,1fr) auto 44px;align-items:center;gap:26px;padding:16px 0;border-top:1px solid var(--hair);transition:padding-inline .5s var(--ease-out-expo),background-color .3s}.rank li:last-child a{border-bottom:1px solid var(--hair)}.rank a:hover{background:rgb(255 255 255/.03);padding-inline:18px}.rank-no{font-size:12px;color:#747a7e}.rank-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#191b1c;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.rank-thumb img{object-fit:cover}.rank h3{font:600 clamp(17px,1.5vw,22px)/1.3 var(--font-display);letter-spacing:-.03em}.rank h3 small{margin-inline-start:12px;font:400 13px var(--font-sans);letter-spacing:0;color:#989da0}.rank-views{font:600 clamp(26px,3vw,46px)/1 var(--font-display);letter-spacing:-.05em}.rank li:first-child .rank-views{color:var(--color-amber)}.rank-views small{margin-inline-start:8px;font-size:9px;font-weight:500;letter-spacing:.14em;color:#8c9498}.rank-arw{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);transition:transform .5s var(--ease-out-expo),background-color .3s,color .3s}.rank a:hover .rank-arw{transform:rotate(45deg);background:var(--color-amber);color:var(--color-ink);border-color:transparent}.work-cat{scroll-margin-top:calc(var(--nav-h) + 80px);padding-top:clamp(72px,8vw,140px)}.work-cat-head{display:flex;align-items:baseline;gap:22px;margin-bottom:clamp(28px,3vw,48px);padding-bottom:22px;border-bottom:1px solid var(--hair)}.work-cat-head .num{font-size:12px;color:#747a7e;letter-spacing:.1em}.work-cat-head small{font:500 12px var(--font-display);letter-spacing:.14em;color:#7c7e7f;text-transform:uppercase;margin-inline-start:auto}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 22px}@media (min-width:1081px){.work-grid>:nth-child(4n+2),.work-grid>:nth-child(4n+4){margin-top:44px}}.work-source{padding-block:clamp(72px,8vw,120px) 0;font-size:12.5px;line-height:1.8;color:#747a7e;max-width:70ch}@media (max-width:1080px){.work-hero-head{grid-template-columns:1fr;gap:22px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.ring-stage{height:460px}.ring-ui{grid-template-columns:1fr auto}.ring-hint{display:none}.ring-cap{justify-items:start;text-align:start;min-width:0}.work-grid .wc-note{-webkit-line-clamp:2}.rank-rest>.fold-body>.rank li:first-child a{border-top:0}.work-cat{padding-top:64px}.work-hero-head .t-body{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rank a{grid-template-columns:52px minmax(0,1fr) auto;gap:14px}.rank a:hover{padding-inline:0}.rank-arw,.rank-no{display:none}.rank h3 small{display:block;margin:3px 0 0}.rank-views small,.work-cat-head small{display:none}.wc-cap h3{font-size:15px}.wc-note,.wc-product{font-size:12px}}