/* ════════════════════════════════════════════════════════════
   home.css — layout for the BLISS home page (zh/ and en/).
   Loads after site-core.css, before site.css.
   ════════════════════════════════════════════════════════════ */

/* ── Hero ── */
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;}
.hero-video-wrap{position:absolute;inset:0;z-index:0;}
.hero-video-wrap video{width:100%;height:100%;object-fit:cover;object-position:center center;}
.hero-video-fallback{position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 30%,rgba(155,89,255,0.18) 0%,rgba(255,95,174,0.12) 35%,transparent 70%),var(--dark);z-index:-1;}
.hero-stars{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(1px 1px at 8% 12%,rgba(255,255,255,0.8) 0%,transparent 100%),radial-gradient(1px 1px at 23% 6%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 41% 18%,rgba(255,95,174,0.7) 0%,transparent 100%),radial-gradient(1px 1px at 58% 9%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 74% 22%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 88% 7%,rgba(155,89,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 3% 38%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 95% 35%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 14% 62%,rgba(255,95,174,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 58%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 50% 80%,rgba(155,89,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 97% 78%,rgba(255,255,255,0.6) 0%,transparent 100%);}
.hero-gradient-top{position:absolute;top:0;left:0;right:0;height:220px;z-index:2;background:linear-gradient(to bottom,rgba(17,17,17,0.85) 0%,transparent 100%);pointer-events:none;}
.hero-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:70%;z-index:2;background:linear-gradient(to top,rgba(17,17,17,1) 0%,rgba(17,17,17,0.92) 20%,rgba(17,17,17,0.6) 50%,transparent 100%);pointer-events:none;}
.hero-content{position:relative;z-index:3;width:100%;max-width:1280px;margin:0 auto;padding:0 48px 72px;}
@media(max-width:700px){.hero-content{padding:0 24px 48px;}}
.hero-eyebrow{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:0.32em;color:rgba(255,255,255,0.4);margin-bottom:16px;opacity:0;animation:fadeUp 0.9s ease forwards 0.3s;}
.hero-logo{display:block;width:clamp(120px,16vw,240px);height:auto;opacity:0;animation:fadeUp 1s ease forwards 0.4s;filter:brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(500%) hue-rotate(295deg) brightness(105%);}
.hero-tagline{font-size:12px;letter-spacing:0.24em;color:rgba(255,255,255,0.22);text-transform:uppercase;margin-top:18px;opacity:0;animation:fadeUp 0.9s ease forwards 0.95s;}
.hero-cta-row{display:flex;align-items:center;gap:16px;margin-top:32px;opacity:0;animation:fadeUp 0.9s ease forwards 1.15s;}
.cta-primary{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:0.22em;color:var(--dark);background:var(--pink);padding:10px 28px;text-decoration:none;transition:all 0.25s;flex-shrink:0;}
.cta-primary:hover{background:#ff80be;}
.cta-secondary{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:0.22em;color:rgba(255,255,255,0.5);text-decoration:none;border:1px solid rgba(255,255,255,0.15);padding:10px 24px;transition:all 0.25s;flex-shrink:0;}
.cta-secondary:hover{border-color:var(--pink);color:var(--pink);}
.hero-hexagrams{display:flex;gap:14px;margin-top:28px;opacity:0;animation:fadeIn 1s ease forwards 1.35s;}
.hex-sym{font-size:22px;color:rgba(255,95,174,0.25);}

/* ── About ── */
.about-grid{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;}
@media(max-width:960px){.about-grid{grid-template-columns:1fr 280px;gap:40px;}}
@media(max-width:720px){.about-grid{grid-template-columns:1fr;gap:36px;}}
.about-headline{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,3.5vw,40px);letter-spacing:0.08em;line-height:1.1;color:var(--white);margin-bottom:22px;}
.about-headline em{color:var(--pink);font-style:normal;}
.about-body{font-size:15px;line-height:1.9;color:rgba(255,255,255,0.62);}
.about-body+.about-body{margin-top:18px;}
.iching-note{border-left:2px solid rgba(255,95,174,0.3);padding:18px 22px;margin-top:28px;background:var(--pink-glow);}
/* .iching-title / .iching-body differ by language — defined per page */
.about-tags{display:flex;flex-direction:column;gap:8px;margin-top:24px;}
.about-tag{font-family:'Bebas Neue','Noto Serif TC',sans-serif;font-size:13px;letter-spacing:0.2em;color:rgba(255,255,255,0.55);}
.about-tag em{color:var(--pink);font-style:normal;}
.about-poster{position:relative;}
@media(max-width:720px){.about-poster{max-width:260px;}}
.poster-frame{position:relative;border:1px solid rgba(255,95,174,0.18);overflow:hidden;}
.poster-frame img{width:100%;display:block;}
.poster-frame::before{content:'';position:absolute;inset:-30px;background:radial-gradient(ellipse at center,rgba(255,95,174,0.1) 0%,transparent 65%);pointer-events:none;z-index:-1;}
.poster-placeholder{width:100%;aspect-ratio:70/100;background:var(--dark-3);border:1px solid var(--pink-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.poster-placeholder-zh{font-size:clamp(40px,6vw,64px);font-weight:300;color:var(--pink);letter-spacing:0.16em;text-shadow:0 0 40px rgba(255,95,174,0.3);}
.poster-placeholder-en{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:0.24em;color:rgba(255,255,255,0.18);}
.poster-dl{display:block;margin-top:12px;font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:0.22em;color:rgba(255,255,255,0.2);text-decoration:none;border:1px solid rgba(255,255,255,0.08);padding:5px 12px;text-align:center;transition:all 0.25s;}
.poster-dl:hover{border-color:var(--pink);color:var(--pink);}

/* ── Trailer ── */
.trailer-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border:1px solid rgba(255,95,174,0.1);}
.trailer-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ── Format ── */
.format-section{background:var(--dark-2);border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);}
.format-inner{max-width:1280px;margin:0 auto;padding:72px 48px;}
@media(max-width:700px){.format-inner{padding:48px 24px;}}
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
@media(max-width:580px){.format-grid{grid-template-columns:1fr;}}
.format-card{background:var(--dark-3);padding:32px 36px;position:relative;}
.format-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pink),rgba(155,89,255,0.5),transparent);}
.format-type{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:0.32em;color:var(--pink);margin-bottom:14px;}
.format-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(20px,2.8vw,28px);letter-spacing:0.1em;color:var(--white);margin-bottom:20px;line-height:1.1;}
.format-specs{display:flex;flex-direction:column;gap:9px;}
.format-spec{display:flex;font-size:13px;gap:0;}
.spec-label{color:rgba(255,255,255,0.26);font-size:11px;letter-spacing:0.06em;min-width:116px;padding-top:1px;flex-shrink:0;}
.spec-val{color:rgba(255,255,255,0.72);}

