html,body{height:100%}body.gate-body{overflow:hidden;background:#050505}.gate{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:radial-gradient(ellipse at 50% 120%,#161413,#070707 55%,#030303)}.gate__crowd{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2.4s var(--ease)}.gate[data-state="1"] .gate__crowd{opacity:.18}.gate[data-state="2"] .gate__crowd{opacity:1}.gate[data-state=cut] .gate__crowd{opacity:0;transition-duration:.15s}.gate[data-state="3"] .gate__crowd,.gate[data-state="4"] .gate__crowd{opacity:.12}.gate__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.85) 100%)}.gate__corner{position:absolute;z-index:5;display:flex;gap:22px;align-items:center}.gate__corner--tl{top:clamp(20px,3.5vw,44px);left:var(--gutter)}.gate__corner--tr{top:clamp(20px,3.5vw,44px);right:var(--gutter);font-variant-numeric:tabular-nums}.gate__corner--bl{bottom:clamp(20px,3.5vw,44px);left:var(--gutter)}.gate__corner--br{bottom:clamp(20px,3.5vw,44px);right:var(--gutter)}.gate__dot{width:6px;height:6px;border-radius:50%;background:#b33a3a;margin-right:12px;display:inline-block;animation:gate-blink 2s steps(1) infinite}@keyframes gate-blink{50%{opacity:0}}.gate__link{background:none;border:0;padding:4px 0;cursor:pointer;transition:color .3s}.gate__link:hover{color:var(--ink)}.gate[data-state="3"] [data-skip],.gate[data-state="4"] [data-skip],.gate[data-state=cut] [data-skip]{display:none}.gate__act{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px var(--gutter);text-align:center;opacity:0;visibility:hidden;transition:opacity 1.2s var(--ease),visibility 0s linear 1.2s}.gate__act.is-active{opacity:1;visibility:visible;transition:opacity 1.6s var(--ease) .2s,visibility 0s}.gate__logo{width:clamp(80px,11vw,140px);height:auto;opacity:0;filter:blur(24px);transform:scale(1.15);transition:opacity 3s var(--ease),filter 3s var(--ease),transform 4s var(--ease)}.gate__act--signal.is-active .gate__logo{opacity:.95;filter:blur(0);transform:scale(1)}.gate__lines{position:relative;height:3.2em;width:100%;margin-top:clamp(40px,6vw,70px);font-size:clamp(24px,3.4vw,46px)}.gate__line{position:absolute;left:0;right:0;top:0;margin:0;font-family:var(--f-serif);font-style:italic;color:var(--ink);opacity:0;filter:blur(8px);transform:translateY(10px);transition:opacity 1.1s var(--ease),filter 1.1s var(--ease),transform 1.4s var(--ease)}.gate__line.is-on{opacity:1;filter:blur(0);transform:none}.gate__line.is-off{opacity:0;filter:blur(6px);transform:translateY(-10px)}.gate__act--crowd{justify-content:flex-start;padding-top:clamp(100px,16vh,180px);pointer-events:none}.gate__act--crowd.is-active{pointer-events:auto;cursor:grab}.gate__act--crowd.is-holding{cursor:grabbing}.gate__crowd-title{font-size:clamp(44px,8.5vw,150px);max-width:14ch;transition:opacity .8s var(--ease),letter-spacing 2s var(--ease)}.gate__act--crowd.is-holding .gate__crowd-title{opacity:.25;letter-spacing:.02em}.gate__hold{margin-top:clamp(26px,5vh,56px);display:flex;flex-direction:column;align-items:center;gap:18px}.gate__hold-btn{position:relative;width:74px;height:74px;border-radius:50%;border:0;background:transparent;cursor:inherit;display:grid;place-items:center;padding:0;touch-action:none}.gate__hold-btn svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.gate__hold-btn span{font-family:var(--f-mono);font-size:20px;color:var(--ink);transition:transform .6s var(--ease)}.gate__act--crowd.is-holding .gate__hold-btn span{transform:translate(-6px);color:#c24848}.gate__ring-bg{fill:none;stroke:#ece8e12e;stroke-width:1}.gate__ring{fill:none;stroke:#b33a3a;stroke-width:2;stroke-dasharray:188.5;stroke-dashoffset:188.5}.gate__hold-btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(236,232,225,.12);animation:gate-pulse 2.4s var(--ease) infinite}.gate__act--crowd.is-holding .gate__hold-btn:after{animation:none;opacity:0}@keyframes gate-pulse{0%{transform:scale(.85);opacity:1}to{transform:scale(1.5);opacity:0}}.gate__progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(56px,8vh,80px);height:1px;background:#ece8e114}.gate__progress span{position:absolute;right:0;top:0;height:1px;width:0;background:#b33a3a;box-shadow:0 0 12px #b33a3a99}.gate__act--cut{background:#030303;transition:none}.gate__act--cut.is-active{transition:none}.gate__cut{font-size:clamp(90px,22vw,380px);margin:0;transform:scale(1.08);opacity:0}.gate__act--cut.is-active .gate__cut{animation:gate-cut 2.6s var(--ease) forwards}@keyframes gate-cut{0%{opacity:0;transform:scale(1.14);letter-spacing:.06em}12%{opacity:1}to{opacity:1;transform:scale(1);letter-spacing:-.005em}}.gate__list{max-width:760px;width:100%}.gate__list-title{font-size:clamp(64px,12vw,190px);margin:22px 0}.gate__list-text{font-size:clamp(20px,2vw,26px);max-width:520px;margin:0 auto 44px;line-height:1.4}.gate__form{max-width:560px;margin:0 auto}.gate__form .gs-society__form{background:#05050599;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gate__form .btn{white-space:nowrap}.gate__error{color:#d06060!important;margin-top:16px}.gate__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 40px;margin-top:40px}.gate__meta b{color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}.gate__act--list>.gate__list>*{opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.gate__act--list.is-active>.gate__list>*{opacity:1;transform:none}.gate__act--list.is-active>.gate__list>:nth-child(2){transition-delay:.2s}.gate__act--list.is-active>.gate__list>:nth-child(3){transition-delay:.5s}.gate__act--list.is-active>.gate__list>:nth-child(4){transition-delay:.8s}.gate__act--list.is-active>.gate__list>:nth-child(5){transition-delay:1.1s}.gate__card-intro{margin:0 0 34px;color:#c24848}.gate__card-wrap{perspective:1200px;width:min(580px,100%)}.gate__card{position:relative;text-align:left;aspect-ratio:1.586;padding:clamp(18px,3.4vw,30px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at var(--gx, 30%) var(--gy, 20%),rgba(236,232,225,.1),transparent 55%),repeating-linear-gradient(135deg,rgba(236,232,225,.018) 0 2px,transparent 2px 6px),linear-gradient(160deg,#1a1918,#0b0b0b 70%);border:1px solid rgba(236,232,225,.16);box-shadow:0 40px 80px -20px #000000e6,inset 0 1px #ece8e114;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s var(--ease)}.gate__card-wrap{opacity:0}.gate__act--card.is-active .gate__card-wrap{animation:gate-card 1.8s var(--ease) .3s forwards}@keyframes gate-card{0%{opacity:0;transform:translateY(40px) rotateX(24deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}.gate__card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(236,232,225,.06);pointer-events:none}.gate__card-top{display:flex;justify-content:space-between;align-items:flex-start}.gate__card-top img{width:clamp(34px,6vw,46px);height:auto;opacity:.9}.gate__card-top .label{text-align:right;font-size:9px;line-height:1.7}.gate__card-no{display:flex;align-items:baseline;gap:14px}.gate__card-no b{font-family:var(--f-display);font-weight:400;font-size:clamp(38px,9vw,70px);line-height:.9;letter-spacing:.02em;color:var(--ink);text-transform:uppercase;overflow-wrap:anywhere;min-width:0}.gate__card-grid{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px}.gate__card-grid div{display:grid;gap:3px}.gate__card-grid .label{font-size:8px;color:var(--ink-3)}.gate__card-grid span:last-child{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.gate__card-foot{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid rgba(236,232,225,.1);padding-top:8px;color:var(--ink-3)}.gate__card-msg{font-size:clamp(22px,2.4vw,30px);margin:40px 0 0;opacity:0;transition:opacity 1.4s var(--ease) 1.8s}.gate__act--card.is-active .gate__card-msg{opacity:1}@media(max-width:480px){.gate__card-grid{grid-template-columns:repeat(2,auto)}.gate__card{aspect-ratio:auto;min-height:230px;gap:16px}}.gate__secret{position:absolute;left:var(--gutter);right:var(--gutter);top:50%;z-index:15;margin:0;transform:translateY(-50%);text-align:center;pointer-events:none;font-size:clamp(40px,7vw,120px);color:#b33a3a;mix-blend-mode:screen;opacity:0;filter:blur(14px);transition:opacity 1s var(--ease),filter 1.4s var(--ease)}.gate__secret.is-on{opacity:1;filter:blur(0)}@media(max-width:640px){.gate__corner--br{flex-direction:column;align-items:flex-end;gap:6px}.gate__corner--bl{display:none}.gate__act{padding-top:80px;padding-bottom:110px}.gate__form .gs-society__form{flex-direction:column}.gate__form .gs-society__form input{min-height:54px}.gate__form .gs-society__form .btn{border-left:0;border-top:1px solid var(--ink-3)}}@media(prefers-reduced-motion:reduce){.gate *,.gate *:before,.gate *:after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}.gate__card-wrap{opacity:1}}.gate__secret{font-family:var(--f-serif);font-style:italic;text-transform:none;font-size:clamp(30px,4.6vw,72px);line-height:1.15;color:#d24a4a}
/*# sourceMappingURL=/cdn/shop/t/27/assets/gate.css.map */