/* Refinement, 29 October: preserve approved artwork and alternating brand colours. */
.site-header #main-navigation>a{box-shadow:inset 0 1px 0 #fffc,0 4px 0 var(--nav-base),0 7px 12px #0005;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.site-header #main-navigation>a:nth-child(2n){box-shadow:inset 0 1px 0 #fffc,0 4px 0 var(--nav-base),0 7px 12px #0005}
@media(hover:hover) and (pointer:fine){.site-header #main-navigation>a:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 5px 0 var(--nav-base),0 9px 16px #0006}}
.site-header #main-navigation>a:active{transform:translateY(3px);box-shadow:inset 0 1px 3px #10111230,0 1px 0 var(--nav-base)}
/* Keep search immediate; secondary filters remain a native disclosure on phones. */
.roster-more{min-width:0;grid-column:span 2}
.roster-more summary{cursor:pointer;color:#9debf0;font-weight:600;padding:12px 0;min-height:44px}
.roster-more-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.roster-more-fields label{min-width:0}
.filter-active{display:none;width:7px;height:7px;border-radius:50%;background:#f676bc;margin-left:8px}
.roster-more.has-filter .filter-active{display:inline-block}
@media(min-width:701px){.roster-more>summary{display:none}.roster-more:not([open])>.roster-more-fields{display:grid}}
@media(max-width:700px){
 body:has(.roster-directory) .page-intro{padding-block:26px 18px}
 body:has(.roster-directory) .page-intro h1{font-size:38px;line-height:1.04;margin:10px 0 12px;max-width:16ch}
 body:has(.roster-directory) .page-intro .eyebrow{margin:0;font-size:11px}
 body:has(.roster-directory) .page-intro .lead{font-size:15px;line-height:1.45;margin:0;max-width:30ch}
 body:has(.roster-directory) .page-intro .intro-mark{opacity:.1}
 .tunal-refined .roster-directory{padding-top:20px}
 .roster-directory .roster-filters{display:block;margin-bottom:0}
 .roster-directory .search-field{display:block}
 .roster-directory .search-field input{height:48px;min-height:48px}
 .roster-more{margin-top:4px;border-bottom:1px solid #4c666b}
 .roster-more-fields{gap:12px;padding-bottom:14px}
 .roster-directory .roster-count{margin:14px 0 18px;gap:8px;font-size:12px}
 .roster-directory .pagination-top{display:none}
 .roster-directory .roster-grid{margin-top:0}
}
/* The smoke introduction stays immersive. Follow it with a shorter editorial beat. */
.landing-home #editorial-home{min-height:380px;grid-template-columns:1fr 1fr}
.landing-home #editorial-home .editorial-hero-copy{padding-block:32px;gap:20px;justify-content:center}
.landing-home #editorial-home h2{font-size:clamp(42px,5vw,72px);line-height:1;max-width:13ch;margin:0}
.landing-home #editorial-home .editorial-hero-bottom>p{max-width:38ch;margin-bottom:18px}
.landing-home #editorial-home .editorial-hero-photo>img{height:100%;top:0;transform:none;object-position:65% 35%}
.landing-home #editorial-home .editorial-hero-signature{margin-top:4px}
.landing-home :is(.editorial-next,.editorial-fighters,.landing-story){border-top:1px solid #67dce13d}
@media(max-width:700px){
 .landing-home #editorial-home{min-height:0;grid-template-columns:1fr}
 .landing-home #editorial-home .editorial-hero-copy{padding:28px var(--pad);gap:18px}
 .landing-home #editorial-home h2{font-size:44px}
 .landing-home #editorial-home .editorial-hero-photo{height:240px;min-height:0}
 .landing-home #editorial-home .editorial-hero-bottom>p{font-size:16px}
}
/* Four + three: equally sized cards, centred last row. Detail panels stay full width. */
@media(min-width:901px){
 .team-explorer-profiles{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}
 .team-explorer-profiles>.team-profile{grid-column:span 2}
 .team-explorer-profiles>.team-profile[data-team-profile="4"]{grid-column:2/span 2}
 .team-explorer-profiles>.team-profile[data-team-profile="5"]{grid-column:4/span 2}
 .team-explorer-profiles>.team-profile[data-team-profile="6"]{grid-column:6/span 2}
}
.team-explorer .team-profile-photo img{object-position:50% 16%}
.team-explorer .team-profile-photo img[src*="/team-20261023/ilyes"]{transform:scale(1.045);transform-origin:50% 20%}
.team-explorer .team-profile-photo img[src*="/team-20261023/alex"]{transform:scale(1.025);transform-origin:50% 20%}
.team-explorer .team-profile-label{padding-top:20px;background:linear-gradient(180deg,#ffffff04,transparent 40%)}
/* Magazine rhythm: the first visible result is featured, including after filtering. */
[data-news-directory] .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tunal-refined:not(.landing-home) [data-news-directory] .news-card{border:1px solid #ffffff29;border-radius:10px;overflow:hidden;background:#131a1e;box-shadow:0 8px 20px #0003}
[data-news-directory] .news-card>h3{font-size:28px;line-height:1.12;margin-top:0}
[data-news-directory] .news-card>.eyebrow{font-size:11px;line-height:1.6;margin-top:20px;margin-bottom:12px;color:#a0e6eb}
[data-news-directory] .news-card>.news-excerpt{font-size:15px;line-height:1.55}
[data-news-directory] .news-card>.inline-link{margin-bottom:0;color:#f1a6ce}
[data-news-directory] .news-card>img{height:250px!important;mask-image:none!important;filter:none!important}
@media(min-width:901px){
 [data-news-item]:nth-child(1 of :not([hidden])){grid-column:1/-1}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:14px;padding:0 0 24px;border-top:3px solid #ee82bb}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>img,
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>.news-trio{grid-column:1;grid-row:1/7;height:400px!important;min-height:400px;max-height:400px;background:#131a1e}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>:not(img):not(.news-trio){grid-column:2}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>h3{font-size:clamp(30px,3vw,44px);margin-bottom:20px}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>.eyebrow{margin-top:28px}
 [data-news-item]:nth-child(1 of :not([hidden])) .news-card>.inline-link{align-self:end;margin-top:12px}
}
@media(min-width:601px) and (max-width:900px){[data-news-directory] .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){[data-news-directory] .news-grid{grid-template-columns:1fr;gap:24px}[data-news-directory] .news-card>img{height:290px!important}[data-news-directory] .news-card>h3{font-size:29px}}
/* Restrained light behind the products, clear reading surfaces around them. */
.tunal-refined .equipment-cutout{background:radial-gradient(ellipse at 30% 70%,#36d9e716,transparent 65%),radial-gradient(ellipse at 85% 20%,#f676bc14,transparent 60%)}
.tunal-refined .landing-equipment-product-stage{border-top:1px solid #b8f7ff70;box-shadow:inset 0 1px 0 #ffffff12,0 18px 45px #0003;background:radial-gradient(ellipse at 25% 55%,#36d9e71f,transparent 60%),radial-gradient(ellipse at 90% 15%,#f676bc20,transparent 55%),#141a1e}
.tunal-refined #equipment-examples>h2{border-bottom:1px solid #6fdde74d;padding-bottom:18px}
@media(prefers-reduced-motion:reduce){.site-header #main-navigation>a,.site-header #main-navigation>a:is(:hover,:active){transition:none;transform:none}}
@media(forced-colors:active){.roster-more,.news-card{border:1px solid CanvasText}.filter-active{background:Highlight}}
@media print{.roster-more>summary{display:none}.roster-more-fields{display:grid!important}.team-explorer-profiles{grid-template-columns:repeat(4,1fr)}.team-explorer-profiles>.team-profile{grid-column:auto!important}}

/* Compact the index controls while retaining the social link below the archive. */
.tunal-refined [data-news-directory]{padding-top:28px;display:flex;flex-direction:column}
[data-news-directory]>.news-social-jump{order:2;margin-top:32px}
[data-news-directory] .directory-tools{margin-block:12px}

[data-news-directory] .news-card>img[src*="foster-victory-toprank"]{object-fit:cover!important;object-position:42% 30%!important}

/* Thomas approved « Verre fumé », 29 Oct: translucent tints, no solid pink/cyan tiles. */
.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a){
 --glass-rgb:240,135,193;--glass-accent:#f087c1;
 color:#f6f2ed;background:rgba(var(--glass-rgb),.14);
 border:1px solid rgba(var(--glass-rgb),.47);border-top-color:rgba(var(--glass-rgb),.75);border-radius:9px;
 box-shadow:inset 0 1px 0 #ffffff24,0 4px 0 #080a0b80,0 8px 16px #0003;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a):nth-child(even){--glass-rgb:119,225,236;--glass-accent:#77e1ec}
.tunal-refined #main-navigation>a:is(:link,:visited){color:#f6f2ed}
.tunal-refined #immersive-intro .uppercut-paths>a :is(strong,svg){color:#f6f2ed}
.tunal-refined #immersive-intro .uppercut-paths>a small{color:#d3d7d8;font-weight:400}
.tunal-refined #immersive-intro .uppercut-paths>a b{color:var(--glass-accent)}
.tunal-refined #main-navigation>a[aria-current]{border-color:var(--glass-accent);text-decoration:underline;text-underline-offset:4px}
.tunal-refined .site-header .home-navigation{color:#f6f2ed;background:#ffffff08;border:1px solid #ffffff3b;box-shadow:inset 0 1px 0 #ffffff14,0 3px 0 #080a0b80}
.tunal-refined .site-header .home-navigation[aria-current]{border-color:#ffffff70}
@media(hover:hover) and (pointer:fine){
 .tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a):hover{color:#f6f2ed;background:rgba(var(--glass-rgb),.26);border-color:rgba(var(--glass-rgb),.75);filter:none;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff30,0 5px 0 #080a0b80,0 9px 18px #0004}
 .tunal-refined .site-header .home-navigation:hover{color:#f6f2ed;background:#ffffff12;border-color:#ffffff70;box-shadow:inset 0 1px 0 #ffffff24,0 4px 0 #080a0b80}
}
.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a):active{transform:translateY(2px);box-shadow:inset 0 1px 3px #0003,0 1px 0 #080a0b80}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
 .tunal-refined #immersive-intro .uppercut-paths>a{background:linear-gradient(rgba(var(--glass-rgb),.14),rgba(var(--glass-rgb),.14)),#101112e6}
}
@media(prefers-reduced-motion:reduce){.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a),.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a):is(:hover,:active){transition:none;transform:none}}
@media(forced-colors:active){.tunal-refined :is(#main-navigation>a,#immersive-intro .uppercut-paths>a,.site-header .home-navigation){background:Canvas;color:LinkText;border:1px solid LinkText;box-shadow:none;backdrop-filter:none}}