.hsm-root{aspect-ratio:16/9;width:100%;color:var(--hsm-accent,#6fa15a);border-radius:inherit;font-family:var(--font-dm-sans),system-ui,sans-serif;--hsm-ink:#2d2520;--hsm-neutro:#6b5e52;--hsm-paper:#fdfaf3;background:#efe6d2;position:relative;overflow:hidden}.hsm-root:fullscreen{aspect-ratio:auto;background:#2a241c;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.hsm-root:fullscreen .hsm-stage{aspect-ratio:16/9;width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:relative;inset:auto}.hsm-root:focus{outline:none}.hsm-stage{position:absolute;inset:0;overflow:hidden}.hsm-paper{background:radial-gradient(120% 100% at 50% 8%,#fdfaf3 0%,#f7efdd 52%,#efe4cc 100%);position:absolute;inset:0}.hsm-wash{pointer-events:none;opacity:.1;background:radial-gradient(90% 80% at 50% 42%,var(--hsm-accent)0%,transparent 65%);transition:background 1.2s;position:absolute;inset:0}.hsm-canvas{width:100%;height:100%;position:absolute;inset:0}.hsm-scenewrap{color:var(--hsm-accent);animation:1.4s both hsm-scene-in;position:absolute;inset:0}.hsm-scenewrap.hsm-leaving{animation:.9s both hsm-scene-out}.hsm-scene{width:100%;height:100%;position:absolute;inset:0}@keyframes hsm-scene-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes hsm-scene-out{0%{opacity:1}to{opacity:0;transform:scale(.99)}}.hsm-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.6s cubic-bezier(.4,0,.2,1) forwards hsm-draw}@keyframes hsm-draw{to{stroke-dashoffset:0}}.hsm-fade{opacity:0;animation:1.4s forwards hsm-fade}@keyframes hsm-fade{to{opacity:var(--o,1)}}.hsm-fade-half{opacity:0;animation:1.4s forwards hsm-fade-half}@keyframes hsm-fade-half{to{opacity:.5}}.hsm-pop{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.9s cubic-bezier(.2,.9,.3,1.4) forwards hsm-pop}@keyframes hsm-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.hsm-breathe{animation:5s ease-in-out infinite hsm-breathe}@keyframes hsm-breathe{0%,to{opacity:.6}50%{opacity:1}}.hsm-orbit{animation:linear infinite hsm-orbit}.hsm-orbit-rev{animation-direction:reverse}@keyframes hsm-orbit{to{transform:rotate(360deg)}}.hsm-sway{transform-box:fill-box;transform-origin:bottom;animation:4.5s ease-in-out infinite hsm-sway}@keyframes hsm-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}.hsm-boil{transform-box:fill-box;transform-origin:50%;animation:.5s step-end infinite hsm-boil}.hsm-boil-2{animation-delay:-.17s}.hsm-boil-3{animation-delay:-.33s}@keyframes hsm-boil{0%{translate:0;rotate:none}25%{translate:.5px -.4px;rotate:.14deg}50%{translate:-.4px .5px;rotate:-.12deg}75%{translate:.4px .3px;rotate:.09deg}to{translate:0;rotate:none}}.hsm-grain{pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)' opacity='0.06'/%3E%3C/svg%3E");position:absolute;inset:0}.hsm-vignette{pointer-events:none;background:radial-gradient(78% 70% at 50% 46%,#0000 56%,#4a382138 100%);position:absolute;inset:0}.hsm-frame{pointer-events:none;border:1.5px solid color-mix(in srgb,var(--hsm-accent)45%,#cdbf9c);opacity:.7;border-radius:10px;transition:border-color 1s;position:absolute;inset:clamp(10px,1.6vw,22px)}.hsm-label{z-index:3;animation:1.2s .2s both hsm-label;position:absolute;top:clamp(20px,4vh,40px);left:clamp(24px,4vw,52px)}.hsm-label .hsm-kicker{font-family:var(--font-display),Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--hsm-accent)72%,var(--hsm-ink));font-size:clamp(13px,1.4vw,18px);font-weight:700}.hsm-label .hsm-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--hsm-neutro);margin-top:5px;font-size:clamp(10px,1vw,13px)}@keyframes hsm-label{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hsm-titlecard{text-align:center;z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 8%;animation:2.2s cubic-bezier(.3,0,.2,1) both hsm-titlecard;display:flex;position:absolute;inset:0}.hsm-titlecard .hsm-tc-kicker{font-family:var(--font-display),Georgia,serif;letter-spacing:.34em;text-transform:uppercase;color:var(--hsm-accent);margin-bottom:clamp(8px,1.6vh,16px);font-size:clamp(13px,1.4vw,18px);font-weight:700}.hsm-titlecard .hsm-tc-title{font-family:var(--font-display),Georgia,serif;letter-spacing:-.01em;color:var(--hsm-ink);font-size:clamp(30px,5vw,68px);font-weight:800;line-height:1.04}.hsm-titlecard .hsm-tc-rule{background:var(--hsm-accent);border-radius:2px;width:clamp(54px,7vw,110px);height:3px;margin-top:clamp(12px,2.2vh,24px)}@keyframes hsm-titlecard{0%{opacity:0;transform:translateY(16px)}16%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.hsm-caption{text-align:center;width:min(800px,82%);font-family:var(--font-dm-sans),system-ui,sans-serif;color:var(--hsm-ink);z-index:3;margin:0;font-size:clamp(15px,1.7vw,24px);font-weight:500;line-height:1.45;animation:.7s both hsm-caption-in;position:absolute;bottom:clamp(64px,12vh,110px);left:50%;transform:translate(-50%)}.hsm-caption b{color:var(--hsm-accent);font-weight:700}@keyframes hsm-caption-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hsm-poster{z-index:8;text-align:center;cursor:pointer;background:radial-gradient(120% 100% at 50% 0,#fdfaf3 0%,#f3e9d2 70%,#ecdfc2 100%);flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0}.hsm-poster-kicker{font-family:var(--font-display),Georgia,serif;letter-spacing:.36em;text-transform:uppercase;color:var(--hsm-accent);font-size:clamp(12px,1.3vw,16px);font-weight:700}.hsm-poster-title{font-family:var(--font-display),Georgia,serif;letter-spacing:-.015em;color:var(--hsm-ink);max-width:16ch;margin:clamp(10px,2vh,20px) 0 0;font-size:clamp(30px,5.2vw,66px);font-weight:800;line-height:1.02}.hsm-poster-sub{color:var(--hsm-neutro);max-width:42ch;margin-top:clamp(10px,2vh,18px);font-size:clamp(13px,1.4vw,18px);line-height:1.5}.hsm-play-big{font-family:var(--font-dm-sans),system-ui,sans-serif;letter-spacing:.04em;color:var(--hsm-paper);background:var(--hsm-accent);cursor:pointer;box-shadow:0 7px 0 color-mix(in srgb,var(--hsm-accent)60%,#2d2520);border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:clamp(20px,4vh,40px);padding:clamp(13px,1.6vh,17px) clamp(28px,3.4vw,44px);font-size:clamp(14px,1.4vw,17px);font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.hsm-poster:hover .hsm-play-big{box-shadow:0 9px 0 color-mix(in srgb,var(--hsm-accent)60%,#2d2520);transform:translateY(-2px)}.hsm-play-big:active{box-shadow:0 3px 0 color-mix(in srgb,var(--hsm-accent)60%,#2d2520);transform:translateY(4px)}.hsm-end{z-index:7;text-align:center;background:radial-gradient(120% 100% at 50% 20%,#fdfaf3 0%,#f3e9d2 75%);flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0}.hsm-end-title{font-family:var(--font-display),Georgia,serif;color:var(--hsm-ink);opacity:0;max-width:18ch;font-size:clamp(26px,4.4vw,56px);font-weight:800;line-height:1.06;animation:1.4s .3s forwards hsm-fade}.hsm-end-sub{color:var(--hsm-neutro);opacity:0;margin-top:clamp(12px,2vh,20px);font-size:clamp(14px,1.5vw,19px);animation:1.4s .9s forwards hsm-fade}.hsm-replay{font-family:var(--font-dm-sans),system-ui,sans-serif;color:var(--hsm-ink);border:2px solid var(--hsm-accent);cursor:pointer;opacity:0;background:0 0;border-radius:999px;align-items:center;gap:10px;margin-top:clamp(20px,4vh,38px);padding:clamp(12px,1.5vh,15px) clamp(26px,3vw,38px);font-size:clamp(13px,1.3vw,16px);font-weight:700;transition:background .25s,color .25s;animation:1.4s 1.3s forwards hsm-fade;display:inline-flex}.hsm-replay:hover{background:var(--hsm-accent);color:var(--hsm-paper)}.hsm-controls{z-index:6;background:linear-gradient(#0000,#2d252029);align-items:center;gap:clamp(6px,.9vw,14px);height:clamp(38px,6vh,56px);padding:0 clamp(14px,2vw,28px);transition:opacity .5s;display:flex;position:absolute;bottom:0;left:0;right:0}.hsm-controls.hsm-idle{opacity:0;pointer-events:none}.hsm-btn{width:32px;height:32px;color:color-mix(in srgb,var(--hsm-ink)70%,transparent);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex}.hsm-btn:hover{color:var(--hsm-ink);background:color-mix(in srgb,var(--hsm-accent)20%,transparent)}.hsm-progress{background:color-mix(in srgb,var(--hsm-ink)16%,transparent);border-radius:3px;flex:1;height:4px;position:relative}.hsm-progress-fill{background:var(--hsm-accent);border-radius:3px;width:0%;transition:background 1s;position:absolute;top:0;bottom:0;left:0}.hsm-marker{background:var(--hsm-paper);border:1.5px solid color-mix(in srgb,var(--hsm-ink)35%,transparent);cursor:pointer;border-radius:50%;width:9px;height:9px;padding:0;transition:transform .2s,background .3s,border-color .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.hsm-marker:hover{transform:translate(-50%,-50%)scale(1.5)}.hsm-marker.hsm-done{background:var(--hsm-accent);border-color:var(--hsm-accent)}.hsm-marker .hsm-tip{white-space:nowrap;letter-spacing:.04em;color:var(--hsm-paper);background:var(--hsm-ink);opacity:0;pointer-events:none;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hsm-marker:hover .hsm-tip{opacity:1}.hsm-time{letter-spacing:.06em;color:var(--hsm-neutro);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.hsm-paused-veil{z-index:5;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;background:#fdfaf366;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hsm-paused-veil span{font-family:var(--font-display),Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--hsm-ink);font-size:clamp(13px,1.4vw,17px);font-weight:700}@media (prefers-reduced-motion:reduce){.hsm-boil,.hsm-orbit,.hsm-sway,.hsm-breathe{animation:none!important}}@media (max-width:640px){.hsm-root:not(:fullscreen):not(.hsm-immersive){aspect-ratio:4/3}}.hsm-root.hsm-immersive{z-index:80;aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.hsm-close{z-index:9;width:38px;height:38px;color:var(--hsm-ink);background:color-mix(in srgb,var(--hsm-paper)72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .2s;display:inline-flex;position:absolute;top:clamp(10px,2.4vh,18px);right:clamp(10px,3vw,18px)}.hsm-close:hover{background:var(--hsm-paper)}
