.guest-home #browse-view,.guest-home #watch-view,.guest-home #saved-nav,.guest-home #search-form { display:none; }
#landing-view[hidden] { display:none; }
.guest-home .site-header nav { margin-left:auto; }
.landing-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:5%; padding:64px 0 80px; min-height:640px; overflow:hidden; }
.landing-copy h1 { font-size:clamp(38px,4.4vw,68px); line-height:1.12; letter-spacing:-.035em; margin:0 0 26px; font-weight:800; }
.landing-copy h1 em { font-style:normal; color:#d1f285; }
.landing-copy>p { max-width:48ch; font-size:16px; line-height:1.8; color:#bbc3b3; }
.landing-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:30px 0 20px; }
.landing-actions .primary { min-height:52px; padding:16px 24px; gap:18px; }
.landing-copy .landing-price-note { font-size:13px; line-height:1.9; }
.landing-price-note strong { color:#f1f3e9; }
.landing-wall { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-height:580px; padding:20px 8px; transform:rotate(5deg); overflow:hidden; }
.landing-wall-cover { position:relative; aspect-ratio:2/3; border-radius:12px; overflow:hidden; background:#252c20; }
.landing-wall-cover:nth-child(even) { transform:translateY(40px); }
.landing-wall-cover img { width:100%; height:100%; object-fit:cover; }
.landing-wall-cover span { position:absolute; bottom:0; left:0; right:0; padding:28px 14px 14px; background:linear-gradient(transparent,#000e); color:#fff; font-size:12px; font-weight:700; }
.landing-placeholder { grid-column:1/-1; min-height:380px; display:grid; place-content:center; font-size:30px; line-height:1.5; color:#d1f285; background:#1c2218; border-radius:14px; transform:rotate(-5deg); }
.landing-section-head { display:flex; justify-content:space-between; gap:24px; align-items:end; }
.landing-section-head h2,.landing-membership h2,.landing-faq h2 { font-size:clamp(26px,3vw,42px); letter-spacing:-.025em; line-height:1.2; margin:0 0 12px; }
.landing-section-head p,.landing-membership p { color:#bbc3b3; line-height:1.8; }
#landing-status { color:#bbc3b3; font-size:12px; line-height:1.8; margin:20px 0; }
.landing-titles { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:18px; }
.landing-title { text-align:left; border:0; padding:0; color:inherit; background:none; cursor:pointer; min-width:0; }
.landing-poster { aspect-ratio:2/3; border-radius:9px; overflow:hidden; background:#252c20; margin-bottom:12px; }
.landing-poster img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease-out; }
.landing-title:hover img { transform:scale(1.04); }
.landing-title strong { font-size:12px; line-height:1.6; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.landing-membership { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; border-top:1px solid #343c2d; margin-top:80px; padding:70px 0; }
.landing-membership ol { list-style:none; padding:0; margin:30px 0 0; }
.landing-membership li { border-top:1px solid #343c2d; padding:18px 0; display:grid; gap:7px; }
.landing-membership li span { color:#bbc3b3; font-size:13px; line-height:1.7; }
.landing-offer { padding:36px; background:#d1f285; color:#172010; border-radius:14px; align-self:center; }
.landing-offer h3 { margin:0; font-size:20px; }
.landing-offer .landing-price { font-size:48px; font-weight:800; color:#172010; margin:20px 0; letter-spacing:-.03em; line-height:1.2; }
.landing-price span { font-size:16px; font-weight:500; margin-left:8px; }
.landing-offer p,.landing-offer small { color:#35432a; }
.landing-offer .primary { background:#172010; color:#f1f3e9; width:100%; margin:16px 0; min-height:50px; }
.landing-offer small { display:block; line-height:1.7; font-size:12px; }
.landing-faq { max-width:860px; padding:12px 0 75px; }
.landing-faq details { padding:20px 0; border-bottom:1px solid #343c2d; }
.landing-faq summary { cursor:pointer; font-weight:600; line-height:1.6; }
.landing-faq p { color:#bbc3b3; line-height:1.8; font-size:14px; }
@media(max-width:1000px) { .landing-titles { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 16px; } .landing-wall { max-height:480px; } }
@media(max-width:760px) { .landing-hero { grid-template-columns:1fr; gap:30px; padding:40px 0 50px; min-height:0; } .landing-copy h1 { font-size:40px; } .landing-copy>p { font-size:14px; } .landing-wall { max-height:340px; gap:12px; } .landing-placeholder { min-height:280px; font-size:24px; } .landing-section-head { align-items:start; flex-direction:column; gap:4px; } .landing-titles { grid-template-columns:repeat(2,minmax(0,1fr)); } .landing-membership { grid-template-columns:1fr; gap:28px; margin-top:44px; padding:40px 0; } .landing-offer { padding:26px; } .landing-offer .landing-price { font-size:42px; } .landing-faq { padding-bottom:40px; } .guest-home .site-header { flex-wrap:nowrap; gap:12px; } .guest-home .site-header nav { margin-left:auto; } .guest-home .account-toggle { padding:10px 14px; } }
@media(prefers-reduced-motion:reduce) { .landing-poster img { transition:none; } }