.svc-row__head{position:sticky;top:var(--space-8);padding-top:64px}.svc-row .proj__h2{position:relative;top:auto;z-index:1}.svc-row__num{position:absolute;left:-10px;top:-14px;font-family:var(--font-display);font-weight:700;font-size:150px;line-height:1;letter-spacing:-.04em;color:transparent;background:linear-gradient(165deg,var(--green) 42%,rgba(156,255,170,.08) 100%);-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none}.svc-row__num::after{content:"";display:inline-block;width:.19em;height:.19em;margin-left:.03em;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--green),rgba(156,255,170,.55))}.svc-row__ico{position:relative;width:220px;height:170px;margin-top:var(--space-7);background:#fff}.svc-row__ico::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5px 5px,#cfcfca 1.2px,transparent 1.7px) 0 0/10px 10px;-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 100%);mask:radial-gradient(closest-side,#000 35%,transparent 100%)}.svc-row__ico .dico{position:absolute;left:var(--l);top:var(--t);width:auto;height:auto;max-width:none}.svc-row__ico .dico__o{stroke:#2ccf68}.svc-row__ico .dico__a{stroke:#9cffaa}.svc-row__ico .dico__x{stroke:#d3fbd9}
@media (max-width:1000px){.svc-row__head{position:relative;top:auto;padding-top:48px}.svc-row__num{font-size:112px;top:-10px;left:-6px}.svc-row__ico{margin-top:var(--space-5)}}
.deck{padding:var(--space-8) 0 0;position:relative;z-index:1}.deck__stage{position:relative;display:flex;align-items:center;min-height:410px}.deck__cards{flex:1}.deck__cards{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,230px));justify-content:center;gap:var(--space-6)}.dcard{position:relative;z-index:1;perspective:1400px;rotate:var(--r,0deg);translate:0 var(--y,0px);transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) scale(var(--ts,1));transition:rotate .7s cubic-bezier(.23,1,.32,1),translate .7s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),opacity .4s ease}.dcard.is-tilt{--ts:1.08;z-index:4;transition:rotate .7s cubic-bezier(.23,1,.32,1),translate .7s cubic-bezier(.23,1,.32,1),transform .18s ease-out}.dcard__face::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 45% at var(--mx,50%) var(--my,30%),rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 70%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s}.dcard.is-tilt .dcard__face::after{opacity:1}.deck__cards:has(.dcard.is-tilt) .dcard:not(.is-tilt){opacity:.45;--ts:.95}.dcard__inner{position:relative;aspect-ratio:5/7;transform-style:preserve-3d;rotate:y 0deg;transition:rotate .8s cubic-bezier(.23,1,.32,1),translate .35s cubic-bezier(.23,1,.32,1)}.dcard.is-flipped .dcard__inner{rotate:y 180deg}.dcard__back{transform:rotateY(0deg)}.dcard__face{visibility:hidden;transition:visibility 0s .12s}.dcard.is-flipped .dcard__face{visibility:visible}.dcard.is-flipped .dcard__back{visibility:hidden;transition:visibility 0s .12s}.dcard__face,.dcard__back{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 2px rgba(0,52,55,.14),0 6px 12px -4px rgba(0,52,55,.18),0 22px 40px -14px rgba(0,52,55,.42)}.dcard__back{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;background:radial-gradient(80% 60% at 78% 88%,rgba(156,255,170,.6) 0%,rgba(62,175,112,.28) 42%,rgba(0,52,55,0) 78%),linear-gradient(160deg,#021a24 0%,#003437 100%)}.dcard__back::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.12) 1px,transparent 1.5px);background-size:20px 20px}.dcard__back img{position:relative;width:40%;height:auto}.dcard__sig{position:relative;margin-top:16px;font-family:var(--font-mono);font-weight:500;font-size:10px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.dcard__back:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.dcard__face{rotate:y 180deg;display:flex;flex-direction:column;padding:12px;box-sizing:border-box;color:var(--tiber);background:radial-gradient(90% 45% at 92% 104%,rgba(156,255,170,.5) 0%,rgba(156,255,170,0) 75%),var(--creme)}.dcard__top{display:flex;align-items:center;justify-content:space-between;gap:8px;height:22px;margin:0 2px 10px}.dcard__top img{margin-right:auto}.dcard__top img{width:20px;height:auto;display:block}.dcard__no{font-family:var(--font-mono);font-weight:500;font-size:11px;line-height:1;letter-spacing:.08em;color:rgba(0,52,55,.62)}.dcard__art{position:relative;flex:none;height:40%;border-radius:8px;overflow:hidden;background:#f1f0eb}.dcard__ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dico{display:block;width:auto;height:74%;max-width:78%;overflow:visible}.dico path{fill:none;stroke-linecap:round}.dico__x{stroke:#d3fbd9;stroke-width:5.4}.dico__o{stroke:var(--green);stroke-width:5.4}.dico__a{stroke:#2ccf68;stroke-width:5.4}.dico__led{animation:dico-led 2.4s calc(var(--i) * .5s) steps(1) infinite}.dico__w{animation:dico-wave 3.4s calc(var(--i) * .13s) cubic-bezier(.45,0,.55,1) infinite}.dcard:not(.is-flipped) .dico__w{animation-play-state:paused}.dcard .dico{opacity:0;scale:.86;transition:opacity .4s .35s,scale .6s .35s cubic-bezier(.23,1,.32,1)}.dcard.is-flipped .dico{opacity:1;scale:1}.dcard:not(.is-flipped) .dico__led{animation-play-state:paused}.dcard__name{margin:14px 2px 0;min-height:2.2em;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.dcard__pitch{margin:6px 2px 0;font-size:13.5px;line-height:1.45;color:var(--ink-muted);text-wrap:pretty}.dcard__more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:auto 2px 2px;padding-top:10px;font-family:var(--font-mono);font-weight:500;font-size:12px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--tiber);text-decoration:none}.dcard__more svg{flex:none;transition:translate .3s cubic-bezier(.23,1,.32,1)}.dcard__more:hover svg,.dcard.is-flipped:hover .dcard__more svg{translate:3px 0}.dcard__face .dcard__more{position:static}.dcard__more::after{content:"";position:absolute;inset:0;z-index:2;border-radius:14px}.dcard__more:focus-visible{outline:none}.dcard__more:focus-visible::after{outline:2px solid var(--focus);outline-offset:-3px}.deck__cards>li:nth-child(1){--r:-4deg;--y:14px}.deck__cards>li:nth-child(2){--r:-1.3deg;--y:2px}.deck__cards>li:nth-child(3){--r:1.3deg;--y:2px}.deck__cards>li:nth-child(4){--r:4deg;--y:14px}.deck__cards>li.is-flipped{--r:0deg;--y:0px}
@media (hover:hover){.deck.is-open .dcard:not(.is-flipped):hover .dcard__inner{translate:0 -10px}}
.deck__hint{margin:var(--space-6) 0 0;text-align:center;font-size:15px;color:var(--ink-muted);opacity:0;transition:opacity .4s}.deck.is-open:not(.is-done) .deck__hint{opacity:1}.deck__pack{display:none;position:absolute;left:50%;top:50%;z-index:2;width:250px;height:390px;margin:-195px 0 0 -125px;padding:0;border:0;background:none;color:#fff;font:inherit;cursor:pointer;transform-origin:50% 100%}.deck__pack:focus-visible{outline:2px solid var(--focus);outline-offset:8px}.deck__flap,.deck__wrap{position:absolute;left:0;right:0;background:radial-gradient(90% 60% at 80% 88%,rgba(156,255,170,.7) 0%,rgba(62,175,112,.3) 42%,rgba(0,52,55,0) 78%),linear-gradient(160deg,#021a24 0%,#003437 100%);background-size:250px 390px}.deck__flap{top:0;height:52px;background-position:0 0;clip-path:polygon(0 8px,4% 0,8% 8px,12% 0,16% 8px,20% 0,24% 8px,28% 0,32% 8px,36% 0,40% 8px,44% 0,48% 8px,52% 0,56% 8px,60% 0,64% 8px,68% 0,72% 8px,76% 0,80% 8px,84% 0,88% 8px,92% 0,96% 8px,100% 0,100% 100%,0 100%)}.deck__flap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 11px)}.deck__wrap{top:52px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background-position:0 -52px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),96% 100%,92% calc(100% - 8px),88% 100%,84% calc(100% - 8px),80% 100%,76% calc(100% - 8px),72% 100%,68% calc(100% - 8px),64% 100%,60% calc(100% - 8px),56% 100%,52% calc(100% - 8px),48% 100%,44% calc(100% - 8px),40% 100%,36% calc(100% - 8px),32% 100%,28% calc(100% - 8px),24% 100%,20% calc(100% - 8px),16% 100%,12% calc(100% - 8px),8% 100%,4% calc(100% - 8px),0 100%);isolation:isolate}.deck__wrap::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.1) 1px,transparent 1.5px);background-size:20px 20px}.deck__shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;clip-path:inherit}.deck__shine::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 50%,rgba(255,255,255,0) 100%);translate:-120% 0;rotate:12deg;animation:deck-shine 5s 1s ease-in-out infinite}.deck__logo{width:104px;height:auto;margin-top:-24px}.deck__brand{font-family:var(--font-display);font-weight:700;font-size:36px;line-height:1;letter-spacing:-.025em}.deck__brand b{font-weight:inherit;color:var(--green)}.deck__tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}.deck__open{margin-top:var(--space-5);padding:14px 18px;background:var(--green);color:var(--tiber);font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
@media (scripting:none){.dcard__inner{rotate:y 180deg}.deck__hint{display:none}.dcard .dico{opacity:1;scale:1}.dcard__face{visibility:visible}.dcard__back{visibility:hidden}}
@media (scripting:enabled){.deck:not(.is-open) .deck__pack{display:block}.deck:not(.is-opening):not(.is-open) .deck__cards{visibility:hidden}.deck:not(.is-opening):not(.is-open) .deck__pack{animation:deck-wiggle 4.5s 1.5s ease-in-out infinite}.deck.is-opening .deck__pack{animation:deck-boom .62s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}.deck.is-opening .deck__cards>li{animation:deck-deal .9s cubic-bezier(.3,1.35,.6,1) both}}
@media (max-width:1000px){.deck{padding-top:var(--space-7)}.deck__cards{grid-template-columns:repeat(2,minmax(0,230px));gap:var(--space-5)}.deck__cards>li:nth-child(n){--r:0deg;--y:0px}}
@media (max-width:640px){.deck__cards{gap:var(--space-4)}.dcard__face{padding:8px}.dcard__top{height:16px;margin:0 2px 8px}.dcard__top img{width:15px}.dcard__no{font-size:10px}.dcard__rare{font-size:9px;padding:3px 6px}.dcard__art{height:46%;border-radius:6px}.dcard__pitch{display:none}.dcard__name{font-size:16px;margin-top:10px}.dcard__more{font-size:11px;gap:6px}.dcard__sig{font-size:8px;margin-top:10px}.deck__pack{width:220px;height:344px;margin:-172px 0 0 -110px}.deck__flap,.deck__wrap{background-size:220px 344px}}
@media (prefers-reduced-motion:reduce){.deck__pack,.deck__shine::before,.dico__led,.dico__w{animation:none!important}.dcard,.dcard__inner,.dcard__more svg,.dcard .dico{transition:none}.dcard.is-tilt{--ts:1;--tx:0deg;--ty:0deg}}
.dcard--rare .dcard__inner{transition:rotate .9s cubic-bezier(.65,0,.35,1),translate .35s cubic-bezier(.23,1,.32,1)}.dcard--rare.is-flipped .dcard__inner{animation:dcard-lift .9s cubic-bezier(.65,0,.35,1)}.dcard--rare .dcard__face{transition:visibility 0s .45s}.dcard--rare.is-flipped .dcard__back{transition:visibility 0s .45s}.dcard--rare .dico{transition-delay:.7s}.dcard--rare .dcard__face{color:#fff;background:radial-gradient(75% 55% at 80% 92%,rgba(156,255,170,.7) 0%,rgba(62,175,112,.32) 45%,rgba(0,52,55,0) 80%),radial-gradient(60% 45% at 10% 8%,rgba(144,141,255,.45) 0%,rgba(144,141,255,0) 75%),linear-gradient(160deg,#021a24 0%,#003437 100%);box-shadow:0 1px 2px rgba(0,52,55,.14),0 6px 12px -4px rgba(0,52,55,.2),0 22px 44px -12px rgba(44,207,104,.55)}.dcard--rare .dcard__name{color:#fff}.dcard--rare .dcard__pitch{color:rgba(255,255,255,.72)}.dcard--rare .dcard__more{color:var(--green)}.dcard--rare .dcard__no{color:rgba(255,255,255,.62)}.dcard--rare .dcard__art{background:rgba(0,0,0,.28)}.dcard__ico .dico{width:100%;height:100%;max-width:none}.dico__g{fill:#c4c4be}.dcard--rare .dico__g{fill:rgba(255,255,255,.22)}.dcard--rare .dico__x{stroke:rgba(156,255,170,.28)}.dcard:not(.dcard--rare) .dico__o{stroke:#2ccf68}.dcard:not(.dcard--rare) .dico__a{stroke:#9cffaa}.dcard__rare{white-space:nowrap;padding:4px 8px;background:var(--green);color:var(--tiber);font-family:var(--font-mono);font-weight:500;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase}.dcard__holo{position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(156,255,170,.28) 45%,rgba(255,255,255,.35) 50%,rgba(144,141,255,.3) 55%,rgba(255,255,255,0) 62%);translate:-60% 0;mix-blend-mode:screen}.dcard--rare.is-flipped .dcard__holo{animation:dcard-holo 3.2s .8s ease-in-out infinite}.dcard__face>*:not(.dcard__holo):not(.dcard__art):not(.dcard__more){position:relative}.dcard__burst{position:absolute;left:50%;top:42%;z-index:2;width:0;height:0;pointer-events:none}.dcard__burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--green);opacity:0;rotate:var(--a)}.dcard--rare.is-flipped .dcard__burst i{animation:dcard-burst .9s .8s cubic-bezier(.23,1,.32,1) both}.dcard--rare.is-flipped .dcard__burst i:nth-child(3n){background:#fff}.dcard--rare.is-flipped .dcard__burst i:nth-child(4n){background:var(--portage)}.dcard--rare.is-flipped{z-index:3}
@media (prefers-reduced-motion:reduce){.dcard--rare .dcard__holo,.dcard--rare .dcard__burst{display:none}.dcard--rare.is-flipped .dcard__inner{animation:none}}
@media (max-width:640px){.dcard__no{font-size:11px}.dcard__more{font-size:12px}.dcard__rare{font-size:10px}}
@keyframes dico-led{0%,70%{opacity:1}71%,85%{opacity:.25}}
@keyframes dico-wave{0%{opacity:.55}10%,66%{opacity:1}78%,100%{opacity:.55}}
@keyframes deck-shine{0%{translate:-120% 0}45%,100%{translate:300% 0}}
@keyframes deck-wiggle{0%,82%,100%{rotate:0deg}86%{rotate:-2.5deg}90%{rotate:2deg}94%{rotate:-1deg}}
@keyframes deck-boom{0%{scale:1;rotate:0deg}12%{rotate:-2deg}24%{rotate:2.5deg;scale:1.03}36%{rotate:-3deg;scale:1.05}48%{rotate:3deg;scale:1.07}60%{rotate:-1deg;scale:1.1;opacity:1}74%,100%{rotate:0deg;scale:1.32;opacity:0}}
@keyframes deck-deal{0%{translate:var(--dx) var(--dy);rotate:var(--sp,0deg);scale:.4;opacity:0}16%{opacity:1}100%{translate:0 var(--y,0px);rotate:var(--r,0deg);scale:1;opacity:1}}
@keyframes dcard-lift{0%{scale:1}50%{scale:1.1}100%{scale:1}}
@keyframes dcard-holo{0%{translate:-60% 0}55%,100%{translate:60% 0}}
@keyframes dcard-burst{0%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:calc(cos(var(--a)) * var(--d)) calc(sin(var(--a)) * var(--d));scale:.4}}
