/* Tunal: original CSS in original cascade order. */
/* photography.css */
/* 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}}

/* hierarchy.css */
/* Editorial hierarchy: one sourced achievement, clear milestones, practical dates. */
.q-achievement{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin:28px 0;padding:23px 0;border-block:1px solid #62dfe775;position:relative;background:radial-gradient(ellipse at 0% 50%,#30d9eb12,transparent 70%)}
.q-achievement::before{content:"";position:absolute;top:-1px;left:0;width:42%;height:2px;background:linear-gradient(90deg,#4ce1ee,#ff73b9)}
.q-achievement-mark{display:flex;flex-direction:column;align-items:flex-start;line-height:.9;color:#e7edf2;font-family:var(--display)}
.q-achievement-mark>span{font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:.17em;color:#80e9ef;margin-bottom:8px}
.q-achievement-mark>strong{font-size:clamp(4.5rem,7vw,6.7rem);font-weight:700;letter-spacing:-.035em;background:linear-gradient(145deg,#f1f7fb 25%,#70e8ed 68%,#ee93c2);background-clip:text;-webkit-background-clip:text;color:transparent}
.q-achievement-copy .q-achievement-title{margin:0;color:#eaf0f4;font:650 clamp(1.45rem,2.25vw,2.15rem)/1.04 var(--display);text-transform:uppercase;letter-spacing:.015em;text-wrap:balance}
.q-achievement-copy .q-achievement-detail{margin:10px 0;color:#c6d3df;font-size:.88rem;line-height:1.5;max-width:34ch}
.q-achievement-copy>a{display:inline-block;color:#93e9ed;font-size:.69rem;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.q-profile-story .prose>p:first-child{font-size:clamp(1.12rem,1.65vw,1.38rem);line-height:1.75;color:#e0e8ed}
.q-profile-landmarks li{position:relative;display:grid;gap:8px}
.q-profile-landmarks li>strong{font:600 clamp(1.5rem,2.1vw,2.05rem)/1.12 var(--display);color:#e0e8ed;letter-spacing:.01em}
.q-profile-landmarks li>span{color:#b6c5ce;font-size:.98rem;line-height:1.65}
.q-profile-landmarks li.q-landmark-featured{border-top-color:#4ce1ee88;background:linear-gradient(100deg,#143d475e,transparent);padding-left:20px;border-left:3px solid #4ce1ee}
.q-profile-landmarks li.q-landmark-featured>strong{font-size:clamp(3rem,5vw,4.6rem);color:#72e5ef;line-height:1}
.q-profile-landmarks li.q-landmark-featured>span{color:#ecf0f4;font-size:1.06rem}
.editorial-next p.editorial-next-date{font:600 clamp(1.5rem,2.9vw,2.6rem)/1.15 var(--display);color:#80e5ef;letter-spacing:.01em;margin-top:10px}
.editorial-portrait>div{position:relative}
.editorial-portrait>div>.editorial-portrait-distinction{position:absolute;inset:20px auto auto 18px;max-width:calc(100% - 36px);margin:0;padding:10px 13px;border-left:3px solid #6fe9ed;background:#0b1118e8;color:#dceff2;font:600 .73rem/1.5 var(--body);letter-spacing:.04em;z-index:2;box-shadow:0 4px 22px #07111766}
.event-hero .event-key-date{margin-top:24px;padding:20px 0 10px;border-top:1px solid #76dbe978;display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px;width:fit-content;max-width:100%}
.event-hero .event-key-date>.lead{font:600 clamp(1.8rem,3.5vw,3rem)/1.12 var(--display);color:#b9f2f5;margin:0;max-width:100%;text-wrap:balance}
.event-key-date>.lead:empty{display:none}
.event-hero .event-key-date>.tag{font-size:.73rem;letter-spacing:.1em;padding:8px 12px;margin:0;white-space:normal}
.camp-exclusions{padding:18px 0 18px 22px;border-left:2px solid #ee94bc;color:#b8c6cf;max-width:62ch}
.camp-exclusions strong{display:block;margin-bottom:8px;color:#e5eaf0;font-weight:650;font-size:1.06rem;line-height:1.5}
@media(max-width:700px){.q-achievement{gap:18px;padding:20px 0;margin:24px 0}.q-achievement-mark>strong{font-size:4.7rem}.q-achievement-copy .q-achievement-title{font-size:1.5rem}.q-achievement-copy .q-achievement-detail{font-size:.84rem}.q-achievement-copy>a{font-size:.67rem}.q-profile-landmarks li.q-landmark-featured{padding-left:18px}.event-hero .event-key-date{gap:12px;padding-top:16px}.editorial-next p.editorial-next-date{font-size:1.8rem}.editorial-portrait>div>.editorial-portrait-distinction{font-size:.7rem;inset:14px auto auto 14px}}
@media(max-width:360px){.q-achievement{gap:13px}.q-achievement-mark>strong{font-size:4rem}.q-achievement-copy .q-achievement-title{font-size:1.25rem}.q-achievement-copy .q-achievement-detail{font-size:.8rem}}
@media(forced-colors:active){.q-achievement-mark>strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.q-achievement,.q-profile-landmarks li.q-landmark-featured,.event-hero .event-key-date{border-color:CanvasText}.editorial-portrait>div>.editorial-portrait-distinction{background:Canvas;color:CanvasText;border:1px solid CanvasText}}
/* Major documented distinctions belong on the roster, before opening a profile. */
.fighter-card .card-highlights{list-style:none;margin:0;padding:16px 20px;display:grid;gap:10px;border-block:1px solid #7ee5ed45;background:linear-gradient(115deg,#173037,#221b29);color:#c0f2f4;font-size:13px;line-height:1.5}.fighter-card .card-highlights li{display:flex;gap:10px;align-items:flex-start}.card-highlights li>span{color:#ed98bc;flex-shrink:0}.landing-story-summary{display:block!important}.landing-story-summary .landing-story-copy{max-width:850px}