.hh-root{--hh-accent:var(--selection-color, #c9803a);--hh-stage-min:440px;--hh-img-max-h:clamp(300px, 54vh, 500px);--hh-pad-x:72px;--hh-panel-w:430px;--hh-line:var(--background-nav-stronger, rgba(128, 128, 128, 0.35));position:relative;margin:8px 0 40px}.hh-ruler{position:relative;z-index:5;height:78px;margin:4px 0 20px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.hh-era-hl{position:absolute;top:0;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--hh-accent) 24%,transparent) 0%,color-mix(in srgb,var(--hh-accent) 5%,transparent) 100%);box-shadow:inset 0 2px 0 var(--hh-accent);pointer-events:none;transition:left 0.55s cubic-bezier(.3,.7,.2,1),width 0.55s cubic-bezier(.3,.7,.2,1)}.hh-bands{position:absolute;left:0;right:0;top:0;height:30px}.hh-band{position:absolute;top:0;height:30px;box-sizing:border-box;padding:0 10px;border-left:1px solid var(--hh-line);font-size:10px;font-weight:700;line-height:30px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-color-attenuate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease}.hh-band.is-active{color:var(--hh-accent);font-weight:800}.hh-track{position:absolute;left:0;right:0;top:52px;height:2px;border-radius:1px;background:var(--hh-line)}.hh-track-fill{position:absolute;left:0;top:0;height:100%;width:var(--hh-x,0%);background:var(--hh-accent);border-radius:1px;transition:width 0.5s cubic-bezier(.3,.7,.2,1)}.hh-tick{position:absolute;top:34px;width:22px;height:38px;margin-left:-11px;padding:0;border:0;background:none;cursor:pointer}.hh-tick::before{content:"";position:absolute;left:50%;top:12px;width:2px;height:12px;margin-left:-1px;border-radius:1px;background:color-mix(in srgb,var(--text-color) 38%,transparent);transition:height 0.25s ease,top 0.25s ease,background 0.25s ease}.hh-tick.in-era::before{top:10px;height:16px;background:color-mix(in srgb,var(--hh-accent) 60%,var(--text-color))}.hh-tick:hover::before{top:9px;height:18px;background:var(--text-color)}.hh-tick.is-past::before{background:color-mix(in srgb,var(--hh-accent) 65%,transparent)}.hh-tick.is-active::before{top:8px;height:20px;background:var(--hh-accent)}.hh-tick:focus-visible{outline:2px solid var(--hh-accent);outline-offset:-2px;border-radius:4px}.hh-tip{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:260px;padding:6px 10px;border-radius:8px;background:var(--text-color);color:var(--background-color);font-size:12px;line-height:1.3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity 0.15s ease;z-index:20}.hh-tip b{font-weight:800;margin-right:4px}.hh-tick:first-of-type .hh-tip{left:0;transform:none}.hh-tick:last-of-type .hh-tip{left:auto;right:0;transform:none}.hh-tick:hover .hh-tip,.hh-tick:focus-visible .hh-tip,.hh-ruler.is-scrubbing .hh-tick.is-active .hh-tip{opacity:1}.hh-playhead{position:absolute;left:var(--hh-x,0%);top:46px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--hh-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--hh-accent) 25%,transparent);transition:left 0.5s cubic-bezier(.3,.7,.2,1);pointer-events:none;z-index:3}.hh-ruler.is-scrubbing .hh-playhead,.hh-ruler.is-scrubbing .hh-track-fill,.hh-ruler.is-scrubbing .hh-era-hl{transition-duration:0.18s}.hh-stage{position:relative;overflow:hidden;background:#111;color:#fff;touch-action:pan-y}.hh-slide{position:relative;overflow:hidden}.hh-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hh-blur{position:absolute;left:-6%;top:-6%;width:112%;height:112%;object-fit:cover;display:block;filter:blur(26px) saturate(1.25) brightness(.8)}.hh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(6 6 8 / .72) 0%,rgb(6 6 8 / .34) 60%,rgb(6 6 8 / .4) 100%)}.hh-bg--plain{background:linear-gradient(135deg,color-mix(in srgb,var(--hh-accent) 62%,#000),#15130f)}.hh-bg--plain::after{background:none}.hh-inner{position:relative;z-index:2;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,var(--hh-panel-w)) minmax(0,1fr);column-gap:32px;align-items:center;min-height:var(--hh-stage-min);padding:28px var(--hh-pad-x)}.hh-frame{grid-column:2;grid-row:1;justify-self:center;position:relative;margin:0;width:min(100%, calc(var(--hh-img-max-h) * var(--hh-ar, 1.5)));overflow:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .55)}.hh-main{display:block;width:100%;height:auto;aspect-ratio:var(--hh-ar,1.5);object-fit:cover;transition:opacity 0.45s ease}.hh-slide.is-broken .hh-frame{display:none}.hh-copyright{position:absolute;right:8px;bottom:8px;font-size:10px;color:rgb(255 255 255 / .9);background:rgb(0 0 0 / .35);padding:2px 6px;border-radius:3px;pointer-events:none}.hh-panel{grid-column:1;grid-row:1;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px, 2.2vw, 26px);background:rgb(12 12 14 / .52);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:.5px solid rgb(255 255 255 / .18)}.hh-meta{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.hh-meta-top{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hh-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--hh-accent) 55%,#fff)}.hh-counter{flex:none;font-size:11px;letter-spacing:.04em;color:rgb(255 255 255 / .6);font-variant-numeric:tabular-nums}.hh-counter b{color:#fff;font-weight:700}.hh-date{display:block;font-size:clamp(20px, 1.9vw, 26px);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}.hh-date::before{content:"";display:block;width:32px;height:3px;margin-bottom:9px;border-radius:2px;background:var(--hh-accent)}.hh-title{margin:0;font-size:clamp(16px, 1.6vw, 19px);font-weight:500;line-height:1.3;color:rgb(255 255 255 / .92)}.hh-text{margin:0;font-size:14.5px;line-height:1.65;color:rgb(255 255 255 / .84)}.hh-full[hidden]{display:none}.hh-full p{margin:0 0 .85em}.hh-full p:last-child{margin-bottom:0}.hh-full a{color:#fff;text-decoration:underline}.hh-slide.is-open .hh-excerpt{display:none}.hh-more{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:.5px solid rgb(255 255 255 / .4);background:rgb(255 255 255 / .08);color:#fff;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s}.hh-more:hover{background:#fff;border-color:#fff;color:#111}.hh-more svg{transition:transform 0.25s ease}.hh-slide.is-open .hh-more svg{transform:rotate(180deg)}.hh-attr{box-sizing:border-box;width:100%;min-width:0;padding-top:12px;border-top:.5px solid rgb(255 255 255 / .18)}.hh-attr-title{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--hh-accent) 55%,#fff)}.hh-attr-count{min-width:18px;padding:1px 6px;border-radius:999px;background:rgb(255 255 255 / .16);color:#fff;font-size:10.5px;letter-spacing:0;text-align:center}.hh-attr-list{list-style:none;margin:0;padding:2px 0 4px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%)}.hh-attr-list::-webkit-scrollbar{display:none}.hh-attr-item{flex:0 0 auto;scroll-snap-align:start;margin:0;padding:0}.hh-attr-card{display:flex;align-items:center;gap:10px;width:188px;padding:6px 12px 6px 6px;box-sizing:border-box;border-radius:12px;background:rgb(255 255 255 / .08);border:.5px solid rgb(255 255 255 / .16);color:#fff;text-decoration:none;transition:background 0.2s,transform 0.2s,border-color 0.2s}a.hh-attr-card:hover,a.hh-attr-card:focus-visible{background:rgb(255 255 255 / .18);border-color:rgb(255 255 255 / .4);transform:translateY(-1px)}a.hh-attr-card:focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}.hh-attr-thumb{flex:none;width:44px;height:44px;border-radius:9px;object-fit:cover;display:block}.hh-attr-thumb--plain{background:linear-gradient(135deg,color-mix(in srgb,var(--hh-accent) 60%,#000),#1b1812)}.hh-attr-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.hh-attr-name{font-size:13px;font-weight:600;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-attr-sub{font-size:11px;line-height:1.2;color:rgb(255 255 255 / .66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-arrow{position:absolute;top:50%;z-index:5;width:44px;height:44px;padding:0;margin-top:-22px;display:grid;place-items:center;border-radius:50%;border:.5px solid rgb(255 255 255 / .35);background:rgb(12 12 14 / .45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background 0.2s,color 0.2s,opacity 0.2s}.hh-prev{left:16px}.hh-next{right:16px}.hh-arrow:hover{background:#fff;color:#111}.hh-arrow:disabled{opacity:.3;pointer-events:none}.hh-arrow:focus-visible,.hh-more:focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}.hh-js .hh-stage{height:var(--hh-stage-min)}.hh-js.hh-ready .hh-stage{transition:height 0.5s cubic-bezier(.3,.7,.2,1)}.hh-js .hh-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 0.7s ease,visibility 0s linear 0.7s}.hh-js .hh-slide.is-active{opacity:1;visibility:visible;transition:opacity 0.7s ease,visibility 0s}.hh-js .hh-panel{opacity:0;transform:translateX(30px);transition:transform 0.7s cubic-bezier(.2,.7,.2,1),opacity 0.5s ease}.hh-js .hh-slide.is-before .hh-panel{transform:translateX(-30px)}.hh-js .hh-slide.is-active .hh-panel{opacity:1;transform:none;transition-delay:0.12s}.hh-js .hh-frame{opacity:0;transform:translateY(12px) scale(.97);transition:transform 0.8s cubic-bezier(.2,.7,.2,1) 0.1s,opacity 0.6s ease 0.1s}.hh-js .hh-slide.is-active .hh-frame{opacity:1;transform:none}.hh-js .hh-slide.is-pending .hh-main{opacity:0}.hh-root:not(.hh-js) .hh-stage{display:flex;flex-direction:column;gap:16px;overflow:visible;background:none}.hh-root:not(.hh-js) .hh-slide{border-radius:20px;background:#111}.hh-root:not(.hh-js) .hh-arrow,.hh-root:not(.hh-js) .hh-ruler{display:none}@media (max-width:1000px){.hh-root{--hh-stage-min:300px;--hh-img-max-h:clamp(220px, 38vh, 340px)}.hh-inner{grid-template-columns:minmax(0,1fr);row-gap:14px;align-items:start;padding:14px clamp(14px, 4vw, 40px) 18px}.hh-frame{grid-column:1;grid-row:1}.hh-panel{grid-column:1;grid-row:2}.hh-slide--plain .hh-panel{grid-row:1}.hh-bg::after{background:linear-gradient(180deg,rgb(6 6 8 / .2) 0%,rgb(6 6 8 / .55) 55%,rgb(6 6 8 / .86) 100%)}.hh-arrow{top:130px;width:38px;height:38px;margin-top:-19px}.hh-prev{left:10px}.hh-next{right:10px}}@media (max-width:760px){.hh-root{--hh-img-max-h:280px}.hh-panel{padding:16px;background:rgb(12 12 14 / .58)}.hh-date{font-size:22px}.hh-date::before{margin-bottom:7px}.hh-attr-card{width:168px}.hh-band{font-size:9px;padding:0 6px;letter-spacing:.08em}}@media (prefers-reduced-motion:reduce){.hh-js .hh-slide,.hh-js .hh-slide.is-active,.hh-js .hh-panel,.hh-js .hh-slide.is-active .hh-panel,.hh-js .hh-frame,.hh-js .hh-slide.is-active .hh-frame{transition-duration:0.01s;transition-delay:0s;transform:none}.hh-js.hh-ready .hh-stage,.hh-playhead,.hh-track-fill,.hh-era-hl,.hh-attr-card{transition:none}}