:root{--goldtext:linear-gradient(180deg, #be9a45 0%, #a07d2c 58%, #8a6a22 100%);--night:radial-gradient(ellipse 70% 75% at 50% 46%, #27231b 0%, #1a1915 46%, #0e0e0d 100%);--hero:clamp(40px, min(5.2vw, 9.2vh), 96px);--s:clamp(250px, min(54vh, 86vw, var(--s-cap,9999px)), 580px);--quiet:#969189;--track:#22222224}:where(.hero) .vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{text-align:center;padding-block:0 clamp(20px,6vh,72px);padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));flex-direction:column;align-items:center;min-height:calc(100svh - 72px);display:flex;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fff 0%,#ffffffdb 45%,#fff0 100%);width:min(135vh,100%);height:min(92vh,112vw);position:absolute;top:-9vh;left:50%;transform:translate(-50%)}:where(.hero) .stage{width:var(--s);height:var(--s);perspective:1300px;flex:none;margin-top:-10px;display:none;position:relative}:where(.hero) .float{position:absolute;inset:0}:where(.hero) .rig{visibility:hidden;position:absolute;inset:0}:where(.hero) .rig>img{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}:where(.hero) .sheen{pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 44%,#ffffff6b 50%,#fff0 56%) 0 0/300% 100% no-repeat;background-position:var(--sx,125%) 0;position:absolute;inset:0;-webkit-mask:url(../media/glass-front.0ceugfkpjnta-.webp) 50%/100% 100% no-repeat;mask:url(../media/glass-front.0ceugfkpjnta-.webp) 50%/100% 100% no-repeat}:where(.hero) .floor{left:50%;bottom:calc(var(--s) * -.006);width:calc(var(--s) * .56);height:calc(var(--s) * .052);margin-left:calc(var(--s) * -.28);opacity:0;position:absolute}:where(.hero) .floor i{background:radial-gradient(closest-side,#3c301e4d,#3c301e1f 55%,#3c301e00);width:100%;height:100%;display:block}:where(.hero) .inkstar{width:30%;height:auto;fill:var(--ink);visibility:hidden;margin-top:-13.59%;margin-left:-15%;position:absolute;top:50%;left:50%}:where(.hero) .ripple{opacity:0;pointer-events:none;border:1px solid #22222229;border-radius:50%;width:62%;height:62%;margin:-31% 0 0 -31%;position:absolute;top:50%;left:50%}:where(.hero) .biglogo{align-items:stretch;width:clamp(210px,24vw,420px);margin-top:clamp(20px,7vh,80px);display:flex}:where(.hero) .biglogo svg{min-width:0;height:auto;display:block}:where(.hero) .biglogo .letters{-webkit-mask-image:linear-gradient(to left, #000 calc(var(--pull,1.34) * 100% - 34%), transparent calc(var(--pull,1.34) * 100%));-webkit-mask-image:linear-gradient(to left, #000 calc(var(--pull,1.34) * 100% - 34%), transparent calc(var(--pull,1.34) * 100%));mask-image:linear-gradient(to left, #000 calc(var(--pull,1.34) * 100% - 34%), transparent calc(var(--pull,1.34) * 100%));flex:460 0 0;overflow:visible}:where(.hero) .biglogo .lstar{flex:80 0 0}:where(.hero) .biglogo .g,:where(.hero) .mark .g{fill:var(--logo-gold)}:where(.hero) .biglogo .i,:where(.hero) .biglogo .lstar path{fill:var(--ink)}:where(.hero) .copy{margin-top:clamp(14px,3vh,30px);position:relative}:where(.hero) .lines{justify-items:center;display:grid}:where(.hero) .hi,:where(.hero) .home{font:300 var(--hero)/1.16 var(--body);letter-spacing:-.022em;white-space:nowrap;grid-area:1/1;margin:0}:where(.hero) .hi{white-space:nowrap;justify-content:center;align-items:baseline;display:none}:where(.hero) .nm{width:0;font:italic 400 1.083em/1.16 var(--accent);letter-spacing:-.01em;font-kerning:none;font-variant-ligatures:none;margin-left:.24em;display:inline-block;position:relative}:where(.hero) .nm:before{content:"​"}:where(.hero) .nm-t{white-space:nowrap;position:absolute;top:0;left:0}:where(.hero) .nm-t,:where(.hero) .nm-t .c,:where(.hero) .home em,:where(.hero) .home em .w,:where(.hero) .gname,:where(.hero) .say em{background-image:linear-gradient(105deg, #fff7e200 42%, #fff7e2f2 50%, #fff7e200 58%), var(--goldtext);background-size:300% 100%,100% 100%;background-position:var(--sx,125%) 0, 0 0;color:#0000;-webkit-text-fill-color:transparent;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;margin:-.12em -.14em -.24em -.05em;padding:.12em .14em .24em .05em}:where(.hero) .nm-t .c{display:inline-block}:where(.hero) .home.is-split em,:where(.hero) .nm-t.is-split{background-image:none}:where(.hero) .nm-measure{white-space:nowrap;visibility:hidden;position:absolute;top:0;left:-9999px}:where(.hero) .hi-dot{display:inline-block}:where(.hero) .home em{font:italic 400 1.083em/1 var(--accent);letter-spacing:-.01em;display:inline-block}:where(.hero) .home em .w{display:inline-block}:where(.hero) .sub{font:400 clamp(18px, 1.6vw, 24px)/1.45 var(--body);letter-spacing:-.006em;color:var(--ink);justify-items:center;margin-top:clamp(10px,1.7vh,18px);display:grid}:where(.hero) .sub>span{text-wrap:balance;grid-area:1/1;max-width:36em}:where(.hero) .sub>span:empty:before{content:"​"}:where(.hero) .sub-a,:where(.hero) .sub-b{display:none}:where(.hero) .sub>.sub-title{white-space:nowrap;justify-content:center;align-items:baseline;max-width:none;display:none}html.motion :where(.hero) .sub>.sub-title{visibility:hidden;display:flex}:where(.hero) .t-role{width:0;margin-left:.45em;display:inline-block;position:relative}:where(.hero) .t-role:before{content:"​"}:where(.hero) .t-r{white-space:nowrap;position:absolute;top:0;left:0}:where(.hero) .t-measure{white-space:nowrap;visibility:hidden;position:absolute;top:0;left:-9999px}:where(.hero) .sub-title{font:500 clamp(12.5px, .95vw, 15px)/1.45 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-700);overflow:hidden}:where(.hero) .t-role{font-weight:600}:where(.hero) .does{font:400 clamp(20px, 2vw, 30px)/1.35 var(--body);letter-spacing:-.012em;color:var(--ink);justify-items:center;margin:clamp(16px,2.8vh,30px) 0 0;display:grid}:where(.hero) .does>span{text-wrap:balance;visibility:hidden;grid-area:1/1;max-width:32em}:where(.hero) .does .w{display:inline-block}:where(.hero) .does b{font-weight:600}:where(.hero) .does>span{-webkit-mask-image:linear-gradient(to right, #000 calc(var(--p,1.4) * 100% - 30%), transparent calc(var(--p,1.4) * 100%));-webkit-mask-image:linear-gradient(to right, #000 calc(var(--p,1.4) * 100% - 30%), transparent calc(var(--p,1.4) * 100%));mask-image:linear-gradient(to right, #000 calc(var(--p,1.4) * 100% - 30%), transparent calc(var(--p,1.4) * 100%))}html.motion :where(.hero) .sub{margin-top:clamp(4px,.9vh,10px)}:where(.hero) .cta{justify-content:center;margin-top:clamp(20px,3.4vh,34px);display:flex}:where(.hero) .say{text-align:center;visibility:hidden;pointer-events:none;width:max-content;font:300 calc(var(--hero) * .7)/1.16 var(--body);letter-spacing:-.02em;color:var(--ink);margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}:where(.hero) .say-l{white-space:nowrap;display:block}:where(.hero) .say .w{display:inline-block}:where(.hero) .say em{font:italic 400 1.083em/1 var(--accent);letter-spacing:-.01em;-webkit-mask-image:linear-gradient(to right, #000 calc(var(--rv,1.4) * 100% - 40%), transparent calc(var(--rv,1.4) * 100%));-webkit-mask-image:linear-gradient(to right, #000 calc(var(--rv,1.4) * 100% - 40%), transparent calc(var(--rv,1.4) * 100%));mask-image:linear-gradient(to right, #000 calc(var(--rv,1.4) * 100% - 40%), transparent calc(var(--rv,1.4) * 100%))}:where(.hero) .sub-rest em{font:italic 400 1.083em/1 var(--accent);letter-spacing:-.01em;color:var(--gold-600)}html.motion :where(.hero) .stage{display:block}html.motion :where(.hero) .biglogo{visibility:hidden;margin:0;position:absolute;top:0;left:50%}html.motion :where(.hero) .hi{visibility:hidden;display:flex}html.motion :where(.hero) .home{opacity:0;pointer-events:none}html.motion :where(.hero) .sub-rest{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html.motion.gate-on .bar .logo{visibility:hidden}html:not(.motion) :where(.hero) .ctl,html:not(.motion) :where(.hero) .gate,html:not(.motion) :where(.hero) .sub-a,html:not(.motion) :where(.hero) .sub-b,html:not(.motion) :where(.hero) .does{display:none}:where(.hero) .ctl{--tray-h:42px;z-index:6;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:max(clamp(20px, 4.4vw, 66px), env(safe-area-inset-left,0px));opacity:0;align-items:center;gap:8px;display:flex;position:absolute}:where(.hero) .ctl-tray,:where(.hero) .ctl-btn{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);background:#fffc;box-shadow:0 1px 2px #2222220a,0 8px 24px #2222220d}:where(.hero) .ctl-tray{height:var(--tray-h);border-radius:999px;order:1;align-items:center;padding:0 8px;display:flex}:where(.hero) .ctl-btn{width:var(--tray-h);height:var(--tray-h);color:var(--ink);transition:background .18s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}:where(.hero) #pause{order:2}:where(.hero) #again{color:var(--stone);order:3}:where(.hero) .ctl-btn:hover{color:var(--ink);background:#fff}:where(.hero) .ctl-btn:before{content:"";position:absolute;inset:-4px}:where(.hero) .ctl-btn svg{width:20px;height:20px}:where(.hero) #pause .i-play,:where(.hero) #pause[data-paused=true] .i-pause{display:none}:where(.hero) #pause[data-paused=true] .i-play{display:block}:where(.hero) .pk{height:var(--tray-h);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}:where(.hero) .pk:before{content:"";position:absolute;inset:-4px 0}:where(.hero) .pk:focus-visible{outline-offset:-1px}:where(.hero) .pk-face{width:36px}:where(.hero) .pk-face .face{opacity:.74;width:28px;height:28px;transition:opacity .18s var(--ease);background-color:#efebe3;background-repeat:no-repeat;border-radius:50%;display:block;box-shadow:0 0 0 1px #2222220f}:where(.hero) .pk-face:hover .face,:where(.hero) .pk-face.on .face{opacity:1}:where(.hero) .pk-face .ring{pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;overflow:visible;transform:rotate(-90deg)}:where(.hero) .pk-face .ring circle{fill:none;stroke-width:1.5px}:where(.hero) .pk-face .ring .trk{stroke:#0000}:where(.hero) .pk-face.on .ring .trk{stroke:var(--track)}:where(.hero) .pk-face .ring .run{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0}:where(.hero) .pk-team{width:34px}:where(.hero) .pk-team .st{width:13px;height:12px;transition:transform .3s var(--ease);margin:-6px 0 0 -6.5px;position:absolute;top:50%;left:50%}:where(.hero) .pk-team .st-back{fill:var(--quiet);transition:fill .18s var(--ease)}:where(.hero) .pk-team:hover .st-back{fill:var(--stone)}:where(.hero) .pk-team.on .st{transform:scale(1.18)}:where(.hero) .pk-team.on .st-back{fill:var(--stone)}:where(.hero) .pk-team .st-front{fill:var(--ink);clip-path:inset(0 100% 0 0)}:where(.hero) .ctl-tip{border:1px solid var(--hairline);white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);background:#fff;border-radius:9px;padding:7px 11px;position:absolute;bottom:calc(100% + 8px);left:0;transform:translate(-50%,4px);box-shadow:0 10px 30px #2222221a,0 1px 2px #2222220d}:where(.hero) .ctl-tip.show{opacity:1;transform:translate(-50%)}:where(.hero) .ctl-tip b{font:600 13px/18px var(--body);color:var(--ink)}:where(.hero) .ctl-tip span{font:400 13px/18px var(--body);color:var(--stone);margin-left:6px}:where(.hero) .ctl-tip b:empty,:where(.hero) .ctl-tip span:empty{display:none}@media (pointer:coarse){:where(.hero) .pk-face{width:40px}}@media (max-width:720px){:where(.hero) .ctl{left:50%;transform:translate(-50%)}}@media (max-width:400px){:where(.hero) #again{display:none}}@media (max-width:374px){:where(.hero) .ctl{gap:6px}:where(.hero) .ctl-tray{padding:0 6px}:where(.hero) .pk-face{width:34px}:where(.hero) .pk-team{width:30px}}@media (min-width:721px) and (max-height:540px){.hero{padding-block-end:84px}}:where(.hero) .gate{display:none}html.gate-on :where(.hero) .gate{z-index:20;--k:.8;--cy:44vh;--logo-w:clamp(250px, 33vw, 520px);display:block;position:fixed;inset:0;overflow:hidden}:where(.hero) .night{background:var(--night);width:100%;height:100lvh;position:absolute;top:0;left:0}:where(.hero) .sky{width:100%;height:100%;display:block;position:absolute;inset:0}:where(.hero) .dust{pointer-events:none;opacity:0;position:absolute;inset:0}:where(.hero) .dust i{background:#f0d696;border-radius:50%;animation:linear infinite dust;display:block;position:absolute;box-shadow:0 0 8px #f0d696b3}@keyframes dust{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}85%{opacity:.6}to{opacity:0;transform:translateY(-140px)}}:where(.hero) .gstage{left:50%;top:var(--cy);width:0;height:0;transform:scale(var(--k));position:absolute}:where(.hero) .iring{opacity:0;width:760px;height:760px;position:absolute;top:-380px;left:-380px}:where(.hero) .iring canvas{width:100%;height:100%;display:block;position:absolute;inset:0}:where(.hero) .iback{background:radial-gradient(circle at 50% 42%,#ffe2a566 0%,#c09a4029 42%,#14120e00 72%);border-radius:50%;position:absolute;inset:19%}:where(.hero) .ringfb{border:1.5px solid #e3bf6ab3;border-radius:50%;display:none;position:absolute;inset:16.8%;box-shadow:0 0 30px #e3bf6a61,inset 0 0 20px #c09a4033}:where(.hero) .no-gl .ringfb{display:block}:where(.hero) .shock{opacity:0;border:1.5px solid #f0d696cc;border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;left:-250px;box-shadow:0 0 40px #e3bf6a59,inset 0 0 30px #e3bf6a2e}:where(.hero) .hstar{width:347px;height:314px;fill:var(--logo-gold);opacity:0;position:absolute;top:-157px;left:-173.5px}:where(.hero) .mark{width:var(--logo-w);align-items:stretch;display:flex;position:absolute;top:0;left:50%}:where(.hero) .mark svg{min-width:0;height:auto;display:block}:where(.hero) .mark .letters{opacity:0;flex:460 0 0}:where(.hero) .mark .i,:where(.hero) .mark .lstar path{fill:#fff}:where(.hero) .mark .lstar{opacity:0;flex:80 0 0}:where(.hero) .flare{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fff6def2,#ffecbe66 42%,#ffecbe00);border-radius:50%;width:190px;height:190px;margin:-95px 0 0 -95px;position:absolute;top:0;left:0}:where(.hero) .gline{visibility:hidden;font:300 clamp(26px, 4.3vw, 76px)/1.2 var(--body);letter-spacing:-.012em;color:#f4efe6;transform-origin:50%;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:.27em;margin:0;display:flex;position:absolute;top:0;left:0;right:0}:where(.hero) .gline span{display:inline-block}:where(.hero) .gname{font:italic 400 1.083em/1 var(--accent);background-image:linear-gradient(#fbefc9 0%,#e9c977 35%,#c09a40 70%,#a07d2c 100%);background-position:0 0;background-size:100% 100%}@media (max-width:720px){:root{--hero:clamp(32px, 10.2vw, 46px)}:where(.hero) .cta{width:100%;max-width:340px;margin-inline:auto}.hero{min-height:calc(100svh - 64px);padding-block-end:84px}html:not(.motion) .hero{justify-content:center}html.gate-on :where(.hero) .gate{--cy:40vh}:where(.hero) .sub{font-size:17px}:where(.hero) .sub-title{letter-spacing:.1em;font-size:12px}:where(.hero) .does{margin-top:clamp(12px,2vh,20px)}:where(.hero) .t-role{margin-left:.38em}:where(.hero) .say{width:calc(100vw - 40px);font-size:calc(var(--hero) * .66)}:where(.hero) .say-l{white-space:normal}:where(.hero) .say-p{display:block}}
