/* Lumonora Creator Network — video-first homepage showcase. */
.family-home-spotlight{
  position:relative;isolation:isolate;overflow:hidden;border-radius:12px;
  padding:68px 43px 46px;margin:12px 0 0;
  background:radial-gradient(ellipse 52% 31% at 85% -2%,#5243A666,transparent 80%),
             radial-gradient(ellipse 70% 48% at 0% 90%,#2B286055,transparent 85%),
             linear-gradient(140deg,#151329,#101425 55%,#181130);
  color:#F8F7FF;
}
.family-home-spotlight::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.26;pointer-events:none;
  background-image:linear-gradient(90deg,#9083FF16 1px,transparent 1px),linear-gradient(#9083FF16 1px,transparent 1px);
  background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.family-home-intro{position:relative}
.family-home-eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 23px;flex-wrap:wrap}
.family-home-spotlight .home-eyebrow{color:#BFB3FF}
.family-home-sparkle{font-size:17px;color:#B9ADFF;margin-right:8px;vertical-align:-2px}
.family-home-counter{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.11em;color:#BDB7D4;background:#ffffff0b;border:1px solid #ffffff21;border-radius:20px;padding:9px 14px}
.family-home-counter b{font-size:13px;color:#F2EFFF}
.family-home-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;border-bottom:1px solid #ffffff25;padding-bottom:31px}
.family-home-title-row>div{max-width:780px}
.family-home-title-row h2{font-size:clamp(39px,5.2vw,64px);line-height:1.07;letter-spacing:-.073em;font-weight:900;margin:0 0 19px;max-width:850px}
.family-home-title-row h2 em{color:#B8A9FF}
.family-home-title-row p{margin:0;font-size:14px;line-height:1.85;color:#C7C0DD;max-width:650px}
.family-home-all-link{flex:0 0 auto;border:1px solid #9687E1;border-radius:5px;padding:15px 19px;font-size:10px;letter-spacing:.025em;font-weight:900;color:#fff;background:#ffffff0a;white-space:nowrap}
.family-home-all-link:hover{background:#6654DD;border-color:#A89AFF}
.family-home-all-link span{font-size:15px;margin-left:7px}
.family-home-feature-heading,.family-home-members-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.family-home-feature-heading{margin:33px 0 21px}
.family-home-members-heading{margin:49px 0 20px}
.family-home-subtitle{display:block;font-size:10px;letter-spacing:.14em;color:#9E93EA;font-weight:900;margin-bottom:9px}
.family-home-feature-heading h3,.family-home-members-heading h3{font-size:clamp(23px,3.2vw,33px);font-weight:850;line-height:1.2;letter-spacing:-.055em;margin:0}
.family-home-feature-heading h3 em,.family-home-members-heading h3 em{color:#BCB0FF}
.family-home-source-pill{color:#CCC6E7;border:1px solid #574D79;background:#2A2541;padding:10px 13px;border-radius:3px;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.family-home-members-heading p{font-size:12px;line-height:1.6;color:#AEA8C6;margin:9px 0 0}
.family-home-small-link{font-size:10px;letter-spacing:.06em;font-weight:900;color:#D6CBFF;white-space:nowrap}
.family-home-video-grid{display:grid;grid-template-columns:1.22fr repeat(4,minmax(0,1fr));gap:11px}
.family-home-video-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:363px;border:1px solid #665990;border-radius:8px;background:#201D3A;box-shadow:0 9px 20px #06061133}
.family-home-video-lead{height:400px;box-shadow:0 14px 36px #07061277;border-color:#A296E8}
.family-home-video-trigger{position:absolute;inset:0;display:block;overflow:hidden;width:100%;height:100%;border:0;background:#332B54;color:#fff;cursor:pointer;padding:0}
.family-home-video-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%;transition:transform .35s ease,filter .35s ease}
.family-home-video-trigger::after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#0C0B1BB5 47%,#070818 100%);pointer-events:none}
.family-home-video-trigger:hover .family-home-video-image{transform:scale(1.06);filter:brightness(.87)}
.family-home-video-trigger:focus-visible{outline:3px solid #D6CAFF;outline-offset:-4px}
.family-home-video-play{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff88;color:white;font-size:18px;background:#11102392;box-shadow:0 5px 19px #0005;pointer-events:none}
.family-home-video-lead .family-home-video-play{width:70px;height:70px;font-size:22px}
.family-home-video-info{pointer-events:none;position:absolute;bottom:0;left:0;right:0;padding:18px 14px;z-index:1}
.family-home-video-topline{margin-bottom:10px}
.family-home-video-recorded{display:inline-block;font-size:9px;letter-spacing:.06em;font-weight:900;background:#F2EDFF;color:#47369E;border-radius:3px;padding:7px 9px}
.family-home-video-name{display:block;font-size:clamp(16px,2vw,22px);line-height:1.12;letter-spacing:-.04em;color:white;margin-bottom:4px}
.family-home-video-handle{display:block;font-size:10px;color:#E2DDED;overflow:hidden;text-overflow:ellipsis}
.family-home-video-profile-link{pointer-events:auto;display:inline-flex;margin-top:14px;font-size:10px;font-weight:900;letter-spacing:.02em;color:#E7E0FF;text-decoration:underline;text-underline-offset:3px}
.family-home-video-profile-link:hover{color:#fff}
.family-home-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.family-home-member-card{min-width:0;display:flex;gap:13px;padding:13px;min-height:150px;border:1px solid #48415F;background:#ffffff0a;border-radius:8px;transition:border-color .2s,background .2s}
.family-home-member-card:hover{border-color:#AAA0E3;background:#ffffff14}
.family-home-member-portrait{flex:0 0 77px;width:77px;min-height:120px;border-radius:5px;overflow:hidden;background:#41375F}
.family-home-member-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.family-home-avatar-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:30px;color:#C3B5FF}
.family-home-member-content{display:flex;flex:1;flex-direction:column;min-width:0}
.family-home-member-name{color:#F8F6FF;font-size:13px;line-height:1.3;font-weight:900;letter-spacing:-.03em}
.family-home-member-handle{font-size:10px;color:#AFA7D0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 8px}
.family-home-member-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.family-home-member-stat{min-width:0;display:flex;flex-direction:column;gap:4px}
.family-home-member-stat b{font-size:15px;color:#fff;letter-spacing:-.035em}
.family-home-member-stat small{font-size:8px;font-weight:800;letter-spacing:.025em;color:#B4ABD0}
.family-home-member-link{margin-top:11px;font-size:9px;font-weight:900;letter-spacing:.01em;color:#C5B7FF}
.family-home-clarity{display:flex;gap:12px;align-items:flex-start;margin-top:27px;border-top:1px solid #FFFFFF28;padding-top:20px;color:#B8B0CD}
.family-home-clarity>span{color:#BAA9FF;font-size:26px;line-height:1.2}
.family-home-clarity p{font-size:10px;line-height:1.85;margin:0}
.family-home-clarity strong{color:#F2ECFF}
.family-home-clarity a{color:#CEC2FF;text-decoration:underline}
.family-home-loading{display:block;grid-column:1/-1;padding:35px;border:1px dashed #8174AE;border-radius:6px;color:#D6C9FF;font-size:13px;text-align:center}
.family-home-player{padding:0;width:min(520px,94vw);max-height:92vh;background:#151226;border:1px solid #6A58A7;border-radius:9px;box-shadow:0 30px 100px #080511CC;color:#fff}
.family-home-player::backdrop{background:#090714DD}
.family-home-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px}
.family-home-dialog-head>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.family-home-dialog-head span{font-size:9px;letter-spacing:.11em;font-weight:900;color:#A69AE0}
.family-home-dialog-head strong{font-size:15px;overflow-wrap:anywhere}
.family-home-dialog-head button{min-width:39px;min-height:39px;border:1px solid #6D6490;background:#25203D;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}
.family-home-player video,.family-home-player iframe{display:block;width:100%;height:min(67vh,690px);background:#000;border:0}
.family-home-player video[hidden],.family-home-player iframe[hidden]{display:none!important}
.family-home-dialog-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:15px 18px}
.family-home-dialog-foot p{color:#BFB7CC;font-size:10px;line-height:1.6;margin:0;flex:1 1 200px}
.family-home-dialog-foot a{font-size:10px;font-weight:900;color:#DDD2FF;white-space:nowrap}
@media(max-width:1080px){
 .family-home-spotlight{padding:53px 26px 38px}
 .family-home-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .family-home-video-card,.family-home-video-lead{height:350px}
 .family-home-members{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .family-home-spotlight{padding:38px 17px 33px;margin:8px 0 0}
 .family-home-title-row{display:block;padding-bottom:25px}
 .family-home-title-row h2{font-size:clamp(36px,8.3vw,52px)}
 .family-home-title-row p{font-size:12px}
 .family-home-all-link{display:inline-flex;margin-top:22px}
 .family-home-feature-heading,.family-home-members-heading{align-items:flex-start;flex-direction:column;gap:12px}
 .family-home-feature-heading{margin-top:30px}
 .family-home-feature-heading h3,.family-home-members-heading h3{font-size:27px}
 .family-home-source-pill{font-size:8px;padding:7px 10px}
 .family-home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .family-home-video-lead{grid-column:1/-1;height:375px}
 .family-home-video-card:not(.family-home-video-lead){height:285px}
 .family-home-video-info{padding:13px 10px}
 .family-home-video-name{font-size:16px}
 .family-home-video-recorded{font-size:8px}
 .family-home-video-profile-link{font-size:9px}
 .family-home-members-heading{margin-top:36px}
 .family-home-member-card{display:block;padding:9px;min-height:0}
 .family-home-member-portrait{width:100%;height:165px;min-height:0;flex:auto}
 .family-home-member-content{padding:13px 4px 6px}
 .family-home-member-name{font-size:13px}
 .family-home-member-stats{gap:10px}
 .family-home-member-stat b{font-size:15px}
 .family-home-member-stat small{font-size:8px}
 .family-home-member-link{margin-top:13px}
}
@media(max-width:410px){
 .family-home-spotlight{padding:33px 12px 25px}
 .family-home-title-row h2{font-size:35px}
 .family-home-counter{font-size:8px;padding:7px 9px}
 .family-home-video-card:not(.family-home-video-lead){height:255px}
 .family-home-video-recorded{font-size:8px;padding:5px 6px}
 .family-home-video-name{font-size:14px}
 .family-home-video-handle{font-size:9px}
 .family-home-video-profile-link{font-size:8px}
 .family-home-video-play{width:42px;height:42px}
 .family-home-members{gap:8px}
 .family-home-member-portrait{height:135px}
 .family-home-member-name{font-size:12px}
 .family-home-member-stats{gap:8px}
 .family-home-member-stat b{font-size:13px}
 .family-home-member-stat small{font-size:7px}
}

/* Bring the creator showcase into view sooner without discarding the hero. */
@media(min-width:761px){
 .home-hero{min-height:570px;padding-top:49px;padding-bottom:48px}
 .home-hero-media{height:405px}
 .home-hero-copy h1{font-size:clamp(43px,4.85vw,67px);margin:19px 0}
 .home-hero-micro{margin-top:30px}
}
@media(max-width:760px){
 .home-hero{padding:23px 16px 28px;gap:12px}
 .home-hero-media{height:170px}
 .home-hero-copy h1{font-size:clamp(34px,8.5vw,47px);margin:13px 0 17px}
 .home-hero-copy>p{font-size:12px;line-height:1.7;margin-bottom:19px}
 .home-hero-micro{margin-top:14px;gap:13px}
 .home-hero-actions a{padding:13px 12px;font-size:9px}
}
@media(min-width:370px) and (max-width:410px){
 .home-hero-actions a{width:auto;flex:1 1 42%;min-width:0;font-size:8px;padding:13px 6px;text-align:center}
}