.syk-cuts{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(560px,calc(100svh - 138px),840px);overflow:hidden;color:#fff;background:#141316}.syk-cuts__art,.syk-cuts__cover,.syk-cuts__cover img,.syk-cuts__film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.syk-cuts__art{z-index:-1}.syk-cuts__cover img{object-fit:cover}.syk-cuts__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e0b0bf5 0%,#100c0cea 29%,#100c0cbc 39%,#110b0b22 64%,transparent 79%),linear-gradient(0deg,#100b0bb5,transparent 32%)}.syk-cuts__film{visibility:hidden}.syk-cuts[data-ready] .syk-cuts__film{visibility:visible}.syk-cuts__knife[hidden]{display:none}.syk-cuts__copy{margin:0 clamp(28px,6.8vw,108px);padding-block:76px 96px;max-width:42%}.syk-cuts__story{box-sizing:border-box;min-height:clamp(248px,22vw,328px);padding-bottom:26px}.syk-cuts .syk-cuts__copy h1{margin:0 0 20px;color:#fff;font-size:clamp(49px,6.4vw,108px);font-weight:700;line-height:.95;letter-spacing:-.066em;text-wrap:balance}.syk-cuts .syk-cuts__copy .syk-cuts__story p{max-width:33ch;margin:0;color:#fff;font-size:clamp(16px,1.4vw,21px);line-height:1.55}.syk-cuts .syk-cuts__copy .syk-button{display:inline-flex;align-items:center;min-height:48px;max-width:100%}.syk-cuts__caption{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(22px,4vw,55px);display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.syk-cuts__chapter{font-variant-numeric:tabular-nums}.syk-cuts__material{width:19ch}.syk-cuts__track{width:clamp(28px,4.5vw,74px);height:1px;background:#ffffff69}.syk-cuts__track span{display:block;height:100%;background:#fff;transform:scaleX(var(--cut-progress, 0));transform-origin:left}.syk-cuts__toggle{position:absolute;right:clamp(18px,3vw,42px);top:clamp(15px,2.6vw,36px);display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff8;border-radius:50%;color:#fff;background:#130f12c9;cursor:pointer}.syk-cuts__toggle[hidden],.syk-cuts__play,.syk-cuts[data-paused] .syk-cuts__pause{display:none}.syk-cuts[data-paused] .syk-cuts__play{display:initial}.syk-cuts a:focus-visible,.syk-cuts button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:749px){.syk-cuts{align-items:start;min-height:clamp(565px,calc(100svh - 120px),710px)}.syk-cuts__art:after{background:linear-gradient(180deg,#100a0aec 0%,#100a0ae0 21%,#100a0ac2 38%,#100a0a15 60%,transparent 77%,#100a0ade)}.syk-cuts__copy{max-width:min(82%,480px);margin-inline:22px;padding-block:43px 0}.syk-cuts__story{min-height:170px;padding-bottom:14px}.syk-cuts .syk-cuts__copy h1{margin-bottom:13px;font-size:clamp(43px,10.6vw,72px);text-wrap:initial}.syk-cuts__caption{left:22px;right:auto;bottom:20px}}@media(prefers-reduced-motion:reduce){.syk-cuts__caption,.syk-cuts__toggle{display:none}.syk-cuts[data-ready] .syk-cuts__film{visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/syokami-hero-cuts.css.map */