/* Hand-inked watercolor title presentation. Decorative imagery uses raster artwork. */
.title-page{background:#22162d url('../art/fresh-prince/ui/menu-paper-ink-v2.webp') center/cover fixed;color:#fff8df}
.title-page>header{height:68px;padding:0 4vw;background:#22162d url('../art/fresh-prince/ui/menu-paper-ink-v2.webp') center/cover;border-bottom:1px solid #d6ed5480}
.title-page>header .brand{color:#fff8df;font-size:21px;line-height:1}
.title-page>header .brand span{color:#d6ed54}
.title-page>header nav{gap:22px;font-size:10px}
.title-page>header nav a{padding:12px 0}
.fresh-title{position:relative;isolation:isolate;overflow:hidden;background:#f4d633;min-height:540px}
.fresh-title-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}
.fresh-title h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fresh-title-menu{position:absolute;left:5.5%;bottom:4.5%;width:clamp(250px,29vw,410px);display:grid;gap:9px;z-index:2}
.fresh-title-menu>a{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:12px 22px;color:#21152d;background:#eac833 url('../art/fresh-prince/ui/menu-controls-ink-v2.webp') center/cover;border:1px solid #38203f;text-shadow:0 1px #fff8;font:900 clamp(15px,1.45vw,22px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;box-shadow:4px 4px 0 #231327bb}
.fresh-title-menu>a span{font:800 12px 'DM Sans',sans-serif;opacity:.75}
.fresh-title-menu>a:hover,.fresh-title-menu>a:focus-visible{outline:4px solid #ee4798;outline-offset:2px;color:#14111c;box-shadow:5px 5px 0 #24112b}
.fresh-title-menu .title-play{min-height:64px;font-size:clamp(20px,1.8vw,28px)}
.title-menu-note{padding:5px 8px;margin:0;color:#27192e;font:800 10px 'DM Sans',system-ui,sans-serif;line-height:1.6;text-shadow:0 1px 3px #fff}
.title-menu-note a{display:inline-block;text-decoration:underline;text-underline-offset:3px}
.title-menu-note .title-counts{display:block;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}
.title-page .ticker{background:#e7d742 url('../art/fresh-prince/ui/menu-controls-ink-v2.webp') center/cover}
.title-page .feature-strip{background:#ead65c url('../art/fresh-prince/ui/menu-controls-ink-v2.webp') center/cover;color:#24172d}
.title-page .stages-section,.title-page .fighter-info,.title-page .stage-card .label{background:#25172f url('../art/fresh-prince/ui/menu-paper-ink-v2.webp') center/cover}
.title-page .fighter-card,.title-page .stage-card{background:#25172f}
.title-page .footer{background:#23162b url('../art/fresh-prince/ui/menu-paper-ink-v2.webp') center/cover}
.title-page .section{background-color:#22132be6;background-image:url('../art/fresh-prince/ui/menu-paper-ink-v2.webp');background-size:cover;background-position:center;background-blend-mode:multiply}
.title-page .section-heading p,.title-page .roster-note{color:#e5d5eb}
@media(min-width:1800px){.fresh-title-menu{bottom:6%;left:7%}}
@media(max-width:1050px){.fresh-title{min-height:0}.fresh-title-menu{left:4%;bottom:4%;gap:7px;width:30%}.fresh-title-menu>a{min-height:44px;padding:8px 15px;font-size:16px}.fresh-title-menu .title-play{min-height:49px;font-size:21px}.title-menu-note{font-size:9px;line-height:1.35}}
@media(max-width:740px){.title-page>header{height:auto;min-height:68px;padding:15px 5vw;gap:12px;flex-wrap:wrap}.title-page>header nav{gap:16px;font-size:9px;letter-spacing:1px}.fresh-title-art{aspect-ratio:16/9}.fresh-title-menu{position:relative;left:auto;bottom:auto;width:auto;margin:0;padding:18px 7vw 22px;background:#24172d url('../art/fresh-prince/ui/menu-paper-ink-v2.webp') center/cover;gap:10px}.fresh-title-menu>a{min-height:52px;padding:12px 20px;font-size:20px}.fresh-title-menu .title-play{min-height:60px;font-size:25px}.title-menu-note{color:#fff4cf;text-shadow:none;font-size:10px;text-align:center;padding-top:6px}.title-menu-note a{color:#d7f046}.title-page .section{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){.fresh-title-menu>a{transition:none}}


/* A warm ink tint keeps navigation readable across the lighter painted edges. */
.title-page>header,.title-page .footer,.title-page .fighter-info,.title-page .stage-card .label{background-color:#493333;background-blend-mode:multiply}
@media(max-width:740px){.fresh-title-menu{background-color:#493333;background-blend-mode:multiply}.fresh-title-menu>a{background-blend-mode:normal}}