.hh-diagram{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 22px minmax(0,1fr) 18px minmax(0,1fr);align-items:start;gap:4px;margin:0;padding:0;list-style:none;display:grid}.hh-node{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.hh-node-mark{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px);box-shadow:0 8px 22px color-mix(in srgb, var(--aqua) 28%, transparent);background:#ffffffdb;border-radius:26%;place-items:center;display:grid;overflow:hidden}.hh-node-mark img{object-fit:cover;width:100%;height:100%;display:block}.hh-node-here .hh-node-mark{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 28%, transparent), 0 8px 22px color-mix(in srgb, var(--gold) 26%, transparent)}.hh-node-name{font-family:var(--font-nunito);letter-spacing:.04em;color:var(--ink);font-size:.72rem;font-weight:600;line-height:1.25}.hh-node-sub{font-family:var(--font-nunito);color:var(--muted);font-size:.68rem;line-height:1.35}.hh-arrow{text-align:center;color:var(--gold-a11y);align-self:start;margin-top:clamp(15px,4.5vw,22px);font-size:.9rem;line-height:1}.hh-tools-stack{width:100%;height:100%;position:relative}.hh-tools-stack img{border-radius:24%;width:58%;height:58%;position:absolute;box-shadow:0 2px 6px #28313d2e}.hh-tools-stack img:first-child{top:8%;left:6%}.hh-tools-stack img:nth-child(2){top:20%;right:6%}.hh-tools-stack img:nth-child(3){bottom:6%;left:22%}.hh-you{font-family:var(--font-cormorant);color:var(--ink);font-size:1.5rem}@media (max-width:420px){.hh-diagram .hh-node-sub{display:none}}.hh-list{list-style:outside}.hh-progress{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:8px;position:relative;overflow:hidden}.hh-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold) 0%, var(--aqua) 100%);position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:no-preference){.hh-progress-fill{transition:width .8s cubic-bezier(.2,.8,.2,1)}}.hh-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hh-step{border:1px solid color-mix(in srgb, var(--muted) 22%, transparent);background:#ffffff94;border-radius:4px;padding:12px 14px}.hh-step-done{background:#ffffff6b}.hh-step-next{border-color:var(--gold);background:#ffffffb8;border-left-width:3px}.hh-step-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hh-step-title{font-family:var(--font-nunito);color:var(--ink);flex:12rem;min-width:0;margin:0;font-size:.92rem;font-weight:500}.hh-step details>summary,.hh-next details>summary{font-family:var(--font-nunito);color:var(--aqua-text);text-underline-offset:3px;width:fit-content;font-size:.8rem;text-decoration:underline}.hh-lesson{font-family:var(--font-nunito);color:var(--white);gap:5px;margin:8px 0 0;padding-left:1.2rem;font-size:.84rem;line-height:1.55;list-style:decimal;display:grid}@media (prefers-reduced-motion:no-preference){.hh-badge-done{animation:.5s cubic-bezier(.2,.8,.2,1) both hh-pop}.hh-next{animation:.6s cubic-bezier(.2,.8,.2,1) both hh-rise}}@keyframes hh-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes hh-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hh-tour-overlay{z-index:9450;-webkit-backdrop-filter:blur(16px)saturate(150%);background:#ecf6ffc7;place-items:center;padding:clamp(.75rem,4vw,2.5rem);display:grid;position:fixed;inset:0;overflow-y:auto}.hh-tour-panel{box-sizing:border-box;background:linear-gradient(160deg, white 0%, white 55%, var(--cosmos) 100%);width:100%;max-width:720px;max-height:calc(100dvh - 1.5rem);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--gold) 55%, transparent), 0 24px 60px #6482a047;border:1px solid #fffffff2;border-radius:10px;outline:none;padding:clamp(1rem,3.5vw,1.6rem);position:relative;overflow-y:auto}.hh-stage{background:radial-gradient(ellipse at 50% 30%, #fffffff2 0%, var(--cosmos) 55%, var(--sky-02) 100%);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);aspect-ratio:16/10;border-radius:8px;min-height:210px;display:grid;overflow:hidden}.hh-scene{opacity:0;grid-area:1/1;place-items:center;min-width:0;padding:clamp(.75rem,3vw,1.5rem);transition:opacity .6s;display:grid}.hh-scene-on{opacity:1}.hh-stage-wrap,.hh-stage{position:relative}.hh-stage video{object-fit:cover;grid-area:1/1;width:100%;height:100%;display:block}.hh-caption{min-height:3.2em;font-family:var(--font-cormorant);color:var(--ink);text-align:center;margin:0;font-size:clamp(1.1rem,3.2vw,1.4rem);font-weight:400;line-height:1.35}.hh-player-foot{flex-direction:column;gap:10px;margin-top:12px;display:flex}.hh-player-foot>.hh-timeline{order:-1;margin:0 11px}.hh-timeline{align-items:center;height:22px;display:flex;position:relative}.hh-timeline-track{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;height:6px;position:absolute;left:0;right:0;overflow:hidden}.hh-timeline-fill{background:linear-gradient(90deg, var(--gold) 0%, var(--aqua) 100%);width:0;position:absolute;inset:0 auto 0 0}.hh-marker{background:0 0;border:none;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;display:grid;position:absolute;top:50%}.hh-marker:before{content:"";border:2px solid var(--gold-a11y);box-sizing:border-box;background:#fff;border-radius:50%;width:10px;height:10px}.hh-marker[aria-current=step]:before{background:var(--gold);border-color:var(--gold-a11y);width:14px;height:14px}.hh-marker:focus-visible{outline:2px solid var(--gold-a11y);outline-offset:1px;border-radius:50%}.hh-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hh-ctl{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);min-width:44px;min-height:44px;color:var(--ink);font-family:var(--font-nunito);letter-spacing:.06em;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.74rem;font-weight:600;display:inline-flex}.hh-ctl-main{background:var(--gold);border-color:var(--gold);min-width:56px;min-height:56px}.hh-ctl:focus-visible{outline:2px solid var(--gold-a11y);outline-offset:2px}.hh-ctl[aria-disabled=true]{opacity:.4}.hh-ctl[aria-pressed=true]{background:color-mix(in srgb, var(--gold) 22%, white);border-color:var(--gold-a11y)}.hh-clock{font-family:var(--font-nunito);font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:6.5em;font-size:.74rem}.hh-bigplay{background:color-mix(in srgb, var(--cosmos) 82%, transparent);-webkit-backdrop-filter:blur(3px);color:var(--ink);border:none;border-radius:8px;place-content:center;justify-items:center;gap:10px;padding:0;display:grid;position:absolute;inset:0}.hh-bigplay-disc{background:var(--gold);width:76px;height:76px;color:var(--ink);box-shadow:0 0 0 8px color-mix(in srgb, var(--gold) 25%, transparent), 0 16px 40px #6482a059;border-radius:50%;place-items:center;display:grid}.hh-bigplay-label{font-family:var(--font-nunito);letter-spacing:.04em;color:var(--ink);background:#ffffffeb;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.hh-bigplay:focus-visible{outline:3px solid var(--gold-a11y);outline-offset:-3px}.hh-bigplay:focus-visible .hh-bigplay-disc,.hh-bigplay:hover .hh-bigplay-disc{transform:scale(1.05)}.hh-narrator{width:40px;height:40px;box-shadow:0 0 0 2px white, 0 0 0 3px color-mix(in srgb, var(--gold) 60%, transparent);z-index:1;border-radius:30%;position:absolute;bottom:10px;left:10px}.hh-narrator-face{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.hh-narrator.hh-speaking{box-shadow:0 0 0 2px white, 0 0 0 4px var(--gold)}@media (max-width:560px){.hh-tour-overlay{place-items:end stretch;padding:8px}.hh-tour-panel{max-height:calc(100dvh - 16px);padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-radius:14px}.hh-stage{aspect-ratio:auto;min-height:300px}.hh-art-tracker{gap:1px;padding:8px 12px;font-size:.66rem;line-height:1.2}.hh-narrator{width:32px;height:32px;bottom:8px;left:8px}}@media (pointer:coarse){.hh-keyhint{display:none}}.hh-art{text-align:center;justify-items:center;gap:clamp(8px,2vw,14px);width:100%;max-width:520px;display:grid}.hh-art-face{width:clamp(76px,20vw,118px);height:clamp(76px,20vw,118px);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent), 0 18px 48px color-mix(in srgb, var(--aqua) 45%, transparent);border-radius:26%}.hh-art-title{font-family:var(--font-cormorant);color:var(--ink);margin:0;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:300;line-height:1.05}.hh-art-kicker{font-family:var(--font-nunito);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-a11y);margin:0;font-size:.64rem;font-weight:700}.hh-art-card{border:1px solid color-mix(in srgb, var(--gold) 38%, transparent);font-family:var(--font-nunito);color:var(--ink);background:#ffffffe6;border-radius:10px;padding:clamp(8px,2vw,12px) clamp(10px,2.6vw,16px);font-size:clamp(.66rem,2vw,.8rem);box-shadow:0 10px 26px #6482a02e}.hh-art-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,2vw,12px);display:flex}.hh-art-tile{justify-items:center;gap:4px;min-width:clamp(58px,16vw,84px);display:grid}.hh-art-logo{object-fit:cover;background:#fff;border-radius:24%;width:clamp(34px,9vw,48px);height:clamp(34px,9vw,48px);box-shadow:0 3px 10px #28313d29}.hh-art-chip{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);font-family:var(--font-cormorant);color:var(--ink);background:#ffffffe6;border-radius:999px;padding:8px 14px;font-size:clamp(1rem,3.4vw,1.3rem)}.hh-art-lit{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent)}.hh-art-device{aspect-ratio:9/16;border:3px solid var(--ink);background:linear-gradient(180deg, white 0%, var(--cosmos) 100%);box-sizing:border-box;border-radius:16px;place-items:center;gap:6px;width:clamp(70px,18vw,96px);padding:8px 6px;display:grid}.hh-art-device-lg{width:clamp(110px,30vw,150px)}.hh-art-soon{font-family:var(--font-nunito);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.56rem;font-weight:700}.hh-art-tracker{text-align:left;box-sizing:border-box;gap:3px;width:100%;line-height:1.3;display:grid}.hh-art-browser{aspect-ratio:4/3;border:2px solid var(--ink);background:linear-gradient(180deg, white 0%, var(--cosmos) 100%);border-radius:8px;grid-template-rows:auto 1fr;width:clamp(120px,32vw,170px);display:grid;overflow:hidden}.hh-art-browser-bar{background:color-mix(in srgb, var(--ink) 8%, white);gap:4px;padding:5px 7px;display:flex}.hh-art-browser-bar i{background:color-mix(in srgb, var(--ink) 35%, transparent);border-radius:50%;width:6px;height:6px}.hh-art-fakebtn{background:var(--gold);color:var(--ink);font-family:var(--font-nunito);letter-spacing:.02em;text-align:center;border-radius:6px;padding:8px 10px;font-size:.7rem;font-weight:700;line-height:1.2}.hh-art-link{border-top:2px dashed var(--gold-a11y);width:clamp(28px,8vw,60px);height:0}@media (prefers-reduced-motion:no-preference){.hh-scene-on{animation:hh-drift var(--hh-scene-s,8s) linear both;animation-play-state:paused}.hh-playing .hh-scene-on{animation-play-state:running}.hh-narrator.hh-speaking{animation:1.2s ease-in-out infinite hh-speak}.hh-bigplay-disc{transition:transform .2s}.hh-scene-on .hh-art-float{animation:5s ease-in-out infinite hh-float}.hh-scene-on .hh-art-pulse{animation:1.8s ease-in-out infinite hh-pulse}.hh-scene-on .hh-art-in>*{animation:.7s cubic-bezier(.2,.8,.2,1) both hh-rise}.hh-scene-on .hh-art-in>:nth-child(2){animation-delay:.15s}.hh-scene-on .hh-art-in>:nth-child(3){animation-delay:.3s}.hh-scene-on .hh-art-in>:nth-child(4){animation-delay:.45s}.hh-scene-on .hh-art-in>:nth-child(5){animation-delay:.6s}.hh-scene-on .hh-art-in>:nth-child(6){animation-delay:.75s}.hh-scene-on .hh-art-in>:nth-child(7){animation-delay:.9s}}@keyframes hh-drift{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes hh-speak{0%,to{box-shadow:0 0 0 2px white, 0 0 0 4px var(--gold)}50%{box-shadow:0 0 0 2px white, 0 0 0 8px color-mix(in srgb, var(--gold) 35%, transparent)}}@keyframes hh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hh-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--gold) 0%, transparent)}}.hh-poster{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);text-align:left;color:var(--ink);background:#ffffffd9;border-radius:8px;align-items:center;gap:12px;max-width:100%;padding:6px 14px 6px 6px;display:inline-flex;box-shadow:0 6px 18px #6482a029}.hh-poster:focus-visible{outline:2px solid var(--gold-a11y);outline-offset:2px}.hh-poster-thumb{aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 30%, white 0%, var(--cosmos) 55%, var(--sky-02) 100%);border-radius:5px;flex-shrink:0;place-items:center;width:104px;display:grid;position:relative;overflow:hidden}.hh-poster-face{border-radius:30%;width:24px;height:24px;position:absolute;bottom:6px;left:6px;box-shadow:0 0 0 1.5px #fff}.hh-poster-play{background:var(--gold);width:30px;height:30px;color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 25%, transparent);border-radius:50%;place-items:center;display:grid}.hh-poster-time{font-family:var(--font-nunito);color:#fff;background:#28313dc7;border-radius:3px;padding:1px 5px;font-size:.6rem;font-weight:600;position:absolute;bottom:4px;right:5px}.hh-poster-text{gap:2px;min-width:0;display:grid}.hh-poster-kicker{font-family:var(--font-nunito);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-a11y);font-size:.62rem;font-weight:700}.hh-poster-title{font-family:var(--font-cormorant);color:var(--ink);font-size:1.1rem;line-height:1.15}@media (prefers-reduced-motion:no-preference){.hh-poster{transition:box-shadow .2s,transform .2s}.hh-poster:hover{transform:translateY(-1px);box-shadow:0 10px 26px #6482a03d}}