/* Homepage-only composition; all interface text and controls remain real HTML. */
.earth-home .topline{display:none}
.earth-home .site-header{position:absolute;inset:0 0 auto;z-index:20;background:transparent;border-bottom:1px solid #ffffff19;backdrop-filter:none}
.earth-home .nav{min-height:80px}
.earth-home .brand img{width:58px;height:58px}
.earth-home .nav nav{margin-left:auto;gap:28px}
.earth-home .nav nav .small-button{margin-left:26px}
@media(min-width:1101px){.earth-home .nav nav{flex:1;margin-left:180px;justify-content:space-between;gap:20px}}
.earth-hero{background:#030c16 url('assets/original/appzuzu-earth-background.png') center 49%/cover no-repeat;padding:124px 0 28px;position:relative;isolation:isolate}
.earth-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02091120 35%,transparent 65%,#08090a 100%)}
.earth-content{max-width:1240px}
.earth-branding{text-align:center}
.earth-branding h1{font:800 clamp(60px,7.7vw,108px)/1.02 system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 12px;background:linear-gradient(170deg,#fff 20%,#eee9e2 55%,#b19b86);background-clip:text;color:transparent}
.earth-tagline{font-size:clamp(12px,1.45vw,19px);letter-spacing:.22em;line-height:1.6;margin:0 0 9px;color:#e8e6e5}
.earth-tagline span{color:#e5b48c}
.earth-description{font-size:16px;line-height:1.5;color:#d7d6d6;margin:0}
.earth-actions{justify-content:center;margin:23px 0 48px;gap:16px}
.earth-actions a{min-height:48px;min-width:195px;gap:14px;font-size:14px}
.earth-actions .outline{background:#06101bdb;border-color:#b99a7c;color:#f4f2ef}
.intro-icon{border:1px solid currentColor;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:18px}
.earth-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;scroll-margin-top:20px}
.earth-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 10px 14px;min-height:183px;border:1px solid #a58b704a;border-radius:6px;background:rgba(3,12,20,.10);color:#eee;text-decoration:none;box-shadow:none;text-shadow:0 1px 2px #000}
a.earth-card:hover{border-color:#d4ac86;background:rgba(3,12,20,.15)}
.earth-number{position:absolute;top:10px;left:13px;color:#d8aa82;font-size:12px}
.earth-card svg{height:31px;width:31px;color:#dcb38c;margin:4px 0 13px}
.earth-card h2{font:600 13px/1.3 system-ui,sans-serif;margin:0 0 9px;white-space:nowrap}
.earth-card p{font-size:12px;line-height:1.5;margin:0 0 11px;color:#d7d8da}
.earth-card .category-mobile-copy{display:none}
.earth-rule{margin-top:auto;width:32px;height:2px;background:#c89970}
.earth-soon{margin-top:auto;font-size:10px;line-height:1.3;color:#d3aa85;letter-spacing:.04em}
.earth-home #watch{padding-block:34px}
.featured-videos{width:min(100%,660px);margin:18px auto 0}
.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.featured-heading h3{font:600 18px/1.3 system-ui,sans-serif;margin:0}
.carousel-controls{display:flex;gap:8px}
.carousel-arrow{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#101214;color:var(--bronze);cursor:pointer;font-size:19px}
.carousel-arrow:disabled{opacity:.35;cursor:default}
.featured-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#86654b #101214;padding:2px 2px 12px}
.featured-track .news-card{flex:0 0 210px;display:flex;flex-direction:column;scroll-snap-align:start;min-width:0}
.featured-track .news-visual,.library-grid .news-visual{width:100%;aspect-ratio:16/9}
.featured-track .news-body,.library-grid .news-body{padding:10px 12px;display:block}
.featured-track .video-card-title{font-size:16px;line-height:1.25;margin:6px 0}
.featured-track .text-link{min-height:28px}
.library-link{text-align:center;margin-top:12px}
.library-link a{min-height:44px}
/* The current six-panel main poster contains no play symbol. */
#watch .gallery-start>span{visibility:visible}
.library-grid .video-choice[data-poster="assets/original/appzuzu-intro-poster.jpg"] .play-badge{display:none}
.library-player .video-stage,.library-player .player-caption{width:min(100%,660px);margin-inline:auto}
.library-player .player-caption{margin-top:6px}
.library-player .player-caption p{margin:0}
.video-filters{display:flex;gap:16px;margin:28px 0 12px;max-width:780px}
.video-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;flex:1}
.video-filters input,.video-filters select{width:100%;min-height:44px;background:#101214;color:#eee;border:1px solid var(--line);border-radius:5px;font:inherit;padding:10px 12px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.library-grid .news-card{display:flex;flex-direction:column}
.library-grid .news-card[hidden]{display:none}
.library-grid .video-card-title{font-size:19px}
.earth-card:focus-visible,.carousel-arrow:focus-visible,.featured-track:focus-visible,.video-filters input:focus-visible,.video-filters select:focus-visible{outline:2px solid #e3b88f;outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){
 .earth-home .nav nav{gap:16px}.earth-home .nav nav .small-button{display:inline-flex;margin-left:0;padding-inline:12px;font-size:12px}
 .earth-card{padding-inline:5px}.earth-card h2{font-size:11px}.earth-card p{font-size:11px}.earth-content{width:calc(100% - 28px)}
}
@media(max-width:760px){
 .earth-home .nav{min-height:72px}.earth-home .brand img{width:48px;height:48px}
 .earth-home .nav nav{background:#070f18f7;gap:5px}.earth-home .nav nav .small-button{margin:8px 12px}
 .earth-hero{padding-top:110px;padding-bottom:24px;background-position:center 30%;background-size:auto 680px;background-color:#030a12}
 .earth-branding h1{font-size:clamp(46px,12.5vw,80px)}
 .earth-tagline{font-size:11px;letter-spacing:.13em;line-height:1.7;max-width:340px;margin:12px auto}
 .earth-description{font-size:14px;max-width:350px;margin:auto}.desktop-break{display:none}
 .earth-actions{gap:10px;margin:22px 0 32px;flex-wrap:wrap}.earth-actions a{min-width:0;flex:1;font-size:12px;padding-inline:12px;white-space:nowrap}
 .earth-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .earth-card .category-desktop-copy{display:none}
 .earth-card .category-mobile-copy{display:inline}
 .earth-card p{text-wrap:balance;max-width:100%}
 .earth-card{min-height:136px;padding:18px 10px 10px;background:rgba(3,12,20,.10);box-shadow:none;text-shadow:0 1px 2px #000}
 a.earth-card:hover{background:rgba(3,12,20,.15)}
 .earth-card svg{width:24px;height:24px;margin:0 0 7px}
 .earth-card h2{font-size:12px;margin:0 0 5px}
 .earth-card p{font-size:12px;line-height:1.4;margin:0 0 6px;color:#eee}
 .earth-home #watch{padding-block:25px}.featured-track .news-card{grid-template-columns:none}
 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-grid .video-card-title{font-size:16px}
 .video-filters{flex-direction:column;gap:12px}
}
@media(max-width:360px){.earth-actions a{padding-inline:8px;font-size:11px;gap:7px}.intro-icon{width:20px;height:20px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}