*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f7f3f0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;background:#101010;border-bottom:1px solid #38302f}.brand{font-size:25px;font-weight:1000;letter-spacing:-2px;white-space:nowrap}.brand span{color:#ed4932}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#999;font-weight:700}.top nav{display:flex;gap:22px}.top nav a,.return{font-size:11px;font-weight:900;letter-spacing:1px}.top nav a:hover,.return:hover{color:#ff6b53}.return{color:#ff6b53;white-space:nowrap}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/see-it-thru-cinematic-hero.jpg') center 35%/cover no-repeat;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090909 3%,rgba(9,9,9,.94) 26%,rgba(9,9,9,.32) 85%),linear-gradient(0deg,#090909,transparent 28%)}.hero-copy{position:relative;max-width:800px;padding:70px 7%}.eyebrow,.overline{font-size:11px;color:#ff654a;letter-spacing:3px;font-weight:900}.hero h1{font-size:clamp(74px,12vw,170px);font-weight:1000;letter-spacing:-.09em;line-height:.82;margin:25px 0 30px}.hero h1 em,.section h2 em{font-style:normal;color:#ee4d36}.tagline{font-size:clamp(16px,2.5vw,24px);font-weight:900;line-height:1.35;letter-spacing:1px}.intro{color:#c7bfbd;line-height:1.7;max-width:500px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.primary,.secondary{display:inline-block;padding:16px 23px;font-size:12px;font-weight:900;letter-spacing:.8px;border:1px solid #ee5039}.primary{background:#ee5039}.secondary{background:#191514}.primary:hover{background:#bf3423}.secondary:hover{background:#33211d}.state{margin-top:45px;font-size:10px;letter-spacing:1.3px;color:#c9c0bc;font-weight:900}.state span{color:#ff634d;margin:0 7px}.section{padding:95px 7%;border-top:1px solid #2d2625}.section h2{font-size:clamp(38px,6vw,82px);line-height:.98;letter-spacing:-.06em;margin:20px 0 28px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.story-grid p,.section-head p,.updates>p{color:#bdb5b1;line-height:1.8;max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags span{border:1px solid #694139;padding:8px 12px;font-size:10px;font-weight:900;color:#f7a08c}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head p{max-width:400px}.filter{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filter button{border:1px solid #60443d;background:#161111;color:#ddd;padding:12px 17px;cursor:pointer;font-size:11px;font-weight:900}.filter button.active{background:#ee5039;border-color:#ee5039;color:white}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.character{min-height:225px;background:linear-gradient(150deg,#352322,#131010 75%);border:1px solid #4d3531;display:flex;flex-direction:column;justify-content:end;padding:22px}.character .num{color:#b16a5c;font-size:11px;letter-spacing:2px}.character h3{font-size:clamp(20px,2.4vw,31px);margin:9px 0 5px;text-transform:uppercase}.character small{font-size:10px;color:#a99d99;letter-spacing:1px}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0}.episode{background:#171414;border:1px solid #49342f;padding:24px;min-height:185px}.episode strong{font-size:47px;color:#e94c34}.episode h3{font-size:16px;margin:15px 0 7px}.episode p{font-size:11px;color:#aca29f}.wide{margin-top:12px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.media-grid article{background:#161313;border:1px solid #45312d}.media-art{height:240px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.media-art.poster{background-image:url('assets/see-it-thru-official-poster.jpg')}.media-art.behind{background:linear-gradient(135deg,#4a2923,#100e0d)}.media-art.trailer{background:linear-gradient(135deg,#292022,#090909)}.media-art span{border:1px solid #a55a4b;padding:12px;font-size:11px;font-weight:900;letter-spacing:2px}.media-copy{padding:20px}.media-copy span{color:#f36a54;font-size:10px;letter-spacing:1px;font-weight:900}.media-copy h3{font-size:19px}.media-copy p{color:#aaa;font-size:13px;line-height:1.6}.updates{background:linear-gradient(120deg,#241310,#0a0909)}.fine{font-size:12px!important;color:#aa918a!important}footer{padding:28px 7%;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #50302b}footer strong{font-size:24px}footer span,footer a{font-size:10px;letter-spacing:1px;color:#c7aaa2}@media(max-width:850px){.top nav{display:none}.hero{min-height:650px}.character-grid,.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:1fr 1fr}.section-head{display:block}}@media(max-width:560px){.top{padding:17px 5%}.return{font-size:10px}.hero{min-height:620px}.hero-copy{padding:60px 6%}.hero-shade{background:linear-gradient(90deg,rgba(9,9,9,.96),rgba(9,9,9,.45)),linear-gradient(0deg,#090909,transparent 45%)}.section{padding:68px 6%}.story-grid,.media-grid{grid-template-columns:1fr;gap:10px}.character-grid{gap:8px}.character{min-height:165px;padding:14px}.episode{padding:16px;min-height:150px}.episode strong{font-size:35px}footer{flex-direction:column;align-items:start}}