:root{--vd-bg:#030805;--vd-panel:#08110c;--vd-panel-2:#0b1710;--vd-line:rgba(232,196,69,.28);--vd-text:#f4f3ec;--vd-muted:#a8b5aa;--vd-gold:#f2c73d;--vd-green:#63d471}
.mf-visual-page{background:var(--vd-bg);color:var(--vd-text)}
.mf-visual-page main{min-height:55vh}.vd-container{width:min(1460px,calc(100% - 40px));margin-inline:auto}.vd-section{padding:42px 0;border-top:1px solid rgba(255,255,255,.08)}
.vd-kicker{display:block;color:var(--vd-gold);font:700 .72rem/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase}.vd-title,.vd-heading{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:0;text-transform:uppercase}.vd-title{max-width:14ch;margin:8px 0 12px;font-size:clamp(2.5rem,5vw,5.25rem);line-height:.9}.vd-heading{margin:4px 0 8px;font-size:clamp(1.75rem,3vw,2.8rem);line-height:.94}.vd-copy{max-width:68ch;color:var(--vd-muted);font:500 1rem/1.65 Montserrat,Arial,sans-serif}
html body main>section.vd-hero{display:block!important}.vd-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--vd-line);background-color:#06100a;background-image:url('/assets/brand-v2/backgrounds/mf-background-1200x630.png');background-position:center;background-size:cover}.vd-hero::before{content:"";position:absolute;inset:0;background:rgba(3,8,5,.82)}.vd-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:56px;min-height:360px;padding:48px 0}.vd-hero__desk{border-left:2px solid var(--vd-gold);padding-left:18px}.vd-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--vd-line);background:rgba(3,8,5,.85)}.vd-hero__meta div{min-height:84px;padding:15px;border-right:1px solid var(--vd-line)}.vd-hero__meta div:last-child{border-right:0}.vd-hero__meta small,.vd-meta{display:block;color:var(--vd-muted);font:700 .65rem/1.3 Montserrat,Arial,sans-serif;text-transform:uppercase}.vd-hero__meta strong{display:block;margin-top:8px;font:700 .92rem/1.3 Montserrat,Arial,sans-serif}
.vd-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.vd-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--vd-line);border-radius:4px;padding:0 15px;background:#0a130d;color:var(--vd-text);font:700 .72rem/1 Montserrat,Arial,sans-serif;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}.vd-button:hover,.vd-button:focus-visible{border-color:var(--vd-gold);background:#111b12;color:#fff}.vd-button:active{transform:translateY(1px)}.vd-button--primary{border-color:var(--vd-gold);background:var(--vd-gold);color:#111}
.vd-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.vd-section-head p{margin:0;color:var(--vd-muted);max-width:60ch}.vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vd-card{display:grid;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:var(--vd-panel);overflow:hidden;color:var(--vd-text);text-decoration:none}.vd-card:hover{border-color:var(--vd-line)}.vd-card__media{aspect-ratio:16/10;background:#07100b;overflow:hidden}.vd-card__media img{display:block;width:100%;height:100%;object-fit:cover}.vd-card__body{display:grid;align-content:start;gap:7px;padding:16px}.vd-card h3{margin:0;font:400 1.65rem/.98 "Bebas Neue",Impact,sans-serif;text-transform:uppercase}.vd-card p{margin:0;color:var(--vd-muted);font-size:.88rem;line-height:1.5}.vd-card--person{grid-template-columns:132px minmax(0,1fr)}.vd-card--person .vd-card__media{aspect-ratio:4/5}.vd-avatar{display:grid;place-items:center;width:100%;height:100%;background:#0b1610 url('/assets/brand-v2/logo/mf-profile-square.webp') center/56% no-repeat}.vd-empty{border:1px dashed rgba(255,255,255,.2);padding:22px;color:var(--vd-muted);background:rgba(8,17,12,.55)}
.vd-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,220px));gap:10px;margin-bottom:18px}.vd-toolbar input,.vd-toolbar select,.vd-form input,.vd-form select,.vd-form textarea{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:#06100a;color:var(--vd-text);padding:9px 11px;font:500 .84rem/1.4 Montserrat,Arial,sans-serif}.vd-form textarea{min-height:92px;resize:vertical}.vd-form label{display:grid;gap:5px;color:var(--vd-muted);font:700 .65rem/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase}.vd-search-empty{display:none}.vd-search-empty.is-visible{display:block}
.vd-contributor-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:center}.vd-contributor-portrait{aspect-ratio:4/5;border:1px solid var(--vd-line);background:#09130d}.vd-contributor-portrait .vd-avatar{background-size:45%}.vd-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.vd-stat{min-width:120px;border-left:1px solid var(--vd-line);padding-left:12px}.vd-stat strong{display:block;font-size:1.25rem}.vd-stat span{color:var(--vd-muted);font-size:.75rem}
.vd-gallery-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:end}.vd-gallery-meta{display:grid;gap:10px;border:1px solid var(--vd-line);padding:17px;background:var(--vd-panel)}.vd-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vd-gallery figure{margin:0;min-width:0;border:1px solid rgba(255,255,255,.1);background:var(--vd-panel);cursor:pointer}.vd-gallery picture,.vd-gallery img{display:block;width:100%}.vd-gallery img{aspect-ratio:4/3;object-fit:cover}.vd-gallery figcaption{padding:10px;color:var(--vd-muted);font-size:.78rem}.vd-lightbox[hidden]{display:none}.vd-lightbox{position:fixed;inset:0;z-index:5001;display:grid;grid-template-rows:auto 1fr auto;background:rgba(1,4,2,.96);padding:18px}.vd-lightbox__top{display:flex;justify-content:space-between;align-items:center}.vd-lightbox__image{display:grid;place-items:center;min-height:0}.vd-lightbox__image img{max-width:92vw;max-height:78vh;object-fit:contain}.vd-lightbox__controls{display:flex;justify-content:center;gap:8px;padding-top:10px}
.vd-detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--vd-line);border:1px solid var(--vd-line)}.vd-detail-list div{padding:14px;background:var(--vd-panel)}.vd-detail-list dt{color:var(--vd-muted);font-size:.68rem;text-transform:uppercase}.vd-detail-list dd{margin:5px 0 0;font-weight:700}
.vd-admin{background:#040806;color:var(--vd-text);min-height:100vh;font-family:Montserrat,Arial,sans-serif}.vd-admin main{width:min(1540px,calc(100% - 32px));margin:auto;padding:26px 0 50px}.vd-admin-head{border-bottom:1px solid var(--vd-line);background:#07100b}.vd-admin-head .vd-container{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 0}.vd-admin-nav{display:flex;flex-wrap:wrap;gap:8px}.vd-admin-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px}.vd-admin-kpi,.vd-admin-panel{border:1px solid rgba(255,255,255,.13);border-radius:5px;background:var(--vd-panel);padding:14px}.vd-admin-kpi strong{display:block;margin-top:5px;color:var(--vd-gold);font-size:1.65rem}.vd-admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:14px}.vd-admin-panel h2{margin:0 0 12px;font:400 1.55rem/1 "Bebas Neue",Impact,sans-serif}.vd-admin-table{width:100%;border-collapse:collapse;font-size:.78rem}.vd-admin-table th,.vd-admin-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.vd-admin-table th{color:var(--vd-muted);font-size:.65rem;text-transform:uppercase}.vd-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vd-form .vd-wide{grid-column:1/-1}.vd-asset-list{display:grid;gap:10px}.vd-asset{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.vd-asset img{width:110px;aspect-ratio:4/3;object-fit:cover}.vd-flash{margin-bottom:16px;border-left:3px solid var(--vd-green);background:#0a170e;padding:12px}.vd-flash--error{border-color:#e26767}.vd-checks{display:flex;flex-wrap:wrap;gap:12px}.vd-checks label{display:flex;align-items:center;gap:5px;text-transform:none}.vd-checks input{width:auto;min-height:0}.vd-bulk-select{display:flex;align-items:center;gap:7px;color:var(--vd-gold);font-size:.68rem;font-weight:700;text-transform:uppercase}.vd-bulk-select input{width:auto;min-height:0}.vd-bulk-form{margin-top:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
@media(max-width:1050px){.vd-grid,.vd-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-hero__grid,.vd-gallery-head{grid-template-columns:1fr}.vd-admin-kpis{grid-template-columns:repeat(3,1fr)}.vd-admin-layout{grid-template-columns:1fr}.vd-detail-list{grid-template-columns:repeat(2,1fr)}}
.vd-contributor-hero{grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(30px,5vw,72px);padding-block:28px}
@media(max-width:720px){.vd-container{width:min(100% - 24px,1460px)}.vd-section{padding:30px 0}.vd-hero__grid{min-height:0;padding:42px 0}.vd-hero__meta{grid-template-columns:1fr}.vd-hero__meta div{min-height:0;border-right:0;border-bottom:1px solid var(--vd-line)}.vd-grid,.vd-gallery,.vd-toolbar,.vd-contributor-hero,.vd-form{grid-template-columns:1fr}.vd-card--person{grid-template-columns:96px minmax(0,1fr)}.vd-contributor-portrait{width:180px}.vd-admin-kpis{grid-template-columns:repeat(2,1fr)}.vd-section-head,.vd-admin-head .vd-container{align-items:start;flex-direction:column}.vd-detail-list{grid-template-columns:1fr}.vd-form .vd-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.vd-button{transition:none}}

/* Visual Hub contributor feature */
.vd-empty{grid-column:1/-1;display:grid;align-content:center;gap:8px;min-height:150px}.vd-empty h3,.vd-empty p{margin:0}.vd-empty h3{font:400 1.5rem/.98 "Bebas Neue",Impact,sans-serif;text-transform:uppercase;color:var(--vd-text)}.vd-empty p{max-width:62ch;font-size:.9rem;line-height:1.5}
.vd-card--person .vd-card__media img,
.vd-contributor-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%}
.vd-card__location{color:var(--vd-gold)!important;font-weight:700}
.vd-card__intro{max-width:76ch;color:var(--vd-text)!important;font-size:.94rem!important;line-height:1.65!important}
.vd-section--contributors{background:linear-gradient(90deg,rgba(242,199,61,.05),transparent 44%),var(--vd-bg)}
.vd-contributor-feature{grid-template-columns:1fr}
.vd-contributor-feature .vd-card--person{grid-template-columns:minmax(250px,360px) minmax(0,1fr);min-height:360px}
.vd-contributor-feature .vd-card__media{aspect-ratio:4/5;max-height:430px}
.vd-contributor-feature .vd-card__body{align-content:center;padding:clamp(22px,4vw,52px)}
.vd-contributor-feature .vd-card h3{font-size:clamp(2.4rem,5vw,4.8rem)}

