.jh{--p:0;color:#fff;background:#000;height:560vh;position:relative}.jh__sticky{height:100vh;position:sticky;top:0;overflow:clip}.jh__bg{position:absolute;inset:0}.jh__bg img,.jh__video{object-fit:cover;transform-origin:52% 44%;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.jh__a{transform:scale(calc(1 + min(var(--p), .42) * 1.25));filter:blur(calc(max(0, var(--p) - .3) * 40px))}.jh__b{opacity:clamp(0, (var(--p) - .3) * 7, 1);transform:scale(calc(1.18 - clamp(0, (var(--p) - .3) * 7, 1) * .18 + max(0, var(--p) - .45) * .35))}.jh__video{transform:scale(calc(1 + max(0, var(--p) - .62) * .3))}.jh__gl{width:100%;height:100%;display:none;position:absolute;inset:0}.jh--gl .jh__gl{display:block}.jh--gl .jh__a,.jh--gl .jh__b{display:none}.jh__shade{pointer-events:none;opacity:.85;background:radial-gradient(120% 90% at 50% 42%,#0000 45%,#0000008c 100%),linear-gradient(#0000 55%,#0009);position:absolute;inset:0}.jh__end{pointer-events:none;opacity:clamp(0, (max(var(--p), var(--pr,0)) - .84) * 6.5, 1);background:linear-gradient(#0000 0%,#0000008c 55%,#000 100%);position:absolute;inset:0}.jh__nav{z-index:3;letter-spacing:.06em;align-items:center;gap:6px;font:600 12px/1 Inter,PingFang TC,sans-serif;display:flex;position:absolute;top:22px;left:clamp(16px,2.4vw,32px)}.jh__x{color:#fff;background:#0b0b0b;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.jh__pill{white-space:nowrap;color:#111;background:#ffffffeb;border-radius:999px;padding:10px 18px;box-shadow:inset 0 -2px #0000001f}.jh__title{z-index:2;transform-origin:30% 100%;pointer-events:none;will-change:transform, opacity, filter;justify-items:start;gap:14px;margin:0;display:grid;position:absolute;bottom:clamp(28px,7vh,72px);left:clamp(20px,4vw,64px);right:20px}.jh__brand{letter-spacing:.42em;text-transform:uppercase;color:#ffdceed9;font:600 clamp(11px,.95vw,14px)/1 Inter,sans-serif;animation:1.2s cubic-bezier(.2,.8,.2,1) .2s backwards jh-in}.jh__line{letter-spacing:.02em;color:#fff;text-shadow:0 2px 30px #14000a8c, 0 0 26px rgba(var(--pink-rgb), .3);animation:jh-in 1.3s cubic-bezier(.2, .8, .2, 1) calc(.45s + var(--i) * .15s) backwards;font:600 clamp(36px,5.6vw,92px)/1.08 Noto Serif TC,Songti TC,Georgia,serif;display:block}@keyframes jh-in{0%{opacity:0;filter:blur(18px);transform:translateY(18px)}}.jh__petals{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.jh__card{z-index:4;text-align:center;-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);transform:translateY(calc((1 - clamp(0, (var(--p) - .8) * 5, 1)) * 100%));background:linear-gradient(#ffffff1a,#ffffff0a);border-radius:28px 28px 0 0;align-content:center;justify-items:center;gap:22px;padding:48px clamp(20px,6vw,96px) 96px;display:grid;position:absolute;inset:12vh clamp(12px,2vw,28px) 0;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f,0 -24px 70px #00000040}.jh__card small{letter-spacing:.2em;color:#ffdceea6;font:500 12px/1 Inter,PingFang TC,sans-serif}.jh__card p{letter-spacing:-.01em;color:#fff;max-width:18em;opacity:clamp(0, (var(--p) - .88) * 9, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .88) * 9, 1)) * 24px));margin:0;font:400 clamp(26px,3.6vw,52px)/1.22 Georgia,Songti TC,Noto Serif TC,serif}.jh__card em{color:#ff8ac2;text-shadow:0 0 14px rgba(var(--pink-rgb), .55);font-style:italic}.jh__logos{position:absolute;bottom:26px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.jh__track{color:#ffdcee80;letter-spacing:.08em;gap:56px;width:max-content;font:600 15px/1 Inter,PingFang TC,sans-serif;animation:26s linear infinite jh-marquee;display:flex}@keyframes jh-marquee{to{transform:translate(-50%)}}@media (max-width:809px){.jh__nav{gap:4px;font-size:12px;top:14px;left:12px}.jh__pill{padding:8px 11px}.jh__x{width:28px;height:28px}.jh__line{font-size:clamp(30px,9vw,44px)}.jh__card{padding-bottom:80px;top:9vh}.jh__card p{font-size:clamp(22px,6.4vw,28px)}}@media (prefers-reduced-motion:reduce){.jh__title i,.jh__track{animation:none}}.jh__actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:18px;margin-top:10px;animation:1.2s cubic-bezier(.2,.8,.2,1) .9s backwards jh-in;display:flex}.jh-home .jh__title{bottom:clamp(32px,9vh,96px)}.jh-home .jh{height:300vh}.jh-home .jh__sticky{top:var(--header-h,76px);height:calc(100vh - var(--header-h,76px))}.jh__sticky:after{content:"";z-index:2;pointer-events:none;height:18vh;opacity:clamp(0, (var(--pr,0) - .7) * 4, 1);background:linear-gradient(#0000,#000);position:absolute;bottom:0;left:0;right:0}@media (max-width:600px){body:has(.consent:not([hidden])) .jh-home .jh__title{transition:bottom .3s;bottom:calc(clamp(32px,9vh,96px) + 96px)}}
