.hh-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#060a2a,#101a66 62%,#1e2a8a);color:#fff}.hh-moon{position:absolute;left:38%;top:7%;width:92px;height:92px;background:#f7c600;box-shadow:0 0 90px 24px #f7c60047;clip-path:polygon(25% 0,75% 0,75% 8%,92% 8%,92% 25%,100% 25%,100% 75%,92% 75%,92% 92%,75% 92%,75% 100%,25% 100%,25% 92%,8% 92%,8% 75%,0 75%,0 25%,8% 25%,8% 8%,25% 8%)}.hh-city{position:absolute;left:0;bottom:0;height:320px;width:calc(100% + 960px);background-repeat:repeat-x;background-position:left bottom;image-rendering:pixelated;will-change:transform;animation:hh-pan 70s linear infinite}.hh-city.near{height:230px;animation-duration:34s}@keyframes hh-pan{to{transform:translate3d(-960px,0,0)}}.hh-in{position:relative;display:grid;gap:28px;align-items:center;padding-top:44px;padding-bottom:64px}@media (min-width:1024px){.hh-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-top:64px;padding-bottom:92px}}.hh-k{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;font-weight:700;font-size:16px;transition:transform .1s ease-out,box-shadow .1s ease-out}.hh-k.y{background:#f7c600;color:#060a2a;box-shadow:0 4px #a98600}.hh-k.n{background:#fff;color:#060a2a;box-shadow:0 4px #a9b1d0}.hh-k:hover{transform:translateY(2px)}.hh-k.y:hover{box-shadow:0 2px #a98600}.hh-k.n:hover{box-shadow:0 2px #a9b1d0}.hh-k:active{transform:translateY(4px);box-shadow:none}@media (max-width:1023px){.hh-moon{display:none}}.hp{--u:clamp(4px,1.05vw,10px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.3fr) minmax(0,1fr);align-items:center;gap:calc(var(--u)*1.4);max-width:760px;margin:0 auto;padding:calc(var(--u)*2.2) calc(var(--u)*1.8);border-radius:calc(var(--u)*6);background:linear-gradient(170deg,#ffe066,#f7c600 42%,#d9a900);box-shadow:inset 0 3px #ffffffa6,inset 0 -6px #825f008c,0 calc(var(--u)*1.2) 0 #8d6e00,0 calc(var(--u)*4) calc(var(--u)*7) #0000008c;animation:hh-float 6s ease-in-out infinite}@keyframes hh-float{50%{transform:translateY(-8px)}}.hp-screen{padding:calc(var(--u)*.9);border-radius:calc(var(--u)*1.5);background:#060a2a;box-shadow:inset 0 0 0 2px #1e2a8a}.hp-screen canvas{display:block;width:100%;height:auto;border-radius:calc(var(--u)*.7);touch-action:none;cursor:pointer}.hp-grip{display:flex;align-items:center;justify-content:center}.hp-pad{position:relative;width:calc(var(--u)*9);height:calc(var(--u)*9)}.hp-d{position:absolute;width:34%;height:34%;background:#141b5a;box-shadow:0 3px #060a2a;transition:transform .08s,box-shadow .08s;touch-action:none}button.hp-d{cursor:pointer}.hp-d-l{left:0;top:33%;border-radius:6px 0 0 6px}.hp-d-r{right:0;top:33%;border-radius:0 6px 6px 0}.hp-d-u{left:33%;top:0;border-radius:6px 6px 0 0}.hp-d-b{left:33%;bottom:0;border-radius:0 0 6px 6px}.hp-d-c{position:absolute;left:33%;top:33%;width:34%;height:34%;background:#141b5a}.hp-d.dn{transform:translateY(2px);box-shadow:0 1px #060a2a}.hp-key{min-height:44px;padding:0 calc(var(--u)*1.2);border-radius:8px;background:#141b5a;color:#f7c600;font-weight:800;font-size:clamp(11px,1.2vw,14px);letter-spacing:.03em;box-shadow:0 4px #060a2a;transition:transform .08s,box-shadow .08s}.hp-key:hover{transform:translateY(1px);box-shadow:0 3px #060a2a}.hp-key:active{transform:translateY(4px);box-shadow:none}.hh-tiers{--sk:0deg;position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}.hh-tier{--r:-7deg;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:0 0 80%;min-height:420px;overflow:hidden;border-radius:20px;text-align:left;scroll-snap-align:start;cursor:pointer;transform:skew(var(--sk));transition:flex-grow .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.hh-tier:nth-child(2){--r:6deg}.hh-tier:nth-child(3){--r:-6deg}.hh-tier:nth-child(4){--r:5deg}.hh-tx{position:relative;z-index:2;display:block;padding:22px;transform:skew(calc(var(--sk)*-1))}.hh-tier img{position:absolute;z-index:1;left:8%;bottom:7%;width:84%;height:48%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;transform:skew(calc(var(--sk)*-1)) rotate(var(--r)) scale(.9);transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 14px rgba(6,10,42,.38))}.hh-tier.on img{animation:hh-drop .95s cubic-bezier(.2,1.25,.35,1) both}@keyframes hh-drop{0%{opacity:0;transform:skew(calc(var(--sk)*-1)) translate(46%,26%) rotate(calc(var(--r)*-3.2)) scale(.62)}to{opacity:1;transform:skew(calc(var(--sk)*-1)) rotate(var(--r)) scale(1.03)}}.hh-word{position:absolute;left:-10%;right:-10%;bottom:21%;z-index:0;display:flex;overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .4s;pointer-events:none}.hh-tier.on .hh-word{opacity:1}.hh-word i{flex:none;padding-right:.35em;font:800 clamp(92px,10.5vw,158px)/1 Archivo,sans-serif;font-stretch:76%;font-style:normal;letter-spacing:-.01em;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;opacity:.32;animation:hh-word 13s linear infinite}@keyframes hh-word{to{transform:translate(-100%)}}.hh-tier.bg-ink:after{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:44%;background:radial-gradient(closest-side,rgba(44,63,208,.6),transparent);pointer-events:none}.hh-tier .more{opacity:1}.hh-tier.on .more{animation:hh-up .5s .15s cubic-bezier(.2,.8,.2,1) both}@media (min-width:1024px){.hh-tiers{--sk:-6deg;overflow:visible;gap:14px;padding:0 30px}.hh-tier{flex:1 1 0;min-width:0;min-height:460px}.hh-tier:nth-child(odd){margin-bottom:30px}.hh-tier:nth-child(2n){margin-top:30px}.hh-tier.on{flex-grow:2.4;box-shadow:0 22px 40px #060a2a33}.hh-tx{padding:26px 30px}.hh-tier .more{opacity:0}.hh-tier.on .more{opacity:1}}@media (prefers-reduced-motion:reduce){.hh-tier.on img,.hh-word i,.hh-tier.on .more{animation:none}}.hh-eras{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.hh-era{flex:none;min-height:60px;padding:0 16px 4px;border-radius:10px;background:linear-gradient(180deg,#2b3266,#1a2050);color:#ffffffd9;font-weight:700;font-size:15px;box-shadow:0 5px #0b0f33;transition:transform .1s,box-shadow .1s,background .15s}.hh-era:hover{transform:translateY(2px);box-shadow:0 3px #0b0f33}.hh-era[aria-pressed=true]{background:linear-gradient(180deg,#ffe768,#f7c600);color:#060a2a;box-shadow:0 2px #8d6e00;transform:translateY(3px)}.hh-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;transition:transform .25s,box-shadow .25s}.hh-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #060a2a1f}.hh-stage{position:relative;aspect-ratio:5/4;overflow:hidden}.hh-stage:before{content:"";position:absolute;left:30%;top:10%;width:38%;height:80%;border-radius:12px;background:#f7c600;transform:skew(-20deg);transition:transform .4s}.hh-stage:after{content:"";position:absolute;left:74%;top:32%;width:4.5%;height:58%;border-radius:5px;background:#1e2a8a;transform:skew(-20deg)}.hh-card:hover .hh-stage:before{transform:skew(-20deg) translate(6%)}.hh-stage img{position:relative;z-index:1;width:100%;height:100%;padding:7%;-o-object-fit:contain;object-fit:contain;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hh-card:hover .hh-stage img{transform:scale(1.05)}.hh-stage.photo{background:#060a2a}.hh-stage.photo:before,.hh-stage.photo:after{display:none}.hh-stage.photo img{padding:0;-o-object-fit:cover;object-fit:cover}.hh-spot{position:relative;display:grid;overflow:hidden;border-radius:18px;background:#05071c;color:#fff}.hh-spot-pic{position:relative;aspect-ratio:5/4}.hh-spot-pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s cubic-bezier(.2,.8,.2,1)}.hh-spot-pic img.on{opacity:1;transform:none}.hh-spot-tx{padding:20px 20px 12px;animation:hh-up .55s cubic-bezier(.2,.8,.2,1) both}@keyframes hh-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hh-spot-nav{display:flex;gap:6px;padding:8px 20px 20px;overflow-x:auto;scrollbar-width:none}.hh-spot-nav button{flex:1 0 auto;min-height:44px;padding:0 12px;border-top:3px solid rgba(255,255,255,.22);color:#ffffffb3;font-size:14px;font-weight:600;text-align:left;transition:color .2s,border-color .2s}.hh-spot-nav button.on{border-color:#f7c600;color:#fff}@media (min-width:1024px){.hh-spot{grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:520px}.hh-spot-pic{grid-row:1/3;aspect-ratio:auto}.hh-spot-pic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 62%,#05071C)}.hh-spot-tx{align-self:end;padding:40px 44px 8px 20px}.hh-spot-nav{align-self:end;flex-wrap:wrap;padding:12px 44px 36px 20px}}.hh-rise{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}.hh-rise.in{opacity:1;transform:none}.hh-tape{display:flex;width:-moz-max-content;width:max-content;gap:40px;padding:11px 0;animation:marquee 46s linear infinite}@media (prefers-reduced-motion:reduce){.hh-city,.hp,.hh-tape,.hh-spot-tx{animation:none}.hh-rise{opacity:1;transform:none;transition:none}}@media (max-width:639px){.pt-grid>:nth-child(n+9){display:none}}@media (min-width:640px) and (max-width:1023px){.pt-grid>:nth-child(n+7){display:none}}.pt-all{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:5px 16px;border-radius:10px;background:#f7c600;color:#060a2a;font-weight:700;font-size:15px;box-shadow:0 4px #a98600;transition:transform .1s ease-out,box-shadow .1s ease-out}.pt-all svg{transition:transform .2s ease-out}.pt-all:hover{transform:translateY(2px);box-shadow:0 2px #a98600}.pt-all:hover svg{transform:translate(3px)}.pt-all:active{transform:translateY(4px);box-shadow:none}.pt-all:focus-visible{outline:2px solid #1E2A8A;outline-offset:3px}.hk{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(70% 90% at 50% 60%,#23339f,#060a2a 78%);padding:clamp(20px,3vw,40px) clamp(12px,3vw,40px) clamp(26px,3.4vw,46px);font-size:clamp(5px,1.32vw,13px)}.hk-plate{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:.7em;max-width:900px;margin:0 auto;padding:1.5em;border-radius:1.6em;background:linear-gradient(170deg,#262c5e,#0f1440 42%,#090d2e);box-shadow:inset 0 1.5px #ffffff38,inset 0 -2px #00000080,0 3em 5em #0000008c}.hk-plate:after{content:"";position:absolute;top:.75em;right:.75em;bottom:.75em;left:.75em;border-radius:1.1em;background:#03051a;box-shadow:inset 0 3px 12px #000}.hk-key{position:relative;z-index:2;aspect-ratio:1/1.02;opacity:0}.hk.in .hk-key{animation:hk-drop .85s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*70ms)}.hk-key:before{content:"";position:absolute;top:6%;right:4%;bottom:-4%;left:4%;background:#f7c600;filter:blur(1.8em);opacity:.5;transition:opacity .25s,inset .25s,filter .25s}.hk-key.dn:before{opacity:1;top:-6%;right:-6%;bottom:-12%;left:-6%;filter:blur(2.6em)}.hk-cap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13%;background:linear-gradient(180deg,#f2c200,#b98f00);box-shadow:0 .9em #7a5e00,0 1.3em 1.4em #0009;transition:transform .09s ease-out,box-shadow .09s ease-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.hk-cap:before{content:"";position:absolute;top:6%;right:9%;bottom:15%;left:9%;border-radius:11%;background:radial-gradient(90% 80% at 50% 30%,#ffe768,#f7c600 72%);box-shadow:inset 0 2px 1px #ffffffbf,inset 0 -3px 6px #966e0066}.hk-cap b{position:absolute;top:6%;right:9%;bottom:15%;left:9%;display:flex;align-items:center;justify-content:center;font:800 5.6em/1 Archivo,sans-serif;font-stretch:76%;color:#060a2a}.hk-key.dn .hk-cap,.hk-cap:hover{transform:translateY(.55em);box-shadow:0 .35em #7a5e00,0 .5em .7em #0009}@keyframes hk-drop{0%{opacity:0;transform:translateY(-140%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hk-key{opacity:1}.hk.in .hk-key{animation:none}}.br{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;border-radius:16px;background:radial-gradient(60% 140% at 70% 50%,#1e2a8a,#060a2a 80%);padding:18px 0 22px 22px;color:#fff}.br-t{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.08}.br-m{overflow:hidden;padding:6px 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.br-r{display:flex;gap:10px;width:-moz-max-content;width:max-content;animation:marquee 60s linear infinite}.br-m:hover .br-r{animation-play-state:paused}.bk{position:relative;flex:none;display:flex;align-items:center;justify-content:center;min-width:128px;height:60px;padding:0 20px 5px;border-radius:10px;background:linear-gradient(180deg,#2b3266,#1a2050);box-shadow:0 5px #0b0f33,0 9px 12px #00000073;transition:transform .1s ease-out,box-shadow .1s ease-out}.bk:before{content:"";position:absolute;top:4px;right:7px;bottom:9px;left:7px;border-radius:7px;background:radial-gradient(90% 90% at 50% 25%,#3a427c,#262d60 75%);box-shadow:inset 0 1px #fff3}.bk b{position:relative;font:700 19px/1 Archivo,sans-serif;font-stretch:76%;letter-spacing:-.01em;white-space:nowrap;color:#ffffffb8}.bk.on{background:linear-gradient(180deg,#f2c200,#b98f00);box-shadow:0 5px #7a5e00,0 9px 14px #00000073}.bk.on:before{background:radial-gradient(90% 80% at 50% 28%,#ffe768,#f7c600 72%);box-shadow:inset 0 1px 1px #ffffffbf}.bk.on b{color:#060a2a}.bk.on:hover,.bk.on:focus-visible{transform:translateY(3px);box-shadow:0 2px #7a5e00,0 4px 6px #00000073}.bk.on:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:640px){.br{display:block;padding:16px 0 16px 16px}.br-t br{display:none}.br-m{margin-top:10px}.bk{min-width:104px;height:52px}.bk b{font-size:17px}}@media (prefers-reduced-motion:reduce){.br-r{animation:none;flex-wrap:wrap;width:auto}.br-r>:nth-child(n+24){display:none}}.hf{position:relative;height:clamp(440px,56vh,540px);overflow:hidden;background:var(--bg);color:#fff;transition:background 1s}.hf:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(52% 80% at 66% 58%,var(--glow),transparent 72%);opacity:.75;transition:background 1s}.hf-s{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;transition:visibility 0s .7s}.hf-s.on{visibility:visible;transition-delay:0s}.hf-word{position:absolute;left:50%;top:50%;font:800 min(34vw,430px)/1 Archivo,sans-serif;font-stretch:76%;letter-spacing:-.03em;white-space:nowrap;color:#ffffff0d;-webkit-text-stroke:2px rgba(255,255,255,.26);opacity:0;transform:translate(-30%,-50%);transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .6s}.hf-s.on .hf-word{opacity:1;transform:translate(-44%,-50%);animation:hf-drift calc(var(--ms) + .8s) linear forwards}.hf-kb{position:absolute;right:5%;top:50%;width:min(52vw,800px);opacity:0;transform:translate(70px,-50%) rotate(14deg) scale(.86);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .55s;filter:drop-shadow(0 36px 34px rgba(0,0,0,.55));will-change:transform}.hf-s.on .hf-kb{opacity:1;transform:translateY(-50%) rotate(-6deg) scale(1)}.hf-kb.plain{right:9%;width:auto;height:min(78%,400px);border-radius:16px;background:#fff;filter:drop-shadow(0 26px 30px rgba(0,0,0,.45))}.hf-logo{position:absolute;z-index:3;left:max(16px,calc((100% - 1500px)/2 + 16px));top:20px;width:clamp(150px,14vw,200px);height:clamp(44px,4.2vw,60px);-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top;opacity:0;transform:translate(-70px);clip-path:inset(0 100% 0 0);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s,clip-path .9s cubic-bezier(.16,1,.3,1)}.hf-s.on .hf-logo{opacity:1;transform:none;clip-path:inset(0);transition-delay:.18s}.hf-tx{position:absolute;left:max(16px,calc((100% - 1500px)/2 + 16px));top:50%;transform:translateY(-50%);z-index:2;max-width:44%}.hf-tx>*{opacity:0;transform:translateY(22px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s}.hf-s.on .hf-tx>*{opacity:1;transform:none}.hf-s.on .hf-b{transition-delay:.07s}.hf-s.on .hf-c{transition-delay:.14s}.hf-s.on .hf-d{transition-delay:.21s}.hf-a{margin:0;font-size:16px;color:#ffffffd1}.hf-b{margin:4px 0 0;font:700 clamp(46px,6.2vw,92px)/1 Archivo,sans-serif;font-stretch:76%;letter-spacing:-.025em}.hf-b em{font-style:normal;color:#f7c600}.hf-c{margin:8px 0 0;font:700 clamp(28px,3vw,42px)/1 Archivo,sans-serif;font-stretch:76%;color:#f7c600}.hf-d{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hf-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:8px;background:#f7c600;color:#060a2a;font-weight:600;transition:filter .2s,transform .3s}.hf-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.hf-btn.ghost{background:#ffffff26;color:#fff}.hf-btn.ghost:hover{background:#ffffff42}.hf-nav{position:absolute;z-index:3;left:max(16px,calc((100% - 1500px)/2 + 16px));bottom:18px;display:flex;align-items:center;gap:8px}.hf-ticks{display:flex;gap:6px;margin-right:6px}.hf-ticks button{all:unset;cursor:pointer;display:flex;align-items:center;width:46px;height:24px}.hf-ticks i{display:block;width:100%;height:3px;background:#ffffff47;position:relative;overflow:hidden}.hf-ticks i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f7c600;transform:scaleX(0);transform-origin:left}.hf-ticks .done i:before{transform:none}.hf-ticks .on i:before{animation:hf-tick var(--ms) linear forwards}.hf-ticks .on.hold i:before{animation-play-state:paused}.hf-ar{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff24;transition:background .2s}.hf-ar:hover{background:#ffffff47}.hf-ticks button:focus-visible,.hf-ar:focus-visible,.hf-btn:focus-visible{outline:2px solid #F7C600;outline-offset:2px}.hf-tape{overflow:hidden;background:#f7c600;color:#060a2a;padding:8px 0}.hf-tape>div{display:flex;width:-moz-max-content;width:max-content;animation:hf-roll 46s linear infinite}.hf-tape:hover>div{animation-play-state:paused}.hf-tape span{margin:0 26px;font:700 18px/1.2 Archivo,sans-serif;font-stretch:76%;white-space:nowrap}.hf-tape span:after{content:"";display:inline-block;width:7px;height:7px;margin-left:52px;border-radius:50%;background:#060a2a;vertical-align:middle}@keyframes hf-tick{to{transform:none}}@keyframes hf-drift{to{transform:translate(-56%,-50%)}}@keyframes hf-roll{to{transform:translate(-50%)}}@media (max-width:820px){.hf{height:500px}.hf:before{background:radial-gradient(90% 46% at 50% 30%,var(--glow),transparent 76%)}.hf-word{top:27%;font-size:48vw}.hf-logo{top:14px;width:130px;height:44px}.hf-kb{right:auto;left:4%;top:29%;width:92%}.hf-kb.plain{right:auto;left:50%;top:25%;height:230px;margin-left:-115px}.hf-tx{top:auto;bottom:66px;transform:none;max-width:none;right:16px}.hf-b{font-size:50px}.hf-c{font-size:28px}.hf-d{margin-top:12px}.hf-nav{bottom:12px;right:16px}.hf-ticks{flex:1}.hf-ticks button{width:auto;flex:1}.hf-ar{display:none}}@media (prefers-reduced-motion:reduce){.hf-s,.hf-word,.hf-kb,.hf-logo,.hf-tx>*{transition:none}.hf-s.on .hf-word,.hf-tape>div,.hf-ticks .on i:before{animation:none}.hf-ticks .on i:before{transform:none}}