/* ── Producers ── */
.producers-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
@media(max-width:640px){.producers-grid{grid-template-columns:1fr;}}
.producer-card{background:var(--dark-2);padding:28px 32px;position:relative;overflow:hidden;transition:background 0.3s;display:flex;gap:24px;align-items:flex-start;}
.producer-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pink),transparent);opacity:0;transition:opacity 0.3s;}
.producer-card:hover{background:var(--dark-3);}
.producer-card:hover::before{opacity:1;}
@media(max-width:900px){.producer-card{padding:20px 20px;gap:16px;}}
.prod-photo{flex-shrink:0;width:110px;height:140px;overflow:hidden;}
.prod-photo img{width:110px;height:140px;object-fit:cover;object-position:center top;display:block;}
@media(max-width:900px){.prod-photo{width:90px;height:115px;}.prod-photo img{width:90px;height:115px;}}
.prod-body{flex:1;min-width:0;}
.prod-role{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:0.28em;color:var(--pink);margin-bottom:8px;}
.prod-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(20px,2.2vw,28px);letter-spacing:0.08em;color:var(--white);line-height:1;margin-bottom:4px;}
.prod-sub{font-size:13px;color:rgba(255,255,255,0.3);margin-bottom:12px;line-height:1.5;}
.prod-bio{font-size:14px;line-height:1.8;color:rgba(255,255,255,0.52);}

/* ── Directors ── */
.directors-section{padding:72px 0 72px;}
.directors-section .section-label{max-width:1280px;margin:0 auto 36px;padding:0 48px;}
@media(max-width:700px){.directors-section .section-label{padding:0 24px;}}
.directors-photo-wrap{max-width:1280px;margin:0 auto;padding:0 48px;}
@media(max-width:700px){.directors-photo-wrap{padding:0 24px;}}
.directors-photo{width:100%;display:block;object-fit:cover;object-position:center 30%;}
/* .directors-caption differs by language (line-height) — defined per page */

