/*
Theme Name: MTT Cinematic V2 (Inactive Prototype)
Template: twentytwentyfive
Version: 0.1.0
*/

.mtt-homepage-v2 { --mtt-ink:#171717; --mtt-paper:#F7F2E8; --mtt-gold:#B8893C; --mtt-burgundy:#7A2E2E; --mtt-white:#FFFFFF; width:100%; overflow-x:clip; color:var(--mtt-paper); background:var(--mtt-ink); font-family:Manrope,system-ui,sans-serif; }
.mtt-homepage-v2 *, .mtt-homepage-v2 *::before, .mtt-homepage-v2 *::after { box-sizing:border-box; }
.mtt-homepage-v2__hero { min-height:clamp(34rem,94svh,64rem); display:grid; align-content:end; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:clamp(2rem,5vw,5.5rem); background:linear-gradient(90deg,rgba(23,23,23,.88) 0%,rgba(23,23,23,.48) 34%,rgba(23,23,23,.14) 58%,rgba(23,23,23,.08) 70%,rgba(23,23,23,.30) 100%),url('https://preview.mellisatimetraveler.com/wp-content/uploads/2026/09/Banner-plain.png') center center/cover no-repeat; }
.mtt-homepage-v2__eyebrow { color:var(--mtt-gold); letter-spacing:.18em; font-size:.78rem; }
.mtt-homepage-v2 h1 { max-width:10ch; margin:.35em 0; color:var(--mtt-white); font-size:clamp(3.5rem,11vw,9rem); line-height:.9; }
.mtt-homepage-v2__support { max-width:34rem; font-size:clamp(1.1rem,2vw,1.5rem); }
.mtt-homepage-v2__actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.5rem; }
.mtt-homepage-v2 a { color:inherit; }
.mtt-homepage-v2__button { display:inline-block; padding:.9rem 1.2rem; border:1px solid var(--mtt-gold); text-decoration:none; }
.mtt-homepage-v2__button--primary { color:var(--mtt-ink); background:var(--mtt-gold); }
.mtt-homepage-v2__cue { margin-top:clamp(3rem,10vw,8rem); color:var(--mtt-gold); font-size:.78rem; letter-spacing:.12em; }
.mtt-homepage-v2__eras { padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem); color:var(--mtt-ink); background:var(--mtt-paper); }
.mtt-homepage-v2__eras h2 { font-size:clamp(2rem,5vw,4rem); }
.mtt-homepage-v2__timeline { display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; padding:1rem 0 1.5rem; }
.mtt-homepage-v2__era { min-width:min(18rem,78vw); scroll-snap-align:start; padding:1.25rem; color:var(--mtt-ink); background:transparent; border:1px solid color-mix(in srgb,var(--mtt-ink),transparent 65%); text-align:left; cursor:pointer; }
.mtt-homepage-v2__era[aria-selected=true], .mtt-homepage-v2__era:focus-visible { color:var(--mtt-white); background:var(--mtt-burgundy); outline:3px solid var(--mtt-gold); outline-offset:3px; }
.mtt-homepage-v2__era-year { display:block; margin-top:.5rem; color:var(--mtt-gold); }
.mtt-homepage-v2__panel { min-height:12rem; padding:clamp(1.5rem,4vw,3rem); background:var(--mtt-ink); color:var(--mtt-paper); transition:opacity .3s ease,transform .3s ease; }
@media (prefers-reduced-motion:reduce) { .mtt-homepage-v2__panel { transition:none; } }
@media (min-width:55rem) { .mtt-homepage-v2__hero { padding:clamp(3rem,6vw,6rem); } .mtt-homepage-v2 h1 { max-width:9ch; font-size:clamp(4.5rem,6vw,5.625rem); } .mtt-homepage-v2__timeline { overflow:visible; } .mtt-homepage-v2__era { flex:1; min-width:0; } }
@media (max-width:54.999rem) { .mtt-homepage-v2__hero { min-height:100svh; background-position:center center; } .mtt-homepage-v2__actions { flex-direction:column; align-items:stretch; } .mtt-homepage-v2__button { padding:.8rem 1rem; text-align:center; } .mtt-homepage-v2__cue { margin-top:clamp(2.5rem,12vw,5rem); } }