.hh{--hh-ease:cubic-bezier(.2, .7, .2, 1);--mx:0;--my:0;margin-top:4px;display:grid}.hh-stage{background:var(--deep,#0f1a17);height:clamp(560px,42vw,640px);transition:background 1s var(--hh-ease);color:#fff;isolation:isolate;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0c151299}.hh-slide{opacity:0;transition:opacity 1.1s var(--hh-ease);transform:translate(calc(var(--mx) * -8px), calc(var(--my) * -6px));position:absolute;inset:-4%}.hh-slide.is-active{opacity:1}.hh-slide.is-active>:first-child{animation:hh-drift 14s var(--hh-ease) both}.hh-slide img,.hh-slide video{object-fit:cover;object-position:center 45%}.hh-slide-blur{object-fit:cover;object-position:center 45%;filter:blur(28px)saturate(1.15)brightness(.7);transform:scale(1.12);-webkit-mask-image:linear-gradient(90deg,#000 0% 42%,#0000 70%);mask-image:linear-gradient(90deg,#000 0% 42%,#0000 70%)}.hh-shade{z-index:1;background:linear-gradient(90deg, color-mix(in oklab, var(--deep,#0d1a14) 94%, transparent) 0%, color-mix(in oklab, var(--deep,#0f1c15) 75%, transparent) 40%, color-mix(in oklab, var(--deep,#0f1c15) 20%, transparent) 70%, transparent 100%), linear-gradient(0deg, color-mix(in oklab, var(--deep,#0b1510) 96%, transparent) 0%, color-mix(in oklab, var(--deep,#0b1510) 60%, transparent) 26%, transparent 52%), linear-gradient(180deg, color-mix(in oklab, var(--deep,#0b1510) 50%, transparent), transparent 18%);transition:background 1s var(--hh-ease);position:absolute;inset:0}.hh-stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse at 10% 100%, color-mix(in oklab, var(--tint,#cfbd97) 70%, transparent), transparent 48%), radial-gradient(ellipse at 95% 0%, color-mix(in oklab, var(--tint2,var(--tint,#cfbd97)) 55%, transparent), transparent 42%);opacity:.55;mix-blend-mode:screen;transition:background 1s var(--hh-ease);position:absolute;inset:0}@keyframes hh-drift{0%{transform:scale(1.06)translate(1%)}to{transform:scale(1)translate(0)}}@keyframes hh-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hh-content{z-index:2;width:min(620px,54%);padding:0 44px 40px;position:absolute;bottom:0;left:0}.hh-reason{color:#efe7d2;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hh-rise .6s var(--hh-ease) both;background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 9px;font-size:.74rem;display:inline-flex}.hh-reason i{background:color-mix(in oklab, var(--tint,#cfbd97) 70%, white);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab, var(--tint,#cfbd97) 45%, transparent);border-radius:50%}.hh-content h1{font:400 clamp(2rem, 3.6vw, 3.4rem)/1.04 var(--serif);letter-spacing:-.02em;color:#fbf8ef;text-wrap:balance;text-shadow:0 6px 30px #0b151080;margin:16px 0 0}.hh-word{animation:hh-word .7s var(--hh-ease) both;animation-delay:calc(.12s + var(--i) * 55ms);display:inline-block}@keyframes hh-word{0%{opacity:0;filter:blur(4px);transform:translateY(16px)rotate(.4deg)}to{opacity:1;filter:none;transform:none}}.hh-content p{color:#dee3d5;-webkit-line-clamp:5;max-width:58ch;max-height:9.5em;animation:hh-rise .7s var(--hh-ease) .3s both;transition:opacity .7s var(--hh-ease), max-height .7s var(--hh-ease), margin .7s var(--hh-ease);-webkit-box-orient:vertical;margin:12px 0 0;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.hh-content.is-sober p{opacity:0;max-height:0;margin-top:0}.hh.is-paused .hh-content.is-sober p{opacity:1;max-height:9.5em;margin-top:12px}.hh-meta{color:#d3dacd;letter-spacing:.04em;text-transform:uppercase;animation:hh-rise .7s var(--hh-ease) .2s both;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.8rem;display:flex}.hh-meta i{background:#c7d0c0aa;border-radius:50%;width:3px;height:3px}.hh-meta-seen{color:var(--prana-gold,#d9ab52)}.hh-actions{animation:hh-rise .7s var(--hh-ease) .42s both;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;display:flex}.hh-cta{position:relative;overflow:hidden;box-shadow:0 14px 34px -14px #f1e4cb80}.hh-cta:after{content:"";transition:transform .8s var(--hh-ease);background:linear-gradient(115deg,#0000 30%,#fff6 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.hh-cta:hover:after{transform:translate(120%)}.hh-save{color:#f3f1e8;min-height:44px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff3a;border-radius:6px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:.875rem;font-weight:600;transition:background .25s,border-color .25s;display:inline-flex}.hh-save:hover{background:#fff2;border-color:#fff6}.hh-save.is-saved{color:#2a1d3d;background:#f1e4cb;border-color:#f1e4cb}.hh-save.is-saved:hover{background:#f7ecd6;border-color:#f7ecd6}.hh-collection{color:#dee3d5;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;display:inline-flex}.hh-collection strong{color:#fff;border-bottom:1px solid #fff5;font-weight:600}.hh-collection:hover strong{border-bottom-color:#fff}.hh-progress{z-index:3;background:#fff2;height:4px;position:absolute;bottom:0;left:0;right:0}.hh-progress i{background:var(--prana-gold,#d9ab52);height:100%;display:block}@keyframes hh-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hh-strip{z-index:3;justify-items:end;gap:10px;max-width:44%;display:grid;position:absolute;bottom:30px;right:32px}.hh-strip-head{color:#d3dacd;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font-size:.74rem;display:flex}.hh-strip-head b{color:#fbf8ef;font-variant-numeric:tabular-nums;margin-left:8px;font-weight:500}.hh-controls{gap:4px;display:flex}.hh-controls button{color:#f3f1e8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b151066;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .2s,border-color .2s;display:grid}.hh-controls button:hover{background:#ffffff26;border-color:#fff5}.hh-controls button[aria-pressed=true]{color:#1b2a24;background:#fbf8ef;border-color:#fbf8ef}.hh-thumbs{scrollbar-width:none;align-items:end;gap:8px;max-width:100%;padding:2px;display:flex;overflow-x:auto}.hh-thumbs::-webkit-scrollbar{display:none}.hh-thumb{aspect-ratio:16/9;cursor:pointer;opacity:.62;width:68px;transition:opacity .3s, transform .35s var(--hh-ease), border-color .3s, width .35s var(--hh-ease);background:#0f1a17;border:1px solid #ffffff2a;border-radius:8px;flex:none;padding:0;display:block;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 10px 24px -12px #000a}.hh-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hh-thumb:hover{opacity:.9;transform:translateY(-2px)}.hh-thumb.is-active{opacity:1;border-color:#fbf8ef;width:96px;box-shadow:0 0 0 1px #fbf8ef,0 14px 30px -12px #000c}.hh-thumb:focus-visible{outline:3px solid var(--prana-gold,#d9ab52);outline-offset:2px}.hh-timer{background:color-mix(in oklab, var(--tint,#fbf8ef) 40%, #fbf8ef);transform-origin:0;height:3px;animation:linear both hh-timer;position:absolute;bottom:0;left:0;right:0}.hh.is-paused .hh-timer{animation-play-state:paused}.hh-thumb b{background:var(--prana-gold,#d9ab52);height:3px;position:absolute;bottom:0;left:0}@media (min-width:1500px){.hh-thumb{width:80px}.hh-thumb.is-active{width:112px}}@media (max-width:1300px) and (min-width:1101px){.hh-content h1{font-size:clamp(1.9rem,3vw,2.6rem)}}@media (max-width:1100px){.hh-stage{border-radius:18px;height:auto;min-height:0}.hh-content{max-width:none;padding:300px 28px 28px;position:relative}.hh-slide-blur{-webkit-mask-image:linear-gradient(#0000 5%,#000 45%);mask-image:linear-gradient(#0000 5%,#000 45%)}.hh-content{width:auto}.hh-strip{justify-items:stretch;max-width:none;margin:0 28px 24px;position:relative;bottom:auto;right:auto}.hh-strip-head{justify-content:space-between}.hh-thumbs{scrollbar-width:none;padding:4px 2px 8px;overflow-x:auto}.hh-thumbs::-webkit-scrollbar{display:none}.hh-thumb{flex:none}}@media (max-width:760px){.hh-stage{border-radius:14px}.hh-content{padding:220px 18px 22px}.hh-content h1{font-size:1.75rem}.hh-content p{-webkit-line-clamp:4}.hh-strip{margin:0 18px 18px}.hh-thumb{width:84px}.hh-thumb.is-active{width:108px}.hh-meta{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.hh-slide,.hh-slide.is-active>:first-child,.hh-reason,.hh-meta,.hh-word,.hh-content p,.hh-actions,.hh-cta:after{filter:none;opacity:1;transition:none!important;animation:none!important;transform:none!important}.hh-timer{display:none}}.fr-row{--hh-ease:cubic-bezier(.2, .7, .2, 1);margin-top:46px}.fr-row .cx-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.fr-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.fr-head h2{font:400 clamp(1.5rem, 1.15rem + .8vw, 1.9rem)/1.2 var(--serif);margin:4px 0 0}.fr-tools{align-items:center;gap:8px;display:flex}.fr-more{color:var(--ink);font-size:var(--text-ui);align-items:center;gap:6px;margin-right:8px;text-decoration:none;display:inline-flex}.fr-more:hover{text-underline-offset:4px;text-decoration:underline}.fr-tools button{border:1px solid var(--line);background:var(--t-surface,#fff);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:background .2s,border-color .2s;display:grid}.fr-tools button:hover{background:var(--t-surface-2,#f0f2e9);border-color:var(--t-line-strong,#c5cbbd)}.fr-shelf{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(33.3333% - 14.6667px);grid-auto-flow:column;gap:22px;padding:4px 2px 14px;display:grid;overflow-x:auto}.fr-shelf::-webkit-scrollbar{display:none}.fr-shelf>div{scroll-snap-align:start}.fr-card{animation:hh-rise .6s var(--hh-ease) var(--delay,0s) both;gap:10px;display:grid;position:relative}.fr-cover{aspect-ratio:16/9;color:#fff;transition:transform .5s var(--hh-ease), box-shadow .5s var(--hh-ease);background:#0f1a17;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #0009}.fr-card:hover .fr-cover{box-shadow:0 34px 60px -26px color-mix(in oklab, var(--tint,#cfbd97) 55%, #000), 0 0 0 1px #fff2;transform:translateY(-5px)scale(1.012)}.fr-cover img,.fr-cover video{object-fit:cover;width:100%;height:100%;transition:transform 6s linear;position:absolute;inset:0}.fr-card:hover .fr-cover img{transform:scale(1.04)}.fr-shade{opacity:0;transition:opacity .35s var(--hh-ease);background:linear-gradient(#0000 74%,#0b151066 100%);position:absolute;inset:0}.fr-card:hover .fr-shade,.fr-card:focus-within .fr-shade,.fr-card.is-resumable .fr-shade{opacity:1}.fr-play{color:#1b2a24;opacity:0;width:60px;height:60px;transition:opacity .35s var(--hh-ease), transform .35s var(--hh-ease);background:#fbf8efe6;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85);box-shadow:0 12px 30px #0006}.fr-card:hover .fr-play,.fr-cover:focus-visible .fr-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.fr-body{gap:5px;padding:4px 4px 0;display:grid}.fr-body h3{font:500 1.12rem/1.3 var(--serif);letter-spacing:-.01em;margin:0}.fr-body h3 a{color:var(--ink);text-decoration:none}.fr-body h3 a:hover{text-underline-offset:4px;text-decoration:underline}.fr-meta{color:var(--muted);align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.fr-meta i{opacity:.55;background:currentColor;border-radius:50%;width:3px;height:3px}.fr-card.is-resumable .fr-meta{color:var(--ink)}.fr-progress{background:#ffffff2a;height:3px;position:absolute;bottom:0;left:0;right:0}.fr-progress i{background:var(--prana-gold,#d9ab52);height:100%;display:block}.fr-save{z-index:2;color:#f6f1e4;cursor:pointer;opacity:0;width:32px;height:32px;transition:opacity .25s var(--hh-ease), transform .25s var(--hh-ease), background .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1510b8;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.fr-card:hover .fr-save,.fr-card:focus-within .fr-save,.fr-save.is-saved{opacity:1;transform:none}.fr-save:hover{background:#0b1510e6}.fr-save.is-saved{color:#2a1d3d;background:#f1e4cb}@media (max-width:1100px){.fr-shelf{grid-auto-columns:calc(50% - 9px);gap:18px}}@media (max-width:760px){.fr-shelf{grid-auto-columns:84%;gap:14px}.fr-row{margin-top:34px}}