/* Tunal / Electric Rose — shared public design system, September 2026. */
:root {
    --bg: #09090b;
    --panel: #15151a;
    --ink: #fafafd;
    --muted: #b7b7c1;
    --accent: #ff3f93;
    --accent-soft: #ff9bc9;
    --accent-dark: #a70c53;
    --paper: #f5f3f6;
    --line: #2e2e37;
}
::selection { background: var(--accent); color: var(--bg); }
body { background: var(--bg); }
h1,h2,h3 { letter-spacing: -.025em; }
h2 { font-size: clamp(44px,5.5vw,84px); }
a,button,input,select,textarea { outline-color: var(--accent); }
.eyebrow { color: var(--accent-soft); font-weight: 600; letter-spacing: .17em; }
.section { padding-block: clamp(58px,7vw,110px); }
.section-head { align-items: end; gap: 30px; margin-bottom: 42px; }
.section-head .eyebrow:before { content: ''; display: inline-block; width: 26px; height: 3px; background: var(--accent); vertical-align: middle; margin-right: 12px; }
.section-head>div { min-width: 0; }
.section-head .button { flex-shrink: 0; }
.topline { background: #09090b; color: #c2c2ca; letter-spacing: .13em; border-bottom: 1px solid var(--line); }
.topline>span:before { content: ''; display: inline-block; background: var(--accent); width: 6px; height: 6px; margin-right: 10px; vertical-align: 1px; }
.site-header { height: 90px; position: sticky; top: 0; z-index: 40; background: rgba(9,9,11,.97); border-bottom: 1px solid #33333c; }
.brand { gap: 12px; }
.brand>span { letter-spacing: 2px; }
.brand small { color: var(--accent-soft); letter-spacing: 4.5px; }
.site-header nav>a { position: relative; font-weight: 600; color: #e5e5eb; }
.site-header nav>a[aria-current],.site-header nav>a:hover { color: var(--ink); }
.site-header nav>a[aria-current]:after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: var(--accent); bottom: -13px; }
.language-switch a { color: #b7b7c1; }
.language-switch a[aria-current] { color: var(--ink); border-color: var(--accent); }
.header-contact { color: var(--accent-soft); }
.button { background: var(--accent); color: var(--bg); border: 1px solid var(--accent); padding: 18px 24px; min-height: 56px; font-size: 13px; font-weight: 700; letter-spacing: .065em; border-radius: 2px; transition: background .2s,border-color .2s,color .2s,transform .2s; }
.button:hover { background: #ff83b9; border-color: #ff83b9; color: var(--bg); }
.button>span { padding-left: 15px; border-left: 1px solid #09090b44; }
.button.outline { background: transparent; color: var(--ink); border-color: #73737f; }
.button.outline>span { border-color: #73737f; }
.button.outline:hover { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.button.dark { color: var(--ink); background: var(--bg); border-color: var(--bg); }
.button.dark:hover { background: #24242c; border-color: #24242c; }
.button.dark>span { border-color: #73737f; }
.button.text-button { min-height: 44px; color: inherit; background: transparent; border-radius: 0; border-bottom: 2px solid var(--accent); }
.button.text-button>span { border: 0; }
.button.text-button:hover { color: var(--accent-soft); background: transparent; }
.inline-link { font-weight: 600; border-bottom: 1px solid var(--accent); padding-bottom: 7px; }
.inline-link:hover { color: var(--accent-soft); }
/* The opening balances a live photograph with an oversized editorial masthead. */
.promotion-hero { min-height: 680px; background: var(--bg); border-bottom: 1px solid var(--line); }
.promotion-image { inset: 22px 22px 22px 38%; border-radius: 2px; }
.promotion-image>img { object-position: 34% 42%; filter: saturate(1.12) contrast(1.03); }
.promotion-image:after { background: linear-gradient(90deg,#09090b 0%,#09090be8 8%,#09090b30 42%,transparent 70%),linear-gradient(0deg,#09090be6,transparent 45%); }
.promotion-copy { position: relative; padding-top: 65px; padding-bottom: 62px; }
.promotion-copy .eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0; font-size: 11px; color: var(--accent-soft); }
.promotion-copy .eyebrow:before { content: ''; width: 26px; height: 3px; background: var(--accent); flex-shrink: 0; }
.promotion-copy h1 { font-size: clamp(92px,10.2vw,158px); line-height: .88; letter-spacing: -.035em; max-width: 850px; margin: 34px 0 28px; }
.promotion-copy h1 em { color: var(--accent); font-style: normal; }
.promotion-copy .lead { color: #e0e0e7; font-size: 20px; max-width: 410px; }
.promotion-copy .hero-buttons { margin-top: 28px; gap: 12px; }
.hero-professionals { color: #d5d5dd; font-size: 14px; margin-top: 22px; }
.hero-professionals:hover { color: var(--accent-soft); }
.image-location { background: var(--bg); border-left: 3px solid var(--accent); padding: 12px 15px; right: 20px; bottom: 15px; letter-spacing: .12em; }
.brand-rail { display: flex; align-items: center; gap: 35px; padding: 15px 0; background: var(--accent); color: var(--bg); overflow: hidden; border-block: 1px solid var(--accent); white-space: nowrap; font: 700 28px/.95 var(--display); letter-spacing: .045em; }
.brand-rail span { display: inline-flex; align-items: center; gap: 35px; flex: 0 0 auto; }
.brand-rail b { font: 24px Arial,sans-serif; }
.next-rendezvous { padding-block: 32px; background: var(--panel); border: 0; border-bottom: 1px solid var(--line); }
.next-rendezvous .eyebrow { color: var(--accent-soft); max-width: 200px; font-size: 11px; }
.next-rendezvous h2 { font-size: 38px; }
.next-rendezvous p { color: #bfc0ca; }
/* Inside pages keep the same visual signature, with the wolf as a watermark. */
.page-intro { position: relative; isolation: isolate; overflow: hidden; padding-top: 62px; padding-bottom: 46px; border-bottom: 1px solid var(--line); margin-bottom: 32px; }
.page-intro:after { content: ''; position: absolute; bottom: -1px; left: var(--pad); width: 88px; height: 5px; background: var(--accent); }
.page-intro .intro-mark { position: absolute; z-index: -1; right: var(--pad); top: 12px; height: 270px; width: 270px; object-fit: contain; opacity: .12; mix-blend-mode: screen; pointer-events: none; }
.page-intro h1 { font-size: clamp(62px,7.4vw,112px); line-height: .98; max-width: 1050px; margin-bottom: 24px; }
.page-intro .lead { font-size: 20px; color: #c3c3cd; }
/* Cards: clear photographs, squared edges, visible type and a recognisable signature. */
.collectible { background: var(--panel); border: 1px solid #383840; border-radius: 2px; box-shadow: none; }
a.collectible:hover { border-color: var(--accent); transform: translateY(-4px); }
.collectible .fighter-photo { background: #19191f; }
.fighter-photo img { filter: none; }
.fighter-card:hover .fighter-photo img { filter: none; }
.collectible .fighter-photo:after { inset: 38% 0 0; background: linear-gradient(transparent 5%,#09090b8f 42%,#09090bf5 95%); }
.collectible .card-edition { color: #dedee6; background: #15151a; letter-spacing: .13em; border-top: 3px solid var(--accent); height: 36px; padding: 8px 14px; font-size: 9px; }
.collectible .fighter-photo>img { top: 36px; height: calc(100% - 36px); }
.collectible .card-identity { left: 18px; bottom: 22px; right: 63px; }
.collectible h3 { font-size: clamp(28px,2.5vw,40px); letter-spacing: -.02em; }
.card-identity>p { color: #ffacd2; font-size: 11px; letter-spacing: .1em; }
.card-arrow { border: 0; background: var(--accent); color: var(--bg); width: 38px; height: 38px; }
.card-footer { border-top: 1px solid #383840; color: #dedee5; font-size: 11px; padding: 15px 18px; }
.card-footer strong { color: var(--accent-soft); }
.collectible>.affiliation { color: #a9a9b7; padding-inline: 18px; }
.profile-picture.collectible { border-radius: 2px; border-color: #44444f; }
.profile-seal { background: var(--accent); color: var(--bg); border: 0; font-size: 22px; padding: 13px 17px; }
.fighter-monogram { background: repeating-linear-gradient(135deg,transparent 0 59px,#ff3f930c 60px 61px),#15151a; }
.fighter-monogram>span { color: var(--accent); }
.fighter-monogram small { color: #d0ccd5; }
.profile-copy .profile-division { color: var(--accent-soft); }
.career-panel { border: 1px solid var(--line); border-left: 3px solid var(--accent); background: var(--panel); padding: 22px; }
.record-grid strong { color: var(--ink); }
.profile-tools a,.profile-tools button { color: var(--accent-soft); }
.cinema-caption>span { color: #ffb4d6; }
.cinema-caption>p { color: white; }
.fighter-cinema:after { background: linear-gradient(0deg,#09090b,transparent 65%); }
.first-look blockquote { color: #ffd4e8; border-color: var(--accent); }
/* Alternating monochrome surfaces make photographs and the pink moments stand out. */
.section-paper { background: var(--paper); color: #101015; }
.section-paper p { color: #4b4651; }
.section-paper .eyebrow { color: var(--accent-dark); }
.section-paper .inline-link { color: #17131b; border-color: #a70c53; }
.section-paper .inline-link:hover,.section-paper .text-button:hover { color: var(--accent-dark); }
.section-paper .button.outline { color: #17131b; border-color: #716875; }
.section-paper .button.outline:hover { color: white; background: #17131b; }
.section-paper .project-card { background: #fff; border: 1px solid #d8d4dc; }
.project-card>div { padding: 26px; }
.project-card h3 { font-size: 36px; }
.project-picture span { background: #09090bd9; color: white; border-left: 3px solid var(--accent); }
.project-card p { font-size: 16px; }
.event-card,.news-card { border-bottom: 1px solid #41414b; padding-bottom: 24px; }
.tag { color: var(--bg); background: var(--accent); font-weight: 700; }
.event-image,.news-image { border-radius: 2px; }
.partner-banner { background: var(--accent); color: var(--bg); padding-block: 84px; }
.partner-banner h2 { color: var(--bg); font-size: clamp(58px,6.4vw,98px); }
.partner-banner p,.partner-banner .eyebrow { color: #24111c; }
.partner-visual img { filter: none; border: 2px solid var(--bg); }
.partner-stamp { background: var(--bg); color: white; border: 1px solid #09090b; box-shadow: 6px 6px 0 #09090b33; transform: rotate(-4deg); }
.partner-stamp em { color: var(--accent); }
.partner-path,.professional-path { background: var(--panel); border: 1px solid #383840; border-top: 3px solid var(--accent); border-radius: 2px; }
.partner-path p,.professional-path p,.working-method p { color: #b7b7c1; }
.partner-path h2,.professional-path h2 { font-size: 36px; }
.sponsor-shortcuts a { color: var(--accent-soft); }
.case-proof { border-bottom: 1px solid #41414b; }
.gear-image { background: #edebf0; border: 1px solid #41414b; }
.worn-grid>article { border: 1px solid #383840; background: var(--panel); }
.worn-grid>article>div { padding: 24px; }
.worn-grid>article img { background: #f1eff4; }
/* Browse and watch: filters are deliberately quieter than the images. */
.roster-filters,.video-filters,.news-filters { background: var(--panel); padding: 22px; border: 1px solid #383840; gap: 20px; }
.roster-filters label>span,.video-filters label,.news-filters label { color: #d4d4de; }
input,select,textarea,.video-filters input,.video-filters select { background: #101014; color: #fafafd; border-color: #61616f; border-radius: 2px; }
input::placeholder,textarea::placeholder { color: #a5a5b2; }
input:focus,select:focus,textarea:focus { border-color: var(--accent); }
input[type=checkbox],input[type=radio] { accent-color: var(--accent); }
.section-paper input,.section-paper select,.section-paper textarea { background: white; color: #17131b; border-color: #837889; }
.section-paper input::placeholder,.section-paper textarea::placeholder { color: #716875; }
.request-form { border-radius: 2px; }
.video-card { background: var(--panel); border: 1px solid #383840; }
.video-card-body { padding: 24px; }
.video-card h3 { font-size: 29px; }
.video-brand { background: #101014; color: var(--ink); }
.video-brand span { color: var(--accent); }
.video-stage { border-bottom: 1px solid #383840; }
.video-play>span { background: var(--accent); color: var(--bg); border: 0; }
.video-related a { color: #e0e0e8; border-color: #51515e; }
.video-poster-credit { background: #09090bdd; color: white; }
.library-count a { color: var(--accent-soft); }
.library-pagination [aria-current] { background: var(--accent); color: var(--bg); border-color: var(--accent); }
.follow-section .request-form { background: var(--panel); border: 1px solid #383840; border-top: 3px solid var(--accent); }
.social-channels>a { background: var(--panel); transition: background .2s; }
.social-channels>a:hover { background: #24202a; }
.social-channel-icon { color: var(--accent); }
/* Footer is a brand moment, not a forgotten utility block. */
.site-footer { background: #09090b; border-top: 4px solid var(--accent); }
.footer-wordmark { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-top: 54px; padding-bottom: 24px; overflow: hidden; }
.footer-wordmark>span { font: 700 clamp(55px,8.7vw,144px)/.95 var(--display); letter-spacing: -.025em; color: var(--ink); }
.footer-wordmark em { color: var(--accent); font-style: normal; }
.footer-wordmark img { width: clamp(80px,10vw,150px); mix-blend-mode: screen; }
.footer-top { padding-top: 30px; padding-bottom: 50px; }
.footer-contact { font-size: clamp(28px,3vw,46px); border-color: var(--accent); color: var(--accent-soft); }
.footer-top p { color: #b7b7c1; }
.footer-bottom { color: #b7b7c1; }
.footer-bottom a:hover { color: var(--accent-soft); }
/* Keep third-party cookie UI on the same palette without changing consent behaviour. */
.cmplz-cookiebanner { background: #16161c!important; color: #f8f8fc!important; border-color: #555562!important; border-radius: 3px!important; box-shadow: 0 15px 60px #0008!important; }
.cmplz-cookiebanner .cmplz-title,.cmplz-cookiebanner .cmplz-message { color: #f1f1f6!important; }
.cmplz-cookiebanner .cmplz-links a,.cmplz-cookiebanner .cmplz-manage-options { color: #ffb3d5!important; }
.cmplz-cookiebanner .cmplz-btn { background: transparent!important; border-color: #9999a6!important; color: #f8f8fc!important; border-radius: 2px!important; }
.cmplz-cookiebanner .cmplz-accept { background: var(--accent)!important; border-color: var(--accent)!important; color: #09090b!important; }
.cmplz-cookiebanner svg { fill: #fff!important; }
@media(min-width:1600px) { .promotion-copy { padding-top: 82px; padding-bottom: 82px; } }
@media(max-width:1150px) {
    .site-header { gap: 24px; }
    .promotion-copy h1 { font-size: clamp(86px,11vw,125px); max-width: 700px; }
    .promotion-image { left: 32%; }
    .promotion-copy .hero-buttons { max-width: 590px; }
}
@media(max-width:900px) {
    .section-head { align-items: start; }
    .section-head .button { flex-shrink: 1; }
    .promotion-copy .hero-buttons { max-width: 360px; }
    .next-rendezvous h2 { font-size: 31px; }
    .footer-wordmark>span { max-width: 70%; }
}
@media(max-width:700px) {
    .site-header { height: 78px; }
    .topline { padding: 10px 16px; min-height: 54px; gap: 8px; }
    .secondary-navigation { gap: 21px; }
    .site-header nav>a[aria-current]:after { display: none; }
    .site-header nav>a[aria-current] { color: var(--accent-soft); }
    .promotion-hero { min-height: 0; }
    .promotion-image { inset: auto; height: 300px; margin: 12px 12px 0; border-radius: 2px; }
    .promotion-image:after { background: linear-gradient(0deg,#09090b,transparent 45%); }
    .promotion-image>img { object-position: 35% 43%; }
    .promotion-copy { padding-top: 10px; padding-bottom: 40px; width: 100%; }
    .promotion-copy .eyebrow { font-size: 10px; letter-spacing: .08em; }
    .promotion-copy h1 { font-size: clamp(66px,16vw,104px); line-height: .92; margin: 20px 0 23px; }
    .promotion-copy .lead { font-size: 18px; }
    .promotion-copy .hero-buttons { flex-wrap: wrap; max-width: none; margin-top: 23px; }
    .promotion-copy .button { padding: 16px 18px; flex: 1 1 185px; }
    .image-location { right: 4px; bottom: 15px; font-size: 9px; padding: 8px 10px; }
    .brand-rail { font-size: 22px; padding-block: 12px; gap: 23px; }
    .brand-rail span { gap: 23px; }
    .next-rendezvous { padding-block: 27px; }
    .page-intro { padding-top: 36px; padding-bottom: 32px; margin-bottom: 22px; }
    .page-intro h1 { font-size: clamp(49px,12.9vw,82px); line-height: 1; }
    .page-intro .lead { font-size: 18px; }
    .page-intro .intro-mark { width: 180px; height: 180px; right: -28px; top: 5px; opacity: .09; }
    .section-head { display: block; margin-bottom: 30px; }
    .section-head .button { margin-top: 20px; }
    .section-head h2 { font-size: clamp(39px,10vw,64px); }
    .roster-filters,.video-filters,.news-filters { padding: 16px; gap: 14px; }
    .card-footer { padding: 12px; }
    .collectible .card-identity { left: 15px; right: 62px; }
    .collectible h3 { font-size: 32px; }
    .collectible>.affiliation { padding-inline: 12px; }
    .project-card>div,.video-card-body { padding: 22px; }
    .project-card h3 { font-size: 32px; }
    .partner-banner { padding-block: 52px; }
    .partner-banner h2 { font-size: clamp(49px,13vw,80px); }
    .partner-stamp { left: 10px; bottom: -20px; font-size: 34px; padding: 16px 22px; }
    .partner-path h2,.professional-path h2 { font-size: 31px; }
    .career-panel { padding: 16px; }
    .footer-wordmark { padding-top: 35px; padding-bottom: 10px; gap: 16px; }
    .footer-wordmark>span { font-size: clamp(42px,11vw,70px); }
    .footer-wordmark img { width: 75px; }
    .footer-top { padding-top: 30px; padding-bottom: 35px; }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior: auto!important; animation: none!important; transition: none!important; }
    a.collectible:hover,.fighter-card:hover .fighter-photo img,.project-picture:hover img { transform: none; }
}
@media print {
    .brand-rail,.intro-mark { display: none!important; }
    body,.section-paper,.collectible,.career-panel,.video-card { background: white; color: #111; }
    .page-intro { border-color: #ccc; }
    .section { padding-block: 25px; }
}
/* Keep logos monochrome and the complete card clickable, including its frame. */
.collectible { display: block; }
.page-intro .intro-mark,.footer-wordmark img { filter: brightness(0) invert(1); }
.profile-picture>img,.news-card img,.sponsor-hero>img,.team-grid img { filter: none; }
@media(max-width:900px) {
    .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }
    .site-header nav { top: 100%; }
    .menu-toggle { margin: 0; }
    .header-actions { margin: 0; gap: 8px; }
    .brand { min-width: 0; }
}
@media(max-width:700px) {
    .site-header { padding-inline: 16px; }
    .site-header .brand { gap: 8px; }
    .site-header .brand img { width: 42px; height: 42px; }
    .site-header .brand>span { font-size: 25px; letter-spacing: 2px; }
    .site-header .brand small { font-size: 8px; letter-spacing: 3.5px; }
    .site-header .language-switch { gap: 0; }
    .site-header .language-switch a { min-width: 25px; justify-content: center; }
}
@media(max-width:359px) {
    .site-header { padding-inline: 12px; gap: 6px; }
    .site-header .brand { gap: 6px; }
    .site-header .brand img { width: 32px; height: 32px; }
    .site-header .brand>span { font-size: 22px; }
    .site-header .brand small { font-size: 7px; letter-spacing: 3px; }
    .site-header .language-switch a { min-width: 23px; }
    .header-actions { gap: 5px; }
}
@media(max-width:600px) {
    .fighter-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .collectible .fighter-photo { aspect-ratio: 4/5; }
    .collectible .card-edition { font-size: 10px; }
    .collectible .card-identity { left: 20px; right: 70px; bottom: 24px; }
    .collectible h3 { font-size: 42px; overflow-wrap: anywhere; }
    .card-identity>p { font-size: 12px; }
    .card-footer { padding: 16px 20px; font-size: 12px; }
    .collectible>.affiliation { padding: 0 20px 16px; }
    .card-footer>span:first-child { flex-basis: auto; }
    .sponsor-hero h1 { font-size: clamp(48px,12.9vw,74px); line-height: .99; }
}
.video-play { background: var(--accent); border: 2px solid var(--accent); color: var(--bg); }
.video-play>span { background: none; color: inherit; }
.video-play:hover { background: #ff83b9; border-color: #ff83b9; }
.site-header { background: var(--bg); }
@media(min-width:340px) and (max-width:700px) {
    .cmplz-cookiebanner .cmplz-buttons { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; gap: 8px!important; }
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { padding-inline: 7px!important; min-height: 44px; font-size: 12px!important; }
}

/* Ringside materials: static print grain, edge light and layered photographic frames. */
:root {
    --surface-grain: url('canvas-grain.svg');
    --panel-depth: 0 16px 32px -18px #000c, 0 3px 8px #0003;
    --edge-light: inset 0 1px 0 #ffffff12;
}
body { background-image: var(--surface-grain); }
.site-header {
    background-image: linear-gradient(180deg,#ffffff05,transparent);
    box-shadow: 0 8px 28px -18px #000d, inset 0 -1px 0 #ffffff03;
}
.promotion-hero:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--surface-grain),radial-gradient(ellipse at 0% 8%,#ff3f931f,transparent 58%);
}
.promotion-copy h1 em { text-shadow: 0 8px 42px #ff3f931a; }
.promotion-image {
    box-shadow: 1px -1px 0 #ffffff1a, 12px 12px 34px #0004;
}
.promotion-image:before {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    border-top: 2px solid var(--accent);
    border-right: 2px solid var(--accent);
}
.image-location { box-shadow: -7px 7px 0 #0004; }
.brand-rail {
    background-image: var(--surface-grain),linear-gradient(175deg,#ffffff24,transparent 48%,#5800201a);
    box-shadow: inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0002, 0 7px 18px #0003;
    position: relative;
    z-index: 1;
}
.next-rendezvous {
    background-image: var(--surface-grain),linear-gradient(100deg,#21171f,#15151a 65%);
    box-shadow: inset 0 -1px 0 #ffffff06;
}
.page-intro {
    background-image: radial-gradient(ellipse at 94% 35%,#ff3f9315,transparent 65%);
}
.page-intro:before {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 43%;
    pointer-events: none;
    background: repeating-linear-gradient(-42deg,transparent 0 33px,#ffffff07 33px 34px);
    mask-image: linear-gradient(90deg,transparent,#000);
}
.page-intro .intro-mark { opacity: .15; }
.section-head { position: relative; }
.section-head:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,#ffffff24,transparent 82%);
}
.section-paper .section-head:after { background: linear-gradient(90deg,#100a2029,transparent 82%); }

/* The frame sits over the picture; it never takes pointer events or alters the crop. */
.collectible {
    border-color: #49424e;
    background-image: var(--surface-grain),linear-gradient(135deg,#25222b,#131317 76%);
    box-shadow: var(--edge-light),var(--panel-depth);
    transition: transform .2s,border-color .2s,box-shadow .2s;
}
.collectible:after {
    content: '';
    position: absolute;
    inset: 5px;
    z-index: 4;
    border: 1px solid #ffffff0d;
    border-top-color: #ffffff24;
    pointer-events: none;
}
.collectible .card-edition {
    background-image: var(--surface-grain),linear-gradient(110deg,#34222f,#18161c 65%);
    box-shadow: inset 0 -1px 0 #ffffff14;
}
.card-footer { box-shadow: inset 0 1px 0 #ffffff06; }
.card-arrow { box-shadow: inset 0 1px 0 #ffffff59,0 4px 14px #0007; }
.profile-seal { box-shadow: 5px 5px 0 #0006,inset 0 1px 0 #ffffff59; }
.career-panel,.partner-path,.professional-path,.worn-grid>article,.video-card,.follow-section .request-form {
    background-image: var(--surface-grain),linear-gradient(145deg,#ffffff07,transparent 55%);
    box-shadow: var(--edge-light),var(--panel-depth);
}
.roster-filters,.video-filters,.news-filters {
    background-image: linear-gradient(180deg,#ffffff05,transparent);
    box-shadow: var(--edge-light),0 12px 25px -20px #000d;
}
.section-paper {
    background-image: var(--surface-grain),linear-gradient(150deg,#fff8,transparent 50%);
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #14101c15;
}
.section-paper .project-card {
    border-color: #d7d1db;
    box-shadow: 0 18px 35px -22px #2411245c,0 2px 4px #2411240a;
}
.project-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
.event-tools { flex-wrap: wrap; }
.project-picture,.event-image,.news-image,.first-look-media,.professional-hero>img {
    box-shadow: 0 14px 25px -18px #000b;
}
.video-play { box-shadow: 0 0 0 7px #09090b33,0 8px 25px #0007,inset 0 1px 0 #ffffff66; }
.partner-banner {
    background-image: var(--surface-grain),radial-gradient(ellipse at 8% 0%,#ffc2df80,transparent 60%),linear-gradient(120deg,transparent 48%,#60042b18);
    box-shadow: inset 0 1px 0 #ffffff73,inset 0 -1px 0 #09090b26;
}
.partner-visual { isolation: isolate; }
.partner-visual:before {
    content: '';
    position: absolute;
    inset: 12px -12px -12px 12px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid #24091670;
    background: repeating-linear-gradient(-45deg,transparent 0 6px,#24091612 6px 7px);
}
.partner-visual img { box-shadow: 0 22px 34px -20px #39031780; }
.partner-stamp {
    background-image: var(--surface-grain);
    box-shadow: 6px 6px 0 #09090b33,0 16px 26px -17px #09090b9c,inset 0 1px 0 #ffffff1f;
}
.gear-image { box-shadow: 10px 10px 0 #ffffff0b,0 24px 34px -22px #000b; }
.social-channels>a { box-shadow: var(--edge-light); }
.site-footer {
    background-image: var(--surface-grain),radial-gradient(ellipse at 92% 0%,#ff3f931c,transparent 60%);
    box-shadow: inset 0 1px 0 #ffffff26;
}
.footer-wordmark img { filter: brightness(0) invert(1) drop-shadow(0 10px 28px #ff3f9338); }
.button:not(.text-button) {
    box-shadow: inset 0 1px 0 #ffffff4d,0 4px 0 #0004,0 9px 16px -12px #000b;
}
.button.outline { box-shadow: inset 0 1px 0 #ffffff12,0 4px 0 #0003; }
.button.dark { box-shadow: inset 0 1px 0 #ffffff26,0 4px 0 #0003,0 8px 18px -10px #0005; }
.button:not(.text-button):active { transform: translateY(2px); box-shadow: inset 0 1px 0 #ffffff24,0 1px 0 #0003; }
.partner-banner :is(a,button):focus-visible { outline-color: var(--bg); }
.section-paper :is(a,button,input,select,textarea):focus-visible { outline-color: var(--accent-dark); }
/* Interaction is optional; touch and reduced-motion modes keep the same depth. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    a.collectible:hover {
        box-shadow: 0 25px 42px -22px #000,0 0 0 1px #ff3f9340,inset 0 1px 0 #ffffff24;
    }
}
@media(min-width:701px) {
    .promotion-image { mask-image: linear-gradient(90deg,transparent,#000 29%); }
}
@media(max-width:700px) {
    .promotion-hero:before { background-image: var(--surface-grain),radial-gradient(ellipse at 0% 50%,#ff3f9314,transparent 60%); }
    .promotion-image:before { width: 32px; height: 32px; }
    .promotion-image { box-shadow: 1px -1px 0 #ffffff1a; }
    .page-intro:before { width: 60%; }
    .collectible { box-shadow: var(--edge-light),0 12px 24px -12px #0009; }
    .partner-visual:before { inset: 8px -8px -8px 8px; }
    .gear-image { box-shadow: 6px 6px 0 #ffffff0b,0 20px 30px -22px #000b; }
}
@media(max-width:600px) {
    .event-tools>.button { flex: 1 1 100%; min-width: 0; }
}
@media(max-width:380px) {
    .collectible h3 { font-size: clamp(32px,10vw,38px); }
}
@media(prefers-reduced-motion:reduce) {
    .button:not(.text-button):active { transform: none; }
}
@media print, (forced-colors:active) {
    body,.promotion-hero,.brand-rail,.next-rendezvous,.page-intro,.collectible,.card-edition,.career-panel,.partner-path,.professional-path,.video-card,.worn-grid>article,.request-form,.section-paper,.partner-banner,.partner-stamp,.site-footer {
        background-image: none!important;
        box-shadow: none!important;
    }
    .promotion-hero:before,.promotion-image:before,.page-intro:before,.collectible:after,.partner-visual:before,.section-head:after { display: none; }
}

/* Real ways to stay connected while email delivery is being prepared. */
.follow-channels h2 { white-space:pre-line; }
.follow-channels>div>p:not(.eyebrow) { color:var(--muted); line-height:1.65; }
.follow-destinations { min-width:0; }
.follow-youtube { display:flex; align-items:center; gap:20px; padding:28px; border:1px solid #53535e; border-top:3px solid var(--accent); background:linear-gradient(135deg,#ff3f9312,transparent 65%),var(--panel); text-decoration:none; box-shadow:0 15px 40px #0004; }
.follow-youtube>div { min-width:0; flex:1; }
.follow-youtube strong { display:block; font:600 31px/1.05 'Barlow Condensed',sans-serif; margin:12px 0; }
.follow-youtube div>span:last-child { font-size:13px; color:var(--muted); }
.follow-play { display:grid; place-items:center; background:var(--accent); color:var(--bg); border-radius:50%; width:46px; height:46px; flex-shrink:0; }
.follow-networks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #41414c; border-top:0; }
.follow-networks a { padding:22px 16px; text-decoration:none; }
.follow-networks a+a { border-left:1px solid #41414c; }
.follow-networks strong { font-size:14px; display:block; }
.follow-networks span { font-size:12px; line-height:1.5; color:var(--muted); display:block; margin-top:8px; }
.follow-networks a:hover,.follow-youtube:hover { background-color:#232329; }
.video-card .video-detail-link { color:var(--accent-soft); display:block; font-weight:600; }
.video-card h3 a { text-decoration:none; }
.video-card h3 a:hover { color:var(--accent-soft); }
@media(min-width:751px) and (max-width:1100px) { .follow-channels { gap:28px; grid-template-columns:1fr 1.3fr; } }
@media(max-width:420px) { .follow-youtube { padding:22px 18px; gap:13px; } .follow-youtube strong { font-size:28px; } .follow-networks { grid-template-columns:1fr; } .follow-networks a { padding:18px; } .follow-networks a+a { border-left:0; border-top:1px solid #41414c; } .follow-networks span { margin-top:5px; } }