/* Photography shares the page's light and surface. Original files, faces, colour,
   logos, poster lettering, design sheets and the full-size viewer stay intact. */
@media screen {
 .tunal-refined {
  --photo-dissolve-x:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  --photo-dissolve-y:linear-gradient(180deg,transparent,#000 5%,#000 82%,transparent);
  --photo-aura:radial-gradient(ellipse at 16% 48%,#30d9eb0a,transparent 64%),radial-gradient(ellipse at 87% 72%,#ff5aa70b,transparent 62%);
 }

 /* Remove the separate slab behind photographic collections, keeping their
    captions and interactive affordances in the normal document flow. */
 .tunal-refined :is(.event-card,.news-card,.project-card,.case-proof,.media-grid figure,.team-grid>article,.video-card,.fighter-pass,.worn-grid>article,.kit-story>.kit-visual) {
  border:0; border-radius:0; box-shadow:none; background:transparent;
 }
 .tunal-refined:not(.landing-home) :is(.event-card,.news-card,.team-grid>article) { background:transparent; box-shadow:none; }
 .tunal-refined :is(.editorial-portrait>div,.fighter-photo,.event-image,.project-picture,.case-proof>a:first-child,.media-grid a[data-photo],.first-look-media,.kit-visual,.kit-visual figure,.kit-visual a,.gear-image,.landing-equipment-frame,.landing-story-visual,.editorial-hero-photo,.story-carousel-images) {
  background:transparent; border:0; border-radius:0; box-shadow:none;
 }
 .tunal-refined :is(.editorial-roster,.fighter-grid,.project-grid,.media-grid,.video-grid,.news-grid,.event-grid) { isolation:isolate; }
 .tunal-refined :is(.editorial-portrait,.fighter-pass,.project-card,.case-proof,.news-card,.event-card,.media-grid figure) { position:relative; }
 .tunal-refined .editorial-portrait { background:transparent; }
 .tunal-refined .editorial-portrait>span { border-top:0; margin-top:0; padding:8px 0 18px; }
 .tunal-refined .editorial-portrait>div { --photo-dissolve-x:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); --photo-dissolve-y:linear-gradient(180deg,transparent,#000 6%,#000 83%,transparent); }
 .tunal-refined .fighter-photo { --photo-dissolve-y:linear-gradient(180deg,transparent,#000 4%,#000 90%,transparent); }

 /* Mask the photo alone: names, authors, tags, links and focus outlines never fade. */
 .tunal-refined :is(.editorial-portrait>div>img,.fighter-photo>img.fighter-portrait,.event-card:not(.event-card-poster) .event-image>img,.project-picture>img,.case-proof>a:first-child>img,.news-card>img,.team-grid img,.media-grid a[data-photo]>img,.first-look-media>img,.article-image,.editorial-hero-photo>img,.landing-story-visual>img,.story-carousel-images img,.fighter-cinema-portrait>img,.equipment-examples-grid img,.worn-grid .kit-visual img,.kit-story .kit-visual img,.landing-equipment-frame img) {
  -webkit-mask-image:var(--photo-dissolve-x),var(--photo-dissolve-y);
  mask-image:var(--photo-dissolve-x),var(--photo-dissolve-y);
  -webkit-mask-composite:source-in; mask-composite:intersect;
  border:0; border-radius:0; box-shadow:none; background:transparent;
 }
 .tunal-refined :is(.event-image,.project-picture,.case-proof>a:first-child,.media-grid a,.kit-visual a,.fighter-photo)::after { background:none; box-shadow:none; }
 /* The mask belongs to the viewport of a zoomed portrait so the selected
    enlargement cannot push its soft edge outside the clipping rectangle. */
 .tunal-refined :is(.editorial-portrait>div,.fighter-photo) {
  -webkit-mask-image:var(--photo-dissolve-x),var(--photo-dissolve-y);
  mask-image:var(--photo-dissolve-x),var(--photo-dissolve-y);
  -webkit-mask-composite:source-in; mask-composite:intersect;
 }
 .tunal-refined :is(.editorial-portrait>div>img,.fighter-photo>img.fighter-portrait) { -webkit-mask-image:none; mask-image:none; }
 .tunal-refined :is(.event-caption,.project-card>div,.case-proof>div,.video-card-body,.media-grid figcaption,.team-grid>article) { background:transparent; }
 .tunal-refined .media-grid figcaption { padding:12px 5px 22px; border:0; }
 .tunal-refined .media-grid .photo-expand { bottom:12px; right:12px; background:#101820df; border-color:#81dce878; }
 .tunal-refined .fighter-pass :is(.fighter-signature,.card-identity,.card-footer,.affiliation) { background:transparent; }
 .tunal-refined .fighter-pass .fighter-signature { border-bottom-color:#a2dce526; }
 .tunal-refined .fighter-pass .card-identity { margin-top:-8px; }
 .tunal-refined .fighter-pass .ring-corner { display:none; }
 .tunal-refined .fighter-pass .card-footer { border-color:#a2dce526; }

 /* Hero photographs dissolve more broadly toward the copy; existing selected
    crops and sizing are retained. The opaque centre protects facial detail. */
 .tunal-refined .q-profile-portrait { background:transparent; }
 .tunal-refined .q-profile-portrait:after {
  background:linear-gradient(90deg,#0d1015,transparent 16%,transparent 94%,#0d1015),linear-gradient(0deg,#0d1015,transparent 20%,transparent 97%,#0d1015);
 }
 .tunal-refined .editorial-hero-photo figcaption { background:linear-gradient(0deg,#101112,transparent); border:0; }
 .tunal-refined .editorial-photo-index { background:transparent; text-shadow:0 2px 12px #000; }
 .tunal-refined .landing-story-visual figcaption { background:linear-gradient(0deg,#1b1d1e,transparent); }
 .tunal-refined .first-look-media { box-shadow:none; }
 .tunal-refined .first-play { background:transparent; border-top:1px solid #87dce52e; }
 .tunal-refined .article-image { --photo-dissolve-y:linear-gradient(180deg,transparent,#000 3%,#000 95%,transparent); }
 .tunal-refined .event-hero-essay>img {
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 95%,transparent);
  -webkit-mask-composite:source-in; mask-composite:intersect;
 }

 /* A preview belongs to the page; an active player retains every native control. */
 .tunal-refined .video-stage:not(:has(iframe)) { background:transparent; border:0; }
 .tunal-refined .video-stage>img {
  -webkit-mask-image:var(--photo-dissolve-x),linear-gradient(180deg,transparent,#000 3%,#000 92%,transparent);
  mask-image:var(--photo-dissolve-x),linear-gradient(180deg,transparent,#000 3%,#000 92%,transparent);
  -webkit-mask-composite:source-in; mask-composite:intersect;
 }
 .tunal-refined .video-photo-label { background:transparent; border-bottom-color:#ffffff16; }
 .tunal-refined .camp-tour-visual { background:var(--photo-aura); border:0; padding:0; border-radius:0; box-shadow:none; }
 .tunal-refined .camp-tour-video { border-radius:0; }
 .tunal-refined .camp-tour-stills a { border:0; border-radius:0; }
 .tunal-refined .camp-tour-stills img { mask-image:linear-gradient(0deg,transparent,#000 14%,#000 96%,transparent); }
 .tunal-refined .training-camp aside.camp-offer-photo { border-radius:0; background:transparent; box-shadow:none; }
 .tunal-refined .camp-offer-photo>img { mask-image:linear-gradient(0deg,transparent,#000 20%,#000 97%,transparent); }
 .tunal-refined .camp-offer-photo>div { background:var(--photo-aura); border-top:0; }

 /* Keep garment colours and design marks exact. These artboards use an integrated
    illuminated mounting, not a blend mode that could erase white textiles. */
 .tunal-refined .kit-study { background:var(--photo-aura); border:0; box-shadow:none; }
 .tunal-refined .kit-study-art { padding:0; border:1px solid #9be7ef38; background:#f4f3f1; }
 .tunal-refined .kit-study figcaption { border-top:0; padding-inline:4px; }
 .tunal-refined .kit-study-art:after { content:''; position:absolute; inset:0; box-shadow:inset 0 0 22px #10111230; pointer-events:none; }
 .tunal-refined .kit-study-art img { mask-image:none; -webkit-mask-image:none; filter:none; }
 .tunal-refined .media-grid figure:is([data-category="design"],[data-category="poster"]) img,
 .tunal-refined .equipment-design img {
  mask-image:none!important; -webkit-mask-image:none!important; filter:none;
 }
 /* Graphic posters have lettering all the way to the edge. */
 .tunal-refined img[src*="next-istanbul.svg"] { mask-image:none!important; -webkit-mask-image:none!important; }
 .tunal-refined :is(.landing-equipment-frame,.equipment-examples-grid figure) figcaption { background:transparent; }

 .tunal-refined :is(.editorial-portrait,.fighter-pass,.event-card,.news-card,.project-picture,.media-grid a[data-photo]):focus-visible {
  outline:3px solid #77e4ef; outline-offset:6px;
 }
 .tunal-refined .media-grid a[data-photo]:focus-visible { outline-offset:-3px; }
 @media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .tunal-refined .editorial-portrait img { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
  .tunal-refined .editorial-portrait:hover img { transform:scale(1.025); }
 }
 @media (max-width:700px) {
  .tunal-refined { --photo-dissolve-x:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
  .tunal-refined .editorial-portrait>div { --photo-dissolve-x:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
  .tunal-refined .q-profile-portrait:after { background:linear-gradient(0deg,#0d1015,transparent 18%,transparent 98%,#0d1015); }
 }
 @media (forced-colors:active) {
  .tunal-refined :is(img,.editorial-portrait>div,.fighter-photo) { mask-image:none!important; -webkit-mask-image:none!important; }
  .tunal-refined :is(.editorial-portrait,.fighter-pass,.event-card,.news-card,.media-grid figure) { border:1px solid CanvasText; }
 }
}

/* Product references remain recognisable, with a shared illuminated page surface. */
.tunal-studio .shop-categories .product-card{grid-template-columns:32px 190px minmax(0,1fr) 132px;column-gap:26px;min-height:176px}
.tunal-studio .shop-categories .product-category-visual{width:190px;height:140px;background:transparent;isolation:isolate}
.tunal-studio .shop-categories .product-category-visual>img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}
.tunal-studio .shop-categories .product-category-visual img.product-reference{background:transparent;object-fit:contain;filter:none}
.tunal-studio .shop-categories .product-reference-shoes{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.tunal-studio .shop-categories .product-reference-protection{filter:drop-shadow(0 10px 15px #0005)!important}
.tunal-studio .shop-categories h3{font-size:clamp(28px,3.1vw,40px)}
.tunal-studio .shop-categories .product-card>p:last-child{max-width:132px}
@media(max-width:900px){.tunal-studio .shop-categories .product-card{grid-template-columns:22px 150px minmax(0,1fr) 100px;gap:18px}.tunal-studio .shop-categories .product-category-visual{width:150px;height:125px}}
@media(max-width:600px){.tunal-studio .shop-categories .product-card{grid-template-columns:18px 105px minmax(0,1fr);gap:8px 12px;min-height:152px}.tunal-studio .shop-categories .product-category-visual{width:105px;height:120px;grid-row:1/3;grid-column:2}.tunal-studio .shop-categories .product-card:before{grid-row:1/3}.tunal-studio .shop-categories h3{grid-column:3;align-self:end;font-size:26px;line-height:1.12}.tunal-studio .shop-categories .product-card>p:last-child{grid-column:3;align-self:start;padding:0;max-width:none}.tunal-studio .shop-categories .kit-category-note{font-size:11px}}