@font-face{font-family:Gloock;font-weight:400;font-style:normal;font-display:swap;src:url(/app/gloock-400.b862aac1a1.woff2) format("woff2")}:root{--field: #2630D9;--cream: #F6EFDC;--ink: #16132E;--pale: #F2EAD3;--shade: 9, 8, 64;--weave: repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 4px);--serif: "Gloock", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ground: #141210;--ground-2:#1C1916;--l-cream: #EDE4D3;--soft: #B8AD98;--champ: 201, 179, 138;--champ-hi:#DCC9A3;--hush: #CFCCDF}*{box-sizing:border-box}html,body{overscroll-behavior:none}html{background:var(--field);-webkit-text-size-adjust:100%}body{margin:0;color:var(--cream);background:var(--field);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#door{position:relative;height:100vh;height:100svh;min-height:360px;display:flex;flex-direction:column;overflow:hidden;background:var(--field)}.mast,.foot{position:relative;z-index:10;flex:none;background:var(--field);padding-left:max(20px,calc(50% - 280px));padding-right:max(20px,calc(50% - 280px))}.mast{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center}.mast .motionToggle{margin-left:auto;margin-right:-12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--cream);cursor:pointer}.mast .motionToggle svg{width:16px;height:16px}.mast .motionToggle[hidden]{display:none}.mast .motionToggle:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.wordmark{margin:0;font:400 21px/1 var(--serif);letter-spacing:.01em;color:var(--cream)}.window{position:relative;flex:1;min-height:0;z-index:1}.stack{position:absolute;font-size:clamp(11px,min(4.1026vw,calc((100vh - 210px) / 12)),20px);font-size:clamp(11px,min(4.1026vw,calc((100svh - 210px) / 12)),20px);width:33.75em;left:calc(50% - 16.875em);top:calc(50% - 30.875em);transform:rotate(-4deg);transform-origin:16.875em 30.875em;-webkit-user-select:none;user-select:none}.vol{position:relative;z-index:1;display:flex;align-items:center;gap:.75em;width:33.75em;height:var(--h);margin:0 0 .1875em;padding:0 5.9375em 0 calc(4.6875em + var(--x));background-color:var(--cloth);background-image:var(--weave);color:var(--foil);box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:translate .26s cubic-bezier(.2,.9,.3,1.25),box-shadow .26s ease}.vol.r{flex-direction:row-reverse;padding:0 calc(4.6875em + var(--x)) 0 5.9375em}.vol.cream{--foil: var(--cream)}.vol.ink{--foil: var(--ink)}.vname{flex:none;font:400 var(--fs)/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.vrule{flex:1}.vnum{flex:none;font:400 .875em/1 var(--serif);letter-spacing:.14em;white-space:nowrap}.vring{flex:none;width:.5625em;height:.5625em;border:1.5px solid currentColor;border-radius:50%}.vtag{position:absolute;top:-1.25em;right:7.9167em;display:none;align-items:center;height:2em;padding:0 .8333em;border-radius:1em;background:var(--foil);color:var(--cloth);font:700 .75em/1 var(--sans);letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px rgba(var(--shade),.35)}.vol.r .vtag{right:auto;left:7.9167em}.vol.touched{z-index:2;translate:.625em .5625em;box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024,-4px 8px rgba(var(--shade),.42)}.vol.touched .vtag{display:inline-flex}html.moving .vol.touched .vtag{animation:cueIn .22s cubic-bezier(.2,.8,.2,1) both}.pullSlot{position:relative;z-index:3;height:8em;margin:0 0 .1875em}.pull{position:absolute;inset:0;transform-origin:16.875em 4em;transition:transform .48s cubic-bezier(.2,.9,.25,1.12)}.pale{position:relative;width:33.75em;height:8em;padding:.875em 6.3125em 0 5.9375em;background-color:var(--pale);background-image:var(--weave);color:var(--ink);box-shadow:inset 0 3px #16132e1a,inset 0 -3px #16132e1a,0 0 rgba(var(--shade),0);transition:box-shadow .48s ease}.blankLine{display:flex;align-items:flex-end;height:4.75em}.the{flex:none;margin:0 .21875em -1px 0;font:400 4em/1 var(--serif);letter-spacing:.01em;text-transform:uppercase}.win{position:relative;display:block;flex:1;height:4.75em;overflow:hidden}.win:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink)}.reel{position:absolute;left:0;right:0;top:0;display:block}.reel .row{display:flex;align-items:flex-end;height:4.75em;padding-bottom:var(--pb, 0)}.reel .nm{font:400 var(--fs)/1 var(--serif);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.stamp{position:absolute;inset:.375em 0 .5em;display:none}.stamp i{position:absolute;width:.875em;height:.875em;border:0 solid var(--ink)}.stamp i:nth-child(1){left:2px;top:2px;border-left-width:2px;border-top-width:2px}.stamp i:nth-child(2){right:2px;top:2px;border-right-width:2px;border-top-width:2px}.stamp i:nth-child(3){left:2px;bottom:6px;border-left-width:2px;border-bottom-width:2px}.stamp i:nth-child(4){right:2px;bottom:6px;border-right-width:2px;border-bottom-width:2px}#door.stamped .stamp{display:block}.lede{margin:.714em 0 0;font:500 .875em/1.2857 var(--sans);letter-spacing:.01em;color:var(--ink)}.cue{position:absolute;right:8.4167em;bottom:.6667em;display:none;align-items:center;gap:.5em;height:2.1667em;padding:0 .9167em 0 1em;border-radius:1.0833em;background:var(--ink);color:var(--cream);font:600 .75em/1 var(--sans);letter-spacing:.06em;pointer-events:none}.cue svg{width:1.1667em;height:1.1667em}html.js .cue{display:inline-flex}#door.pulled .cue,#door.dragging .cue{display:none}.pullBtn{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.pullBtn:focus-visible{outline:3px solid var(--ink);outline-offset:-7px}#door.dragging .pullBtn{cursor:grabbing}#door.pulled .pull{transform:translate(.375em,1.875em) rotate(2.4deg) scale(1.035)}#door.pulled .pale{box-shadow:inset 0 3px #16132e1a,inset 0 -3px #16132e1a,-.375em 1.125em rgba(var(--shade),.45)}#door.dragging .pull,#door.dragging .pale{transition:none}html:not(.moving):not(.frozen) #door:not(.pulled) .pull{transform:translate(.625em,1.125em) rotate(1.4deg) scale(1.02)}html:not(.moving):not(.frozen) #door:not(.pulled) .pale{box-shadow:inset 0 3px #16132e1a,inset 0 -3px #16132e1a,-.25em .6875em rgba(var(--shade),.42)}html:not(.moving) .pull,html:not(.moving) .pale,html:not(.moving) .vol,html:not(.moving) .begin{transition:none}html.intro .vol.fromL{animation:volInL .64s cubic-bezier(.2,.8,.2,1) var(--d) both}html.intro .vol.fromR{animation:volInR .64s cubic-bezier(.2,.8,.2,1) var(--d) both}html.intro .reel{animation:roll 1.25s cubic-bezier(.5,.02,.12,1) 1.15s both}html.intro .cue{animation:cueIn .38s cubic-bezier(.2,.8,.2,1) 2.45s both,cueBob 1.6s ease-in-out 2.85s 1}html.intro #door:not(.pulled) .pale{animation:twitch 1.6s ease-in-out 2.9s 1}html.moving #door.rollA .reel{animation:roll 1s cubic-bezier(.5,.02,.12,1) both}html.moving #door.rollB .reel{animation:rollAgain 1s cubic-bezier(.5,.02,.12,1) both}html.moving #door.stamped .stamp{animation:stamp .34s cubic-bezier(.3,.7,.3,1.2) both}@keyframes volInL{0%{transform:translate(-9.375em)}to{transform:none}}@keyframes volInR{0%{transform:translate(9.375em)}to{transform:none}}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(-80.75em)}}@keyframes rollAgain{0%{transform:translateY(0)}to{transform:translateY(-80.75em)}}@keyframes cueIn{0%{opacity:0;transform:translate(-.6667em,-.6667em)}to{opacity:1;transform:none}}@keyframes cueBob{0%,to{transform:none}50%{transform:translate(.25em,.25em)}}@keyframes twitch{0%,64%,to{translate:0 0}76%{translate:.4375em .75em}88%{translate:.0625em .125em}}@keyframes stamp{0%{opacity:0;transform:scale(1.16)}55%{opacity:1;transform:scale(.97)}to{opacity:1;transform:none}}.foot{padding-top:22px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.steps{margin:0 0 20px;font-size:16px;line-height:22px;font-weight:500;letter-spacing:.005em}.begin{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;padding:0 20px 0 22px;border:2px solid var(--pale);border-radius:4px;background:var(--pale);color:var(--ink);font-size:18px;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:0 6px rgba(var(--shade),.45);-webkit-tap-highlight-color:transparent;transition:background-color .36s ease,color .36s ease,border-color .36s ease,box-shadow .36s ease}html.moving #door:not(.stamped) .begin{background:transparent;color:var(--cream);border-color:#f6efdce6;box-shadow:0 0 rgba(var(--shade),0)}.begin:active{translate:0 2px}.begin:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.calm{position:relative;min-height:100vh;min-height:100svh;margin:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--cream);background:var(--field)}.ln{display:block}.lyric{margin:0;font-family:var(--serif);font-weight:400;text-wrap:balance}.c3{gap:.5rem;padding:10vh 0}.c3:before,.c3:after,.c3 .lyric,.c3 .answer{width:calc(100% + 24vw);margin-left:-12vw;transform:rotate(-4deg);background-image:var(--weave);box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024}.c3:before,.c3:after{content:"";height:clamp(40px,9vw,84px)}.c3:before{background-color:#f3c21f}.c3:after{background-color:#0e7a53}.c3 .lyric{padding:clamp(28px,5vw,64px) calc(12vw + clamp(20px,6vw,96px));background-color:#b3173a;color:var(--cream);font-size:clamp(30px,7.6vw,96px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase}.c3 .lyric .ln+.ln{margin-top:.32em;font-size:.62em;line-height:1.08}.c3 .answer{margin-top:0;padding:clamp(24px,4vw,52px) calc(12vw + clamp(20px,6vw,96px));background-color:var(--pale);color:var(--ink);text-align:right;font:600 clamp(18px,4.4vw,34px)/1.3 var(--sans);letter-spacing:.005em}.close{--c-gut: clamp(20px, 6vw, 96px);--c-strip: max(clamp(160px, 30vh, 320px), 12vw);padding:14vh var(--c-gut) 0;justify-content:flex-start}.close .lyric{max-width:15ch;font-size:clamp(40px,10.4vw,128px);line-height:.98;letter-spacing:.005em;text-transform:uppercase;color:var(--cream)}.sub{margin:clamp(22px,4vh,40px) 0 0;font:500 clamp(16px,2.2vw,20px)/1.4 var(--sans);color:var(--cream)}.close:after{content:"";display:block;width:calc(100% + 24vw + 2 * var(--c-gut));height:var(--c-strip);margin:auto 0 0 calc(-12vw - var(--c-gut));transform:rotate(-4deg) translateY(30%);background-image:var(--weave),linear-gradient(180deg,#17503a 0 6.25%,#bba2f5 0 12.5%,#b3173a 0 18.75%,#f3c21f 0 25%,#4f1e63 0 31.25%,#ff7466 0 37.5%,#0e7a53 0 43.75%,#93cdf2 0 50%,#ec5537 0 56.25%,#c9e03e 0 62.5%,#17142b 0 68.75%,#f4a3c0 0 75%,#0c7672 0 81.25%,#f27420 0 87.5%,#c2216f 0 93.75%,#d49a17 0 100%)}.btn{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:58px;margin-top:clamp(28px,5vh,48px);padding:0 34px;border:2px solid var(--pale);border-radius:4px;background:var(--pale);color:var(--ink);font:600 18px/1 var(--sans);letter-spacing:.01em;text-decoration:none;box-shadow:0 6px rgba(var(--shade),.45)}.btn:active{translate:0 2px}.btn:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.fine{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 32px;margin-top:12px}.age,.corner{margin:0;font:400 14px/1.4 var(--sans);letter-spacing:.01em;color:var(--hush)}.age{font-style:italic}.legal{margin:0;font:400 14px/1.4 var(--sans);letter-spacing:.01em;word-spacing:1em;color:var(--hush);isolation:isolate;pointer-events:none}.legal a{position:relative;pointer-events:auto;color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.legal a:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.legal a:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px;z-index:-1}.ways{justify-content:flex-start;padding:10vh 0 0}.ways .ltitle{margin:0 0 clamp(16px,3vh,32px);padding:0 clamp(20px,6vw,96px);font-size:clamp(34px,min(6.4vw,8vh),96px);line-height:1;letter-spacing:.01em;text-transform:uppercase}.ways .items{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.ways .item,.ways .tail{width:calc(100% + 24vw);margin-left:-12vw;transform:rotate(-4deg);background-color:var(--cloth);background-image:var(--weave);box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024}.ways .item{padding:clamp(10px,1.6vh,18px) calc(12vw + clamp(20px,6vw,96px));color:var(--foil);font:400 clamp(20px,min(2.6vw,3.6vh),44px)/1.05 var(--serif);letter-spacing:.01em;text-transform:uppercase}.list.ways .item:nth-child(6n+1){--cloth: #0A6A66;--foil: var(--cream)}.list.ways .item:nth-child(6n+2){--cloth: #F4A3C0;--foil: var(--ink)}.list.ways .item:nth-child(6n+3){--cloth: #17503A;--foil: var(--cream)}.list.ways .item:nth-child(6n+4){--cloth: #F27420;--foil: var(--ink)}.list.ways .item:nth-child(6n+5){--cloth: #B81E69;--foil: var(--cream)}.list.ways .item:nth-child(6n){--cloth: #BBA2F5;--foil: var(--ink)}.ways .item{box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024,0 2px 3px #00000024,0 12px 22px -10px #0000006b}.list.ways .item:nth-child(6n+1){border-radius:22px 4px}.list.ways .item:nth-child(6n+2){border-radius:4px 26px}.list.ways .item:nth-child(6n+3){border-radius:999px}.list.ways .item:nth-child(6n+4){border-radius:3px}.list.ways .item:nth-child(6n+5){border-radius:28px 28px 6px 6px}.list.ways .item:nth-child(6n){border-radius:6px 6px 30px 30px}.ways .more{margin:clamp(18px,3.4vh,36px) 0 0;padding:0 clamp(20px,6vw,96px);font:500 clamp(16px,2vw,20px)/1.4 var(--sans);color:var(--cream)}.ways .tail{display:block;flex:1 1 0;min-height:48px;margin-top:clamp(18px,3vh,32px);margin-bottom:-10vw;--cloth: #17142B}html.orbit .ways{display:grid;grid-template-columns:100%;grid-template-rows:var(--ring-h) auto minmax(48px,1fr);--ring-h: calc(2 * var(--ry) + .68 * var(--sh) + 12px);--sh: calc(var(--lines) * 1.04 * var(--way) + 2 * var(--spad-y))}html.orbit .ways .ltitle{grid-area:1 / 1;align-self:center;justify-self:center;position:relative;z-index:5;margin:0;max-width:calc(2 * var(--rx));text-align:center;transform:translateY(calc(-.16 * var(--sh) - 6px))}html.orbit .ways .items{grid-area:1 / 1;position:relative;display:block;height:100%;margin:0}html.orbit .ways .item{position:absolute;left:50%;top:calc(50% - .16 * var(--sh));display:flex;align-items:center;width:var(--sw);height:var(--sh);max-height:none;margin:0;padding:0 var(--spad-x);font-size:var(--way);line-height:1.04;text-wrap:balance;transform:translate(-50%,-50%) translate(calc(var(--ox, 0) * var(--rx)),calc(var(--oy, 1) * var(--ry))) scale(var(--s, 1)) rotate(-4deg);will-change:transform}html.orbit .ways .item .wt{opacity:max(var(--w, 0),calc(.45 * var(--fw, 0)))}@keyframes wayFloat{0%,to{translate:0 -5px}50%{translate:0 5px}}html.orbit .ways .item{animation:wayFloat 5.6s ease-in-out infinite}html.orbit .ways .item:nth-child(6n+2){animation-duration:6.4s;animation-delay:-1.1s}html.orbit .ways .item:nth-child(6n+3){animation-duration:5.1s;animation-delay:-2.3s}html.orbit .ways .item:nth-child(6n+4){animation-duration:6.9s;animation-delay:-3s}html.orbit .ways .item:nth-child(6n+5){animation-duration:5.9s;animation-delay:-4.2s}html.orbit .ways .item:nth-child(6n){animation-duration:6.2s;animation-delay:-.6s}html.orbit .ways .more{grid-area:2 / 1}html.orbit .ways .tail{grid-area:3 / 1}@media not all and (max-aspect-ratio:4/5){html.orbit .ways{--sw: min(46vw, 720px);--way: clamp(22px, min(2.8vw, 4.6vh), 48px);--lines: 2;--spad-x: 28px;--spad-y: 18px;--rx: 31vw;--ry: clamp(110px, calc(30vh - .34 * var(--sh)), 300px);padding-top:7vh}html.orbit .ways .ltitle{max-width:none;font-size:clamp(30px,min(5vw,7.4vh),84px)}.ways .more{margin-top:calc(4.4vw + 14px)}html.orbit .ways .more{margin-top:clamp(18px,3.4vh,36px)}}html.story{scroll-snap-type:y mandatory;--under: calc(100lvh - 100svh) }html.story .story{position:relative;height:calc(var(--steps, 3) * 100vh);height:calc((var(--steps, 3) - 1) * 100svh + 100lvh)}html.story .snap{position:absolute;left:0;width:1px;height:100vh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}html.story .port{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:var(--field)}@supports not (height: 1lvh){html.story{--under: 0px}}html.story .frame{position:absolute;inset:0;height:100%;min-height:0;opacity:0}html.story .frame.shown{opacity:1}html.story .frame:not(.here){pointer-events:none}html.story .frame.coming{transform:scale(calc(1.06 - .06 * var(--ie, 1)));opacity:clamp(0,calc(var(--ie, 1) * 2.5),1)}@media not all and (max-aspect-ratio:4/5){.c3 .lyric{font-size:clamp(28px,min(7.6vw,8.4vh),96px)}.c3 .answer{font-size:clamp(17px,min(4.4vw,3.6vh),34px)}.close{padding-top:10vh}.close .lyric{font-size:clamp(36px,min(10.4vw,10.5vh),128px)}.close:after{flex-shrink:0}}@media not all and (max-aspect-ratio:4/5){@media(max-height:520px){:root{--w-foot: calc(var(--under, 0px) + max(env(safe-area-inset-bottom), 12px))}.close{--c-strip: max(clamp(96px, 34vh, 160px), 12vw);padding-top:max(calc(env(safe-area-inset-top) + 12px),6vh)}.close .lyric{max-width:22ch;font-size:clamp(24px,min(10.4vw,9.6vh),128px)}.close .sub{margin-top:clamp(8px,3vh,22px)}.close .btn{margin-top:clamp(10px,3.6vh,28px)}.close .fine{margin-top:8px}.ways{padding-top:max(calc(env(safe-area-inset-top) + 8px),4vh)}.ways .ltitle{margin-bottom:clamp(8px,2.4vh,16px);font-size:clamp(22px,min(6.4vw,7.4vh),96px)}.ways .items{gap:3px}.ways .item{padding-top:clamp(4px,1.2vh,10px);padding-bottom:clamp(4px,1.2vh,10px);font-size:clamp(16px,min(2.6vw,4.6vh),44px)}.ways .more{margin-top:calc(3.5vw + 6px);line-height:1.3}.ways .tail{min-height:24px;margin-top:clamp(10px,2vh,18px)}html.orbit .ways{--sw: min(48vw, 720px);--way: clamp(16px, min(2.6vw, 4.8vh), 48px);--spad-x: 18px;--spad-y: 8px;--o-top: max( calc(env(safe-area-inset-top) + 8px) , 4vh);--o-more: calc(clamp(10px, 2.4vh, 18px) + 2.6*clamp(16px, 2vw, 20px)) ;--o-tail: clamp(12px, 5vh, 40px);--ry: clamp(72px, calc((100vh - var(--o-top) - var(--o-more) - var(--o-tail) - var(--w-foot) - .68 * var(--sh) - 12px) / 2), 300px);padding-top:var(--o-top);grid-template-rows:var(--ring-h) auto minmax(12px,1fr)}html.orbit .ways .ltitle{font-size:clamp(22px,min(5vw,7.4vh),84px)}html.orbit .ways .more{margin-top:clamp(10px,2.4vh,18px)}}}html.story .frame.split{opacity:0}html.story .half{position:absolute;inset:0;pointer-events:none;will-change:transform}html.story .half>.frame{opacity:1;visibility:visible}html.story .half,html.story .half *{animation:none!important;transition:none!important}html.story .half.l{clip-path:polygon(0 0,calc(50% - 3.5vh) 0,calc(50% + 3.5vh) 100%,0 100%);transform:translate(calc(var(--e, 0) * -66vw),calc(var(--e, 0) * 4.6vw))}html.story .half.r{clip-path:polygon(calc(50% - 3.5vh) 0,100% 0,100% 100%,calc(50% + 3.5vh) 100%);transform:translate(calc(var(--e, 0) * 66vw),calc(var(--e, 0) * -4.6vw))}html.story .half.t{clip-path:polygon(0 0,100% 0,100% calc(var(--cy, 50%) - 3.5vw),0 calc(var(--cy, 50%) + 3.5vw));transform:translate(calc(var(--e, 0) * -4.6vh),calc(var(--e, 0) * (-16vh - var(--cy, 50%))))}html.story .half.b{clip-path:polygon(0 calc(var(--cy, 50%) + 3.5vw),100% calc(var(--cy, 50%) - 3.5vw),100% 100%,0 100%);transform:translate(calc(var(--e, 0) * 4.6vh),calc(var(--e, 0) * (100% + 16vh - var(--cy, 50%))))}@media(min-width:900px){.stack{font-size:clamp(14px,min(2.2vw,calc((100vh - 230px) / 14)),26px);font-size:clamp(14px,min(2.2vw,calc((100svh - 230px) / 14)),26px)}.vol{width:calc(33.75em + 100vw);margin-left:-50vw;padding:0 calc(5.9375em + 50vw) 0 calc(4.6875em + var(--x) + 50vw)}.vol.r{padding:0 calc(4.6875em + var(--x) + 50vw) 0 calc(5.9375em + 50vw)}.vtag{right:calc(7.9167em + 50vw)}.vol.r .vtag{right:auto;left:calc(7.9167em + 50vw)}.pale{width:calc(33.75em + 100vw);margin-left:-50vw;padding:.875em calc(6.3125em + 50vw) 0 calc(5.9375em + 50vw)}.cue{right:calc(8.4167em + 50vw)}.mast,.foot{padding-left:clamp(32px,6vw,96px);padding-right:clamp(32px,6vw,96px)}.mast{height:calc(76px + env(safe-area-inset-top))}.wordmark{font-size:26px}.foot{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.steps{margin:0;font-size:18px;line-height:24px}.begin{width:auto;min-width:300px;gap:48px}}.c3 .fill,.stmt .pile{display:none}@media(max-aspect-ratio:4/5){:root{--p-gut: max(20px, env(safe-area-inset-left));--p-bleed: 12vw;--p-gap: 4px;--p-top: calc(env(safe-area-inset-top) + max(56px, 11svh)) ;--p-q1: clamp(32px, min(11vw, 6svh), var(--p-q1-max, 64px));--p-q2: clamp(21px, min(6.6vw, 3.6svh), var(--p-q2-max, 40px));--p-ans: clamp(19px, min(6.4vw, 3.6svh), var(--p-ans-max, 30px));--p-head: clamp(34px, min(12vw, 6.4svh), var(--p-head-max, 72px));--p-ltitle: clamp(30px, min(9.6vw, 5.4svh), var(--p-ltitle-max, 56px));--p-item: clamp(22px, min(7vw, 4svh), var(--p-item-max, 40px));--p-opens: clamp(24px, min(7.2vw, 4svh), var(--p-opens-max, 44px));--p-sub: clamp(17px, 4.8vw, 22px)}@media(min-width:800px){:root{--p-q1-max: 96px;--p-q2-max: 60px;--p-ans-max: 34px;--p-head-max: 128px;--p-ltitle-max: 84px;--p-item-max: 60px;--p-opens-max: 52px}}.c3{justify-content:flex-start;gap:var(--p-gap);padding:0 0 var(--under, 0px)}.c3:before,.c3:after{display:none}.c3 .fill,.c3 .lyric,.c3 .answer{width:calc(100% + 2 * var(--p-bleed));margin-left:calc(-1 * var(--p-bleed));transform:rotate(-4deg)}.c3 .fill{display:block;flex:var(--g, 1) 1 0;min-height:0;background-color:var(--cloth);background-image:var(--weave);box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024}.c3>.fill:first-child{margin-top:-10vw;min-height:calc(10vw + env(safe-area-inset-top) + 16px)}.c3>.fill:last-child{margin-bottom:calc(-10vw - var(--under, 0px));min-height:calc(10vw + max(var(--under, 0px) + 16px,env(safe-area-inset-bottom)))}.c3 .lyric{flex:none;padding:clamp(20px,6vw,32px) calc(var(--p-bleed) + var(--p-gut));font-size:var(--p-q1);line-height:1.02}.c3 .lyric .ln+.ln{margin-top:.4em;font-size:var(--p-q2);line-height:1.08}.c3 .lyric,.close .lyric,.stmt .lyric,.list .ltitle,.list .item{overflow-wrap:break-word;overflow-wrap:anywhere}.c3 .answer{flex:none;position:relative;z-index:1;padding:clamp(16px,4.6vw,24px) calc(var(--p-bleed) + var(--p-gut));text-align:left;font-size:var(--p-ans);line-height:1.22;transform:rotate(-1.6deg);box-shadow:inset 0 3px #16132e1a,inset 0 -3px #16132e1a,-6px 18px rgba(var(--shade),.45)}.c3 .answer .ln{text-wrap:balance}.c3 .answer .ln+.ln{margin-top:.32em}.close,.stmt{justify-content:flex-start;padding:var(--p-top) var(--p-gut) var(--under, 0px)}.close .lyric,.stmt .lyric{max-width:none;font-size:var(--p-head);line-height:.98;letter-spacing:.005em;text-transform:uppercase}.close .sub,.stmt .sub{margin-top:clamp(14px,2.6svh,28px);font-size:var(--p-sub);text-wrap:balance}.close .btn{align-self:stretch;justify-content:space-between;margin-top:clamp(18px,3.2svh,32px);padding:0 20px 0 22px}.close .btn:after{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--arrow) center / 20px 20px no-repeat;mask:var(--arrow) center / 20px 20px no-repeat;--arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10 H15 M10.5 5.5 L15 10 L10.5 14.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.close:after,.stmt .pile{flex:1 1 0;min-height:22vh;min-height:22svh;height:auto;width:calc(100% + 2 * (var(--p-bleed) + var(--p-gut)));margin:clamp(24px,4svh,40px) 0 calc(-10vw - var(--under, 0px)) calc(-1 * (var(--p-bleed) + var(--p-gut)));transform:rotate(-4deg)}.stmt .pile{display:block;--sp: clamp(40px, 6.2svh, 60px);background-image:var(--weave),repeating-linear-gradient(180deg,#F27420 0 calc(var(--sp) - 3px),var(--field) 0 var(--sp),#C9E03E 0 calc(2 * var(--sp) - 3px),var(--field) 0 calc(2 * var(--sp)),#0C7672 0 calc(3 * var(--sp) - 3px),var(--field) 0 calc(3 * var(--sp)),#F4A3C0 0 calc(4 * var(--sp) - 3px),var(--field) 0 calc(4 * var(--sp)),#17142B 0 calc(5 * var(--sp) - 3px),var(--field) 0 calc(5 * var(--sp)),#D49A17 0 calc(6 * var(--sp) - 3px),var(--field) 0 calc(6 * var(--sp)))}.list{justify-content:flex-start;padding:var(--p-top) 0 var(--under, 0px)}.list .ltitle{margin:0 0 clamp(16px,3svh,28px);padding:0 var(--p-gut);font-size:var(--p-ltitle);line-height:1;letter-spacing:.01em;text-transform:uppercase}.list .items{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--p-gap);margin:0 0 calc(-10vw - var(--under, 0px));padding:0;list-style:none}.list .item,.list .items:after{width:calc(100% + 2 * var(--p-bleed));margin-left:calc(-1 * var(--p-bleed));transform:rotate(-4deg);background-color:var(--cloth);background-image:var(--weave);box-shadow:inset 0 2px #0000001a,inset 0 -2px #00000024}.list .item{flex:1 1 0;max-height:18vh;max-height:18svh;display:flex;align-items:center;padding:10px calc(var(--p-bleed) + var(--p-gut));color:var(--foil);font:400 var(--p-item)/1.04 var(--serif);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.list .item:nth-child(6n+1){--cloth: #B3173A;--foil: var(--cream)}.list .item:nth-child(6n+2){--cloth: #F3C21F;--foil: var(--ink)}.list .item:nth-child(6n+3){--cloth: #0E7A53;--foil: var(--cream)}.list .item:nth-child(6n+4){--cloth: #93CDF2;--foil: var(--ink)}.list .item:nth-child(6n+5){--cloth: #4F1E63;--foil: var(--cream)}.list .item:nth-child(6n){--cloth: #FF7466;--foil: var(--ink)}.list .items:after{content:"";flex:.8 1 0;min-height:0;--cloth: #17142B}html.story .half.t{transform:translateY(calc(var(--e, 0) * (-16vh - var(--cy, 50%))))}html.story .half.b{transform:translateY(calc(var(--e, 0) * (100% + 16vh - var(--cy, 50%))))}}@media(max-aspect-ratio:4/5){.ways .items{margin:0}.ways .items:after{display:none}.ways .more{margin-top:max(clamp(14px,2.6svh,24px),calc(.07 * (50vw - var(--p-gut)) + 10px));padding:0 var(--p-gut);font-size:var(--p-sub)}html.orbit .ways .more{margin-top:max(clamp(14px,2.6svh,24px),calc(.07 * (50vw - var(--p-gut)) + 4px))}.ways .tail{flex:.5 1 0;width:calc(100% + 2 * var(--p-bleed));min-height:calc(10vw + max(var(--under, 0px) + 16px,env(safe-area-inset-bottom)));margin:clamp(14px,2.6svh,24px) 0 calc(-10vw - var(--under, 0px)) calc(-1 * var(--p-bleed))}html.orbit .ways{--sw: calc(100vw - 2 * var(--p-gut));--way: clamp(21px, min(6.8vw, 3.6svh), var(--p-item-max, 40px));--lines: 3;--spad-x: 16px;--spad-y: 12px;--rx: 30vw;--o-top: max( calc(env(safe-area-inset-top) + 12px) , 4svh);--ry: clamp(128px, calc((80svh - var(--o-top) - max(clamp(14px, 2.6svh, 24px), calc(.07 * (50vw - var(--p-gut)) + 4px)) - 2.8 * var(--p-sub) - .68 * var(--sh) - 12px) / 2), 250px);padding-top:var(--o-top)}html.orbit .ways .ltitle{max-width:none;font-size:clamp(24px,min(10.4vw,5.8svh),56px)}.close .fine{display:block;margin-top:8px}.age,.corner,.legal{font-size:16px;line-height:1.3}.close .legal+.corner{padding-top:clamp(4px,.8svh,8px)}.close .corner{padding-top:clamp(8px,1.6svh,16px)}.close .sub{margin-top:clamp(12px,2.2svh,28px)}.close .btn{margin-top:clamp(14px,2.6svh,32px)}}@media(max-aspect-ratio:4/5)and (max-height:760px){.close .lyric{font-size:clamp(28px,min(12vw,5.5svh),var(--p-head-max, 72px))}}@supports not (height: 1svh){@media(max-aspect-ratio:4/5){:root{--p-top: calc(env(safe-area-inset-top) + max(56px, 11vh)) ;--p-q1: clamp(32px, min(11vw, 6vh), var(--p-q1-max, 64px));--p-q2: clamp(21px, min(6.6vw, 3.6vh), var(--p-q2-max, 40px));--p-ans: clamp(19px, min(6.4vw, 3.6vh), var(--p-ans-max, 30px));--p-head: clamp(34px, min(12vw, 6.4vh), var(--p-head-max, 72px));--p-ltitle: clamp(30px, min(9.6vw, 5.4vh), var(--p-ltitle-max, 56px));--p-item: clamp(22px, min(7vw, 4vh), var(--p-item-max, 40px));--p-opens: clamp(24px, min(7.2vw, 4vh), var(--p-opens-max, 44px))}.stmt .pile{--sp: clamp(40px, 6.2vh, 60px)}html.orbit .ways{--way: clamp(21px, min(6.8vw, 3.6vh), var(--p-item-max, 40px));--o-top: max( calc(env(safe-area-inset-top) + 12px) , 4vh);--ry: clamp(128px, calc((80vh - var(--o-top) - clamp(14px, 2.6vh, 24px) - 2.8 * var(--p-sub) - .68 * var(--sh) - 12px) / 2), 250px)}html.orbit .ways .ltitle{font-size:clamp(24px,min(10.4vw,5.8vh),56px)}}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}@property --pol-x{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --pol-y{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --pol-r{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --pol-sx{syntax: "<number>"; inherits: false; initial-value: 1.05;}@property --pol-sy{syntax: "<number>"; inherits: false; initial-value: 1.08;}@property --pol-glow{syntax: "<number>"; inherits: false; initial-value: 0;}@supports (transition-behavior: allow-discrete){:root{--pol-k: 1;--pol-aurora: radial-gradient(ellipse 48.48% 27.42% at 80.3% 37.1%, rgb(94 15 218 / .92) 0%, rgb(94 15 218 / .88) 12.5%, rgb(94 15 218 / .776) 25%, rgb(94 15 218 / .629) 37.5%, rgb(94 15 218 / .46) 50%, rgb(94 15 218 / .291) 62.5%, rgb(94 15 218 / .144) 75%, rgb(94 15 218 / .04) 87.5%, rgb(94 15 218 / 0) 100%), radial-gradient(ellipse 43.94% 24.19% at 12.12% 58.06%, rgb(5 74 176 / .88) 0%, rgb(5 74 176 / .842) 12.5%, rgb(5 74 176 / .743) 25%, rgb(5 74 176 / .602) 37.5%, rgb(5 74 176 / .44) 50%, rgb(5 74 176 / .278) 62.5%, rgb(5 74 176 / .138) 75%, rgb(5 74 176 / .038) 87.5%, rgb(5 74 176 / 0) 100%), radial-gradient(ellipse 60.61% 24.19% at 54.55% 91.94%, rgb(14 10 182 / .92) 0%, rgb(14 10 182 / .88) 12.5%, rgb(14 10 182 / .776) 25%, rgb(14 10 182 / .629) 37.5%, rgb(14 10 182 / .46) 50%, rgb(14 10 182 / .291) 62.5%, rgb(14 10 182 / .144) 75%, rgb(14 10 182 / .04) 87.5%, rgb(14 10 182 / 0) 100%)}@media(min-aspect-ratio:4/3){:root{--pol-k: .6}}html.story #door,html.story .calm,html.story .mast,html.story .foot,html:not(.story):not(.moving) #door,html:not(.story):not(.moving) .calm,html:not(.story):not(.moving) .mast,html:not(.story):not(.moving) .foot,html:not(.story):not(.moving) body{background:transparent}html.story .window,html:not(.story):not(.moving) .window{overflow:clip}html.story .stmt .pile,html:not(.story):not(.moving) .stmt .pile{--field: transparent}html.story .port{--pol-glow: 1;transition:--pol-glow 1.6s cubic-bezier(.3,0,.2,1)}html.story:not(.moving) .port{transition:none}html.story .port:before,html.story .half:before{content:"";position:absolute;inset:-12% -16%;z-index:-1;pointer-events:none;background-image:var(--pol-aurora);--pol-x: inherit;--pol-y: inherit;--pol-r: inherit;--pol-sx: inherit;--pol-sy: inherit;--pol-glow: inherit;opacity:var(--pol-glow);will-change:transform}html.story .port:before{transform:translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}html.story .half{background:var(--field);--pol-x: inherit;--pol-y: inherit;--pol-r: inherit;--pol-sx: inherit;--pol-sy: inherit;--pol-glow: inherit}html.story .half.l:before{transform:translate(calc(var(--e, 0) * 66vw),calc(var(--e, 0) * -4.6vw)) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}html.story .half.r:before{transform:translate(calc(var(--e, 0) * -66vw),calc(var(--e, 0) * 4.6vw)) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}html.story .half.t:before{transform:translate(calc(var(--e, 0) * 4.6vh),calc(var(--e, 0) * (16vh + var(--cy, 50lvh)))) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}html.story .half.b:before{transform:translate(calc(var(--e, 0) * -4.6vh),calc(var(--e, 0) * (var(--cy, 50lvh) - 100lvh - 16vh))) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}@media(max-aspect-ratio:4/5){html.story .half.t:before{transform:translateY(calc(var(--e, 0) * (16vh + var(--cy, 50lvh)))) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}html.story .half.b:before{transform:translateY(calc(var(--e, 0) * (var(--cy, 50lvh) - 100lvh - 16vh))) translate(var(--pol-x),var(--pol-y)) rotate(calc(var(--pol-r) * var(--pol-k))) scale(var(--pol-sx),var(--pol-sy))}}html:not(.story):not(.moving) body:before{content:"";position:fixed;left:0;right:0;top:0;height:100lvh;z-index:-1;pointer-events:none;background-image:var(--pol-aurora);background-repeat:no-repeat;background-position:50% 50%;background-size:138.6% 133.92%}@media(forced-colors:active){html.story .port:before,html.story .half:before,html:not(.story):not(.moving) body:before{display:none}}}
