body[data-power="05"] { --hp-accent: #b5ff78; --hp-bg: #050706; --hp-panel: #0a0d0b; background: #050706; }
body[data-power="05"] .hp-head { mix-blend-mode: normal; }

.hc-hero { position: relative; min-height: 100dvh; display: grid; align-items: end; isolation: isolate; overflow: hidden; background: #050706; }
.hc-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; filter: saturate(.7) contrast(1.12); transform: scale(1.02); }
.hc-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,5,4,.96) 0 29%, rgba(3,5,4,.48) 60%, transparent), linear-gradient(0deg, rgba(3,5,4,.92), transparent 58%); }
.hc-hero__scan { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, transparent 49.8%, rgba(181,255,120,.34) 50%, transparent 50.2%), linear-gradient(0deg, transparent 63%, rgba(181,255,120,.18) 63.1%, transparent 63.2%); mask-image: radial-gradient(circle at 70% 56%, #000, transparent 42%); }
.hc-hero__copy { padding-bottom: max(48px, 8vh); }
.hc-hero__copy > p, .hc-cut__copy > p, .hc-models__head > p, .hc-close__copy > p { margin: 0; color: var(--hp-accent); font: 500 10px/1.2 "DM Mono", monospace; letter-spacing: .17em; text-transform: uppercase; }
.hc-hero h1 { max-width: 8ch; margin: 18px 0 38px; font: 500 clamp(76px, 12.6vw, 202px)/.72 "Space Grotesk", sans-serif; letter-spacing: -.095em; text-transform: uppercase; }
.hc-hero__copy > div { display: flex; gap: 28px; color: rgba(255,255,255,.64); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }

.hc-core, .hc-cut { position: relative; height: 300dvh; background: #020303; }
.hc-core { height: 420dvh; }
.hc-cut { height: 280dvh; }
.hc-core__sticky, .hc-cut__sticky { position: sticky; top: 0; height: 100dvh; overflow: hidden; isolation: isolate; }
.hc-core video { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; filter: contrast(1.06) saturate(.9); }
.hc-core__scrim { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(2,3,3,.9) 0 25%, rgba(2,3,3,.24) 62%, rgba(2,3,3,.52)), linear-gradient(0deg, rgba(2,3,3,.7), transparent 38%); }
.hc-core__label { position: absolute; z-index: 2; top: 102px; right: 38px; margin: 0; color: rgba(255,255,255,.58); font: 500 9px/1.3 "DM Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.hc-core__beat { position: absolute; z-index: 2; left: max(36px, calc((100vw - min(1480px, calc(100vw - 72px))) / 2)); bottom: max(54px, 9vh); opacity: 0; transform: translateY(26px); transition: opacity .32s ease, transform .5s cubic-bezier(.16,1,.3,1); pointer-events: none; }
.hc-core__beat.is-active { opacity: 1; transform: none; }
.hc-core__beat span { color: var(--hp-accent); font: 500 10px/1 "DM Mono", monospace; letter-spacing: .17em; text-transform: uppercase; }
.hc-core__beat h2 { max-width: 8ch; margin: 17px 0 0; font: 500 clamp(68px, 10.4vw, 168px)/.76 "Space Grotesk", sans-serif; letter-spacing: -.09em; text-transform: uppercase; }
.hc-core__meter { position: absolute; z-index: 2; right: 38px; bottom: 42px; width: min(280px, 24vw); height: 1px; background: rgba(255,255,255,.2); }
.hc-core__meter i { display: block; width: 25%; height: 100%; background: var(--hp-accent); transition: transform .6s cubic-bezier(.16,1,.3,1); transform-origin: left; }
.hc-core[data-scene="1"] .hc-core__meter i { transform: translateX(100%); }
.hc-core[data-scene="2"] .hc-core__meter i { transform: translateX(200%); }
.hc-core[data-scene="3"] .hc-core__meter i { transform: translateX(300%); }
.hc-cut__frames, .hc-cut__frames figure { position: absolute; z-index: -3; inset: 0; margin: 0; }
.hc-cut__frames figure { opacity: 0; transform: scale(1.045); transition: opacity 80ms linear; }
.hc-cut__frames figure.is-active { opacity: 1; transform: scale(1); }
.hc-cut__frames img { width: 100%; height: 100%; object-fit: cover; }
.hc-cut__frames figure:nth-child(2) img { object-position: 62% center; }
.hc-cut__frames::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,3,3,.88), rgba(2,3,3,.18) 58%, rgba(2,3,3,.34)), linear-gradient(0deg, rgba(2,3,3,.62), transparent 54%); }
.hc-cut figcaption { position: absolute; right: 36px; top: 102px; color: rgba(255,255,255,.7); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.hc-cut__axis { position: absolute; z-index: 1; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(181,255,120,.22); }
.hc-cut__axis b { position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; border: 1px solid var(--hp-accent); border-radius: 50%; transform: translate(-50%,-50%); }
.hc-cut__copy { position: absolute; z-index: 2; inset: auto 0 8vh; }
.hc-cut__copy ol { display: grid; grid-template-columns: repeat(4, 1fr); margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.25); list-style: none; }
.hc-cut__copy li { color: rgba(255,255,255,.25); font: 500 clamp(28px, 4vw, 64px)/.9 "Space Grotesk", sans-serif; letter-spacing: -.06em; text-transform: uppercase; transition: color .18s linear; }
.hc-cut__copy li.is-active { color: white; }

