.hh-intro{position:relative;height:440vh;background:#071634}.hh-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#040b1e;color:#fff}.hh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.12)}.hh-frame{opacity:0}.hh-stage[data-frame] .hh-frame{opacity:1}.hh-stage[data-frame] .hh-src{filter:none}.hh-tint{background:linear-gradient(180deg,rgba(4,11,30,.28),rgba(4,11,30,0) 22%,rgba(4,11,30,0) 45%,rgba(4,11,30,.42)),linear-gradient(0deg,rgba(12,18,56,.08),rgba(12,18,56,.08))}.hh-sunrise,.hh-tint{position:absolute;inset:0}.hh-sunrise{pointer-events:none;--sun-size:clamp(46px,4.8vw,82px);opacity:var(--sunrise,0);background:radial-gradient(ellipse 22% 12% at 73% var(--hy,31%),rgba(255,240,209,.56),rgba(255,220,178,.24) 40%,transparent 100%),radial-gradient(ellipse 52% 28% at 73% var(--hy,31%),rgba(255,225,191,.23),transparent 100%)}.hh-sun-window{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--hy, 31%) - 18px),transparent calc(var(--hy, 31%) + 12px));mask-image:linear-gradient(to bottom,#000 calc(var(--hy, 31%) - 18px),transparent calc(var(--hy, 31%) + 12px))}.hh-sun{position:absolute;left:73%;top:calc(var(--hy, 31%) - var(--sun-size));width:var(--sun-size);height:var(--sun-size);border-radius:50%;transform:translate(-50%,calc(105% - var(--sunrise, 0) * 70%));background:radial-gradient(circle,rgba(255,246,222,.9) 0,rgba(255,231,184,.65) 35%,rgba(255,215,158,.22) 58%,transparent 75%);filter:blur(5px);opacity:.95}.hh-sun-reflection{position:absolute;left:73%;top:var(--hy,31%);width:calc(var(--sun-size) * 1.5);height:clamp(65px,13vh,145px);transform:translateX(-50%);opacity:calc(var(--sunrise, 0) * .27);background:radial-gradient(ellipse at 50% 0,rgba(255,230,190,.5),transparent 70%);mask-image:radial-gradient(ellipse at 50% 0,#000 0,rgba(0,0,0,.65) 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 0,rgba(0,0,0,.65) 30%,transparent 70%);filter:blur(8px)}.hh-deep{background:#071634;opacity:var(--dp,0)}.hh-deep,.hh-opening{position:absolute;inset:0}.hh-opening{z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(48px,10vh,110px);pointer-events:none;opacity:var(--op,1);transform:translateY(calc((1 - var(--op, 1)) * -18px))}.hh-first{margin-top:20px;font-size:clamp(22px,2.4vw,38px);line-height:1.4;font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(4,11,30,.6);max-width:30em}.hh-hint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.6)}.hh-sky{inset:0;opacity:var(--lg,0);background:linear-gradient(180deg,rgba(10,18,52,.24) 0,rgba(10,18,52,.08) calc(var(--hy, 31%) - 4%),rgba(10,18,52,0) var(--hy,31%))}.hh-sky,.hh-slogan:before{position:absolute;pointer-events:none}.hh-slogan:before{content:"";z-index:-1;inset:-12% 0 -18%;background:radial-gradient(closest-side,rgba(4,11,30,.38),rgba(4,11,30,.18) 55%,transparent);opacity:var(--l1,0)}.hh-finale{position:absolute;left:0;right:0;top:0;height:var(--hy,31%);overflow:hidden;z-index:11;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.hh-rise{padding-bottom:clamp(16px,3vh,32px);transform:translateY(calc((1 - var(--lg, 0)) * 150%))}.hh-rise img{width:clamp(180px,15vw,280px);height:auto;filter:drop-shadow(0 4px 24px rgba(4,11,30,.45))}.hh-rise{--sym:clamp(36px,2.99vw,56px);display:flex;align-items:center}.hh-rise img.hh-symbol{width:var(--sym);flex:none;filter:drop-shadow(0 4px 20px rgba(4,11,30,.35))}.hh-word{display:block;overflow:hidden;width:calc(var(--sym) * 770.2 / 191.4 * var(--l1, 0));opacity:var(--l1,0)}.hh-rise .hh-word img{display:block;width:calc(var(--sym) * 770.2 / 191.4);max-width:none;filter:drop-shadow(0 2px 14px rgba(4,11,30,.4))}.hh-slogan{position:absolute;left:0;right:0;top:calc(var(--hy, 31%) + clamp(26px, 4.5vh, 52px));z-index:11;text-align:center;pointer-events:none}.hh-slogan.live{pointer-events:auto}.hh-slogan h1{font-family:var(--font-display);display:flex;flex-direction:column;font-size:clamp(31px,4.25vw,79px);line-height:1.04;font-weight:700;letter-spacing:-.035em;margin:0 auto;text-shadow:0 1px 2px rgba(4,11,30,.35),0 2px 18px rgba(4,11,30,.4)}.hh-slogan h1 em{font-style:normal;color:var(--color-brand-light)}.hh-ln{display:block;overflow:hidden;padding:.32em .6em .38em;margin:-.32em -.6em}.hh-ln>span{display:inline-block;opacity:var(--l1,0)}.hh-ln+.hh-ln>span{opacity:var(--l2,0)}.hh-after{opacity:var(--l3,0)}.hh-lead{margin:clamp(18px,2.6vh,28px) auto 0;max-width:36em;font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:rgba(255,255,255,.86);text-shadow:0 1px 2px rgba(4,11,30,.45),0 0 16px rgba(4,11,30,.4)}.hh-intro.hh-static{height:auto}.hh-static .hh-stage{position:relative;height:max(720px,100svh)}.hh-static .hh-deep,.hh-static .hh-opening{display:none}.hh-static .hh-stage{--lg:1;--l1:1;--l2:1;--l3:1;--sunrise:1}.hh-static .hh-slogan{pointer-events:auto}@media (max-width:860px){.hh-intro{height:390vh}}.hp-panels{display:flex;gap:14px;height:clamp(420px,56vh,580px)}.hp-pn{position:relative;flex:1 1 0;min-width:0;border-radius:26px;overflow:hidden;cursor:pointer;outline:none;transition:flex-grow .8s var(--ease),background .4s,box-shadow .4s,opacity 1s var(--ease-apple),transform 1s var(--ease-apple)}.hp-pn.active{flex-grow:4.2;cursor:default}.hp-pn:focus-visible{box-shadow:0 0 0 3px var(--color-brand),0 18px 50px rgba(12,18,56,.08)}.hp-pn:not(.active):hover{background:rgba(255,255,255,.95)}.hp-bar{position:absolute;inset:0;padding:26px 0 24px;display:flex;flex-direction:column;align-items:center;transition:opacity .35s}.hp-n{font-size:14px;font-weight:600;color:var(--color-brand)}.hp-v{margin-top:18px;writing-mode:vertical-rl;font-family:var(--font-display);font-size:clamp(24px,2vw,34px);font-weight:700;letter-spacing:-.01em}.hp-thumb{margin-top:auto;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(12,18,56,.12)}.hp-body,.hp-pn.active .hp-bar{opacity:0;pointer-events:none}.hp-body{position:absolute;inset:0;display:grid;grid-template-columns:minmax(260px,5fr) minmax(0,6fr);grid-template-rows:minmax(0,1fr);gap:8px;transition:opacity .3s}.hp-pn.active .hp-body{opacity:1;transition:opacity .6s .25s;pointer-events:auto}.hp-tx{padding:38px 10px 34px 38px;display:flex;flex-direction:column}.hp-tx h3{margin-top:8px;font-family:var(--font-display);font-size:clamp(34px,3.2vw,54px);line-height:1.05;font-weight:700;letter-spacing:-.03em}.hp-img{min-width:0;min-height:0;padding:16px 16px 16px 0}.hp-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;transform:scale(1.06);transition:transform 1.4s var(--ease)}.hp-pn.active .hp-img img{transform:none}.hp-img-contain img{object-position:center 45%}@media (max-width:1000px){.hp-panels{flex-direction:column;height:auto;gap:10px}.hp-pn{flex:none;height:72px;interpolate-size:allow-keywords;transition:height .7s var(--ease),opacity 1s var(--ease-apple),transform 1s var(--ease-apple)}.hp-pn.active{height:auto}.hp-bar{flex-direction:row;padding:0 18px;gap:14px}.hp-v{writing-mode:horizontal-tb;margin-top:0;font-size:22px}.hp-thumb{margin:0 0 0 auto;width:44px;height:44px}.hp-pn.active .hp-body{position:relative;inset:auto}.hp-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;align-items:center}.hp-tx{padding:30px 10px 30px 30px}.hp-tx h3{font-size:clamp(30px,4.5vw,40px)}.hp-img{display:block;padding:14px 14px 14px 0}.hp-img img{height:auto;aspect-ratio:4/3}}@media (max-width:640px){.hp-body{grid-template-columns:1fr}.hp-tx{padding:24px 22px 0}.hp-tx h3{font-size:32px}.hp-img{padding:14px}}.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{position:relative;isolation:isolate;overflow:hidden;color:var(--color-ink);background:var(--color-paper)}.hb-bg{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.55) brightness(1.15)}.hb-bg,.hb-shade{position:absolute;inset:0}.hb-shade{z-index:-1;background:linear-gradient(180deg,rgba(251,251,253,.97),rgba(251,251,253,.9) 30%,rgba(246,248,252,.72) 55%,rgba(240,244,250,.6) 80%,rgb(251,251,253))}.hb-sec .hp-pn.glass{background:rgba(255,255,255,.66);border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(12,18,56,.04),0 22px 56px rgba(12,18,56,.1)}.hb-sec .hp-pn.glass:not(.active):hover{background:rgba(255,255,255,.9)}