.di5{--set-dur:5s}.di5 .sets{position:relative;overflow:hidden;padding:clamp(48px,7vw,104px) 0 clamp(36px,4vw,56px);background:radial-gradient(42% 55% at 78% 35%,rgba(34,211,238,.14),transparent 70%),radial-gradient(40% 50% at 95% 90%,rgba(236,72,153,.12),transparent 70%),var(--paper)}.di5 .sets__wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}.di5 .sets h1{font-size:clamp(40px,4.6vw,76px);line-height:.92;margin:18px 0 0}.di5 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.di5 .sets__sub{color:var(--muted2);font-size:clamp(16px,1.25vw,18px);line-height:1.6;max-width:32em;margin:22px 0 0}.di5 .sets__now{display:flex;flex-direction:column;gap:6px;margin:30px 0 0;min-height:58px}.di5 .sets__now b{font-family:var(--display);font-weight:400;font-size:clamp(20px,1.8vw,26px);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}.di5 .lbl{font-family:var(--label);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.di5 .ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}.di5 .sets__nav{display:flex;align-items:center;gap:14px;margin:30px 0 0}.di5 .sets__arrow{width:40px;height:40px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,color .2s}.di5 .sets__arrow:hover{border-color:var(--press);color:var(--press)}.di5 .sets__dots{display:flex;gap:4px;flex-wrap:nowrap}.di5 .sets__dot{position:relative;width:20px;height:24px;border:0;background:transparent;padding:0;cursor:pointer}.di5 .sets__dot:before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;border-radius:2px;background:#f2f5f729}.di5 .sets__dot i{position:absolute;left:0;top:11px;height:2px;width:0;border-radius:2px;background:var(--press)}.di5 .sets__dot[aria-selected=true] i{width:100%}.di5 .sets__dot.run i{animation:di5-fill var(--set-dur) linear forwards}.di5.is-paused .sets__dot.run i{animation-play-state:paused}@keyframes di5-fill{0%{width:0}to{width:100%}}.di5 .sets__stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:12/9}.di5 .setcard{position:relative;display:block;border-radius:24px;border:1px solid var(--line);overflow:hidden;text-decoration:none;color:var(--ink);background:linear-gradient(#141922,#0e1116);transition:border-color .3s,transform .3s}.di5 .setcard:hover{border-color:#22d3ee73;transform:translateY(-3px)}.di5 .setcard--case{grid-row:1/3}.di5 .setcard--plate{grid-column:2/4}.di5 .spot{position:absolute;top:10px;right:10px;bottom:44px;left:10px;isolation:isolate;border-radius:18px;overflow:hidden;background:#11151c}.di5 .spot:before{content:"";position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#fff 0 70%,#ffffff8c 85%,#fff0)}.di5 .setcard--case .spot:before{width:104%;aspect-ratio:.66}.di5 .setcard--plate .spot:before{width:auto;height:128%;aspect-ratio:1.45}.di5 .setimg{position:absolute;left:7%;top:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transform:scale(.94);filter:blur(8px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease}.di5 .setcard--case .setimg{left:5%;width:90%;top:3%;height:94%}.di5 .setimg.on{opacity:1;transform:none;filter:none}.di5 .setcard__meta{position:absolute;left:16px;right:16px;bottom:12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;z-index:1}.di5 .setcard__meta b{font-family:var(--display);font-weight:400;font-size:16px;color:var(--press)}.di5 .setcard__meta .lbl{font-size:10px;letter-spacing:.2em}.di5 .sets__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(40px,5vw,72px) 0 0;border-top:1px solid var(--line)}.di5 .sets__stats div{padding:24px 20px 0 0;border-right:1px solid var(--line);margin:0}.di5 .sets__stats div+div{padding-left:24px}.di5 .sets__stats div:last-child{border-right:0}.di5 .sets__stats dt{font-family:var(--label);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.di5 .sets__stats dd{margin:8px 0 0;font-family:var(--display);font-size:clamp(26px,2.6vw,38px);color:var(--ink);line-height:1}.di5 .sets__stats div:first-child dd{color:var(--press)}@media(max-width:989px){.di5 .sets__wrap{grid-template-columns:minmax(0,1fr)}.di5 .sets__stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;aspect-ratio:auto;gap:10px}.di5 .setcard{aspect-ratio:1/1;border-radius:18px}.di5 .setcard--case{grid-row:auto}.di5 .setcard--plate{grid-column:auto}.di5 .sets__copy{display:contents}.di5 .sets__wrap{gap:0}.di5 .sets__copy>.kicker{order:1}.di5 .sets h1{order:2}.di5 .sets__stage{order:3;margin-top:24px}.di5 .sets__now{order:4;margin-top:20px;min-height:0}.di5 .sets__nav{order:5;margin-top:14px}.di5 .ctas{order:6}.di5 .sets__sub{order:7}.di5 .sets__dot{width:16px}.di5 .sets__dots{gap:3px;flex-wrap:nowrap}.di5 .spot{top:8px;right:8px;bottom:36px;left:8px}.di5 .setcard__meta{left:12px;right:12px;bottom:8px}.di5 .setcard__meta b{font-size:14px}.di5 .sets__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.di5 .sets__stats div{padding:18px 12px 18px 0;border-bottom:1px solid var(--line)}.di5 .sets__stats div:nth-child(2n){border-right:0;padding-left:16px}.di5 .sets__stats div:nth-child(odd){padding-left:0}}@media(max-width:560px){.di5 .sets h1{font-size:clamp(38px,11vw,52px)}.di5 .ctas .btn{flex:1 1 100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.di5 .setimg{transition:none;filter:none}.di5 .setcard{transition:none}}.di5 .hiw{padding:clamp(64px,8vw,120px) 0;background:linear-gradient(180deg,#0B0E13,var(--paper));border-block:1px solid var(--line)}.di5 .hiw ol{list-style:none;padding:0;margin:clamp(36px,4vw,56px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:st}.di5 .hiw li{counter-increment:st;border-top:1px solid var(--line2);padding-top:22px;position:relative}.di5 .hiw li:before{content:"0" counter(st);font-family:var(--label);font-size:11px;letter-spacing:.24em;color:var(--press);display:block;margin-bottom:18px}.di5 .hiw li:after{content:"";position:absolute;left:0;top:-1px;width:56px;height:1px;background:var(--grad)}.di5 .hiw h3{font-size:clamp(20px,1.8vw,26px);margin:0}.di5 .hiw p{color:var(--muted2);line-height:1.6;margin:12px 0 0;max-width:30em}.di5 .hiw .head p,.di5 .press p{color:var(--muted2);line-height:1.6}@media(max-width:760px){.di5 .hiw ol{grid-template-columns:minmax(0,1fr)}}.di5 .press{position:relative;padding:clamp(90px,12vw,170px) 0;text-align:center;overflow:hidden;background:radial-gradient(50% 70% at 20% 50%,rgba(34,211,238,.1),transparent 70%),radial-gradient(50% 70% at 85% 40%,rgba(236,72,153,.16),transparent 70%),var(--paper)}.di5 .press .kicker{justify-content:center}.di5 .press .kicker:after{content:"";width:36px;height:1px;background:var(--grad)}.di5 .press h2{font-size:clamp(34px,5vw,76px);line-height:.95;margin:22px auto 0;max-width:15em}.di5 .press p{max-width:34em;margin:22px auto 0;font-size:17px}.di5 .press__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;mix-blend-mode:screen;pointer-events:none}.di5 .press__art img{width:100%;height:100%;object-fit:cover}.di5 .press .wrap{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/di5.css.map */