.cfg{border-radius:var(--r);background:var(--paper);gap:1.4rem;padding:clamp(1rem,3vw,2.4rem);display:grid}.cfg-stage{border-radius:var(--r);background:radial-gradient(ellipse at 50% 80%, var(--white), var(--mist));place-items:center;min-height:15rem;display:grid}.cfg-stage svg{width:min(100%,44rem);height:auto}.cfg-stage path,.cfg-stage g{transition:fill .5s var(--ease), stroke .5s var(--ease), filter .4s}.cfg-p[data-on=true]{filter:drop-shadow(0 0 .35rem #2a38ffa6)}.cfg-panel{align-content:center;gap:1.1rem;display:grid}.cfg-parts{flex-wrap:wrap;gap:.4rem;display:flex}.cfg-parts button{background:var(--white);min-height:2.75rem;box-shadow:inset 0 0 0 1.5px var(--line);transition:background var(--t-fast), color var(--t-fast);border-radius:99px;align-items:center;gap:.5rem;padding:0 1rem 0 .7rem;font-weight:600;display:inline-flex}.cfg-parts button i{border-radius:50%;width:1.3rem;height:1.3rem;box-shadow:inset 0 0 0 1px #0e0e1640}.cfg-parts button[aria-selected=true]{background:var(--ink);color:var(--white)}.cfg-colors{flex-wrap:wrap;gap:.35rem;display:flex}.cfg-colors button{width:2.9rem;height:2.9rem;transition:box-shadow var(--t-fast);border-radius:50%;padding:.25rem;box-shadow:inset 0 0 0 1.5px #0000}.cfg-colors button span{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0e0e1633}.cfg-colors button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink)}.cfg-name{color:var(--muted);font-size:var(--fs-small)}.cfg-price{flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;font-size:1.8rem;display:flex}.cfg-price small{color:var(--muted);font-size:.85rem;font-weight:500}.cfg-cta{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:64rem){.cfg{grid-template-columns:1.3fr 1fr;align-items:center}.cfg-stage{min-height:24rem}}
.trail{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.hero{min-height:100svh;padding-top:calc(var(--header-h) + 2.2rem);transition:background .9s var(--ease-io);display:flex;position:relative;overflow:hidden}.hero-in{min-height:calc(100svh - var(--header-h) - 2.2rem);grid-template-rows:auto 1fr auto;gap:1rem;padding-bottom:clamp(1.4rem,3vw,2.4rem);display:grid}.hero-h1{letter-spacing:-.045em;z-index:3;font-size:clamp(2rem,min(5vw,8.5svh),4.6rem);font-weight:700;line-height:1.02;position:relative}.hero-h1 span{display:block}.hero-stage{min-height:11rem;position:relative}.hero-slide{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero-name{inset-inline:0;text-align:center;font-family:var(--font-display), sans-serif;letter-spacing:-.06em;color:#ffffff9e;white-space:nowrap;opacity:0;transition:opacity .7s, transform 1.1s var(--ease);font-size:clamp(5rem,24vw,24rem);font-weight:800;line-height:.8;position:absolute;top:50%;transform:translateY(-52%)scale(.92)}.hero-slide[data-on=true] .hero-name{opacity:1;transition-delay:.1s;transform:translateY(-52%)scale(1)}.hero-shoe{opacity:0;width:clamp(24rem,min(62vw,95svh),52rem);max-width:none;height:auto;transition:opacity .7s, transform 1.1s var(--ease);flex:none;position:relative;transform:translate(8%)rotate(-6deg)scale(.92)}.hero-slide[data-on=true] .hero-shoe{opacity:1;transition:opacity .7s .15s, transform .9s var(--ease);transform:none}.hero-foot{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.4rem;display:flex;position:relative}.hero-card{animation:hero-in .9s var(--ease) both;gap:.15rem;display:grid}@keyframes hero-in{0%{opacity:0;transform:translateY(1rem)}}.hero-title{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;font-size:clamp(1.6rem,min(3.4vw,5svh),3rem);font-weight:800;line-height:1.05}.hero-cta{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;display:flex}.hero-dots{gap:.7rem;display:flex}.hero-dot{width:3.4rem;height:3.4rem;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--t-fast);border-radius:50%;padding:.28rem;position:relative}.hero-dot span{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0e0e161a}.hero-dot i{opacity:0;border-radius:50%;position:absolute;inset:0}.hero-dot[data-on=true]{box-shadow:inset 0 0 0 2px var(--ink)}.hero-dot[data-on=true] i{opacity:1;background:conic-gradient(var(--ink) var(--p,0deg), transparent 0);animation:6s linear forwards hero-dot-run;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.hero-dot[data-paused=true] i{animation-play-state:paused}@property --p{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hero-dot-run{to{--p:360deg}}@media (min-width:48rem){.hero-stage{min-height:18rem}}
.mq{background:var(--ink);color:var(--white);padding-block:clamp(.9rem,2vw,1.4rem);overflow:hidden}.mq-track{width:max-content;animation:40s linear infinite mq-run;display:flex}.mq-row{flex:none;margin:0;padding:0;list-style:none;display:flex}.mq-row li{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:clamp(1.4rem,3.5vw,3rem);padding-right:clamp(1.4rem,3.5vw,3rem);font-size:clamp(1.4rem,3.4vw,2.8rem);font-weight:700;display:flex}.mq-row i{background:var(--tang);border-radius:50%;flex:none;width:.9rem;height:.9rem}@keyframes mq-run{0%{transform:translate(-50%)}to{transform:translate(0,0)}}
.at{border-radius:var(--r);background:var(--ink);color:var(--white);align-items:center;gap:2rem;padding:clamp(1.4rem,5vw,4.5rem);display:grid;overflow:hidden}.at-copy{justify-items:start;gap:1.3rem;display:grid}.at h2{max-width:11ch;font-size:clamp(2.2rem,5vw,4.4rem)}.at .lead{color:#ffffffc7}.at-list{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.2rem 1.4rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.at-list li{border-top:1px solid var(--line-dark);gap:.1rem;padding:.6rem 0;display:grid}.at-list span{color:#ffffffa6;font-size:var(--fs-small)}.at-frame{border-radius:var(--r-sm);background:var(--paper);transition:transform .9s var(--ease);display:block;overflow:hidden;transform:perspective(1400px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 80px -20px #0009,0 0 0 1px #ffffff1a}.at-frame:hover{transform:perspective(1400px)rotateY(0)rotateX(0)scale(1.01)}.at-frame i{background:var(--mist);gap:.4rem;padding:.7rem .9rem;display:flex}.at-frame i b{background:var(--line-strong);border-radius:50%;width:.65rem;height:.65rem}.at-frame img{width:100%;height:auto}@media (min-width:64rem){.at{grid-template-columns:1fr 1.15fr;gap:3rem}}
.cp{border-radius:var(--r);background:var(--cobalt);color:var(--white);align-items:center;gap:2rem;padding:clamp(1.4rem,5vw,4.5rem);display:grid;overflow:hidden}.cp-copy{justify-items:start;gap:1.4rem;display:grid}.cp h2{max-width:12ch;font-size:clamp(2.2rem,5.6vw,5rem)}.cp-steps{font-size:var(--fs-lead);gap:.3rem;margin:0;padding-left:1.3rem;display:grid}.cp-form{flex-wrap:wrap;align-items:flex-start;gap:.7rem;width:100%;display:flex}.cp-form .field{flex:16rem;max-width:26rem}.cp-form .field input{border-radius:99px;min-height:3.2rem;padding-inline:1.4rem}.cp small{color:var(--white);background:#0e0e1659;border-radius:99px;justify-self:start;padding:.2rem .7rem}.cp-sent{font-size:var(--fs-lead)}.cp-ticket{border-radius:var(--r);background:var(--paper);color:var(--ink);transition:transform .8s var(--ease);--notch:.9rem;-webkit-mask:radial-gradient(circle var(--notch) at 0 62%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 62%, transparent 98%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 62%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 62%, transparent 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 62%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 62%, transparent 98%, #000) right / 51% 100% no-repeat;gap:1rem;padding:1.4rem;display:grid;position:relative;transform:rotate(-2deg)}.cp-ticket[data-open=true]{transform:rotate(0)}.cp-body{border-bottom:2px dashed var(--line-strong);gap:.3rem;min-height:9rem;padding-bottom:1.2rem;display:grid;position:relative}.cp-small{font-size:var(--fs-small);color:var(--muted)}.cp-code{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--cobalt);align-self:center;font-size:clamp(2.2rem,7vw,4rem);font-weight:800}.cp-scratch{border-radius:var(--r-sm);touch-action:none;width:100%;height:calc(100% - 2.8rem);transition:opacity .6s;position:absolute;inset:1.6rem 0 1.2rem}.cp-scratch[data-gone=true]{opacity:0;pointer-events:none}.cp-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cp-burst{pointer-events:none;width:calc(100% + 4rem);height:calc(100% + 4rem);position:absolute;inset:-4rem -2rem 0}@media (min-width:64rem){.cp{grid-template-columns:1.1fr 1fr;gap:4rem}}
.ls{border-radius:var(--r);isolation:isolate;touch-action:pan-y;--ox:75%;--oy:50%;min-height:clamp(34rem,82svh,50rem);position:relative;overflow:hidden}.ls:focus-visible{outline-offset:-4px}.ls-slide{visibility:hidden;position:absolute;inset:0}.ls-slide[data-state=prev]{visibility:visible;z-index:1}.ls-slide[data-state=active]{visibility:visible;z-index:2;animation:ls-reveal 1s var(--ease-io) both}@keyframes ls-reveal{0%{clip-path:circle(0 at var(--ox) var(--oy))}to{clip-path:circle(160% at var(--ox) var(--oy))}}.ls-name{font-family:var(--font-display), sans-serif;letter-spacing:-.06em;color:#ffffff8c;white-space:nowrap;justify-content:center;font-size:clamp(5rem,24vw,22rem);font-weight:800;line-height:.85;display:flex;position:absolute;top:8%;left:0;right:0}.ls-name span{display:inline-block}.ls-slide[data-state=active] .ls-name span{animation:ls-letter 1s var(--ease) both;animation-delay:calc(.35s + var(--j) * 60ms)}@keyframes ls-letter{0%{opacity:0;transform:translateY(60%)}}.ls-shoe{width:clamp(22rem,56vw,50rem);height:auto;position:absolute;top:50%;left:58%;transform:translate(-50%,-46%)}.ls-slide[data-state=active] .ls-shoe{animation:ls-shoe 1.2s var(--ease) .2s both}@keyframes ls-shoe{0%{opacity:0;transform:translate(-30%,-46%)rotate(-12deg)scale(.86)}to{transform:translate(-50%,-46%)}}.ls-info{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;justify-items:start;gap:.35rem;max-width:16rem;padding:1rem 1.1rem;display:grid;position:absolute;bottom:clamp(1.1rem,4vw,3rem);left:clamp(1.1rem,4vw,3rem)}.ls-slide[data-state=active] .ls-info{animation:ls-info .9s var(--ease) .5s both}@keyframes ls-info{0%{opacity:0;transform:translateY(1.2rem)}}.ls-info h3{font-size:clamp(1.8rem,3.4vw,3rem)}.ls-info .btn{margin-top:.6rem}.ls-ui{z-index:5;align-items:center;gap:1.2rem;display:flex;position:absolute;bottom:clamp(1.1rem,4vw,3rem);right:clamp(1.1rem,4vw,3rem)}.ls-count{font-variant-numeric:tabular-nums;color:var(--ink-2)}.ls-count b{font-family:var(--font-display), sans-serif;color:var(--ink);font-size:1.8rem}.ls-arrows{gap:.4rem;display:flex}.ls-arrows button{background:var(--white);width:3.2rem;height:3.2rem;transition:background var(--t-fast), color var(--t-fast);border-radius:50%;font-size:1.2rem}.ls-arrows button:hover{background:var(--ink);color:var(--white)}.ls-next{display:none}@media (min-width:64rem){.ls-next{z-index:5;text-align:right;font-family:var(--font-display), sans-serif;justify-items:end;gap:.4rem;display:grid;position:absolute;top:clamp(1.1rem,4vw,3rem);right:clamp(1.1rem,4vw,3rem)}.ls-next span{aspect-ratio:4/3;border-radius:var(--r-sm);width:9rem;box-shadow:0 0 0 2px var(--white);transition:transform .6s var(--ease);place-items:center;display:grid;overflow:hidden}.ls-next:hover span{transform:scale(1.06)rotate(-2deg)}.ls-next img{width:100%;height:auto}}