.kflix-page{--cyan:#3cf1e5;--coral:#fa754d;--image-frame:#424a4d;color:#f6f7f7;background:#02070b;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.trending{gap:14px;padding:18px 28px}.trending strong{letter-spacing:.1em;font-size:11px}.trending strong b{margin-left:7px;font-size:15px}.trending-divider{display:none}.trending a{grid-template-columns:40px 1fr;gap:9px;min-width:108px}.mini-still{width:36px;height:40px}.trending figure{display:contents}.trending figcaption{gap:2px;display:grid}.trending-title{white-space:nowrap;font-size:8px;font-weight:700;line-height:1.1}.trending a small{color:#8b9597;white-space:nowrap;font-size:7px;line-height:1.1}.trending-next{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-left:auto;font-size:15px;display:flex}.kflix-page *{box-sizing:border-box}.kflix-page a{color:inherit;text-decoration:none}.kflix-nav,.hero,.trending,.latest,.now-playing,.kflix-footer{max-width:1320px;margin:auto}.kflix-nav{z-index:3;justify-content:space-between;align-items:center;padding:32px 28px;display:flex;position:relative}.kflix-logo{letter-spacing:.19em;font-size:19px;font-weight:800}.kflix-logo span{color:var(--coral)}.kflix-nav nav{text-transform:uppercase;gap:40px;display:flex}.kflix-nav nav a,.kflix-footer strong{letter-spacing:.18em;font-size:10px;font-weight:700}.kflix-nav nav a:hover,.kflix-footer a:hover{color:var(--cyan)}.menu-button{cursor:pointer;background:0 0;border:0;gap:5px;padding:8px;display:grid}.menu-button i{background:var(--coral);width:21px;height:1px;display:block}.hero{background:linear-gradient(90deg,#02070b 3%,#02070bd4 32%,#02070b1a 72%),url(/kflix/aurora-hero.png) 50%/cover;border-bottom:1px solid #ffffff21;min-height:510px;padding:85px 28px 52px;display:flex;position:relative}.hero-copy{z-index:1;align-self:center;max-width:460px;position:relative}.story-row em,.trending em,.feature-card small{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:700}.hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:17px 0 28px;font-size:clamp(54px,7vw,104px);font-weight:300;line-height:.94}.hero h1:after{background:var(--cyan);content:"";width:190px;height:2px;margin-top:26px;display:block}.hero-motion{white-space:nowrap;display:inline-block}.hero h1 .hero-dot{color:var(--coral)}.hero-copy>p{color:#c8d0d1;font-size:16px}.scroll-link{letter-spacing:.2em;text-transform:uppercase;margin-top:70px;font-size:9px;display:block}.scroll-link b{color:var(--cyan);margin-left:10px;font-size:20px}.feature-stack{align-items:center;gap:15px;margin-left:auto;display:flex;position:relative}.feature-card{border:1px solid var(--image-frame);background-color:#09111b;background-image:linear-gradient(#0000 45%,#020407 100%),url(/kflix/story-stills.png);background-size:202% 202%;border-radius:9px;flex-direction:column;justify-content:space-between;width:180px;height:260px;padding:17px;display:flex;overflow:hidden}.feature-card,.mini-still,.story-image,.manifesto,.poster{box-shadow:none;border:0}.feature-card:nth-child(2){margin-top:75px}.feature-card:nth-child(3){margin-top:20px}.feature-portal,.portal{background-position:0 0}.feature-headphones,.headphones{background-position:100% 0}.feature-gallery,.gallery{background-position:0 100%}.feature-satellite,.satellite{background-position:100% 100%}.feature-card h2{letter-spacing:.03em;text-transform:uppercase;margin:0 0 5px;font-size:16px}.feature-card p{color:#c5c7cb;margin:0;font-size:10px}.trending{border-bottom:1px solid #ffffff1a;align-items:center;gap:24px;padding:24px 28px;display:flex;overflow:auto}.trending strong{color:var(--coral);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;font-size:12px}.trending a{grid-template-columns:35px 1fr;align-items:center;gap:2px;min-width:135px;font-size:10px;display:grid}.trending em{font-size:7px}.mini-still{border:1px solid var(--image-frame);background-image:url(/kflix/story-stills.png);background-size:202% 202%;border-radius:4px;grid-row:1/3;width:30px;height:34px}.latest,.now-playing{padding:68px 28px 18px}.latest{padding-top:30px}.section-title{align-items:center;gap:15px;margin-bottom:28px;display:flex}.section-title span{background:var(--cyan);width:22px;height:2px}.section-title h2{letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:15px}.latest-grid{grid-template-columns:minmax(0,1.75fr) minmax(270px,.9fr);gap:35px;display:grid}.story-list{border-top:1px solid #ffffff21}.story-row{border-bottom:1px solid #ffffff21;grid-template-columns:299px 1fr 22px;align-items:center;gap:25px;padding:10px 0;display:grid}.story-image{aspect-ratio:21/9;border:1px solid var(--image-frame);background-image:url(/kflix/story-stills.png);background-size:202% 202%;border-radius:7px;height:auto}.story-row h3{letter-spacing:.02em;text-transform:uppercase;margin:14px 0;font-size:clamp(20px,2.7vw,34px);font-weight:300}.story-row small{color:#9ca6aa;letter-spacing:.17em;text-transform:uppercase;font-size:9px}.story-row>b{color:#ccd6d6;font-size:20px;font-weight:300}.manifesto{border:1px solid var(--image-frame);background:linear-gradient(#02070b1a,#040a10 80%),url(/kflix/aurora-hero.png) 68%/cover;border-radius:8px;min-height:585px;padding:45px 36px;display:flex}.manifesto div{align-self:center}.manifesto p{color:var(--cyan);letter-spacing:.45em;font-size:10px}.manifesto h2{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(39px,5vw,68px);font-weight:300;line-height:1.18}.manifesto a{border-bottom:2px solid var(--cyan);letter-spacing:.18em;text-transform:uppercase;padding-bottom:12px;font-size:10px}.poster-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.poster{aspect-ratio:9/16;background-image:linear-gradient(0deg, #000000d9, transparent 68%), var(--poster-image);text-align:center;background-position:50%;background-size:cover;border:0;border-radius:7px;flex-direction:column;justify-content:end;align-items:end;height:auto;padding:25px 14px;display:flex}.poster h3{letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.15}.poster small{letter-spacing:.3em;text-transform:uppercase;font-size:8px}.poster-0{--poster-image:url(/kflix/poster-echoes-of-dawn.png)}.poster-1{--poster-image:url(/kflix/poster-neon-reverie.png)}.poster-2{--poster-image:url(/kflix/poster-children-of-the-dust.png)}.poster-3{--poster-image:url(/kflix/poster-velvet-nights.png)}.newsletter{text-align:center;background:radial-gradient(at 14%,#23e6ee66,#0000 30%),radial-gradient(at 82% 75%,#a84cff7a,#0000 32%),#02070b;margin-top:65px;padding:100px 20px}.newsletter h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,64px);font-weight:300}.newsletter p{color:#d0d4d5}.newsletter form{max-width:570px;margin:28px auto 0;display:flex}.newsletter input{color:#fff;background:#02070bad;border:1px solid #ffffff59;flex:1;min-height:50px;padding:0 16px}.newsletter button{border:1px solid var(--coral);color:var(--coral);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#02070b66;min-width:135px;font-size:11px;font-weight:700}.kflix-footer{border-top:1px solid #ffffff21;grid-template-columns:2fr repeat(3,1fr);gap:25px;padding:50px 28px 80px;display:grid;position:relative}.kflix-footer div:not(:first-child){gap:10px;display:grid}.kflix-footer a{color:#b6bdc0;font-size:11px}.kflix-footer small{color:#7d888d;font-size:9px;position:absolute;bottom:28px;left:28px}@media (max-width:900px) and (min-width:761px){.kflix-nav{height:64px;padding:20px 28px}.kflix-nav nav{gap:30px}.hero{min-height:338px;padding:83px 32px 20px}.hero h1{margin:0 0 23px;font-size:49px;line-height:.98}.hero h1:after{width:122px;margin-top:18px}.hero-copy>p{margin:0;font-size:11px}.scroll-link{margin-top:43px}.feature-stack{gap:8px;position:absolute;top:15px;right:36px}.feature-card{width:145px;height:216px;padding:12px}.feature-card:nth-child(2){margin-top:82px}.feature-card:nth-child(3){margin-top:69px}.feature-card h2{font-size:11px}.feature-card p{font-size:8px}.trending{height:107px;padding:18px 30px}.trending a{min-width:96px}.latest,.now-playing{padding:24px 30px 12px}.section-title{margin-bottom:15px}.latest-grid{grid-template-columns:minmax(0,1fr) 243px;gap:26px}.story-row{grid-template-columns:315px 1fr 14px;gap:20px;padding:5px 0}.story-image{height:auto}.story-row h3{letter-spacing:.01em;margin:10px 0;font-family:Arial Narrow,Arial,sans-serif;font-size:24px;line-height:1.02}.manifesto{min-height:505px;padding:29px 23px}.manifesto h2{font-family:Arial Narrow,Arial,sans-serif;font-size:47px;line-height:1.28}.poster-grid{gap:9px}.poster{height:auto;padding:17px 8px}.poster h3{font-size:18px}.newsletter{margin-top:45px;padding:72px 20px}.newsletter h2{font-size:36px}.kflix-footer{padding-top:38px}}@media (min-width:1200px){.hero{min-height:530px;padding:26px 34px 50px}.hero h1{margin:0 0 24px;font-size:clamp(64px,6vw,80px)}.feature-stack{align-items:flex-start;gap:16px;position:absolute;top:46px;right:66px}.feature-card{width:234px;height:354px;padding:17px}.feature-card:nth-child(2){width:222px;height:320px;margin-top:110px}.feature-card:nth-child(3){height:333px;margin-top:90px;margin-left:20px}}@media (max-width:760px){.kflix-nav{padding:22px 20px}.kflix-nav nav{display:none}.hero{min-height:670px;padding:50px 20px 30px}.hero-copy{align-self:start}.feature-stack{align-self:end;gap:8px;margin-left:0;position:absolute;right:20px}.feature-card{width:31vw;height:190px;padding:11px}.feature-card:nth-child(2),.feature-card:nth-child(3){margin-top:35px}.feature-card h2{font-size:12px}.feature-card p{display:none}.trending{padding:20px}.latest,.now-playing{padding:48px 20px 10px}.latest-grid{grid-template-columns:1fr}.story-row{grid-template-columns:116px 1fr 15px;gap:13px}.story-image{height:auto}.story-row h3{margin:8px 0;font-size:18px}.manifesto{min-height:380px}.poster-grid{grid-template-columns:repeat(2,1fr)}.poster{height:auto}.newsletter{padding:72px 20px}.newsletter form{display:block}.newsletter button,.newsletter input{width:100%}.newsletter button{min-height:50px}.kflix-footer{grid-template-columns:1fr 1fr}.kflix-footer>:first-child{grid-column:1/-1}}@media (min-width:761px){.trending{gap:18px;padding:24px 28px;overflow:hidden}.trending-divider{height:50px}.trending strong{font-size:13px}.trending a{border-left:1px solid #fff3;align-items:center;gap:12px;min-width:170px;height:50px;padding-left:16px;display:flex}.trending figcaption{justify-content:center}.mini-still{flex:0 0 50px;width:50px;height:50px}.trending em{font-size:12px;line-height:1}.trending-title{font-size:17px;line-height:1.1}.trending a small{font-size:13px;line-height:1}.trending-next{width:30px;height:30px}}.trend-rail{border-bottom:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:18px;max-width:1320px;margin:0 auto;padding:24px 28px;display:grid}.trend-label{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px}.trend-label b{margin-left:8px;font-size:15px}.trend-items{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.trend-items::-webkit-scrollbar{display:none}.trend-card{border-left:1px solid #fff3;flex:none;padding:0 18px}.trend-card figure{grid-template-columns:50px auto;align-items:center;gap:12px;margin:0;display:grid}.trend-thumb{background-image:url(/kflix/story-stills.png);background-size:202% 202%;border:0;border-radius:4px;width:50px;height:50px;display:block}.trend-card figcaption{gap:2px;display:grid}.trend-card figcaption em{color:var(--cyan);letter-spacing:.16em;font-size:12px;font-style:normal;font-weight:700;line-height:1}.trend-card figcaption>span{white-space:nowrap;font-size:17px;font-weight:700;line-height:1.1}.trend-card figcaption small{color:#9ca5a7;white-space:nowrap;font-size:13px;line-height:1}.trend-next{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;display:flex}@media (max-width:760px){.trend-rail{grid-template-columns:auto minmax(0,1fr) 28px;gap:12px;padding:18px 20px}.trend-label{font-size:11px}.trend-card{padding:0 12px}.trend-card figure{grid-template-columns:42px auto;gap:9px}.trend-thumb{width:42px;height:42px}.trend-card figcaption em{font-size:9px}.trend-card figcaption>span{font-size:13px}.trend-card figcaption small{font-size:10px}.trend-next{width:28px;height:28px}}