.vd-contributor-portrait{max-height:520px;overflow:hidden}
.mf-visual-page .vd-contributor-feature{grid-template-columns:1fr!important}
.mf-visual-page .vd-contributor-feature .vd-card--person{grid-template-columns:minmax(250px,360px) minmax(0,1fr)!important}
@media(max-width:720px){
  .mf-visual-page .vd-contributor-feature .vd-card--person{grid-template-columns:1fr!important}
  .vd-contributor-feature .vd-card__media{aspect-ratio:4/3;max-height:320px}
  .vd-contributor-feature .vd-card__body{padding:22px}
  .vd-contributor-portrait{width:min(100%,280px)}
}

/* Private visual contributor workspace */
.vd-section--portal{background:#07100b;border-block:1px solid var(--vd-line)}
.mf-visual-page .vd-portal__hero .vd-actions,.mf-visual-page .vd-portal-card .vd-actions{display:flex!important}
.vd-portal-invite{display:flex;align-items:center;justify-content:space-between;gap:28px}.vd-portal-invite .vd-heading{font-size:clamp(2rem,3.2vw,3.1rem)}
.vd-portal__hero{position:relative;isolation:isolate;border-bottom:1px solid var(--vd-line);background:#06100a url('/assets/img/us-soccer/city2-roster-official.jpg') center 42%/cover;min-height:220px;padding:52px 0}.vd-portal__hero::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(3,8,5,.8)}.vd-portal__hero .vd-title{max-width:12ch}
.vd-portal-status{min-height:1.4em;margin:0 0 15px;color:var(--vd-muted);font:600 .84rem/1.5 Montserrat,Arial,sans-serif}.vd-portal-status[data-tone="success"]{color:var(--vd-green)}.vd-portal-status[data-tone="error"]{color:#ff8d85}.vd-portal-status[data-tone="info"]{color:var(--vd-gold)}
.vd-portal-grid,.vd-portal-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vd-portal-workspace{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.vd-portal-card{min-width:0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:var(--vd-panel);padding:22px}.vd-portal-card--narrow{width:min(100%,600px);margin-inline:auto}.vd-portal-card h2{margin-top:6px}.vd-portal-card p{color:var(--vd-muted);font:500 .9rem/1.6 Montserrat,Arial,sans-serif}.vd-portal-card small{color:var(--vd-muted);font:500 .68rem/1.35 Montserrat,Arial,sans-serif;text-transform:none}.vd-consent{grid-template-columns:auto 1fr!important;align-items:start!important;gap:8px!important;text-transform:none!important;font:500 .78rem/1.45 Montserrat,Arial,sans-serif!important}.vd-consent input{width:auto!important;min-height:0!important;margin-top:2px}.vd-portal-note{margin-top:22px!important}.vd-portal-note a{color:var(--vd-gold)}.vd-portal-table-wrap{overflow-x:auto}.vd-portal-table{width:100%;border-collapse:collapse;font:500 .74rem/1.4 Montserrat,Arial,sans-serif}.vd-portal-table th,.vd-portal-table td{padding:10px 7px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.vd-portal-table th{color:var(--vd-gold);font-size:.62rem;text-transform:uppercase}.vd-portal-table td{color:var(--vd-muted)}.vd-portal-table td:last-child{color:var(--vd-text);font-weight:700}
@media(max-width:900px){.vd-portal-grid,.vd-portal-workspace{grid-template-columns:1fr}.vd-portal-invite{align-items:flex-start;flex-direction:column}}

/* Compact, first-paint visual lead with credited local soccer media. */
.vd-hero{background:#06100a;background-image:none}
.vd-hero::before{background:rgba(3,8,5,.38)}
.vd-hero__grid{grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr);gap:28px;min-height:252px;padding:24px 0}
.vd-hero__desk{padding-left:15px}
.vd-hero__desk .vd-title{max-width:10ch;margin:6px 0 9px;font-size:clamp(2.3rem,3.55vw,3.55rem);line-height:.88}
.vd-hero__desk .vd-copy{max-width:47ch;font-size:.9rem;line-height:1.52}
.vd-hero__desk .vd-actions{margin-top:15px}
.vd-hero__media{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(175px,.76fr);gap:10px;min-height:204px}
.vd-hero__media-card{position:relative;isolation:isolate;display:block;min-width:0;overflow:hidden;border:1px solid var(--vd-line);border-radius:5px;background:#07100b;color:var(--vd-text);text-decoration:none}
.vd-hero__media-card::after{content:none}
.vd-hero__media-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.vd-hero__media-card--photo img{object-position:center 42%}
.vd-hero__media-card--video img{object-position:center}
.vd-hero__media-card:hover img,.vd-hero__media-card:focus-visible img{transform:scale(1.025)}
.vd-hero__media-card:focus-visible{outline:2px solid var(--vd-gold);outline-offset:2px}
.vd-hero__media-caption{position:absolute;z-index:1;inset:auto 0 0;display:grid;gap:3px;padding:12px;background:rgba(2,7,4,.9)}
.vd-hero__media-caption small,.vd-hero__media-caption em{color:#d4d8cf;font:700 .59rem/1.25 Montserrat,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.vd-hero__media-caption strong{font:400 clamp(1.1rem,1.55vw,1.58rem)/.92 "Bebas Neue",Impact,sans-serif;text-transform:uppercase}
.vd-hero__media-caption em{font-style:normal;opacity:.82}
.vd-hero__video-label{position:absolute;z-index:1;top:10px;left:10px;border:1px solid var(--vd-gold);border-radius:3px;background:rgba(3,8,5,.88);padding:6px 8px;color:var(--vd-gold);font:700 .58rem/1 Montserrat,Arial,sans-serif;text-transform:uppercase}
@media(max-width:1050px){
  .vd-hero__grid{grid-template-columns:1fr;gap:18px;padding:28px 0}
  .vd-hero__desk .vd-title{max-width:none}
  .vd-hero__media{min-height:220px}
}
@media(min-width:1051px){
  .vd-hero{padding:0}
  .vd-hero__grid{min-height:0;padding:18px 0}
  .vd-hero__media{height:216px;min-height:0}
}
@media(max-width:720px){
  .vd-hero__grid{padding:26px 0}
  .vd-hero__desk .vd-title{font-size:2.35rem}
  .vd-hero__media{grid-template-columns:1.1fr .9fr;min-height:168px}
  .vd-hero__media-caption{padding:9px}
  .vd-hero__media-caption strong{font-size:1rem}
  .vd-hero__media-caption em{display:none}
  .vd-hero__video-label{top:8px;left:8px;padding:5px 6px}
}

/* Visual Desk reference editorial board. */
.vd-reference-board{padding:14px 0 42px;background:var(--vd-bg)}
.vd-reference-board .vd-container{display:grid;gap:14px}
.vd-reference-top,.vd-reference-bottom{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:14px}
.vd-reference-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
.vd-reference-panel{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:5px;background:#07100b}
.vd-reference-head{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.14);padding:0 16px;position:relative}
.vd-reference-head::before{content:"";display:block;position:absolute;inset:12px auto 12px 10px;width:4px;background:var(--vd-green)}
.vd-reference-head--gold::before{background:var(--vd-gold)}
.vd-reference-head--red::before{background:#e64c50}
.vd-reference-head h2{margin:0 0 0 10px;color:var(--vd-text);font:400 clamp(1.45rem,2vw,2.12rem)/.94 "Bebas Neue",Impact,sans-serif;text-transform:uppercase}
.vd-reference-head a{color:var(--vd-text);font:700 .72rem/1.2 Montserrat,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.vd-reference-head a:hover,.vd-reference-head a:focus-visible{color:var(--vd-gold)}
.vd-reference-head p{display:inline;margin:0 0 0 16px;color:var(--vd-muted);font:700 .58rem/1.2 Montserrat,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.vd-reference-feature{min-height:424px}
.vd-reference-feature__card{position:relative;display:block;height:100%;min-height:424px;overflow:hidden;background:#050b07;color:var(--vd-text);text-decoration:none}
.vd-reference-feature__card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.6) saturate(.85)}
.vd-reference-feature__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,5,.74),rgba(3,8,5,.1) 57%,rgba(3,8,5,.64)),linear-gradient(0deg,rgba(2,6,4,.93),transparent 55%)}
.vd-reference-feature__review{position:absolute;inset:12px 12px 12px auto;display:grid;grid-template-rows:repeat(3,1fr);width:118px;gap:8px}
.vd-reference-feature__review b{display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(3,8,5,.75);color:#d6dad5;font:700 .67rem/1.22 Montserrat,Arial,sans-serif;text-align:center;text-transform:uppercase}
.vd-reference-feature__copy{position:absolute;inset:auto min(5vw,40px) min(5vw,38px);display:grid;gap:10px;max-width:75%}
.vd-reference-feature__copy em{width:max-content;max-width:100%;background:#64d36f;color:#061008;padding:7px 10px;font:800 .62rem/1 Montserrat,Arial,sans-serif;font-style:normal;text-transform:uppercase}
.vd-reference-feature__copy strong{font:400 clamp(2.15rem,4vw,4.1rem)/.88 "Bebas Neue",Impact,sans-serif;text-transform:uppercase}
.vd-reference-feature__copy small{color:#e4e7e1;font:500 .84rem/1.5 Montserrat,Arial,sans-serif}
.vd-reference-editorial{position:relative;min-height:480px;background:#050a07 url('/assets/images/contributors/mia-felix-profile.jpg') center 26%/cover no-repeat}
.vd-reference-editorial::after{content:"";position:absolute;inset:56px 0 0;background:linear-gradient(90deg,rgba(3,8,5,.92),rgba(3,8,5,.68)),linear-gradient(0deg,rgba(3,8,5,.95),transparent 70%)}
.vd-reference-editorial__body{position:relative;z-index:1;display:grid;align-content:end;min-height:422px;padding:26px}
.vd-reference-editorial__body p{margin:0;color:#f5f4ef;font:400 clamp(1.7rem,2vw,2.15rem)/.91 Montserrat,Arial,sans-serif;letter-spacing:0;text-transform:uppercase}
.vd-reference-editorial__body span{margin-top:26px;color:#e0e4dd;font:700 .64rem/1.2 Montserrat,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase}
.vd-reference-gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px}
.vd-reference-gallery-card{display:grid;min-width:0;grid-template-rows:auto 1fr;border:1px solid rgba(255,255,255,.16);background:#070d09;color:var(--vd-text);text-decoration:none}
.vd-reference-gallery-card:hover,.vd-reference-gallery-card:focus-visible{border-color:var(--vd-gold)}
.vd-reference-gallery-card__visual{display:block;aspect-ratio:4/3;background:#07100b url('/assets/img/homepage/mofutbol-hero-grassroots-pro.webp') center/cover no-repeat;filter:brightness(.35) grayscale(.6)}
.vd-reference-gallery-card.is-lead .vd-reference-gallery-card__visual{background-image:url('/assets/img/us-soccer/city2-matchday-official.jpg');filter:brightness(.55) saturate(.8)}
.vd-reference-gallery-card__copy{display:grid;gap:6px;padding:11px}
.vd-reference-gallery-card__copy strong{font:400 clamp(1.05rem,1.5vw,1.45rem)/.95 "Bebas Neue",Impact,sans-serif;text-transform:uppercase}
.vd-reference-gallery-card__copy small{color:var(--vd-muted);font:500 .66rem/1.4 Montserrat,Arial,sans-serif}
.vd-reference-gallery-card--photo{width:100%;padding:0;text-align:left;cursor:pointer;font:inherit}
.vd-reference-gallery-card--photo .vd-reference-gallery-card__visual{background:none;filter:none;overflow:hidden}
.vd-reference-gallery-card--photo picture,.vd-reference-gallery-card--photo img{display:block;width:100%;height:100%}
.vd-reference-gallery-card--photo img{aspect-ratio:4/3;object-fit:cover}
.vd-reference-feature__card--photo{width:100%;height:424px;padding:0;border:0;text-align:left;cursor:pointer;font:inherit}
.vd-reference-feature__card--photo>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
@media(max-width:1050px){.vd-reference-feature__card--photo{height:380px}}
@media(max-width:720px){.vd-reference-feature__card--photo{height:335px}}
.vd-reference-mia__content,.vd-reference-stories__content{min-height:330px}
.vd-reference-mia__content .vd-card--person{height:100%;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);border:0;border-radius:0;background:#07100b}
.vd-reference-mia__content .vd-card__media{aspect-ratio:auto;min-height:330px}
.vd-reference-mia__content .vd-card__body{align-content:center;padding:clamp(24px,3vw,42px)}
.vd-reference-mia__content .vd-card h3{font-size:clamp(2.65rem,4vw,4.6rem)}
.vd-reference-mia__content .vd-card__intro{font-size:.87rem!important;line-height:1.55!important}
.vd-reference-stories__content{display:grid;padding:12px}
.vd-reference-stories__content>.vd-card{grid-column:1/-1;min-height:306px;border-color:rgba(242,199,61,.25);background:#070d09 url('/assets/img/homepage/mofutbol-hero-grassroots-pro.webp') center/cover no-repeat;position:relative}
.vd-reference-stories__content>.vd-card::before{content:"";position:absolute;inset:0;background:rgba(3,8,5,.77)}
.vd-reference-stories__content>.vd-card>*{position:relative}
.vd-reference-stories__content .vd-card__body{align-content:end}
.vd-reference-stories__content .vd-empty{display:grid;min-height:306px;border-color:rgba(242,199,61,.25);background:#070d09 url('/assets/img/homepage/mofutbol-hero-grassroots-pro.webp') center/cover no-repeat;position:relative;isolation:isolate}
.vd-reference-stories__content .vd-empty::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(3,8,5,.8)}
.vd-reference-stories__content .vd-empty h3{font-size:clamp(1.8rem,2.6vw,2.9rem)}
@media(max-width:1050px){.vd-reference-top,.vd-reference-bottom{grid-template-columns:1fr}.vd-reference-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-reference-editorial{min-height:330px}.vd-reference-editorial__body{min-height:274px}.vd-reference-feature,.vd-reference-feature__card{min-height:380px}}
@media(max-width:720px){.vd-reference-board{padding:12px 0 30px}.vd-reference-head{min-height:52px;padding:0 12px}.vd-reference-head::before{left:7px}.vd-reference-head h2{margin-left:7px;font-size:1.5rem}.vd-reference-head a{font-size:.62rem}.vd-reference-head p{display:none}.vd-reference-feature,.vd-reference-feature__card{min-height:335px}.vd-reference-feature__review{inset:10px 10px 10px auto;width:82px;gap:5px}.vd-reference-feature__review b{font-size:.53rem}.vd-reference-feature__copy{inset:auto 16px 18px;max-width:74%}.vd-reference-feature__copy strong{font-size:2.35rem}.vd-reference-feature__copy small{font-size:.7rem}.vd-reference-editorial{min-height:310px}.vd-reference-editorial__body{min-height:258px;padding:20px}.vd-reference-editorial__body p{font-size:1.55rem}.vd-reference-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.vd-reference-gallery-card__copy{padding:9px}.vd-reference-mia__content .vd-card--person{grid-template-columns:1fr}.vd-reference-mia__content .vd-card__media{min-height:260px;aspect-ratio:4/3}.vd-reference-mia__content .vd-card__body{padding:22px}.vd-reference-stories__content{min-height:260px;padding:9px}.vd-reference-stories__content>.vd-card,.vd-reference-stories__content .vd-empty{min-height:250px}}

/* Keep the contributor placeholder inside its card on narrow screens. */
@media (max-width: 720px) {
  html:root body.mf-visual-page main#main-content .vd-reference-mia__content .vd-card--person .vd-card__media {
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: auto !important;
  }
}