/* The warmer family-room section of the same Nomadic Labs website. */
body[data-project="nomadic-tv"],body[data-family="tv"]{
  --bg:#0b1513;--panel:#14201b;--line:#3b4738;--text:#efe9da;--muted:#b7c0b2;--accent:#dbb77d;
  background:radial-gradient(ellipse at 80% 18%,#76502d20,transparent 48%),linear-gradient(150deg,#12251f,#101917 52%,#0c1110);
}
body[data-project="nomadic-tv"] header,body[data-family="tv"] header{min-height:84px;gap:22px;flex-wrap:wrap;padding:12px 0}
body[data-project="nomadic-tv"] .hero,body[data-family="tv"] .hero{position:relative;padding:88px 0 54px;border-color:#9d805b55}
body[data-project="nomadic-tv"] .hero::before,body[data-family="tv"] .hero::before{content:"";position:absolute;top:31px;left:0;width:38px;height:4px;background:#d6b57c;box-shadow:46px 0 #799787,92px 0 #405e50}
body[data-project="nomadic-tv"] h1,body[data-family="tv"] h1{color:#f0e6d2;font-size:clamp(3.5rem,8.5vw,7.6rem);letter-spacing:-.055em}
body[data-project="nomadic-tv"] h2,body[data-family="tv"] h2{color:#d5b987;font-size:.84rem;line-height:1.65}
body[data-project="nomadic-tv"] .tagline,body[data-family="tv"] .tagline{color:#e2d6bc;line-height:1.35}
.tv-signoff{margin:32px 0 0;font:600 .7rem/1.8 var(--mono);letter-spacing:.15em;color:#ccb896}
body[data-project="nomadic-tv"] .summary{max-width:760px;font-size:1.1rem}
body[data-project="nomadic-tv"] .status{color:#dfc69a;border-color:#b797645e;background:#bd8e3410;font-size:.65rem}
body[data-project="nomadic-tv"] .grid,body[data-family="tv"] .grid{gap:34px 52px}
body[data-project="nomadic-tv"] .panel,body[data-family="tv"] .panel{padding-top:23px}
body[data-project="nomadic-tv"] .panel p,body[data-family="tv"] .panel p{max-width:850px;line-height:1.8}
body[data-project="nomadic-tv"] .section-nav a,body[data-family="tv"] .section-nav a{border-color:#5b644f;min-height:44px;display:inline-flex;align-items:center;padding:10px 15px;font-size:.73rem}
body[data-project="nomadic-tv"] .section-nav a:hover,body[data-family="tv"] .section-nav a:hover,body[data-family="tv"] .section-nav a[aria-current=page]{color:#f3e3c4;border-color:#d6b57c;background:#c29a5520}
body[data-project="nomadic-tv"] .hub-switcher a,body[data-family="tv"] .hub-switcher a{color:#b8c2b7;min-height:44px;display:inline-flex;align-items:center}
body[data-project="nomadic-tv"] .back,body[data-family="tv"] .back{color:#c4c9ba;min-height:44px;display:inline-flex;align-items:center}
body[data-project="nomadic-tv"] :focus-visible,body[data-family="tv"] :focus-visible{outline:2px solid #e3bc76;outline-offset:4px}
body[data-project="nomadic-tv"] footer,body[data-family="tv"] footer{color:#a8b3a6}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-household-library] form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}
[data-household-library] [hidden]{display:none!important}
[data-household-library] label{display:block;width:100%;color:var(--muted);font-size:.9rem}
[data-household-library] input{min-height:46px;max-width:100%;background:#0b1713;border:1px solid #7b876b;color:var(--text);padding:10px;font:inherit}
[data-household-library] button{min-height:46px;padding:10px 15px;border:1px solid #a58b60;background:#1c2e24;color:#eddfc3;font:inherit;cursor:pointer}
.library-actions{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.household-movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.household-movie h3{font-size:1.1rem;line-height:1.4}.household-poster{aspect-ratio:2/3;display:grid;place-items:center;border:1px solid #81714e;background:radial-gradient(ellipse at top,#75604755,transparent),linear-gradient(155deg,#274236,#102018);color:#d3bf93;font:700 .8rem var(--mono);letter-spacing:.12em}
@media(max-width:600px){body[data-project="nomadic-tv"] .hero,body[data-family="tv"] .hero{padding:68px 0 36px}.tv-signoff{font-size:.63rem;letter-spacing:.1em}body[data-project="nomadic-tv"] .hub-switcher,body[data-family="tv"] .hub-switcher{gap:12px}body[data-project="nomadic-tv"] .section-nav,body[data-family="tv"] .section-nav{gap:8px}body[data-project="nomadic-tv"] .section-nav a,body[data-family="tv"] .section-nav a{font-size:.68rem;padding:9px 12px}}
@media(max-width:600px){body[data-project="nomadic-tv"] header,body[data-family="tv"] header{display:grid;grid-template-columns:1fr auto;gap:8px 12px}body[data-project="nomadic-tv"] .hub-switcher,body[data-family="tv"] .hub-switcher{grid-column:1/-1;flex-wrap:wrap;padding:0;column-gap:12px;row-gap:0}}
