.abc{--abc-pad:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));background:var(--paper);padding:clamp(90px,11vw,160px) 0 clamp(20px,3vw,40px);position:relative;overflow:hidden}.abc-wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.abc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px 40px;display:flex}.abc-title{font-size:clamp(52px,8.4vw,132px)}.abc-lead{max-width:24em;margin-top:22px}.abc-ctrl{justify-items:end;gap:10px;display:grid}.abc-hint{align-items:center;gap:6px;font-size:27px;line-height:1;display:flex;transform:rotate(-3deg)}.abc-hint svg{fill:none;width:74px;height:26px;stroke:var(--ink-blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.abc-ctrl__row{align-items:center;gap:10px;display:flex}.abc-count{font:800 52px/1 var(--f-display);color:var(--violet);font-variant-numeric:tabular-nums;align-items:baseline;margin-right:14px;font-stretch:75%;display:flex}.abc-count span{color:var(--ink-2);margin-left:2px;font-size:20px}.abc-arrow{border:1.5px solid var(--ink);width:62px;height:62px;color:var(--ink);cursor:pointer;transition:background .35s var(--ease), color .35s, transform .35s var(--ease), opacity .3s;background:0 0;border-radius:50%;place-items:center;display:grid}.abc-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:transform .35s var(--ease)}.abc-arrow[data-abc-prev] svg{transform:scaleX(-1)}.abc-arrow:hover:not(:disabled){background:var(--violet);border-color:var(--violet);color:#fff}.abc-arrow[data-abc-next]:hover:not(:disabled) svg{transform:translate(4px)}.abc-arrow[data-abc-prev]:hover:not(:disabled) svg{transform:scaleX(-1)translate(4px)}.abc-arrow:active:not(:disabled){transform:scale(.92)}.abc-arrow:disabled{opacity:.25;cursor:default}.abc-ruler{border-block:1px solid var(--line);margin-top:clamp(34px,4vw,56px);padding:6px 0;display:flex;position:relative}.abc-ruler__l{z-index:1;cursor:pointer;min-width:0;height:46px;font:800 19px/1 var(--f-display);color:#16122b3d;transition:color .35s var(--ease);background:0 0;border:0;border-radius:6px;flex:1 1 0;padding:0;font-stretch:80%;position:relative}.abc-ruler__l.is-on{color:var(--ink)}.abc-ruler__l.is-on:after{content:"";background:var(--violet-hi);border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:opacity .3s;position:absolute;bottom:5px;left:50%}.abc-ruler__l:hover{color:var(--violet-hi)}.abc-ruler__l.is-cur{color:#fff}.abc-ruler__l.is-cur:after{opacity:0}.abc-ruler__l:focus-visible{outline-offset:-2px}.abc-ruler__mark{z-index:0;background:var(--violet);pointer-events:none;border-radius:6px;width:0;height:46px;transition:opacity .3s;position:absolute;top:0;left:0}.abc-ruler__mark:after{content:"";border:6px solid #0000;border-top-color:var(--violet);width:0;height:0;margin-left:-6px;position:absolute;bottom:-13px;left:50%}.abc-ruler__mark.is-off{opacity:0}.abc-vp{-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;margin-top:clamp(14px,2vw,26px);position:relative;overflow:hidden}.abc-track{width:max-content;padding:40px var(--abc-pad) 30px;will-change:transform;gap:clamp(14px,1.6vw,24px);display:flex}.abc-vp.is-native{touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding-inline:var(--abc-pad);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.abc-vp.is-native::-webkit-scrollbar{display:none}.abc-vp.is-native .abc-track{will-change:auto}.abc-vp.is-native .abc-card{scroll-snap-align:start}.abc-card{--gx:50%;--gy:0%;transform-origin:50% 100%;flex:0 0 clamp(290px,27vw,400px);height:clamp(470px,37vw,560px);position:relative}.abc-card__in{isolation:isolate;background:var(--night);color:#fff;height:100%;transition:box-shadow .6s var(--ease);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 2px #16122b0f,0 34px 60px -34px #16122bb3}.abc-card:hover .abc-card__in,.abc-card:focus-within .abc-card__in{box-shadow:0 2px #16122b0f,0 60px 80px -40px #381e7cbf}.abc-card__ph{z-index:-1;position:absolute;inset:0;overflow:hidden}.abc-card__ph img{object-fit:cover;pointer-events:none;filter:brightness(.82)saturate(.9);width:124%;max-width:none;height:100%;transition:filter .8s var(--ease), scale 1.4s var(--ease);position:absolute;top:0;left:-12%;scale:1.02}.abc-card__ph:after{content:"";transition:opacity .8s var(--ease);background:linear-gradient(#0e0a1f59 0%,#0e0a1f00 26%,#0e0a1f8c 56%,#0e0a1ff5 100%);position:absolute;inset:0}.abc-card:hover .abc-card__ph img,.abc-card:focus-within .abc-card__ph img{filter:brightness(.6)saturate(1.05);scale:1.1}.abc-card__big{z-index:0;font:900 clamp(250px, 23vw, 360px)/.82 var(--f-display);color:#0000;-webkit-text-stroke:1.5px #fffc;pointer-events:none;transition:color .7s var(--ease), -webkit-text-stroke-color .5s;font-stretch:75%;position:absolute;top:3%;left:6%}.abc-card:hover .abc-card__big,.abc-card:focus-within .abc-card__big{color:#a996ff33;-webkit-text-stroke-color:var(--lilac)}.abc-card__glare{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx) var(--gy), #ffffffd9, #fff0 48%);transition:opacity .5s;position:absolute;inset:0}.abc-card:hover .abc-card__glare{opacity:1}.abc-card__no{z-index:2;font:700 17px/1 var(--f-display);color:#fff;font-stretch:85%;transition:color .4s;position:absolute;top:18px;right:20px}.abc-card__no i{opacity:.5;font-style:normal}.abc-card.is-cur .abc-card__no{color:var(--lilac)}.abc-card.is-cur .abc-card__big{-webkit-text-stroke-color:var(--lilac)}.abc-card--ask.is-cur .abc-card__big{-webkit-text-stroke-color:var(--violet)}.abc-card__body{z-index:2;padding:0 26px 26px;position:absolute;bottom:0;left:0;right:0}.abc-card__t{font:800 clamp(30px, 2.5vw, 40px)/.95 var(--f-display);text-transform:uppercase;text-wrap:balance;font-stretch:80%}.abc-card__txt{color:#ffffffc7;max-width:24em;margin-top:12px;font-size:15.5px;line-height:1.45}.abc-card__more{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}.abc-card__more-in{min-height:0;overflow:hidden}.abc-card:hover .abc-card__more,.abc-card:focus-within .abc-card__more{grid-template-rows:1fr}.abc-card__list{border-top:1px solid #fff3;gap:7px;margin:18px 0 0;padding:14px 0 0;font-size:15px;list-style:none;display:grid}.abc-card__list li{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);align-items:baseline;gap:10px;display:flex;transform:translateY(12px)}.abc-card__list li:before{content:"✓";color:var(--lilac);font-weight:700}.abc-card:hover .abc-card__list li,.abc-card:focus-within .abc-card__list li{opacity:1;transition-delay:calc(.12s + var(--d,0s));transform:none}.abc-card__list li:nth-child(2){--d:70ms}.abc-card__list li:nth-child(3){--d:.14s}.abc-card__go{height:52px;color:var(--violet);font:600 15px/1 var(--f-body);opacity:0;transition:opacity .5s var(--ease) .25s, transform .6s var(--ease) .25s, background .3s, color .3s;background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:20px;padding:0 24px;text-decoration:none;display:inline-flex;transform:translateY(14px)}.abc-card__go svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .35s var(--ease)}.abc-card:hover .abc-card__go,.abc-card:focus-within .abc-card__go{opacity:1;transform:none}.abc-card__go:hover{background:var(--lilac);color:var(--night)}.abc-card__go:hover svg{transform:translate(5px)}.abc-card__go:focus-visible{outline-color:var(--lilac)}.abc-card--ask .abc-card__in{color:var(--ink);background-color:var(--kraft)}.abc-ask__big{-webkit-text-stroke:1.5px #16122b80;font-size:clamp(230px,20vw,320px);top:92px;left:auto;right:-3%;overflow:hidden}.abc-ask__big span{display:block}.abc-card--ask:hover .abc-ask__big{color:#381e7c1f;-webkit-text-stroke-color:var(--violet)}.abc-card--ask .abc-card__no,.abc-card--ask.is-cur .abc-card__no{color:var(--ink)}.abc-ask__note{z-index:2;transform-origin:0;font-size:27px;line-height:1.05;position:absolute;top:20px;left:24px;right:84px;transform:rotate(-4deg)}.abc-ask__stamp{z-index:3;fill:none;width:92px;height:92px;stroke:var(--violet-hi);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;mix-blend-mode:multiply;position:absolute;bottom:20px;right:22px;transform:rotate(-12deg)}.abc-ask__stamp circle:last-of-type{stroke-dasharray:4 5;stroke-width:2px}.abc-card--ask .abc-card__txt{color:#3d2c17}.abc-ask__btn{margin-top:22px}@media (hover:none),(pointer:coarse){.abc-card__more{grid-template-rows:1fr}.abc-card__list li,.abc-card__go{opacity:1;transform:none}.abc-card__ph img{filter:brightness(.66)saturate()}.abc-vp{cursor:auto}}@media (max-width:760px){.abc-head{align-items:flex-start}.abc-ctrl{justify-items:start;width:100%}.abc-ctrl__row{width:100%}.abc-count{margin-right:auto;font-size:42px}.abc-arrow{width:52px;height:52px}.abc-hint{order:2;font-size:24px}.abc-ruler{grid-template-columns:repeat(11,1fr);row-gap:2px;display:grid}.abc-ruler__l{height:40px;font-size:17px}.abc-ruler__mark{height:40px}.abc-ruler__mark:after{display:none}.abc-card{flex-basis:min(82vw,340px);height:540px}.abc-card__big{font-size:250px}.abc-card__body{padding:0 20px 20px}.abc-card__t{font-size:30px}.abc-card__txt{font-size:15px}.abc-card__list{margin-top:14px;padding-top:12px;font-size:14.5px}.abc-card__go{height:48px;margin-top:16px}.abc-track{padding-block:28px 36px}}@media (prefers-reduced-motion:reduce){.abc-card *,.abc-ruler__l,.abc-arrow{transition:none!important}}