.hc-statement { min-height: 115dvh; display: grid; align-items: center; background: #edf0ea; color: #0b110d; }
.hc-statement p { max-width: 1320px; margin: 0; font: 500 clamp(58px, 8.5vw, 142px)/.86 "Space Grotesk", sans-serif; letter-spacing: -.078em; text-transform: uppercase; }
.hc-statement strong { color: #3f692d; font-weight: 500; }

.hc-models { padding: 140px 0; background: #080b09; }
.hc-models__head { display: grid; grid-template-columns: .35fr 1fr; align-items: start; margin-bottom: 60px; }
.hc-models__head h2 { max-width: 11ch; margin: 0; font: 500 clamp(58px, 8vw, 132px)/.82 "Space Grotesk", sans-serif; letter-spacing: -.08em; text-transform: uppercase; }
.hc-models__rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.18); }
.hc-models__rail a { position: relative; min-height: 490px; display: flex; align-items: end; padding: 25px; overflow: hidden; isolation: isolate; }
.hc-models__rail a::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, rgba(2,3,3,.9), transparent 58%); }
.hc-models__rail img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.16,1,.3,1); }
.hc-models__rail a:hover img, .hc-models__rail a:focus-visible img { transform: scale(1.04); }
.hc-models__rail span { font: 500 clamp(44px, 5.4vw, 88px)/.8 "Space Grotesk", sans-serif; letter-spacing: -.07em; }

.hc-close { position: relative; min-height: 100dvh; display: grid; align-items: end; isolation: isolate; overflow: hidden; }
.hc-close > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hc-close::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,5,4,.94), rgba(3,5,4,.24) 72%), linear-gradient(0deg, rgba(3,5,4,.88), transparent 56%); }
.hc-close__copy { padding-bottom: 8vh; }
.hc-close h2 { max-width: 9ch; margin: 17px 0 32px; font: 500 clamp(70px, 10vw, 164px)/.78 "Space Grotesk", sans-serif; letter-spacing: -.085em; text-transform: uppercase; }

@media (max-width: 900px) {
  .hc-hero > img { object-position: 70% center; }
  .hc-hero::after { background: linear-gradient(0deg, rgba(3,5,4,.96), rgba(3,5,4,.15) 78%); }
  .hc-core__label { top: 88px; right: 20px; }
  .hc-core video { object-position: center; }
  .hc-cut__copy ol { grid-template-columns: 1fr 1fr; gap: 12px; }
  .hc-models__head { grid-template-columns: 1fr; gap: 22px; }
  .hc-models__rail { grid-template-columns: 1fr; }
  .hc-models__rail a { min-height: 62dvh; }
}

@media (max-width: 600px) {
  .hc-hero h1 { font-size: 19vw; }
  .hc-hero__copy > div { gap: 14px; }
  .hc-core { height: 360dvh; }
  .hc-cut { height: 260dvh; }
  .hc-core__beat { left: 18px; right: 18px; bottom: 70px; }
  .hc-core__beat h2 { font-size: 17vw; }
  .hc-core__label { max-width: 170px; text-align: right; }
  .hc-core__meter { right: 18px; bottom: 30px; width: 42vw; }
  .hc-cut__axis { left: 68%; }
  .hc-cut__copy { bottom: 6vh; }
  .hc-cut__copy ol { padding-top: 14px; }
  .hc-cut__copy li { font-size: 8.2vw; }
  .hc-statement { min-height: 95dvh; }
  .hc-statement p { font-size: 15.7vw; }
  .hc-models { padding: 96px 0; }
  .hc-close h2 { font-size: 16.5vw; }
}

@media (prefers-reduced-motion: reduce) {
  .hc-core, .hc-cut { height: auto; }
  .hc-core__sticky, .hc-cut__sticky { position: relative; min-height: 100dvh; }
  .hc-core video { transform: none !important; }
  .hc-core__beat { display: none; }
  .hc-core__beat:first-of-type { display: block; opacity: 1; transform: none; }
  .hc-cut__frames figure { display: none; }
  .hc-cut__frames figure:first-child { display: block; opacity: 1; transform: none; }
  .hc-cut__copy li { color: white; }
}