/* Tunal: original CSS in original cascade order. */
/* cyan-direction.css */
/* Tunal / Night Arena. The neon reference informs light and material, while
   documentary photographs, fightwear, partner artwork and QR codes stay true. */
:root {
    --bg: #061119;
    --panel: #0f202b;
    --panel-raised: #172d39;
    --panel-deep: #081720;
    --ink: #dce4e9;
    --muted: #a9bac4;
    --accent: #36e2f4;
    --accent-soft: #a2f4fa;
    --accent-dark: #067787;
    --gold: var(--accent);
    --paper: #11232e;
    --line: #314955;
    --line-soft: #c4e0ed21;
    --cyan-light: #36e2f426;
    --cyan-trace: #36e2f40d;
    --silver-gradient: linear-gradient(165deg, #f0f5f7 5%, #c6d5de 46%, #90a8b7 78%, #e8f1f5 100%);
    --steel-surface: linear-gradient(125deg, #ddebf207, #36e2f408 42%, transparent 74%), var(--panel);
    --photo-surface: var(--panel-deep);
    --photo-edge: #c4e0ed26;
    --photo-shadow: 0 24px 50px -30px #000d;
}

html { color-scheme: dark; }
body { color: var(--ink); background: radial-gradient(ellipse at 92% 3%, var(--cyan-trace), transparent 40%), var(--bg); }
::selection { color: var(--bg); background: var(--accent); }
a, button, input, select, textarea, summary { outline-color: var(--accent); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
    outline: 2px solid var(--accent); outline-offset: 5px;
}
.eyebrow { color: var(--accent-soft); }
.lead, .section-lead { color: var(--ink); }
.small-note, .role-note { color: var(--muted); }

/* The interface uses the same brushed edges and cyan light as the arena. */
.topline { color: var(--muted); background: var(--panel-deep); border-color: var(--line-soft); }
.topline>span:before { box-shadow: 0 0 9px #36e2f44d; }
.secondary-navigation a:hover, .secondary-navigation [aria-current] { color: var(--accent); }
.site-header { background: #061119f5; border-bottom-color: var(--line); box-shadow: 0 10px 26px -24px #36e2f44d; }
.site-header nav>a { color: var(--ink); }
.site-header nav>a:hover, .site-header nav>a[aria-current] { color: var(--accent-soft); }
.site-header nav>a[aria-current]:after { box-shadow: 0 0 13px #36e2f459; }
.brand small, .header-contact { color: var(--accent-soft); }
.language-switch a { color: var(--muted); }
.language-switch a:hover, .language-switch a[aria-current] { color: var(--accent-soft); }
.menu-toggle { color: var(--ink); }
.button { color: var(--bg); background: var(--accent); border-color: var(--accent); box-shadow: inset 0 1px 0 #ffffff5c; }
.button:hover { color: var(--bg); background: #83f0fa; border-color: #83f0fa; box-shadow: 0 5px 24px -10px #36e2f478; }
.button>span { border-color: #06111940; }
.button.outline { color: var(--ink); border-color: #91a7b3; background: #a4d6ed04; box-shadow: inset 0 1px 0 #c4e0ed0a; }
.button.outline>span { border-color: #91a7b359; }
.button.outline:hover { color: var(--accent-soft); border-color: var(--accent); background: var(--panel-raised); }
.button.dark { color: var(--ink); background: var(--panel-deep); border-color: var(--line); }
.button.dark:hover { color: var(--accent-soft); background: var(--panel-raised); border-color: var(--accent); }
.button.text-button, .button.text-button:hover { background: transparent; box-shadow: none; }
.button.text-button:hover, .inline-link:hover { color: var(--accent-soft); }

/* Metallic type is limited to large brand and section headlines. */
@supports (background-clip: text) {
    .page-intro h1, .section-head h2, .profile-copy h1,
    .sponsor-hero h1, .professional-hero h1, .shirt-heading h2,
    .story-layout h2, .footer-wordmark>span {
        color: transparent; background: var(--silver-gradient); background-clip: text; -webkit-background-clip: text;
    }
}
.page-intro { border-color: var(--line-soft); background-image: radial-gradient(ellipse at 94% 35%, #36e2f415, transparent 65%); }
.page-intro:before { background: repeating-linear-gradient(-42deg, transparent 0 33px, #c4e0ed09 33px 34px); }
.page-intro:after { height: 3px; box-shadow: 0 0 18px #36e2f473; }
.page-intro .intro-mark { opacity: .07; }
.page-intro .lead { color: var(--muted); }
.section-menu { background: #0b1b25f2; border-color: var(--line); }
.section-menu-title { color: var(--muted); }
.section-menu a { color: var(--ink); }
.section-menu a:hover, .section-menu a[aria-current] { color: var(--accent); }
.section-paper { color: var(--ink); background: linear-gradient(115deg, #b2ced905, transparent 48%), var(--paper); border-block: 1px solid var(--line-soft); }
.section-paper :is(h1,h2,h3,h4,legend,label), .section-paper .lead { color: var(--ink); }
.section-paper p { color: var(--muted); }
.section-paper .eyebrow, .section-paper .inline-link { color: var(--accent-soft); }
.section-paper .inline-link { border-color: var(--accent); }
.section-paper .inline-link:hover, .section-paper .text-button:hover { color: var(--accent); }
.section-paper .button.outline { color: var(--ink); background: transparent; border-color: #91a7b3; }
.section-paper .button.outline:hover { color: var(--accent-soft); background: var(--panel-raised); border-color: var(--accent); }
.section-paper .button.dark { color: var(--ink); }
.section-head:after, .section-paper .section-head:after { background: linear-gradient(90deg, #c4e0ed38, transparent 82%); }
.section-paper :is(a,button,input,select,textarea):focus-visible, .partner-banner :is(a,button):focus-visible { outline-color: var(--accent); }

/* Photographs are never recolored. Light is carried by their surrounding frame. */
.hero-image, .promotion-image>img, .proof-strip>img, .news-card img,
.partner-visual img, .sponsor-hero>img, .team-grid img, .profile-picture>img { filter: none; }
.hero-shade { background: linear-gradient(90deg, #061119f5 0%, #061119c4 30%, #0611193d 69%, #0611190d), linear-gradient(0deg, #061119dd, transparent 45%); }
.promotion-hero { background: var(--bg); }
.promotion-hero:before { background-image: var(--surface-grain), radial-gradient(ellipse at 0% 8%, #36e2f41f, transparent 58%); }
.promotion-image:after { background: linear-gradient(90deg, #061119, #061119e8 8%, #06111930 42%, transparent 70%), linear-gradient(0deg, #061119e6, transparent 45%); }
.promotion-copy h1 em { text-shadow: 0 8px 42px #36e2f426; }
.promotion-copy .lead, .hero-professionals { color: var(--ink); }
.image-location { color: var(--ink); background: #061119de; }
.brand-rail { background: linear-gradient(175deg, #ffffff26, transparent 48%, #0611191a), var(--accent); color: var(--bg); }
.next-rendezvous { background: var(--steel-surface); border-color: var(--line); }
.next-rendezvous p { color: var(--muted); }
.event-card, .news-card, .project-card, .case-proof, .media-grid figure,
.team-grid>article, .professional-hero figure, .product-card {
    color: var(--ink); background: var(--steel-surface); border-color: var(--photo-edge);
    box-shadow: inset 0 1px 0 #d3eaf20a, var(--photo-shadow);
}
.event-card:hover, .news-card:hover, .project-card:hover { border-color: #36e2f44d; }
.event-card p, .news-card p, .project-card p, .case-proof p, .team-grid p, .product-card p { color: var(--muted); }
.section-paper .project-card { color: var(--ink); background: var(--steel-surface); border-color: var(--photo-edge); }
.section-paper .project-card p { color: var(--muted); }
.section-paper .project-card .eyebrow, .section-paper .project-card .inline-link { color: var(--accent-soft); }
.event-image:after, .project-picture:after, .case-proof>a:first-child:after, .media-grid a:after {
    background: linear-gradient(180deg, transparent 74%, #08172038); box-shadow: inset 0 0 0 1px #c4e0ed10;
}
.event-image, .news-image, .video-stage { background: var(--panel-deep); }
.project-picture span, .photo-expand, .video-poster-credit, .first-look-credit { color: var(--ink); background: #061119e8; border-color: #c4e0ed70; }
.media-grid a[data-photo], .gear-image, .kit-visual, .first-look-media>img, .product-card>div {
    background: radial-gradient(ellipse at 45% 35%, #253b48, var(--panel-deep) 80%);
}
.media-grid figcaption, .professional-hero figcaption, .cinema-credit { color: var(--muted); }
.fighter-cinema { background: var(--panel-deep); }
.fighter-cinema:after { background: linear-gradient(0deg, #061119 0%, #06111966 22%, transparent 60%), linear-gradient(90deg, #06111933, transparent 30%); }
.cinema-caption>span { color: var(--accent-soft); }
.cinema-caption>p { color: var(--ink); }
.cinema-caption>a { color: var(--accent-soft); }
.proof-strip { isolation: isolate; background: var(--panel-deep); }
.proof-strip>img { z-index: -2; }
.proof-strip:after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #061119e8, #0611196b), linear-gradient(0deg, #06111980, transparent 65%); pointer-events: none; }
.event-hero .hero-shade { background: linear-gradient(90deg, #061119d9, #06111933), linear-gradient(0deg, #061119f2, transparent 70%); }
.image-archive-label { color: var(--ink); background: var(--panel-deep); border-color: var(--accent); }

/* Fighter passes retain their ring corners and individual photographs. */
a.fighter-pass, .collectible { background: var(--steel-surface); border-color: var(--photo-edge); box-shadow: inset 0 1px 0 #d3eaf208, var(--photo-shadow); }
.collectible:after { border-color: #c4e0ed0d; border-top-color: #c4e0ed2b; }
.collectible .fighter-photo { background: var(--panel-deep); }
.collectible .fighter-photo:after { background: linear-gradient(transparent 5%, #0611198f 42%, #061119f5 95%); }
.collectible .card-edition { color: var(--ink); background: var(--panel-deep); }
.fighter-signature { color: var(--ink); background: linear-gradient(120deg, #223e4b, #0b1c26 75%); border-bottom-color: var(--line-soft); }
.fighter-signature small { color: var(--muted); }
.fighter-signature>.fighter-monogram-mark { color: var(--accent-soft); border-color: #36e2f44d; }
.fighter-pass .fighter-photo:after { background: linear-gradient(0deg, #0f202b, #0f202b33 15%, transparent 30%); }
.fighter-pass .card-identity { background: linear-gradient(0deg, #0f202b 72%, transparent); }
.fighter-pass .card-identity>p, .card-identity>p { color: var(--accent-soft); }
.fighter-pass .card-identity>.nickname { color: var(--muted); }
.fighter-pass .card-arrow { color: var(--accent); border-color: #36e2f473; }
.fighter-pass:is(:hover,:focus-visible) .card-arrow { color: var(--bg); }
.fighter-pass .card-footer, .fighter-pass>.affiliation { color: var(--muted); background: var(--panel-deep); border-color: var(--line-soft); }
.card-footer { color: var(--muted); border-color: var(--line-soft); }
.card-footer strong { color: var(--accent-soft); }
.profile-picture { background: radial-gradient(ellipse at 30% 0%, var(--cyan-light), transparent 65%), var(--panel-deep); }
.profile-picture.collectible { border-color: #57727f; }
.profile-picture>.fighter-signature { background: linear-gradient(100deg, #142f3beb, #081720f7); border-top-color: var(--line-soft); }
.fighter-monogram { background: radial-gradient(ellipse at 50% 10%, #5e899b33, transparent 65%), repeating-linear-gradient(135deg, transparent 0 59px, var(--cyan-trace) 60px 61px), var(--panel-deep); }
.fighter-monogram>span { color: var(--accent); }
.fighter-monogram small { color: var(--muted); }
.career-panel { background: var(--steel-surface); }
.result-wins { background: var(--accent); }
.result-losses, .outcome-loss { background: #c18978; }
.result-draws { background: #c7d5dd; }
.result-no_contests, .outcome-nc { background: #7c909c; }
.record-grid strong { color: var(--ink); }
.profile-copy .profile-division, .profile-tools a, .profile-tools button { color: var(--accent-soft); }
.first-look blockquote, .fighter-story blockquote { color: var(--ink); border-color: var(--accent); }
.first-look cite, .fighter-story cite { color: var(--muted); }
.first-play { background: linear-gradient(180deg, #112632eb, var(--panel-deep)); border-color: #36e2f44d; color: var(--ink); }
.first-play>span, .first-play small { color: var(--accent); border-color: var(--accent); }
.dossier-landmarks li>span, .dossier-landmarks summary { color: var(--accent-soft); }
.dossier-landmarks li, .dossier-landmarks details { border-color: var(--line); }
.dossier-landmarks details { color: var(--muted); }
.follow-section legend { color: var(--accent-soft); }
.kit-visual figure, .kit-visual a { background: var(--panel-deep); }
.kit-visual a:after { background: linear-gradient(0deg, #08172040, transparent 16%); }
.worn-grid>article { background: var(--steel-surface); }
.worn-grid>article .kit-visual img, .kit-story .kit-visual img { background: radial-gradient(ellipse at center, #253b48, var(--panel-deep) 80%); }
.kit-visual figcaption { color: var(--muted); border-color: var(--line-soft); }
.worn-grid>article>img { background: var(--panel-deep); }
.product-card>div span { color: var(--accent); }
.form-photo { background: var(--panel-deep); }
.shop-categories .product-category-visual { display: grid; place-items: center; background: radial-gradient(ellipse at 50% 40%, #25414f, var(--panel-deep) 80%); }
.shop-categories .product-category-symbol { width: 72px; height: 72px; color: var(--accent-soft); filter: drop-shadow(0 0 15px #36e2f426); }
.shop-categories .product-card-current>div { background: radial-gradient(ellipse at center, #253b48, var(--panel-deep) 80%); }
.shop-categories .product-card-current:hover img { transform: none; }
.form-current-kit { margin: 25px 0 0; max-width: 320px; }
.form-current-kit>a { display: block; border: 1px solid var(--photo-edge); background: var(--panel-deep); }
.form-current-kit .form-photo { display: block; width: 100%; height: auto; margin: 0; border: 0; box-shadow: none; }
.form-current-kit figcaption { padding: 12px 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.form-current-kit figcaption small { display: block; font-size: 11px; }
.shop-reference { color: var(--muted); }

/* Partners and equipment share the same material without altering their artwork. */
.partner-banner { color: var(--ink); background: radial-gradient(ellipse at 0% 35%, #36e2f418, transparent 62%), var(--panel-raised); border-block: 1px solid #36e2f43d; }
.partner-banner h2 { color: var(--ink); }
.partner-banner p { color: var(--muted); }
.partner-banner .eyebrow { color: var(--accent-soft); }
.partner-visual img { border-color: var(--photo-edge); }
.partner-visual:before { border-color: #36e2f44d; background: repeating-linear-gradient(-45deg, transparent 0 6px, #36e2f40f 6px 7px); }
.partner-visual img { box-shadow: 0 22px 34px -20px #02091099; }
.partner-stamp { color: var(--ink); background: var(--panel-deep); border-color: var(--line); box-shadow: 6px 6px 0 #06111966; }
.partner-path, .professional-path, .announcement, .shop-status, .legal-draft-note { color: var(--ink); background: var(--steel-surface); border-color: var(--line); }
.partner-path p, .professional-path p, .working-method p { color: var(--muted); }
.professional-path>span, .professional-path:hover, .working-method li:before, .process-number, .benefits li:before { color: var(--accent); border-color: var(--accent); }
.status-panel { color: var(--muted); background: var(--panel-deep); border-left: 2px solid var(--accent); }
.status-dot { background: var(--accent); }
.price span { color: var(--muted); }
.benefits li { border-color: var(--line); }
.sponsor-shortcuts a { color: var(--accent-soft); }
.shirt-stage { color: var(--ink); background: radial-gradient(ellipse at center, #294552, var(--panel-deep) 85%); }
.surface-option>span { border-color: #76909e; }
.surface-option input:checked+span { color: var(--accent); background: var(--panel-raised); border-color: var(--accent); }
.surface-option input:focus-visible+span { outline-color: var(--accent); }
.social-corner { background: var(--panel-deep); }
.social-channels>a { background: var(--steel-surface); }
.social-channels>a:hover { background: var(--panel-raised); }
.follow-youtube { color: var(--ink); background: linear-gradient(135deg, #36e2f415, transparent 65%), var(--panel); border-color: var(--line); border-top-color: var(--accent); }
.follow-youtube:hover { background-color: var(--panel-raised); }
.follow-networks { background: var(--panel-deep); border-color: var(--line); }
.follow-networks a+a { border-color: var(--line); }
.follow-networks a:hover { background: var(--panel-raised); }

/* Forms, the photo viewer and explicit video controls stay quiet and legible. */
.roster-filters, .video-filters, .news-filters { color: var(--ink); background: var(--steel-surface); border-color: var(--line); }
.roster-filters label>span, .video-filters label, .news-filters label, .media-filters label,
.form-grid label, .check { color: var(--muted); }
input, select, textarea, .video-filters input, .video-filters select,
.section-paper input, .section-paper select, .section-paper textarea { background: var(--panel-deep); color: var(--ink); border-color: #637e8e; }
input::placeholder, textarea::placeholder, .section-paper input::placeholder, .section-paper textarea::placeholder { color: #a3b5c0; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); }
.follow-section .request-form { background: var(--steel-surface); border-color: var(--line); }
.form-status.success { color: var(--ink); background: var(--panel-deep); border-color: var(--accent); }
.form-status.error { color: #ffd1b4; }
.reference-preview { background: var(--panel-deep); border-color: var(--line); }
.photo-dialog { color: var(--ink); background: var(--panel-deep); border-color: #36e2f480; box-shadow: 0 0 60px #000b; }
.photo-dialog::backdrop { background: #020910eb; }
.photo-dialog button { background: var(--panel-raised); color: var(--ink); border-color: #7994a2; }
.photo-dialog button:hover { color: var(--bg); background: var(--accent); border-color: var(--accent); }
.video-card { background: var(--steel-surface); border-color: var(--photo-edge); }
.video-brand { color: var(--ink); background: var(--panel-deep); }
.video-brand span { color: var(--accent); }
.video-play { color: var(--ink); background: #061119cc; border-color: #c4e0edaa; }
.video-play:hover { color: var(--bg); background: var(--accent); border-color: var(--accent); }
.video-play>span { color: var(--bg); }
.video-card .text-button { color: var(--ink); background: transparent; border-color: #7a94a3; }
.video-card .text-button:hover { color: var(--bg); background: var(--accent); }
.video-related { border-color: var(--line); }
.video-related a { color: var(--ink); border-color: #536d7b; }
.video-related a:hover { color: var(--accent-soft); border-color: var(--accent); }
.watch-context { background: var(--steel-surface); }
.watch-context article+article { border-color: var(--line); }

/* Only configurator guides change color; the real shirt and uploaded logo do not. */
.shirt-offer { background: var(--surface-grain), radial-gradient(ellipse at 5% 30%, #36e2f40d, transparent 65%), var(--panel-deep); border-color: var(--line); }
.shirt-heading>p, .shirt-offer .shirt-helper { color: var(--muted); }
.shirt-viewer { background: var(--panel); border-color: var(--line); }
.shirt-view-toolbar { background: var(--panel-raised); border-color: var(--line); }
.shirt-view-toolbar button { color: var(--ink); border-color: #7592a0; }
.shirt-view-switch button[aria-pressed=true] { color: var(--bg); background: var(--ink); border-color: var(--ink); }
.shirt-view-toolbar .shirt-zoom { color: var(--accent-soft); border-color: #537d8c; }
.shirt-view-toolbar .shirt-zoom[aria-pressed=true] { background: #163c4a; border-color: var(--accent); }
.shirt-canvas { background: radial-gradient(ellipse at 50% 37%, #425d6a 0%, #213b48 38%, var(--panel-deep) 76%); }
.shirt-view-label, .shirt-view-label b, .shirt-view-footer>label, .shirt-legend, .shirt-view-note { color: var(--muted); }
.shirt-view-footer { border-color: var(--line); }
.shirt-simulation [data-logo-block] { filter: drop-shadow(0 0 7px #36e2f433); }
.shirt-simulation [data-logo-area] { stroke: var(--accent); }
.shirt-simulation [data-logo-area][fill="#ff3f93"] { fill: var(--accent); }
.shirt-legend i { background: #36e2f433; border-color: var(--accent); }
.shirt-step { color: var(--accent-soft); border-color: #36e2f473; }
.shirt-formats .surface-option>span { color: var(--ink); background: var(--steel-surface); border-color: #6b8796; }
.shirt-formats .surface-option input:checked+span { color: var(--ink); background: #143643; border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent), 0 8px 24px -18px var(--accent); }
.shirt-formats .surface-option input:focus-visible+span { outline-color: var(--accent-soft); }
.shirt-formats .format-graphic { background: repeating-linear-gradient(0deg, transparent 0 15px, #c4e0ed15 15px 16px), repeating-linear-gradient(90deg, transparent 0 15px, #c4e0ed15 15px 16px), var(--bg); border-color: #567481; }
.shirt-formats .format-graphic i { background: #83d2df; }
.shirt-formats .format-content small { color: var(--muted); }
.shirt-selection { border-color: var(--line); }
.shirt-selection>p:first-child, .shirt-selection-price b, .shirt-closed { color: var(--accent-soft); }
.shirt-selection-price>strong, .shirt-ratios b, .shirt-dimensions strong { color: var(--ink); }
.shirt-selection-price>span { color: var(--muted); border-color: var(--line); }
.shirt-ratios>span, .shirt-dimensions { color: var(--muted); }
.shirt-upload.logo-preview-tools { background: var(--panel); border-color: var(--line); }
.shirt-upload.logo-preview-tools>label { color: var(--ink); }
.shirt-upload input[type=file] { color: var(--muted); background: var(--panel-deep); border-color: #7592a0; }
.shirt-upload input[type=file]::file-selector-button { color: var(--ink); background: var(--panel-raised); border-color: #7592a0; }
.shirt-upload-actions label { color: var(--muted); }
.shirt-upload.logo-preview-tools button { color: var(--accent-soft); border-color: #7592a0; }
.shirt-upload.logo-preview-tools [role=status] { color: var(--accent-soft); }
.shirt-reference { background: var(--panel-deep); border-color: var(--line); }
.shirt-reference summary { color: var(--ink); }
.shirt-reference>p, .shirt-reference figcaption, .shirt-offer noscript { color: var(--muted); }
.shirt-reference img { background: var(--bg); }

/* Commerce and consent retain their real actions and status information. */
.woocommerce input, .woocommerce select, .woocommerce textarea { color: var(--ink); background: var(--panel-deep); border-color: #637e8e; }
.woocommerce button.button, .woocommerce a.button { color: var(--bg); background: var(--accent); }
.woocommerce button.button:hover, .woocommerce a.button:hover { background: #83f0fa; }
.woocommerce table.shop_table, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: var(--line); }
.woocommerce-info, .woocommerce-message { color: var(--ink); background: var(--panel); border-top-color: var(--accent); }
.woocommerce-info:before, .woocommerce-message:before { color: var(--accent); }
.woocommerce-breadcrumb { color: var(--muted)!important; }
.woocommerce a.remove { color: #ffd1b4!important; }
.cmplz-cookiebanner { color: var(--ink)!important; background: var(--panel-deep)!important; border-color: #36e2f466!important; }
.cmplz-cookiebanner .cmplz-title, .cmplz-cookiebanner .cmplz-message { color: var(--ink)!important; }
.cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner .cmplz-manage-options { color: var(--accent-soft)!important; }
.cmplz-cookiebanner .cmplz-btn { color: var(--ink)!important; border-color: #91a7b3!important; }
.cmplz-cookiebanner .cmplz-accept { color: var(--bg)!important; background: var(--accent)!important; border-color: var(--accent)!important; }

.site-footer { background: radial-gradient(ellipse at 100% 0%, #36e2f410, transparent 60%), var(--panel-deep); border-top: 1px solid #36e2f46b; box-shadow: inset 0 18px 35px -32px var(--accent); }
.footer-wordmark em { color: var(--accent); }
.footer-wordmark img { filter: brightness(0) invert(1) drop-shadow(0 10px 28px #36e2f426); }
.footer-contact { color: var(--accent-soft); }
.footer-top p, .footer-bottom { color: var(--muted); }
.footer-bottom a:hover { color: var(--accent-soft); }

@media(max-width:900px) {
    .site-header nav { background: #0b1d27; border-color: var(--line); box-shadow: 0 20px 40px -20px #0009; }
}
@media(max-width:700px) {
    .promotion-hero:before { background-image: var(--surface-grain), radial-gradient(ellipse at 0% 50%, #36e2f414, transparent 60%); }
    .promotion-image:after { background: linear-gradient(0deg, #061119, transparent 45%); }
    .site-header nav>a[aria-current] { color: var(--accent-soft); }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    a.collectible:hover { box-shadow: 0 25px 42px -22px #000, 0 0 0 1px #36e2f44d, inset 0 1px 0 #c4e0ed2b; }
}
@media(prefers-reduced-transparency:reduce) {
    .site-header, .section-menu { background: var(--panel-deep); backdrop-filter: none; }
}
@media(prefers-reduced-motion:reduce) {
    *, *:before, *:after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
@media(forced-colors:active) {
    .page-intro h1, .section-head h2, .profile-copy h1, .sponsor-hero h1,
    .professional-hero h1, .shirt-heading h2, .story-layout h2, .footer-wordmark>span {
        color: CanvasText; background: none;
    }
    a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: Highlight; }
    .shirt-simulation { forced-color-adjust: none; }
    .shirt-formats .surface-option input:checked+span { outline: 2px solid Highlight; }
}
@media print {
    body, .section-paper, .collectible, .career-panel, .video-card, .event-card,
    .news-card, .project-card, .case-proof, .media-grid figure, .worn-grid>article,
    .team-grid>article, .professional-hero figure, .product-card { color: #111; background: white; box-shadow: none; }
    .page-intro h1, .section-head h2, .profile-copy h1, .sponsor-hero h1,
    .professional-hero h1, .shirt-heading h2, .story-layout h2 { color: #111; background: none; }
    .section-paper :is(h1,h2,h3,h4,p,legend,label), .section-paper .lead { color: #111; }
    .hero-image, .promotion-image>img, .proof-strip>img { filter: none; }
}

/* home-navigation.css */
/* A visible home route stays available outside the category menu. */
.site-header {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: clamp(14px, 1.5vw, 24px);
}
.home-navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 8px;
    min-height: 50px;
    padding: 12px 15px;
    border: 1px solid #cffbff;
    border-radius: 6px;
    color: #101112;
    background: linear-gradient(110deg,#30d9eb 0%,#8ae8ef 35%,#ff8ac5 75%,#ff3f93 100%);
    box-shadow: inset 0 1px 0 #fffc,inset 0 -1px 0 #9e397b66,0 6px 0 #35445d,-5px 5px 21px #30d9eb26,5px 5px 21px #ff3f9338;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease,box-shadow .22s ease,border-color .22s ease;
}
.home-navigation svg { flex: 0 0 auto; color: currentColor; }
.home-navigation svg path { stroke-width: 2; }
.home-navigation[aria-current] { border-color: #fff; }
@media (hover:hover) and (pointer:fine) {
    .home-navigation:hover {
        color: #101112;
        border-color: #fff;
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 #fff,0 8px 0 #35445d,-6px 6px 27px #30d9eb52,6px 6px 27px #ff3f9361;
    }
}
.site-header .home-navigation:focus-visible { outline: 3px solid #f0ede7; outline-offset: 6px; }
.home-navigation:active {
    transform: translateY(4px);
    box-shadow: inset 0 2px 5px #10111226,0 2px 0 #35445d,-3px 3px 16px #30d9eb38,3px 3px 16px #ff3f9345;
}
.site-header #main-navigation { min-width: 0; gap: clamp(12px, 1.5vw, 24px); }
.site-header .header-actions { gap: 14px; }
@media (max-width: 1300px) {
    .site-header .header-contact { display: none; }
    .site-header #main-navigation > a { font-size: 11px; letter-spacing: .55px; }
}
@media (max-width: 1100px) {
    .site-header { grid-template-columns: minmax(0, 1fr) auto auto auto; }
    .site-header #main-navigation {
        display: none;
        position: absolute;
        inset: 100% 0 auto;
        width: 100%;
        max-height: calc(100dvh - var(--tunal-header-height, 90px));
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 22px var(--pad);
        background: var(--panel-deep);
        border-bottom: 1px solid var(--line);
        box-shadow: 0 20px 40px -20px #0009;
    }
    .site-header #main-navigation.is-open {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .site-header #main-navigation > a {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding-block: 10px;
        font-size: 16px;
    }
    .site-header #main-navigation > a[aria-current]:after { display: none; }
    .site-header .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 0;
        margin: 0;
        gap: 7px;
        border: 0;
        background: none;
    }
    .site-header .menu-toggle span { width: 24px; height: 1px; background: var(--ink); }
    .site-header .header-actions { margin: 0; gap: 8px; }
}
@media (max-width: 650px) {
    .site-header { gap: 8px; padding-inline: 16px; }
    .site-header .brand > span { display: none; }
    .site-header .brand img { width: 42px; height: 42px; }
    .home-navigation { min-height: 48px; padding: 10px 9px; font-size: 11px; gap: 6px; }
    .home-navigation svg { width: 16px; height: 16px; }
    .site-header .header-actions { gap: 8px; }
    .site-header .language-switch { gap: 0; }
    .site-header .language-switch a { min-width: 25px; min-height: 44px; }
    .site-header .bag { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 44px; }
}
@media (max-width: 359px) {
    .site-header { gap: 5px; padding-inline: 10px; }
    .site-header .brand img { width: 32px; height: 32px; }
    .home-navigation { padding-inline: 7px; gap: 5px; }
    .site-header .header-actions { gap: 5px; }
    .site-header .language-switch a { min-width: 23px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-navigation, .home-navigation:is(:hover,:active) { transition: none; transform: none; }
}

/* A two-tone shopping bag, legible within the compact mobile header. */
.site-header .bag .bag-icon {
    display:block; flex-shrink:0;
    filter:drop-shadow(-1px 0 3px #30d9eb38) drop-shadow(1px 1px 3px #ff5aa738);
    transition:filter .2s ease,transform .2s ease;
}
.site-header .bag > span {
    background:linear-gradient(110deg,#30d9eb,#ff8ac5);
    color:#101112; font-weight:750;
}
@media (hover:hover) and (pointer:fine) {
    .site-header .bag:hover .bag-icon {
        filter:drop-shadow(-1px 0 5px #30d9eb80) drop-shadow(1px 1px 5px #ff5aa780);
        transform:translateY(-1px);
    }
}
.site-header .bag:focus-visible { outline:2px solid #30d9eb; outline-offset:4px; border-radius:4px; }
@media (prefers-reduced-motion:reduce) {
    .site-header .bag .bag-icon,
    .site-header .bag:hover .bag-icon { transition:none; transform:none; }
}
@media (forced-colors:active) {
    .site-header .bag .bag-icon { filter:none; }
    .site-header .bag .bag-icon path { stroke:LinkText; fill:none; }
}

/* Keep primary navigation legible in WebKit, including visited links. */
.site-header #main-navigation > a:link,
.site-header #main-navigation > a:visited { color: #f0ede7; }
.site-header #main-navigation > a:hover,
.site-header #main-navigation > a:focus-visible,
.site-header #main-navigation > a[aria-current] { color: #f5bcd2; }

/* Content-sized navigation: translated labels must not paint over adjacent links. */
@media (min-width:1101px) {
 .site-header {height:auto;min-height:90px;display:flex;flex-wrap:wrap;padding-block:16px;gap:16px 24px}
 .site-header .brand,.site-header .home-navigation,.site-header .header-actions {flex:0 0 auto}
 .site-header #main-navigation {flex:1 1 680px;display:flex;flex-wrap:wrap;gap:12px 22px}
 .site-header #main-navigation>a {flex:0 0 auto;line-height:1.5}
 .site-header .header-actions {margin-left:auto}
 .site-header .header-contact {white-space:nowrap}
}
@media (min-width:1101px) and (max-width:1650px) {
 .site-header {display:grid;grid-template-columns:auto 1fr auto;gap:18px 24px}
 .site-header .home-navigation {justify-self:start}
 .site-header .header-actions {grid-column:3;grid-row:1}
 .site-header #main-navigation {grid-row:2;grid-column:1/-1;justify-content:center}
 .site-header #main-navigation>a {font-size:13px}
}
@media (max-width:1100px) {
 .site-header {height:auto;min-height:80px;padding-block:12px}
 .site-header .home-navigation {white-space:normal;max-width:13ch;text-align:center}
 .site-header #main-navigation>a {white-space:normal;overflow-wrap:anywhere}
}

/* Thomas-approved archive: alternating pink/cyan tiles from mobile-feedback.css. */
.site-header #main-navigation > a,
.site-header #main-navigation > a:link,
.site-header #main-navigation > a:visited {
 display:inline-flex;align-items:center;justify-content:center;min-height:46px;
 padding:11px 14px;border:1px solid #ffc5e5;border-top:3px solid #ffe0f1;border-radius:9px;
 --nav-base:#612346;--nav-glow:#ed539337;
 color:#210e21;background:linear-gradient(135deg,#f676bc,#d94492);
 box-shadow:inset 0 1px 0 #fff8,0 5px 0 var(--nav-base),0 8px 25px var(--nav-glow);
 font-family:var(--display);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:.025em;text-align:center;white-space:nowrap;
 transition:transform .18s ease,filter .18s ease,box-shadow .22s ease;
}
.site-header #main-navigation > a:nth-child(2n){
 --nav-base:#205764;--nav-glow:#30d9eb30;
 background:linear-gradient(135deg,#83edf2,#31cbdc);border-color:#befbff;color:#052d39;
 box-shadow:inset 0 1px 0 #fff9,0 5px 0 var(--nav-base),0 8px 25px var(--nav-glow);
}
.site-header #main-navigation > a[aria-current]{border-color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-header #main-navigation > a[aria-current]:after{display:none}
.site-header #main-navigation > a:focus-visible{outline:3px solid #f0ede7;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.site-header #main-navigation > a:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff9,0 7px 0 var(--nav-base),0 10px 25px var(--nav-glow)}}
.site-header #main-navigation > a:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #10111226,0 2px 0 var(--nav-base)}
@media(min-width:1101px){.site-header #main-navigation{gap:13px 10px;padding-bottom:5px}}
@media(min-width:1101px) and (max-width:1800px){
 .site-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px 24px}
 .site-header .home-navigation{justify-self:start}
 .site-header .header-actions{grid-column:3;grid-row:1}
 .site-header #main-navigation{grid-row:2;grid-column:1/-1;justify-content:center}
}
@media(max-width:1100px){
 .site-header #main-navigation.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding-bottom:28px}
 .site-header #main-navigation > a{white-space:normal;overflow-wrap:normal;min-height:48px;padding:12px 9px;font-size:20px}
 .site-header #main-navigation > a:last-child:nth-child(odd){grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.site-header #main-navigation > a,.site-header #main-navigation > a:is(:hover,:active){transition:none;transform:none}}