/* ── Episodes grid ── */
.ep-section{padding-top:0;}
.episodes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;}
@media(max-width:640px){.episodes-grid{grid-template-columns:1fr;}}
.ep-card{background:var(--dark-2);text-decoration:none;color:var(--white);display:flex;flex-direction:column;transition:background 0.28s;position:relative;overflow:hidden;}
.ep-card:hover{background:var(--dark-3);}
.ep-card:hover .ep-img img{transform:scale(1.04);}
.ep-card:hover .ep-arrow{transform:translateX(5px);opacity:1;}
.ep-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--dark-3);flex-shrink:0;}
.ep-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;}
.ep-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--dark-3);}
.ep-img-num{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(255,255,255,0.04);}
.ep-inner{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1;}
@media(max-width:700px){.ep-inner{padding:18px 20px 22px;}}
.ep-num{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:0.3em;color:rgba(255,255,255,0.22);margin-bottom:10px;transition:color 0.28s;}
.ep-card:hover .ep-num{color:var(--pink);}
/* .ep-title-en / .ep-title-zh swap primary/secondary by language — defined per page */
.ep-synopsis{font-size:14px;line-height:1.75;color:rgba(255,255,255,0.55);flex:1;}
.ep-footer{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;}
.ep-director{font-size:12px;color:rgba(255,255,255,0.35);letter-spacing:0.06em;}
.ep-arrow{font-size:14px;color:var(--pink);opacity:0;transition:all 0.28s;}

/* ── Press & selections ── */
.press-section{background:var(--dark-2);padding:72px 48px;border-top:1px solid rgba(255,255,255,0.04);}
@media(max-width:700px){.press-section{padding:48px 24px;}}
.press-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
@media(max-width:760px){.press-inner{grid-template-columns:1fr;gap:48px;}}
.press-col{min-width:0;}
.press-list{display:flex;flex-direction:column;gap:2px;}
.press-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--dark-3);text-decoration:none;color:var(--white);transition:background 0.25s;border-left:2px solid transparent;}
.press-item:hover{background:var(--dark-4);border-left-color:var(--pink);}
.press-item:hover .press-meta{color:var(--pink);}
.press-item-left{display:flex;flex-direction:column;gap:4px;}
.press-outlet{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:0.2em;color:var(--white);}
.press-headline{font-size:12px;color:rgba(255,255,255,0.4);letter-spacing:0.04em;}
.press-meta{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:0.16em;color:rgba(255,255,255,0.25);flex-shrink:0;text-align:right;transition:color 0.25s;}
.sel-list{display:flex;flex-direction:column;gap:3px;}
.sel-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:18px 20px 18px 24px;background:var(--dark-3);border-left:2px solid rgba(255,95,174,0.3);}
.sel-copy{min-width:0;}
.sel-fest{display:block;font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:0.1em;color:var(--white);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sel-detail{display:block;font-size:12px;color:rgba(255,255,255,0.38);letter-spacing:0.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sel-detail strong{color:var(--pink);font-weight:500;}
.sel-laurel{flex:0 0 auto;width:82px;line-height:0;opacity:0.82;}
.sel-laurel img{display:block;width:100%;height:auto;object-fit:contain;}
@media(max-width:760px){.sel-item{gap:8px;padding:14px 10px 14px 14px;}.sel-laurel{width:42px;}.sel-fest{font-size:13px;letter-spacing:0.06em;}.sel-detail{font-size:11px;letter-spacing:0.035em;}}

/* ── Distribution / contact ── */
.dist-section{border-top:1px solid rgba(255,95,174,0.1);}
.dist-inner{max-width:1280px;margin:0 auto;padding:72px 48px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
@media(max-width:700px){.dist-inner{grid-template-columns:1fr;gap:36px;padding:48px 24px;}}
.dist-label{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:0.35em;color:var(--pink);margin-bottom:20px;}
.dist-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(18px,2.5vw,24px);letter-spacing:0.12em;color:var(--white);line-height:1.2;margin-bottom:6px;}
.dist-name-zh{font-size:12px;letter-spacing:0.14em;color:rgba(255,255,255,0.28);margin-bottom:22px;}
.contact-list{display:flex;flex-direction:column;gap:10px;}
.c-row{display:flex;gap:10px;align-items:baseline;}
.c-role{color:rgba(255,255,255,0.26);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;flex-shrink:0;min-width:176px;}
.c-val{color:var(--pink);font-size:13px;}
.logos-wrap{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;}
.logo-tag{font-size:10px;letter-spacing:0.16em;color:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.05);padding:4px 10px;}