.directory-page{padding-bottom:var(--space-24)}.directory-breadcrumb{align-items:center;gap:var(--space-2);padding-top:var(--space-8);color:var(--text-muted);font:var(--type-data);display:flex}.directory-breadcrumb a{color:var(--text-secondary)}.directory-breadcrumb a:hover{color:var(--color-cyan)}.directory-hero{--directory-glow:var(--color-purple);padding:var(--space-20) 0 var(--space-16);border-bottom:1px solid var(--border-default);background:radial-gradient(ellipse at 60% 95%, color-mix(in srgb, var(--directory-glow) 12%, transparent), transparent 60%);position:relative}.directory-hero:after{content:"";background:var(--gradient-vice-sunset);width:112px;height:2px;position:absolute;bottom:-1px;left:0}.directory-hero[data-tone=pink] .eyebrow{color:var(--color-pink-text)}.directory-hero[data-tone=cyan]{--directory-glow:var(--color-cyan)}.directory-hero[data-tone=teal]{--directory-glow:var(--color-teal)}.directory-hero[data-tone=orange]{--directory-glow:var(--color-orange)}.directory-hero[data-tone=cyan]:after,.directory-hero[data-tone=teal]:after{background:var(--gradient-ocean-sunset)}.directory-hero h1{margin-top:var(--space-5);font:var(--type-display-xl);text-transform:uppercase;text-wrap:balance}.directory-hero>p:last-child{max-width:620px;margin-top:var(--space-5);color:var(--text-secondary);font:var(--type-body-lg);text-wrap:pretty}.directory-section{padding-top:var(--space-16)}.characters-featured-grid,.characters-list-grid{gap:var(--grid-gap);display:grid}.character-list-card{--card-accent:var(--color-pink);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);min-width:0;min-height:370px}.character-list-card-featured{min-height:450px}.character-list-card .artwork{padding-top:var(--space-8);justify-content:center}.character-list-card .card-overlay{background:var(--overlay-character)}.character-list-status{top:var(--space-5);right:var(--space-5);position:absolute}.character-list-copy{padding:var(--space-6);align-items:flex-start;gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex;position:relative}.character-list-copy h3{font:var(--type-h3);text-transform:uppercase;text-wrap:balance}.character-list-card-featured h3{font:var(--type-h2)}.character-list-copy p{max-width:36ch;color:var(--text-secondary);font:var(--type-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.character-list-region{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--text-secondary);font:var(--type-caption);display:inline-flex}.character-list-region svg{color:var(--color-cyan)}.directory-source-note{margin-top:var(--space-6);color:var(--text-muted);font:var(--type-caption)}@media (min-width:768px){.characters-featured-grid,.characters-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.characters-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.directory-hero{padding-block:var(--space-16) var(--space-12)}.directory-section{padding-top:var(--space-12)}.character-list-card-featured{min-height:410px}}.region-feature-grid,.region-directory-grid,.guide-directory-grid{gap:var(--grid-gap);display:grid}.region-directory-card{--card-accent:var(--color-cyan);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);min-width:0;min-height:320px}.region-directory-featured{min-height:480px}.region-directory-card .artwork{padding:var(--space-6)}.region-directory-card .card-overlay{background:var(--overlay-region)}.region-directory-status{top:var(--space-5);left:var(--space-5);position:absolute}.region-directory-copy{padding:var(--space-6);align-items:flex-start;gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex;position:relative}.region-directory-copy>span{color:var(--color-cyan);font:var(--type-data)}.region-directory-copy h3{font:var(--type-h2);text-transform:uppercase}.region-directory-featured h3{font:var(--type-display-xl)}.region-directory-copy p{max-width:52ch;color:var(--text-secondary);font:var(--type-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-directory-card{min-width:0}.guide-directory-card .guide-art{height:210px}.guide-directory-card .artwork{padding-top:var(--space-8);justify-content:center}.guide-directory-card .guide-copy{gap:var(--space-3);padding:var(--space-6)}.guide-directory-card .guide-copy p{max-width:52ch}.guide-directory-card .guide-copy>.badge{margin-bottom:var(--space-1)}@media (min-width:768px){.region-directory-grid,.guide-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-directory-later{grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.guide-directory-later .guide-art{height:100%;min-height:260px}.guide-directory-later .guide-copy{justify-content:center}}@media (min-width:1200px){.region-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.official-news-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default);min-width:0;transition:border-color var(--duration-normal) var(--ease-out);overflow:hidden}.official-news-card:hover{border-color:var(--color-orange)}.official-news-art{min-height:190px;position:relative;overflow:hidden}.official-news-art .artwork,.vehicle-list-art .artwork{padding:var(--space-6);justify-content:flex-start;align-items:flex-start}.official-news-copy{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.official-news-meta,.vehicle-list-meta{align-items:center;gap:var(--space-3);color:var(--text-muted);font:var(--type-data);flex-wrap:wrap;display:flex}.official-news-meta time{margin-left:auto}.official-news-copy h3,.vehicle-list-copy h3{font:var(--type-h3);text-transform:uppercase;text-wrap:balance}.official-news-copy p,.vehicle-list-copy p{color:var(--text-secondary);font:var(--type-body-sm)}.official-news-copy a,.vehicle-list-copy a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-cyan);font:600 14px/20px var(--font-inter);margin-top:auto;display:inline-flex}.official-news-copy a:hover,.vehicle-list-copy a:hover{color:var(--color-link-hover)}.official-news-featured .official-news-art{min-height:320px}.official-news-featured .official-news-copy{padding:var(--space-8);justify-content:center}.official-news-featured h3{font:var(--type-h2)}.official-news-grid,.vehicle-directory-grid{gap:var(--grid-gap);display:grid}.vehicle-list-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default);min-width:0;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);overflow:hidden}.vehicle-list-card:hover{border-color:var(--map-vehicle);transform:translateY(-4px)}.vehicle-list-art{height:230px;position:relative;overflow:hidden}.vehicle-list-index{right:var(--space-6);bottom:var(--space-5);color:var(--color-cloud);font:var(--type-data);letter-spacing:.1em;position:absolute}.vehicle-list-copy{align-items:flex-start;gap:var(--space-3);min-height:216px;padding:var(--space-6);flex-direction:column;display:flex}.vehicle-list-meta>span:first-child{color:var(--color-cyan)}@media (min-width:768px){.official-news-featured{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.official-news-grid,.vehicle-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.official-news-grid,.vehicle-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.trailer-directory-grid{gap:var(--grid-gap);display:grid}.trailer-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default);min-width:0;transition:border-color var(--duration-normal) var(--ease-out);overflow:hidden}.trailer-card:hover{border-color:var(--color-pink)}.trailer-card-art{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.trailer-card-art .artwork{padding:var(--space-6);justify-content:flex-start}.trailer-play{border:1px solid color-mix(in srgb, var(--color-cloud) 60%, transparent);width:64px;height:64px;color:var(--color-cloud);background:color-mix(in srgb, var(--color-night) 65%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.trailer-duration{right:var(--space-5);bottom:var(--space-5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);color:var(--color-cloud);background:var(--color-night);font:var(--type-data);position:absolute}.trailer-card-copy{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.trailer-card-meta{align-items:center;gap:var(--space-3);color:var(--text-muted);font:var(--type-data);flex-wrap:wrap;display:flex}.trailer-card-copy h3{font:var(--type-h3);text-transform:uppercase}.trailer-card-copy p{color:var(--text-secondary);font:var(--type-body-sm)}.trailer-card-copy a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-cyan);font:600 14px/20px var(--font-inter);margin-top:auto;display:inline-flex}.trailer-card-copy a:hover{color:var(--color-link-hover)}.trailer-card-featured .trailer-card-copy{padding:var(--space-8);justify-content:center}.trailer-card-featured h3{font:var(--type-h2)}.map-coming-section{margin-top:var(--space-16);border:1px solid var(--border-default);border-radius:var(--radius-feature);background:var(--map-background);display:grid;overflow:hidden}.map-coming-copy{z-index:1;justify-content:center;align-items:flex-start;gap:var(--space-5);flex-direction:column;padding:clamp(28px,4vw,56px);display:flex;position:relative}.map-coming-copy h2{font:var(--type-display);text-transform:uppercase;text-wrap:balance}.map-coming-copy>p:not(.map-coming-label){max-width:52ch;color:var(--text-secondary);font:var(--type-body)}.map-coming-label{margin-top:var(--space-3);color:var(--color-cyan);font:var(--type-data);letter-spacing:.12em}.map-coming-link{margin-top:var(--space-3)}.map-coming-section .map-art{min-height:480px}@media (min-width:768px){.trailer-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trailer-card-featured{grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.trailer-card-featured .trailer-card-art{min-height:350px}}@media (min-width:900px){.map-coming-section{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}@media (max-width:767px){.map-coming-section{margin-top:var(--space-12)}}