.hl .s-prod{position:relative;isolation:isolate;background:var(--bg-2);padding-block:var(--sec)}.hl .s-prod__in{padding-inline:var(--pad)}.hl .s-prod__head{display:grid;gap:clamp(18px,2vw,28px);margin-bottom:clamp(36px,5vw,64px)}.hl .s-prod__head .tag{justify-self:start}.hl .s-prod__copy{max-width:44ch}.hl .s-prod__track{display:grid;gap:12px}.hl .s-prod__item{display:flex;min-width:0}.hl .s-prod__foot{margin-top:clamp(28px,4vw,48px)}.hl .s-prod__card{--sign:color-mix(in srgb,var(--accent) 78%,transparent);position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(36px,9vw,64px);padding:clamp(18px,1.6vw,28px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 9%,var(--bg-3)) 0,var(--bg-3) 46%);transition:border-color .35s var(--ease),translate .45s var(--ease),rotate .45s var(--ease)}.hl .s-prod__card:focus-visible,.hl .s-prod__card:hover{border-color:var(--accent)}.hl .s-prod__top{display:flex;align-items:center;gap:clamp(10px,1vw,16px)}.hl .s-prod__num{font-size:clamp(2rem,3vw,3.75rem);font-weight:300;line-height:1;letter-spacing:-.04em}.hl .s-prod__chip{padding:6px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);white-space:nowrap}.hl .s-prod__body{margin-top:auto;display:grid;gap:clamp(8px,.8vw,12px)}.hl .s-prod__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hl .s-prod__go{margin-top:.12em;font-size:1.25rem;color:var(--accent);transition:translate .35s var(--ease)}.hl .s-prod__card:focus-visible .s-prod__go,.hl .s-prod__card:hover .s-prod__go{translate:3px -3px}.hl .s-prod__text{max-width:46ch}.hl .s-prod__sign{position:relative;flex:none;margin-left:auto;width:clamp(40px,4vw,68px);aspect-ratio:1;transition:scale .45s var(--ease)}.hl .s-prod__sign:after,.hl .s-prod__sign:before{content:"";position:absolute}.hl .s-prod__card:focus-visible .s-prod__sign,.hl .s-prod__card:hover .s-prod__sign{scale:1.08}.hl .s-prod__sign--1,.hl .s-prod__sign--1:before{border:1px solid var(--sign);border-radius:50%}.hl .s-prod__sign--1:before{inset:22%}.hl .s-prod__sign--1:after{inset:43%;border-radius:50%;background:var(--accent)}.hl .s-prod__sign--2:before{inset:16.67% 0;background:radial-gradient(circle at 50% 50%,transparent 0 34%,var(--sign) 37% 44%,transparent 47%) 0 0 /33.34% 50%}.hl .s-prod__sign--2:after{left:11.67%;top:28.33%;width:10%;aspect-ratio:1;border-radius:50%;background:var(--accent)}.hl .s-prod__sign--3:after,.hl .s-prod__sign--3:before{top:17%;width:66%;aspect-ratio:1;border:1px solid var(--sign);border-radius:50%}.hl .s-prod__sign--3:before{left:0}.hl .s-prod__sign--3:after{right:0}.hl .s-prod__sign--4{background:linear-gradient(var(--sign),var(--sign)) 3% 50% /2px 26% no-repeat,linear-gradient(var(--sign),var(--sign)) 19% 50% /2px 58% no-repeat,linear-gradient(var(--accent),var(--accent)) 35% 50% /2px 100% no-repeat,linear-gradient(var(--sign),var(--sign)) 51% 50% /2px 44% no-repeat,linear-gradient(var(--sign),var(--sign)) 67% 50% /2px 76% no-repeat,linear-gradient(var(--sign),var(--sign)) 83% 50% /2px 36% no-repeat,linear-gradient(var(--sign),var(--sign)) 99% 50% /2px 18% no-repeat}.hl .s-prod__sign--5:before{inset:0;border:1px solid var(--sign);border-radius:5px;-webkit-mask:linear-gradient(var(--bg) 0 0) 0 0 /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 100% 0 /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 0 100% /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 100% 100% /30% 30% no-repeat;mask:linear-gradient(var(--bg) 0 0) 0 0 /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 100% 0 /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 0 100% /30% 30% no-repeat,linear-gradient(var(--bg) 0 0) 100% 100% /30% 30% no-repeat}.hl .s-prod__sign--5:after{inset:42%;border-radius:50%;background:var(--accent)}.hl .s-prod__sign--6:before{inset:0;border:1px solid var(--sign);border-radius:50%}.hl .s-prod__sign--6:after{inset:19%;border:1px dashed var(--sign);border-radius:50%}@media (min-width:768px){.hl .s-prod__track{grid-template-columns:repeat(2,minmax(0,1fr))}.hl .s-prod__card{min-height:264px;gap:40px}}@media (min-width:1024px){.hl .s-prod__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hl .s-prod__head{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;column-gap:clamp(32px,6vw,96px)}.hl .s-prod__head .tag{grid-column:1/-1}}.hl .s-prod.is-scene{padding-block:0;height:260vh}.hl .s-prod.is-scene .s-prod__in{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-rows:auto auto auto minmax(0,760px);align-content:center;column-gap:clamp(32px,6vw,96px);padding-block:calc(var(--hdr) + 10px) 20px}.hl .s-prod.is-scene .s-prod__head{display:contents}.hl .s-prod.is-scene .tag{grid-column:1/-1;grid-row:1;justify-self:start;margin-bottom:10px}.hl .s-prod.is-scene .s-prod__title{grid-column:1;grid-row:2/4;align-self:start;font-size:min(3.4vw,6.2vh,4rem)}.hl .s-prod.is-scene .s-prod__copy{grid-column:2;grid-row:2;max-width:none}.hl .s-prod.is-scene .s-prod__foot{grid-column:2;grid-row:3;align-self:end;margin-top:12px}.hl .s-prod.is-scene .s-prod__track{position:relative;grid-column:1/-1;grid-row:4;min-height:0;margin-top:clamp(16px,2.6vh,36px);grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(14px,1.2vw,24px)}.hl .s-prod.is-scene .s-prod__item{position:relative;opacity:1;translate:none;transition:none;will-change:transform}.hl .s-prod.is-scene .s-prod__item:focus-within,.hl .s-prod.is-scene .s-prod__item:hover{z-index:2}.hl .s-prod.is-scene .s-prod__card{min-height:0;gap:10px;padding:clamp(16px,1.4vw,26px);box-shadow:0 18px 40px color-mix(in srgb,var(--bg) 55%,transparent)}.hl .s-prod.is-scene .s-prod__sign{width:clamp(36px,3.4vw,64px)}.hl .s-prod.is-scene .s-prod__num{font-size:clamp(2rem,2.8vw,3.5rem)}.hl .s-prod.is-scene .s-prod__card:focus-visible,.hl .s-prod.is-scene .s-prod__card:hover{rotate:calc(var(--r, 0deg) * -1);translate:0 -6px}