*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a0b;color:#f4f1ec;font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1440px,calc(100% - 48px));margin:auto}a{text-decoration:none;color:inherit}.header{height:86px;background:#08090a;border-bottom:1px solid #252628;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;gap:38px}.brand{font-size:22px;letter-spacing:-.7px;white-space:nowrap}.brand-name{display:block}.brand-name b{color:#f1eee8;font-weight:900}.brand-name strong{color:#e12727;font-weight:900}.brand small{display:block;color:#888;font-size:11px;letter-spacing:.1px;margin-top:5px}.film{border:2px solid #eee;border-radius:50%;font-size:11px;font-weight:900;width:42px;height:42px;display:grid;place-items:center;color:#e12727;letter-spacing:-1px}.nav nav{display:flex;gap:42px;margin:auto;font-size:13px;font-weight:800;letter-spacing:.4px}.nav nav a:first-child{border-bottom:2px solid #e12727;padding-bottom:27px}.search{background:none;border:0;color:#fff;font-size:30px}.newsletter,.red-button{background:#d52323;color:#fff;padding:14px 23px;border-radius:4px;font-size:12px;font-weight:900;border:0}.hero{display:grid;grid-template-columns:2fr .85fr;border-left:1px solid #252628;border-right:1px solid #252628}.featured,.hero{min-height:470px}.featured{position:relative;overflow:hidden}.feature-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,#345066 0,#18252b 34%,#08090a 72%);display:grid;place-items:center}.film-character{font-size:160px;opacity:.45;filter:grayscale(1)}.fake-stars{position:absolute;top:80px;right:20%;color:#ddd}.feature-copy{position:absolute;inset:0;padding:88px 52px;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.2) 70%,transparent)}.label{color:#ef2929;font-size:13px;font-weight:900;letter-spacing:.6px;margin-bottom:15px}.feature-copy h1{font:700 clamp(42px,5vw,70px)/.98 Georgia,serif;margin:0 0 20px;max-width:680px}.feature-copy p{max-width:570px;color:#ddd;line-height:1.5;font:18px/1.55 Georgia,serif}.outline-button{border:1px solid #aaa;background:transparent;color:#fff;padding:13px 24px;border-radius:4px;font-weight:900}.dots{position:absolute;bottom:17px;left:50%;display:flex;gap:10px}.dots i{width:9px;height:9px;background:#eee;border-radius:50%}.dots .active{background:#e12626}.quote-card{border-left:1px solid #252628;padding:36px 40px;background:linear-gradient(145deg,#151719,#0e0f10);display:flex;flex-direction:column}.quote-title{color:#ef2929;font-size:14px;font-weight:900;letter-spacing:1px;border-bottom:1px solid #8a2424;padding-bottom:18px}.quote-mark{color:#e12626;font:700 75px Georgia;margin-top:25px}.quote-card blockquote{font:29px/1.2 Georgia,serif;margin:0 0 20px}.quote-sub{color:#ddd;margin-bottom:30px}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:auto}.answer{padding:12px;background:#202224;border:1px solid #3a3b3d;color:#fff;border-radius:4px;cursor:pointer}.answer.right{background:#1d5935;border-color:#51b87b}.answer.wrong{background:#612828;border-color:#d95c5c}.quote-card>.red-button{margin-top:16px;width:100%;font-size:14px}.result{margin-top:15px;padding:15px;background:#1d1e20;display:grid;grid-gap:10px;gap:10px}.result span{color:#bbb;font-size:14px}.content{padding:34px 0}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:22px}.section-head h2{font-size:15px;margin:0;letter-spacing:.4px}.red-line{height:2px;width:70px;background:#df2727}.main-grid{display:grid;grid-template-columns:3fr 1fr;grid-gap:30px;gap:30px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.story{min-width:0}.story-art{height:170px;background:linear-gradient(135deg,#221510,#49392e);display:grid;place-items:center;font-size:70px;margin-bottom:16px}.story h3{font:700 24px/1.05 Georgia,serif;margin:8px 0}.story p{color:#aaa;line-height:1.45;margin:0 0 15px}.story small{color:#777}.genres{display:flex;justify-content:space-between;margin:30px 0}.genres div{text-align:center}.genres span{width:52px;height:52px;border:1px solid #3a3a3a;border-radius:50%;display:grid;place-items:center;color:#ef2929;font-size:20px;margin:auto auto 7px}.genres small{font-size:11px;color:#ddd}.subscribe{border:1px solid #3b3c3e;padding:25px;background:#151719}.subscribe h3{font:700 24px Georgia;margin:0 0 8px}.subscribe p{color:#aaa;line-height:1.45}.email{display:flex}.email input{min-width:0;flex:1 1;background:#111;border:1px solid #555;padding:12px;color:#fff}.email button{background:#d52323;color:#fff;border:0;padding:0 15px;font-weight:900}.subscribe>small{display:block;color:#666;margin-top:12px}.popular{padding:30px 0 80px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.popular-grid div{height:160px;background:linear-gradient(135deg,#191b1d,#49362d);padding:20px;display:flex;flex-direction:column;justify-content:end;gap:10px}.popular-grid b{font:700 20px Georgia}footer{border-top:1px solid #28292a;padding:28px 0;color:#777}footer .wrap{display:flex;gap:20px;justify-content:space-between}@media(max-width:900px){.nav nav{gap:16px}.nav nav a:nth-child(3),.nav nav a:nth-child(5){display:none}.hero{grid-template-columns:1fr}.quote-card{border-left:0;border-top:1px solid #252628}.main-grid{grid-template-columns:1fr}.popular-grid,.story-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wrap{width:min(100% - 28px,1440px)}.header{height:68px}.brand{gap:9px}.brand,.brand-name b,.brand-name strong{font-size:18px}.brand small{display:none}.film{width:38px;height:38px}.newsletter,.search{display:none}.nav nav{margin-left:auto;gap:12px}.nav nav a{font-size:10px}.nav nav a:first-child{padding-bottom:20px}.featured,.hero{min-height:500px}.feature-copy{padding:55px 25px}.feature-copy h1{font-size:42px}.quote-card{padding:30px 22px}.quote-card blockquote{font-size:25px}.answers,.story-grid{grid-template-columns:1fr}.popular-grid{grid-template-columns:1fr 1fr}.popular-grid div{height:130px}.email{display:block}.email button{width:100%;height:42px;margin-top:7px}footer .wrap,footer span{display:block}footer span{margin-top:8px}}.header .nav{justify-content:space-between;gap:20px}.brand,.header .nav{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;color:#fff}.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;display:block}.brand-name{display:flex;align-items:baseline;gap:0;font-size:18px;line-height:1}.brand-name b{color:#fff}.brand-name strong{color:#d52323}.brand-name small{display:block;margin-left:10px;color:#777;font-size:10px}.desktop-nav{display:flex;gap:16px}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;font-size:28px;color:#fff;line-height:1}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{display:flex;flex-direction:column;gap:0;position:absolute;right:14px;top:60px;min-width:190px;background:#111;border:1px solid #333;z-index:1000}.mobile-menu nav a{display:block;padding:15px 18px;color:#fff;text-decoration:none;border-bottom:1px solid #333}.mobile-menu nav a:last-child{border-bottom:0}@media (max-width:600px){.header{height:auto;min-height:68px}.header .nav{min-height:68px;width:min(100% - 28px,1440px)}.brand-logo{width:42px;height:42px}.brand-name{font-size:17px}.brand-name small,.desktop-nav{display:none}.mobile-menu{display:block;position:relative;margin-left:auto}}