.hh-intro{background:#071634;height:440vh;position:relative}.hh-stage{color:#fff;background:#040b1e;height:100svh;position:sticky;top:0;overflow:hidden}.hh-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hh-tint{background:linear-gradient(#040b1ea6 0%,#040b1e00 22% 45%,#040b1ec7 100%),linear-gradient(#0c123873,#0c123873);position:absolute;inset:0}.hh-deep{opacity:var(--dp,0);background:#071634;position:absolute;inset:0}.hh-opening{z-index:10;pointer-events:none;opacity:var(--op,1);transform:translateY(calc((1 - var(--op,1)) * -18px));flex-direction:column;justify-content:flex-end;padding-bottom:clamp(48px,10vh,110px);display:flex;position:absolute;inset:0}.hh-first{letter-spacing:-.02em;text-shadow:0 2px 24px #040b1e99;max-width:30em;margin-top:20px;font-size:clamp(22px,2.4vw,38px);font-weight:600;line-height:1.4}.hh-hint{letter-spacing:.2em;color:#fff9;font-size:11px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hh-sky{pointer-events:none;opacity:var(--lg,0);background:linear-gradient(180deg, #0a1234bf 0%, #0a123459 calc(var(--hy,31%) - 4%), #0a123400 var(--hy,31%));position:absolute;inset:0}.hh-finale{height:var(--hy,31%);z-index:11;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.hh-rise{transform:translateY(calc((1 - var(--lg,0)) * 150%));padding-bottom:clamp(16px,3vh,32px)}.hh-rise img{filter:drop-shadow(0 4px 24px #040b1e73);width:clamp(180px,15vw,280px);height:auto}.hh-slogan{left:0;right:0;top:calc(var(--hy,31%) + clamp(26px, 4.5vh, 52px));z-index:11;text-align:center;pointer-events:none;position:absolute}.hh-slogan.live{pointer-events:auto}.hh-slogan h1{font-family:var(--font-display);letter-spacing:-.035em;text-shadow:0 2px 30px #040b1e73;margin:0 auto;font-size:clamp(34px,4.6vw,86px);font-weight:700;line-height:1.04}.hh-slogan h1 em{color:var(--color-brand-light);font-style:normal}.hh-ln{padding-bottom:.06em;display:block;overflow:hidden}.hh-ln>span{transform:translateY(calc((1 - var(--l1,0)) * 108%));display:inline-block}.hh-ln+.hh-ln>span{transform:translateY(calc((1 - var(--l2,0)) * 108%))}.hh-after{opacity:var(--l3,0);transform:translateY(calc((1 - var(--l3,0)) * 14px))}.hh-lead{color:#ffffffdb;max-width:36em;margin:clamp(18px,2.6vh,28px) auto 0;font-size:clamp(16px,1.3vw,20px);line-height:1.6}.hh-intro.hh-static{height:auto}.hh-static .hh-stage{height:max(720px,100svh);position:relative}.hh-static .hh-opening,.hh-static .hh-deep{display:none}.hh-static .hh-stage{--lg:1;--l1:1;--l2:1;--l3:1}.hh-static .hh-slogan{pointer-events:auto}@media (max-width:860px){.hh-intro{height:390vh}}.hp-panels{gap:14px;height:clamp(420px,56vh,580px);display:flex}.hp-pn{cursor:pointer;min-width:0;transition:flex-grow .8s var(--ease), background .4s, box-shadow .4s, opacity 1s var(--ease-apple), transform 1s var(--ease-apple);border-radius:26px;outline:none;flex:1 1 0;position:relative;overflow:hidden}.hp-pn.active{cursor:default;flex-grow:4.2}.hp-pn:focus-visible{box-shadow:0 0 0 3px var(--color-brand), 0 18px 50px #0c123814}.hp-pn:not(.active):hover{background:#fffffff2}.hp-bar{flex-direction:column;align-items:center;padding:26px 0 24px;transition:opacity .35s;display:flex;position:absolute;inset:0}.hp-n{color:var(--color-brand);font-size:14px;font-weight:600}.hp-v{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:-.01em;margin-top:18px;font-size:clamp(24px,2vw,34px);font-weight:700}.hp-thumb{object-fit:cover;border:2px solid #fff;border-radius:50%;width:64px;height:64px;margin-top:auto;box-shadow:0 4px 14px #0c12381f}.hp-pn.active .hp-bar{opacity:0;pointer-events:none}.hp-body{opacity:0;pointer-events:none;grid-template-columns:minmax(260px,5fr) 6fr;gap:8px;transition:opacity .3s;display:grid;position:absolute;inset:0}.hp-pn.active .hp-body{opacity:1;pointer-events:auto;transition:opacity .6s .25s}.hp-tx{flex-direction:column;padding:38px 10px 34px 38px;display:flex}.hp-tx h3{font-family:var(--font-display);letter-spacing:-.03em;margin-top:8px;font-size:clamp(34px,3.2vw,54px);font-weight:700;line-height:1.05}.hp-img{padding:16px 16px 16px 0}.hp-img img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease);border-radius:18px;transform:scale(1.06)}.hp-pn.active .hp-img img{transform:none}@media (max-width:1000px){.hp-body{grid-template-columns:1fr}.hp-img{display:none}}@media (max-width:700px){.hp-panels{flex-direction:column;gap:10px;height:auto}.hp-pn{height:72px;transition:height .7s var(--ease), opacity 1s var(--ease-apple), transform 1s var(--ease-apple);flex:none}.hp-pn.active{height:450px}.hp-bar{flex-direction:row;gap:14px;padding:0 18px}.hp-v{writing-mode:horizontal-tb;margin-top:0;font-size:22px}.hp-thumb{width:44px;height:44px;margin:0 0 0 auto}.hp-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.hp-tx{padding:24px 22px 0}.hp-tx h3{font-size:32px}.hp-img{min-height:0;padding:14px;display:block}}.reveal-on .hp-pn.reveal{transition:flex-grow .8s var(--ease), height .7s var(--ease), background .4s, box-shadow .4s, opacity 1s var(--ease-apple), transform 1s var(--ease-apple)}.hb-sec{isolation:isolate;color:var(--color-ink);background:var(--color-paper);position:relative;overflow:hidden}.hb-bg{z-index:-2;object-fit:cover;object-position:center 46%;filter:saturate(.55)brightness(1.15);width:100%;height:100%;position:absolute;inset:0}.hb-shade{z-index:-1;background:linear-gradient(#fbfbfdf7 0%,#fbfbfde6 30%,#f6f8fcb8 55%,#f0f4fa99 100%);position:absolute;inset:0}.hb-sec .hp-pn.glass{background:#ffffffa8;border-color:#ffffffe6;box-shadow:inset 0 1px #fff,0 1px 2px #0c12380a,0 22px 56px #0c12381a}.hb-sec .hp-pn.glass:not(.active):hover{background:#ffffffe6}
