.hf{position:relative}.hf-box{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:2px;background:#efe6df;box-shadow:0 0 0 1px #e8aa8c4d,0 30px 60px -34px #783c3273}.hf-media{position:relative;flex:none;aspect-ratio:16 / 9}.hf-media>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hf-poster img{width:100%;height:100%;object-fit:cover}.hf-plate{opacity:0;transition:opacity .6s ease}.hf.playing .hf-plate{opacity:1}.hf-deck{position:absolute;left:0;right:0;top:0;aspect-ratio:16 / 9;pointer-events:none}.hf-card{position:absolute;bottom:clamp(16px,2.4vw,34px);width:min(31%,470px);padding:clamp(16px,1.6vw,26px) clamp(18px,1.8vw,30px) clamp(16px,1.5vw,24px);border-radius:2px;visibility:hidden;pointer-events:auto;will-change:transform,opacity;background:radial-gradient(60% 40% at 30% 0,rgba(255,255,255,.95),transparent 70%),linear-gradient(165deg,#fffdfbf2,#fff6f0eb 55%,#fcece4ed);box-shadow:inset 0 1.5px #fff,inset 0 -2px #f4c4aa73,0 0 0 1px #e8aa8c4d,0 -14px 44px -26px #f2b27acc,0 26px 50px -26px #50282873}.hf:not(.js) .hf-card{display:none}.hf-card.l{left:clamp(16px,2.4vw,34px)}.hf-card.r{right:clamp(16px,2.4vw,34px)}.hf-lb{display:flex;align-items:center;gap:12px;margin:0;font:500 clamp(14px,1.1vw,17px)/1.1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}.hf-lb .jewel{--js: clamp(36px, 3vw, 46px)}.hf-hd{margin:12px 0 0;font:760 clamp(1.35rem,2.15vw,2.35rem)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance;padding-bottom:.06em;background:var(--head);-webkit-background-clip:text;background-clip:text;color:transparent}.hf-hd .fm-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.hf-hd .fm-w>span{display:inline-block;background:var(--head);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:400% 100%}.hf-ln{margin:12px 0 0;font-size:clamp(14.5px,1.15vw,17.5px);line-height:1.45;color:var(--ink-2);text-wrap:pretty}.hf-ls,.hf-ch,.hf-ct{list-style:none;margin:14px 0 0;padding:0}.hf-ls li{position:relative;padding:6px 0 6px 18px;font:600 clamp(14.5px,1.12vw,17px)/1.25 var(--text);color:var(--ink);border-top:1px solid rgba(60,40,50,.1)}.hf-ls li:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--amber))}.hf-ch{display:flex;flex-wrap:wrap;gap:8px}.hf-ch li{padding:9px 13px 8px;border-radius:2px;font:500 clamp(14px,1.05vw,16px)/1 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);background:#ffffffd9;box-shadow:0 0 0 1px #e8aa8c66}.hf-ct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 14px}.hf-ct li{padding:5px 0;font:600 clamp(13.5px,1.02vw,15.5px)/1.2 var(--text);color:var(--ink);border-top:1px solid rgba(60,40,50,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:500 15px/1 var(--cond);letter-spacing:.09em;text-transform:uppercase;color:var(--teal-ink);text-decoration:none}.hf-go:after{content:"→";font-family:var(--text)}.hf-go:hover{color:var(--rose-ink)}.hf-fh{display:flex;align-items:center;gap:18px}.hf-fh .hf-hd{margin-top:8px}.hf-face{--js: clamp(76px, 6.4vw, 104px)}.hf-face img{object-position:50% 18%}.hf-cr{margin:4px 0 0;font:300 clamp(16px,1.3vw,20px)/1 var(--cond);letter-spacing:.06em;color:var(--ink-3)}.hf-bar{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(14px,1.5vw,22px) clamp(18px,2.4vw,34px);background:linear-gradient(180deg,#fffdfbf2,#fcf4eef2);box-shadow:inset 0 1.5px #fff,0 -1px #e8aa8c59,0 -18px 40px -24px #f2b27a8c}#hero-h{font-size:clamp(1.9rem,4.2vw,4.2rem);line-height:1;margin:0;hyphens:none;overflow-wrap:normal}@media(max-width:1100px)and (min-width:761px){.hf-bar{flex-wrap:wrap;row-gap:12px}#hero-h{flex:1 1 100%}}.hf-act{display:flex;align-items:center;gap:12px;flex:none}.hf-act .btn{padding:14px 22px}.hf-pp{border:0;cursor:pointer;padding:14px 12px;background:none;font:500 15px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.hf-pp:hover{color:var(--rose-ink)}.hf-marks{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:0;padding:0;list-style:none;transform:translateY(-100%)}.hf-marks li{height:4px;opacity:.35}.hf-marks i{display:block;height:100%;background:linear-gradient(90deg,var(--rose),var(--amber) 60%,var(--gulf))}.hf:not(.js) .hf-marks{display:none}.hf-lead{margin:clamp(20px,2vw,30px) 0 0}.jgrid .jl.on{background:linear-gradient(90deg,#f6bcc099,#fffc 45%,#fad3bc99 75%,#8fcbce73);box-shadow:inset 0 1px #fff,inset 0 -2px #f2aa8299,0 0 0 1px #f2b27ab3,0 0 40px #f2b27a59}@media(max-width:760px){.hf-media{aspect-ratio:1 / 1}.hf-deck{position:relative;aspect-ratio:auto;height:214px}.hf-card,.hf-card.l,.hf-card.r{inset:0;width:auto;padding:16px 16px 14px;box-shadow:inset 0 1.5px #fff,0 1px #e8aa8c4d}.hf-hd{font-size:1.5rem;margin-top:10px}.hf-ln{font-size:15px;margin-top:8px}.hf-ls{margin-top:8px;columns:2;column-gap:14px}.hf-ls li{break-inside:avoid;padding:5px 0 5px 14px;font-size:14px}.hf-ct{margin-top:8px}.hf-ct li{font-size:13.5px;padding:4px 0}.hf-ch,.hf-go{margin-top:10px}.hf-face{--js: 72px}.hf-bar{position:static;padding:16px}#hero-h{font-size:clamp(1.6rem,7.4vw,2.4rem)}.hf-act{position:static}.hf-act .btn,.hf-marks{display:none}.hf-pp{position:absolute;z-index:3;right:10px;top:10px;padding:10px 12px 9px;border-radius:2px;color:var(--ink);background:#fffdfbe0;box-shadow:0 0 0 1px #e8aa8c66}}html.hf-x,html.hf-x body{overflow:hidden!important;background:#fbf8f4!important}html.hf-x body:before,html.hf-x body>:not(.hf-box),html.hf-x astro-dev-toolbar{display:none!important}html.hf-x .hf-box{position:fixed!important;inset:0!important;z-index:9999;aspect-ratio:auto!important;border-radius:0;box-shadow:none}html.hf-x .hf-frame{display:block}html.hf-x .hf-plate,html.hf-x .hf-poster,html.hf-x .hf-pp,html.hf-x .hf-go{display:none!important}@media(max-width:760px){html.hf-x .hf-deck{flex:1;height:auto}html.hf-x #hero-h{font-size:30px}html.hf-x .hf-bar{padding:14px 16px 16px}}@media(prefers-reduced-motion:reduce){.hf-plate{transition:none}}