/* Tunal Group — ringside editorial. Real photographs, ink and warm paper. */
.tunal-refined .site-header { background: #101112f7; border-bottom: 1px solid #ffffff24; box-shadow: none; }
.tunal-refined .brand small { color: #ed96b6; letter-spacing: .4em; }
.tunal-refined .site-footer { background: #101112; border-top: 1px solid #ffffff29; }
.tunal-refined .footer-wordmark > span { color: #ece9e2; background: none; -webkit-text-fill-color: #ece9e2; }
.tunal-refined .footer-wordmark em { color: #ea96b7; -webkit-text-fill-color: #ea96b7; }
.tunal-refined .site-footer .brand, .tunal-refined .footer-contact { color: #ece9e2; }
.tunal-editorial, .tunal-studio { --bg:#101112; --panel:#191b1e; --panel-deep:#151618; --paper:#e9e5dc; --ink:#f0ede7; --muted:#b4b3b0; --line:#414244; --accent:#ee97b8; --accent-soft:#f5bcd2; --accent-dark:#792548; background:#101112; }
.tunal-editorial .topline,.tunal-studio .topline { display:none; }
.tunal-editorial h1,.tunal-editorial h2,.tunal-editorial h3,.tunal-studio h1,.tunal-studio h2,.tunal-studio h3 { letter-spacing:-.025em; }
.editorial-kicker { display:flex; align-items:center; gap:10px; font:500 10px/1.5 var(--body); letter-spacing:.18em; text-transform:uppercase; margin:0; }
.editorial-kicker > span { width:6px; height:6px; background:#eb97b7; }
.editorial-hero { display:grid; grid-template-columns:44% 56%; min-height:610px; border-bottom:1px solid #ffffff24; }
.editorial-hero-copy { position:relative; padding:55px 40px 34px var(--pad); display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:30px; }
.editorial-hero h1 { margin:0; font-size:clamp(78px,8.1vw,126px); line-height:.88; font-weight:700; }
.editorial-hero h1 em { display:inline; font-style:normal; color:#ee97b8; }
.editorial-hero-bottom { width:100%; }
.editorial-hero-bottom > p { max-width:300px; margin:0 0 24px; font-size:17px; line-height:1.5; color:#c4c3c0; }
.editorial-button { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; padding:17px 21px; min-height:54px; background:#ece8df; border:1px solid #ece8df; color:#101112; font:600 13px/1.4 var(--body); text-decoration:none; transition:background .2s,color .2s; }
.editorial-button > span { font-size:23px; line-height:1; }
.editorial-button:hover { color:#101112; background:#ee97b8; border-color:#ee97b8; }
.editorial-hero-bottom .hero-fighters-cta {
    position:relative; isolation:isolate; overflow:hidden;
    width:min(300px,100%); min-height:66px; padding:17px 22px; gap:20px;
    color:#101112; border:1px solid #cffbff; border-radius:6px;
    background:linear-gradient(110deg,#30d9eb 0%,#8ae8ef 35%,#ff8ac5 75%,#ff3f93 100%);
    font-size:15px; font-weight:650; letter-spacing:.01em;
    box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #9e397b66,0 6px 0 #35445d,-7px 6px 26px #30d9eb26,7px 6px 26px #ff3f9338;
    transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;
}
.hero-fighters-cta > .hero-fighters-label { position:relative; z-index:1; font:inherit; line-height:1.35; }
.hero-fighters-cta > .hero-fighters-arrow {
    position:relative; z-index:1; display:grid; place-items:center; flex-shrink:0;
    width:32px; height:32px; border-radius:4px; border:1px solid #ffffff80;
    background:#1011120c; font-size:25px; line-height:1;
    transition:transform .22s ease,background .22s ease;
}
.editorial-hero-bottom .hero-fighters-cta::before {
    content:""; position:absolute; z-index:0; pointer-events:none;
    top:-40%; left:0; width:40%; height:180%; opacity:0;
    background:linear-gradient(90deg,transparent,#ffffffa6,transparent);
    transform:translateX(-180%) skewX(-24deg);
}
@media (hover:hover) and (pointer:fine) {
    .editorial-hero-bottom .hero-fighters-cta:hover {
        color:#101112; border-color:#fff;
        box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9e397b66,0 8px 0 #35445d,-10px 8px 34px #30d9eb52,10px 8px 34px #ff3f9361;
    }
    .hero-fighters-cta:hover > .hero-fighters-arrow { background:#ffffff4d; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .editorial-hero-bottom .hero-fighters-cta:hover { transform:translateY(-2px); }
    .editorial-hero-bottom .hero-fighters-cta:hover::before { animation:hero-cta-sheen .7s ease-out both; }
    .hero-fighters-cta:hover > .hero-fighters-arrow { transform:translate(3px,-3px); }
}
@keyframes hero-cta-sheen {
    0% { transform:translateX(-180%) skewX(-24deg); opacity:0; }
    20%,80% { opacity:.7; }
    100% { transform:translateX(430%) skewX(-24deg); opacity:0; }
}
.editorial-hero-bottom .hero-fighters-cta:focus-visible { outline:3px solid #f0ede7; outline-offset:6px; }
.editorial-hero-bottom .hero-fighters-cta:active {
    transform:translateY(4px);
    box-shadow:inset 0 2px 5px #10111226,0 2px 0 #35445d,-4px 3px 18px #30d9eb38,4px 3px 18px #ff3f9345;
}
.hero-fighters-cta:active > .hero-fighters-arrow { transform:none; }
@media (max-width:700px) { .editorial-hero-bottom .hero-fighters-cta { width:100%; } }
@media (prefers-reduced-motion:reduce) {
    .editorial-hero-bottom .hero-fighters-cta,
    .editorial-hero-bottom .hero-fighters-cta:is(:hover,:active),
    .hero-fighters-cta > .hero-fighters-arrow,
    .hero-fighters-cta:is(:hover,:active) > .hero-fighters-arrow { transition:none; transform:none; }
    .editorial-hero-bottom .hero-fighters-cta::before { display:none; }
}
.editorial-hero-signature { color:#9c9d9c; font-size:9px; letter-spacing:.21em; }
.editorial-hero-photo { position:relative; margin:0; overflow:hidden; background:#222; min-width:0; }
.editorial-hero-photo > img { position:absolute; width:100%; height:105%; top:-2.5%; object-fit:cover; object-position:60% 50%; transform:translate3d(0,var(--editorial-pan,0px),0); }
.editorial-hero-photo figcaption { position:absolute; inset:auto 0 0; display:flex; align-items:center; justify-content:space-between; padding:20px 27px; background:#101112eb; border-top:1px solid #ffffff30; color:#f0ede7; }
.editorial-hero-photo figcaption > span { font:600 14px/1.4 var(--display); letter-spacing:.08em; }
.editorial-hero-photo figcaption small { display:block; font:400 10px/1.5 var(--body); color:#b4b3b0; letter-spacing:.02em; margin-top:4px; }
.editorial-hero-photo figcaption a { display:grid; place-items:center; width:43px; height:43px; border:1px solid #ffffff55; color:#f0ede7; font-size:26px; }
.editorial-photo-index { position:absolute; top:27px; left:27px; padding:8px 10px; background:#101112df; color:#f0ede7; font-size:9px; letter-spacing:.15em; }
.editorial-directory { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding-block:25px; gap:0; border-bottom:1px solid #ffffff30; scroll-margin-top:110px; }
.editorial-directory a { display:flex; align-items:center; gap:11px; min-height:44px; padding-inline:20px; border-right:1px solid #ffffff25; color:#f0ede7; }
.editorial-directory a:first-child { padding-left:0; }
.editorial-directory a:last-child { border:0; padding-right:0; }
.editorial-directory small { color:#b5b4b0; font-size:9px; }
.editorial-directory span { font:600 23px/1 var(--display); text-transform:uppercase; }
.editorial-directory b { margin-left:auto; font-weight:400; color:#ed96b6; }
.editorial-directory a:hover span { color:#ed96b6; }
.editorial-next { display:grid; grid-template-columns:1fr 2.3fr 1fr; align-items:center; padding-block:30px; gap:25px; border-bottom:1px solid #ffffff30; }
.editorial-next .editorial-kicker { color:#9ee0e2; }
.editorial-next h2 { font:500 31px/1.1 var(--display); margin:0 0 6px; }
.editorial-next p:not(.editorial-kicker) { margin:0; color:#b4b3b0; font-size:13px; }
.editorial-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:44px; color:inherit; border-bottom:1px solid currentColor; font-size:13px; text-decoration:none; width:fit-content; }
.editorial-link:hover { color:#ee97b8; }
.editorial-section-head { display:grid; grid-template-columns:1fr 2.3fr 1fr; align-items:end; gap:25px; margin-bottom:40px; }
.editorial-section-head > .editorial-kicker { align-self:start; padding-top:7px; color:#b4b3b0; }
.editorial-section-head h2 { margin:0; font-size:clamp(52px,5.5vw,80px); line-height:.95; color:#f0ede7; background:none; -webkit-text-fill-color:currentColor; }
.editorial-fighters { padding-block:90px 105px; }
#editorial-fighters-title {
    grid-column:2 / -1; min-width:0; white-space:nowrap;
    font-size:clamp(32px,5.5vw,80px);
}
@media (max-width:700px) { #editorial-fighters-title { font-size:clamp(24px,8vw,48px); } }
.editorial-fighters .editorial-fighters-cta {
    grid-column:2;
    width:260px; max-width:100%; min-width:0; min-height:64px;
    gap:18px; padding:18px 22px; border:1px solid #c3f7f8; border-radius:5px;
    color:#101112; background:linear-gradient(110deg,#30d9eb 0%,#86e7ef 35%,#ff8ac5 75%,#ff3f93 100%);
    font-size:16px; font-weight:600; line-height:1.25;
    box-shadow:inset 0 1px 0 #fffb, 0 5px 0 #216879, -7px 5px 24px #30d9eb38, 7px 5px 24px #ff3f934d;
    transition:transform .16s ease,box-shadow .16s ease;
}
.editorial-fighters .editorial-fighters-cta > span:last-child { font-size:27px; line-height:1; flex-shrink:0; }
@media (hover:hover) and (pointer:fine) {
    .editorial-fighters .editorial-fighters-cta:hover {
        color:#101112; transform:translateY(-2px);
        box-shadow:inset 0 1px 0 #fffd, 0 7px 0 #216879, -9px 7px 30px #30d9eb52, 9px 7px 30px #ff3f9366;
    }
}
.editorial-fighters .editorial-fighters-cta:focus-visible { outline:3px solid #f0ede7; outline-offset:6px; }
.editorial-fighters .editorial-fighters-cta:active {
    color:#101112; transform:translateY(3px);
    box-shadow:inset 0 2px 4px #10111226, 0 2px 0 #216879, -5px 3px 18px #30d9eb38, 5px 3px 18px #ff3f9345;
}
@media (max-width:700px) { .editorial-fighters .editorial-fighters-cta { width:100%; } }
@media (prefers-reduced-motion:reduce) {
    .editorial-fighters .editorial-fighters-cta,
    .editorial-fighters .editorial-fighters-cta:is(:hover,:active) { transition:none; transform:none; }
}
.editorial-roster { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.editorial-portrait { min-width:0; color:#f0ede7; }
.editorial-portrait > div { overflow:hidden; background:#222326; aspect-ratio:4/4.7; }
.editorial-portrait img { width:100%; height:100%; object-fit:cover; object-position:var(--portrait-focus,50% 25%); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.editorial-portrait:hover img { transform:scale(1.035); }
.editorial-portrait > span { display:flex; align-items:center; gap:15px; padding-top:18px; border-top:1px solid #ffffff44; margin-top:14px; }
.editorial-portrait small { color:#a7a8a7; font:10px/1 var(--body); }
.editorial-portrait strong { font:600 30px/1 var(--display); text-transform:uppercase; }
.editorial-portrait b { margin-left:auto; color:#ee97b8; font-size:20px; }
.editorial-portrait:nth-child(2) { margin-top:55px; }
.editorial-paper { background:#e9e5dc; color:#171819; }
.tunal-editorial .landing-equipment { grid-template-columns:.9fr 1.15fr; gap:65px; padding-block:95px 100px; }
.tunal-editorial .landing-equipment-copy .eyebrow { color:#792548; }
.tunal-editorial .landing-equipment-copy h2 { color:#171819; font-size:clamp(54px,5.8vw,85px); line-height:.95; }
.tunal-editorial .landing-equipment-copy > p:not(.eyebrow) { color:#454746; font-size:16px; }
.tunal-editorial .landing-equipment-copy .landing-equipment-note { color:#535653; font-size:12px; border-color:#792548; }
.tunal-editorial .landing-equipment-visual:before { color:#792548; border-color:#17181955; }
.tunal-editorial .landing-equipment-visual:after,.tunal-editorial .landing-equipment-frame a:after { display:none; }
.tunal-editorial .landing-equipment-frame { border:0; background:#ded9ce; box-shadow:none; }
.tunal-editorial .landing-equipment-frame img { height:510px; padding:0; object-fit:contain; background:#d9d2c5; }
.tunal-editorial .landing-equipment-detail { margin-top:70px; }
.tunal-editorial .landing-equipment-frame figcaption { padding:14px 2px 0; background:#e9e5dc; color:#454746; border:0; line-height:1.5; font-size:11px; }
.tunal-editorial .landing-equipment-frame figcaption small { color:#5c5c58; }
/* Raised neon shop key: the lower edge stays visible without changing layout. */
#custom-equipment .landing-equipment-actions > a.button:first-child {
    color:#210b16;
    background:linear-gradient(180deg,#ffb3d4 0%,#ff69b2 46%,#ff3f93 100%);
    border:1px solid #ff99c7;
    border-radius:5px;
    box-shadow:inset 0 1px 0 #fff9, inset 0 -1px 0 #c21c6559, 0 6px 0 #94184e, 0 12px 20px #79163e30, 0 0 26px #ff3f9352;
    text-shadow:0 1px 0 #ffc5e166;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
@media (hover:hover) and (pointer:fine) {
    #custom-equipment .landing-equipment-actions > a.button:first-child:hover {
        color:#210b16;
        background:linear-gradient(180deg,#ffc6e0 0%,#ff80be 46%,#ff51a0 100%);
        border-color:#ffc6e0;
        transform:translateY(-2px);
        box-shadow:inset 0 1px 0 #fffc, inset 0 -1px 0 #c21c6559, 0 8px 0 #94184e, 0 15px 24px #79163e38, 0 0 34px #ff3f9370;
    }
}
#custom-equipment .landing-equipment-actions > a.button:first-child:focus-visible {
    outline:3px solid #792548;
    outline-offset:5px;
}
#custom-equipment .landing-equipment-actions > a.button:first-child:active {
    color:#210b16;
    transform:translateY(4px);
    box-shadow:inset 0 2px 4px #8b16491f, 0 2px 0 #94184e, 0 5px 12px #79163e26, 0 0 18px #ff3f9345;
}
@media (prefers-reduced-motion:reduce) {
    #custom-equipment .landing-equipment-actions > a.button:first-child,
    #custom-equipment .landing-equipment-actions > a.button:first-child:is(:hover,:active) {
        transition:none;
        transform:none;
    }
}
.tunal-editorial .landing-equipment-actions .inline-link { color:#171819; border-color:#171819; }
.tunal-editorial .landing-evidence { padding-block:100px; }
.tunal-editorial .landing-evidence .project-grid { grid-template-columns:1.25fr .9fr; gap:40px; align-items:start; }
.tunal-editorial .landing-evidence .project-card { background:transparent; border:0; box-shadow:none; }
.tunal-editorial .landing-evidence .project-card:nth-child(2) { padding-top:90px; }
.tunal-editorial .landing-evidence .project-card > div { padding:24px 0 0; }
.tunal-editorial .landing-evidence .project-picture { aspect-ratio:4/3; }
.tunal-editorial .landing-evidence .project-picture img { width:100%; height:100%; object-fit:cover; }
.tunal-editorial .landing-evidence .project-card h3 { font-size:40px; color:#f0ede7; }
.tunal-editorial .landing-evidence .project-card .eyebrow { color:#9ee0e2; }
.tunal-editorial .landing-evidence .project-card p:not(.eyebrow) { color:#b4b3b0; max-width:480px; font-size:14px; }
.tunal-editorial .landing-evidence .project-card .inline-link { color:#f0ede7; }
.tunal-editorial .landing-story { background:#1b1d1e; border-top:1px solid #ffffff25; padding-block:85px 40px; }
.tunal-editorial .landing-story-layout { grid-template-columns:1.1fr 1fr; gap:65px; }
.tunal-editorial .landing-story-visual { height:500px; }
.tunal-editorial .landing-story-visual img { object-fit:cover; }
.tunal-editorial .landing-story-visual:after { display:none; }
.tunal-editorial .landing-story-visual figcaption { background:#101112e8; padding:12px 15px; bottom:0; left:0; right:0; }
.tunal-editorial .landing-story-copy h2 { font-size:clamp(45px,4.8vw,70px); color:#f0ede7; margin:24px 0; }
.tunal-editorial .landing-story-copy > p:not(.editorial-kicker) { color:#c4c3c0; font-size:15px; }
.tunal-editorial .landing-business { margin-top:55px; border-top:1px solid #ffffff30; padding-top:25px; }
.tunal-editorial .landing-business a { color:#f0ede7; }
.editorial-immersion { display:flex; position:relative; align-items:center; gap:40px; padding:40px var(--pad); border-top:1px solid #ffffff35; color:#f0ede7; overflow:hidden; background:#101112; }
.editorial-immersion > img { width:200px; height:auto; aspect-ratio:1; object-fit:cover; object-position:93% 50%; flex-shrink:0; }
.editorial-immersion .editorial-kicker { color:#9ee0e2; }
.editorial-immersion strong { display:block; margin-top:14px; font:600 clamp(32px,4vw,58px)/1 var(--display); }
.editorial-immersion-arrow { margin-left:auto; color:#ee97b8; font-size:50px; }
.editorial-immersion:hover { background:#191b1e; }
/* Boutique: a quiet studio, with the photographed piece as the hero. */
.studio-hero { display:grid; grid-template-columns:1fr 1fr; min-height:660px; color:#171819; background:#e9e5dc; }
.studio-hero-copy { padding:55px 35px 45px var(--pad); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.studio-hero .editorial-kicker { color:#792548; }
.studio-hero h1 { font-size:clamp(66px,6.6vw,104px); line-height:.94; margin:35px 0 28px; }
.studio-hero h1 em { font-style:normal; color:#792548; }
.studio-hero-copy > p:not(.editorial-kicker) { max-width:405px; font-size:16px; line-height:1.6; color:#4f514f; margin:0 0 28px; }
.studio-hero .editorial-button { background:#171819; border-color:#171819; color:#f0ede7; }
.studio-hero .editorial-button:hover { background:#792548; border-color:#792548; }
.studio-note { font-size:9px; line-height:1.5; letter-spacing:.12em; color:#555752; margin-top:35px; }
.studio-hero-photo { margin:0; background:#d9d2c5; position:relative; padding:30px 40px 60px; min-width:0; display:flex; justify-content:center; }
.studio-hero-photo > img { width:100%; height:570px; object-fit:contain; align-self:center; }
.studio-hero-photo figcaption { position:absolute; bottom:20px; left:40px; right:40px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #17181950; padding-top:13px; }
.studio-hero-photo figcaption > span { font:600 20px/1 var(--display); text-transform:uppercase; }
.studio-hero-photo figcaption small { font-size:10px; color:#4f514f; }
.tunal-studio .shop-status { background:transparent; border:0; border-bottom:1px solid #ffffff35; box-shadow:none; padding:0 0 28px; margin-bottom:0; }
.tunal-studio .shop-status strong { font-size:18px; font-weight:500; color:#f0ede7; }
.tunal-studio .shop-status p { max-width:780px; color:#b4b3b0; font-size:13px; }
.tunal-studio .shop-categories { display:block; counter-reset:studio; }
.tunal-studio .shop-categories .product-card { counter-increment:studio; display:grid; grid-template-columns:45px 70px 1fr auto; align-items:center; column-gap:26px; min-height:120px; padding:18px 0; background:transparent; border:0; border-bottom:1px solid #ffffff35; box-shadow:none; }
.tunal-studio .shop-categories .product-card:before { content:'0' counter(studio); color:#b4b3b0; font-size:11px; }
.tunal-studio .shop-categories .product-card > .eyebrow { display:none; }
.tunal-studio .shop-categories .product-category-visual { width:70px; height:82px; min-height:0; padding:0; background:#202225; border:0; aspect-ratio:auto; }
.tunal-studio .shop-categories .product-category-visual img { width:100%; height:100%; object-fit:contain; padding:0; }
.tunal-studio .shop-categories .product-category-symbol { width:37px; height:37px; color:#d2d4d0; }
.tunal-studio .shop-categories .product-category-visual > span { display:none; }
.tunal-studio .shop-categories h3 { font-size:40px; color:#f0ede7; margin:0; }
.tunal-studio .shop-categories .product-card > p:last-child { color:#ed96b6; font-size:12px; margin:0; padding:0 0 0 10px; }
.tunal-studio .shop-categories .product-card:hover h3 { color:#ed96b6; }
.tunal-studio .section-head h2 { background:none; color:#f0ede7; -webkit-text-fill-color:currentColor; }
.tunal-studio .worn-grid { gap:60px; }
.tunal-studio .worn-grid article { border:0; background:transparent; box-shadow:none; }
.tunal-studio .worn-grid article img { height:520px; background:#272624; }
.tunal-studio .worn-grid article:nth-child(2) { padding-top:80px; }
.tunal-studio .section-paper { background:#e9e5dc; color:#171819; border:0; }
.tunal-studio .section-paper :is(h2,h3,p,.eyebrow) { color:#171819; }
.tunal-studio .section-paper .process-number { color:#792548; }
.tunal-studio .form-layout { padding-block:85px; }
.tunal-studio .form-layout h2 { font-size:clamp(45px,4.6vw,65px); }
.tunal-studio .button { color:#171819; background:#ee97b8; border-color:#ee97b8; box-shadow:none; }
.tunal-studio .form-photo { max-height:400px; object-fit:contain; }
@media (max-width:1100px) {
.editorial-hero { grid-template-columns:46% 54%; min-height:590px; }
.editorial-hero-copy { padding-right:25px; }
.editorial-hero h1 { font-size:88px; }
.editorial-directory a { padding-inline:12px; gap:8px; }
.editorial-directory span { font-size:20px; }
.editorial-directory small { display:none; }
.editorial-section-head { grid-template-columns:1fr 2fr; }
.editorial-section-head .editorial-link { grid-column:2; }
.tunal-editorial .landing-equipment { gap:35px; }
.tunal-editorial .landing-equipment-frame img { height:420px; }
.tunal-editorial .landing-story-layout { gap:35px; }
.studio-hero h1 { font-size:70px; }
.studio-hero-photo { padding-inline:20px; }
}
@media (max-width:700px) {
.tunal-refined .site-header { min-height:72px; }
.editorial-hero { display:flex; flex-direction:column; }
.editorial-hero-copy { padding:32px var(--pad) 32px; gap:25px; }
.editorial-kicker { font-size:8px; letter-spacing:.13em; }
.editorial-hero h1 { font-size:clamp(73px,19vw,112px); line-height:.88; }
.editorial-hero-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.editorial-hero-bottom > p { max-width:300px; font-size:14px; margin:0; }
.editorial-button { width:100%; font-size:12px; padding:14px 17px; min-height:50px; }
.editorial-hero-signature { font-size:8px; }
.editorial-hero-photo { height:390px; min-height:390px; }
.editorial-hero-photo > img { object-position:60% 50%; }
.editorial-hero-photo figcaption { padding:15px var(--pad); }
.editorial-hero-photo figcaption > span { font-size:14px; }
.editorial-photo-index { top:18px; left:var(--pad); }
.editorial-directory { grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:12px; }
.editorial-directory a { padding:13px 0; min-height:50px; border:0; border-bottom:1px solid #ffffff25; margin-right:16px; }
.editorial-directory a:last-child { padding-right:0; border-bottom:1px solid #ffffff25; }
.editorial-directory a:nth-child(even) { margin-left:16px; margin-right:0; }
.editorial-directory span { font-size:23px; }
.editorial-directory small { display:block; }
.editorial-next { grid-template-columns:1fr; gap:13px; padding-block:30px; }
.editorial-next h2 { font-size:32px; }
.editorial-next .editorial-link { margin-top:4px; }
.editorial-section-head { display:block; margin-bottom:28px; }
.editorial-section-head h2 { font-size:58px; margin:20px 0; }
.editorial-section-head .editorial-kicker { padding:0; }
.editorial-fighters { padding-block:55px 60px; }
.editorial-roster { grid-template-columns:1fr; gap:30px; }
.editorial-portrait:nth-child(2) { margin:0; }
.editorial-portrait > div { aspect-ratio:4/4.4; }
.editorial-portrait img { object-position:var(--portrait-focus-mobile,var(--portrait-focus,50% 25%)); }
.editorial-portrait > span { padding-top:14px; margin-top:12px; }
.editorial-portrait strong { font-size:29px; }
.tunal-editorial .landing-equipment { grid-template-columns:1fr; padding-block:55px 60px; gap:40px; }
.tunal-editorial .landing-equipment-copy h2 { font-size:60px; }
.tunal-editorial .landing-equipment-copy > p:not(.eyebrow) { font-size:15px; }
.tunal-editorial .landing-equipment-copy .landing-equipment-note { font-size:12px; }
.tunal-editorial .landing-equipment-frame img { height:300px; }
.tunal-editorial .landing-equipment-detail { margin-top:38px; }
.tunal-editorial .landing-equipment-frame figcaption { font-size:10px; }
.tunal-editorial .landing-evidence { padding-block:55px 65px; }
.tunal-editorial .landing-evidence .project-grid { grid-template-columns:1fr; gap:45px; }
.tunal-editorial .landing-evidence .project-card:nth-child(2) { padding:0; }
.tunal-editorial .landing-evidence .project-card h3 { font-size:35px; }
.tunal-editorial .landing-story { padding-top:40px; }
.tunal-editorial .landing-story-layout { grid-template-columns:1fr; gap:35px; }
.tunal-editorial .landing-story-visual { height:320px; }
.tunal-editorial .landing-story-copy h2 { font-size:55px; }
.tunal-editorial .landing-business { margin-top:35px; }
.editorial-immersion { padding:30px var(--pad); gap:20px; flex-wrap:wrap; }
.editorial-immersion > img { width:100%; }
.editorial-immersion > div { width:calc(100% - 50px); }
.editorial-immersion strong { font-size:35px; }
.editorial-immersion-arrow { font-size:35px; }
.studio-hero { display:block; }
.studio-hero-copy { padding:35px var(--pad); }
.studio-hero h1 { font-size:clamp(58px,15vw,78px); margin:25px 0; }
.studio-hero-copy > p:not(.editorial-kicker) { font-size:15px; }
.studio-note { margin-top:24px; font-size:8px; }
.studio-hero-photo { padding:25px 20px 75px; }
.studio-hero-photo > img { height:480px; }
.studio-hero-photo figcaption { left:20px; right:20px; flex-direction:column; align-items:flex-start; gap:8px; }
.tunal-studio .shop-categories .product-card { grid-template-columns:20px 46px 1fr; gap:12px; min-height:105px; }
.tunal-studio .shop-categories .product-category-visual { width:46px; height:62px; grid-row:1/3; grid-column:2; }
.tunal-studio .shop-categories .product-category-symbol { width:29px; height:29px; }
.tunal-studio .shop-categories h3 { font-size:29px; align-self:end; grid-column:3; }
.tunal-studio .shop-categories .product-card > p:last-child { grid-column:3; padding:0; align-self:start; font-size:11px; }
.tunal-studio .shop-categories .product-card:before { grid-row:1/3; }
.tunal-studio .worn-grid { gap:35px; }
.tunal-studio .worn-grid article:nth-child(2) { padding-top:0; }
.tunal-studio .worn-grid article img { height:370px; }
.tunal-studio .form-layout { padding-block:50px; }
}
@media(prefers-reduced-motion:reduce) {
.editorial-hero-photo > img { transform:none; }
.editorial-portrait img, .editorial-button { transition:none; }
}

/* Immediate, short ringside entrance — native scrolling, then editorial content. */
.arrival-short { --arrival-pink:#ee97b8; background:#101112; }
.arrival-short .arrival-stage,.arrival-short .arrival-cinema { background:#101112; }
.arrival-short .arrival-depth,.arrival-short .arrival-interlude,.arrival-short .arrival-chapter { display:none; }
.arrival-short .arrival-shade { background:linear-gradient(90deg,#101112b8,transparent 78%),linear-gradient(0deg,#101112 0%,#10111272 20%,transparent 65%); }
.arrival-short .arrival-light-cyan { background:radial-gradient(ellipse at 86% 24%,#77dfe321,transparent 45%); }
.arrival-short .arrival-light-pink { background:radial-gradient(ellipse at 5% 44%,#ee97b825,transparent 55%); opacity:.7; }
.arrival-short .arrival-tools { top:22px; }
.arrival-short .arrival-signature { color:#d0cec9; font-weight:400; font-size:9px; }
.arrival-short .arrival-signature:before { background:#ee97b8; box-shadow:none; }
.arrival-short .arrival-skip,.arrival-short .arrival-pause,.arrival-short .arrival-enable { background:#101112e8; border:1px solid #b4b3b066; color:#f0ede7; border-radius:0; box-shadow:none; min-height:44px; }
.arrival-short .arrival-skip { border-color:#ee97b888; }
.arrival-short .arrival-opening { top:clamp(120px,20vh,210px); transform:translateY(calc((1 - var(--arrival-opening)) * -25px)); }
.arrival-short .arrival-opening .eyebrow { color:#b6dddd; font:400 10px/1.5 var(--body); letter-spacing:.2em; }
.arrival-short .arrival-opening h2 { margin:0; max-width:1000px; font:700 clamp(80px,8.5vw,128px)/.9 var(--display); letter-spacing:-.025em; color:#f0ede7; text-shadow:0 3px 30px #10111250; }
.arrival-short .arrival-opening h2 em { color:#ee97b8; font-style:normal; background:none; -webkit-text-fill-color:currentColor; }
.arrival-short .arrival-invitation { color:#d0cec9; font-size:14px; line-height:1.5; }
.arrival-short .arrival-destination { bottom:30px; }
.arrival-short .arrival-cue { color:#e9e5dc; margin:0; }
.arrival-short .arrival-cue-line { height:1px; background:#ee97b8; }
.arrival-short .arrival-progress { background:#ffffff15; }
.arrival-short .arrival-progress span { background:#b6dddd; box-shadow:none; }
.arrival-short .arrival-feedback { top:auto; bottom:78px; }
.arrival-short .arrival-status { background:#101112e8; color:#f0ede7; }
#editorial-home,#immersive-intro { scroll-margin-top:var(--tunal-header-height,90px); }
.arrival-short:not(.is-immersive) .arrival-opening { top:120px; }
.arrival-short:not(.is-immersive) .arrival-cinema { transform:none; }
.arrival-short:not(.is-immersive) .arrival-stage { height:min(650px,var(--arrival-height)); min-height:430px; }
@media(max-width:700px) {
 .arrival-short .arrival-tools { top:14px; gap:8px; }
 .arrival-short .arrival-signature { font-size:8px; margin-bottom:1px; }
 .arrival-short .arrival-pause,.arrival-short .arrival-skip { padding:7px 9px; font-size:10px; }
 .arrival-short .arrival-opening,.arrival-short:not(.is-immersive) .arrival-opening { top:140px; }
 .arrival-short .arrival-opening h2 { font-size:clamp(52px,14vw,88px); }
 .arrival-short .arrival-opening .eyebrow { font-size:8px; letter-spacing:.14em; margin-bottom:18px; }
 .arrival-short .arrival-invitation { display:block; font-size:12px; max-width:260px; }
 .arrival-short .arrival-feedback { bottom:64px; }
 .arrival-short .arrival-enable { font-size:10px; }
 .arrival-short .arrival-destination { bottom:26px; }
}
@media(max-height:600px) and (min-width:701px) {
 .arrival-short .arrival-stage { min-height:340px; }
 .arrival-short .arrival-opening,.arrival-short:not(.is-immersive) .arrival-opening { top:100px; }
 .arrival-short .arrival-opening h2 { font-size:60px; }
 .arrival-short .arrival-opening .eyebrow,.arrival-short .arrival-invitation { display:none; }
}

/* Visible destinations from the first screen, with a tactile coloured edge. */
.arrival-short .arrival-stage { display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; padding:102px 0 24px; min-height:560px; }
.arrival-short .arrival-opening,.arrival-short:not(.is-immersive) .arrival-opening { position:relative; top:auto; flex:0 0 auto; }
.arrival-short .arrival-opening h2 { font-size:clamp(68px,7.2vw,108px); }
.arrival-short .arrival-opening .eyebrow { margin-bottom:14px; }
.arrival-short .arrival-invitation { margin-top:19px; }
.arrival-short .arrival-destination { position:relative; bottom:auto; flex:0 0 auto; margin-top:26px; }
.arrival-category-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; color:#f0ede7; font:600 11px/1.4 var(--body); letter-spacing:.14em; }
.arrival-category-heading .arrival-cue { opacity:1; color:#d4d6d2; font:400 9px/1.4 var(--body); letter-spacing:.1em; }
.arrival-categories { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; scroll-margin-top:120px; }
.arrival-category { --category-glow:#ee97b8; --category-tint:#38242f; position:relative; display:grid; grid-template-columns:1fr auto; align-content:start; align-items:center; gap:18px 10px; min-width:0; min-height:140px; padding:17px 17px 19px; border:1px solid #ee97b877; border-top:3px solid var(--category-glow); background:linear-gradient(140deg,var(--category-tint),#161719 80%); color:#f5f0e9; box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #060809b3,0 10px 26px #ee97b810; text-decoration:none; transition:transform .18s,box-shadow .18s,border-color .18s; }
.arrival-category:nth-child(2n) { --category-glow:#88e4e6; --category-tint:#203739; border-color:#88e4e66e; border-top-color:var(--category-glow); box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #060809b3,0 10px 26px #88e4e610; }
.arrival-category .landing-path-icon { width:30px; height:30px; margin:0; stroke-width:1.8; color:var(--category-glow); }
.arrival-category-copy { display:block; grid-column:1/-1; grid-row:2; min-width:0; }
.arrival-category strong { display:block; font:650 clamp(25px,2vw,31px)/1 var(--display); letter-spacing:-.01em; text-transform:uppercase; }
.arrival-category small { display:block; margin-top:8px; max-width:180px; color:#d8d5cf; font:400 11px/1.4 var(--body); }
.arrival-category-arrow { grid-column:2; grid-row:1; display:grid; place-items:center; width:27px; height:27px; border:1px solid #ffffff35; color:var(--category-glow); font-size:21px; }
.arrival-category:hover { transform:translateY(-4px); border-color:var(--category-glow); box-shadow:inset 0 1px 0 #ffffff50,0 7px 0 #060809b3,0 0 26px #ee97b830; }
.arrival-category:nth-child(2n):hover { box-shadow:inset 0 1px 0 #ffffff50,0 7px 0 #060809b3,0 0 26px #88e4e633; }
.arrival-category:focus-visible { outline:3px solid #f4eee5; outline-offset:4px; border-color:var(--category-glow); }
.arrival-short .arrival-feedback { top:74px; bottom:auto; }
.arrival-short .arrival-status { font-size:11px; }
.arrival-short:not(.is-immersive) .arrival-stage { height:auto; min-height:var(--arrival-height); gap:20px; }
.arrival-short:not(.is-immersive) .arrival-feedback { position:relative; top:auto; order:3; margin-top:12px; }
.arrival-short:not(.is-immersive) .arrival-cue { display:none; }
.tunal-refined :is(a,button,select,input,textarea):focus-visible { outline:2px solid #ee97b8; outline-offset:4px; }
.tunal-refined :is(.editorial-paper,.studio-hero,.section-paper) :is(a,button,select,input,textarea):focus-visible { outline:3px solid #792548; outline-offset:4px; }
.tunal-refined .arrival-category:focus-visible { outline:3px solid #f4eee5; }
.tunal-refined .menu-contact { display:none; }
@media(max-width:1300px) { .tunal-refined .menu-contact { display:block; } }
@media(min-width:1101px) and (max-width:1300px) { .tunal-refined .site-header #main-navigation { gap:14px; } }
@media(max-width:1100px) and (min-width:701px) {
 .arrival-short .arrival-stage { padding-top:95px; }
 .arrival-short .arrival-opening h2 { font-size:72px; }
 .arrival-categories { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .arrival-category { grid-template-columns:30px 1fr auto; gap:12px; min-height:83px; padding:14px; align-content:center; }
 .arrival-category-copy { grid-column:2; grid-row:1; }
 .arrival-category strong { font-size:29px; }
 .arrival-category small { display:none; }
 .arrival-category-arrow { grid-column:3; }
}
@media(max-width:700px) {
 .arrival-short .arrival-stage { padding:100px 0 21px; min-height:485px; }
 .arrival-short .arrival-opening,.arrival-short:not(.is-immersive) .arrival-opening { top:auto; }
 .arrival-short .arrival-opening h2 { font-size:clamp(44px,12.6vw,74px); }
 .arrival-short .arrival-opening .eyebrow { font-size:8px; margin-bottom:12px; }
 .arrival-short .arrival-invitation { font-size:12px; margin-top:15px; }
 .arrival-short .arrival-destination { margin-top:22px; padding-inline:16px; }
 .arrival-category-heading { font-size:9px; letter-spacing:.12em; margin-bottom:11px; }
 .arrival-category-heading .arrival-cue { display:none; }
 .arrival-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .arrival-category { grid-template-columns:24px 1fr; column-gap:10px; min-height:58px; padding:12px 10px; align-content:center; }
 .arrival-category .landing-path-icon { width:24px; height:24px; }
 .arrival-category-copy { grid-column:2; grid-row:1; }
 .arrival-category strong { font-size:clamp(22px,5.8vw,30px); }
 .arrival-category small,.arrival-category-arrow { display:none; }
 .arrival-short .arrival-feedback { top:78px; }
 .arrival-short:not(.is-immersive) .arrival-stage { min-height:var(--arrival-height); }
 .tunal-refined .site-header #main-navigation > a { min-height:46px; }
}
@media(max-width:700px) and (max-height:680px) {
 .arrival-short .arrival-stage { padding-top:92px; padding-bottom:17px; }
 .arrival-short .arrival-opening h2 { font-size:44px; }
 .arrival-short .arrival-opening .eyebrow { margin-bottom:9px; }
 .arrival-short .arrival-invitation { display:none; }
 .arrival-short .arrival-destination { margin-top:15px; }
 .arrival-category { min-height:54px; padding-block:10px; }
}
@media(min-width:701px) and (max-height:760px) {
 .arrival-short .arrival-stage { padding-top:90px; min-height:550px; }
 .arrival-short .arrival-opening h2 { font-size:74px; }
 .arrival-short .arrival-opening .eyebrow { margin-bottom:10px; }
 .arrival-short .arrival-invitation { margin-top:13px; }
 .arrival-category { min-height:123px; gap:12px; padding-block:13px; }
 .arrival-category small { font-size:10px; margin-top:7px; }
}
@media(prefers-reduced-motion:reduce) { .arrival-category { transition:none; } .arrival-category:hover { transform:none; } }
@media(max-width:650px) {
 .tunal-refined .site-header .brand { gap:6px; }
 .tunal-refined .site-header .brand img { width:34px; height:34px; }
 .tunal-refined .site-header .brand > span { display:block; font:650 18px/.95 var(--display); letter-spacing:.02em; }
 .tunal-refined .site-header .brand small { display:block; margin-top:5px; font:500 7px/1 var(--body); letter-spacing:.21em; }
}
@media(max-width:359px) {
 .tunal-refined .site-header .brand { gap:3px; }
 .tunal-refined .site-header .brand img { width:26px; height:30px; }
 .tunal-refined .site-header .brand > span { font-size:15px; }
 .tunal-refined .site-header .brand small { font-size:6px; }
}
@media(max-width:1100px) and (min-width:701px) {
 .arrival-category { grid-template-columns:30px 1fr; }
 .arrival-category-arrow { display:none; }
 .arrival-category strong { font-size:27px; }
}

/* A deliberate event film appears before the full archive. */
.event-featured-film { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:40px; }
.event-featured-film h2 { font-size:clamp(28px,4vw,54px); }
.event-featured-film > a, .event-featured-image { position:relative;display:block;aspect-ratio:16/9;overflow:hidden; }
.event-featured-film img { width:100%;height:100%; }
.event-featured-film > a > span { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent,#ee97b8);color:#111;padding:20px 24px; }
@media(max-width:700px){.event-featured-film { grid-template-columns:1fr;gap:24px; }}

/* Sponsor event cards: the same cyan/pink invitation as the landing page. */
.case-proof .case-event-cta {
    position:relative; isolation:isolate; overflow:hidden;
    display:inline-flex; align-items:center; justify-content:space-between;
    width:min(280px,100%); min-height:64px; gap:20px; padding:16px 21px;
    margin:14px 0 7px; border:1px solid #cffbff; border-radius:6px;
    color:#101112; text-decoration:none; font:650 16px/1.35 var(--body);
    background:linear-gradient(110deg,#30d9eb 0%,#8ae8ef 35%,#ff8ac5 75%,#ff3f93 100%);
    box-shadow:inset 0 1px 0 #fffc,0 6px 0 #35445d,-7px 6px 26px #30d9eb26,7px 6px 26px #ff3f9338;
    transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;
}
.case-event-cta > span { position:relative; z-index:1; }
.case-event-cta > .case-event-arrow {
    display:grid; place-items:center; flex-shrink:0; width:32px; height:32px;
    border:1px solid #ffffff80; border-radius:4px; background:#1011120c;
    font-size:25px; line-height:1; transition:transform .22s ease,background .22s ease;
}
.case-proof .case-event-cta::before {
    content:""; position:absolute; pointer-events:none; z-index:0;
    top:-40%; left:0; width:40%; height:180%; opacity:0;
    background:linear-gradient(90deg,transparent,#ffffffa6,transparent);
    transform:translateX(-180%) skewX(-24deg);
}
@media (hover:hover) and (pointer:fine) {
    .case-proof .case-event-cta:hover {
        color:#101112; border-color:#fff;
        box-shadow:inset 0 1px 0 #fff,0 8px 0 #35445d,-10px 8px 34px #30d9eb52,10px 8px 34px #ff3f9361;
    }
    .case-event-cta:hover > .case-event-arrow { background:#ffffff4d; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .case-proof .case-event-cta:hover { transform:translateY(-2px); }
    .case-proof .case-event-cta:hover::before { animation:hero-cta-sheen .7s ease-out both; }
    .case-event-cta:hover > .case-event-arrow { transform:translate(3px,-3px); }
}
.case-proof .case-event-cta:focus-visible { outline:3px solid #f0ede7; outline-offset:6px; }
.case-proof .case-event-cta:active {
    transform:translateY(4px);
    box-shadow:inset 0 2px 5px #10111226,0 2px 0 #35445d,-4px 3px 18px #30d9eb38,4px 3px 18px #ff3f9345;
}
.case-event-cta:active > .case-event-arrow { transform:none; }
@media (max-width:700px) { .case-proof .case-event-cta { width:100%; } }
@media (prefers-reduced-motion:reduce) {
    .case-proof .case-event-cta,
    .case-proof .case-event-cta:is(:hover,:active),
    .case-event-cta > .case-event-arrow,
    .case-event-cta:is(:hover,:active) > .case-event-arrow { transition:none; transform:none; }
    .case-proof .case-event-cta::before { display:none; }
}

/* Fightwear studio: a tactile invitation to create a custom kit. */
.studio-hero .studio-kit-cta {
    position:relative; isolation:isolate; overflow:hidden;
    width:min(280px,100%); min-height:66px; padding:17px 22px; gap:20px;
    border:1px solid #cffbff; border-radius:6px; color:#101112;
    background:linear-gradient(110deg,#30d9eb 0%,#8ae8ef 35%,#ff8ac5 75%,#ff3f93 100%);
    font:650 16px/1.35 var(--body);
    box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #9e397b66,0 6px 0 #35445d,-7px 6px 26px #30d9eb26,7px 6px 26px #ff3f9338;
    transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;
}
.studio-hero .studio-kit-cta:hover { background:linear-gradient(110deg,#30d9eb 0%,#8ae8ef 35%,#ff8ac5 75%,#ff3f93 100%); }
.studio-kit-cta > .studio-kit-label { position:relative; z-index:1; font:inherit; }
.studio-kit-cta > .studio-kit-arrow {
    position:relative; z-index:1; display:grid; place-items:center; flex-shrink:0;
    width:32px; height:32px; border:1px solid #ffffff80; border-radius:4px;
    background:#1011120c; font-size:25px; line-height:1;
    transition:transform .22s ease,background .22s ease;
}
.studio-hero .studio-kit-cta::before {
    content:""; position:absolute; pointer-events:none; z-index:0;
    top:-40%; left:0; width:40%; height:180%; opacity:0;
    background:linear-gradient(90deg,transparent,#ffffffa6,transparent);
    transform:translateX(-180%) skewX(-24deg);
}
@media (hover:hover) and (pointer:fine) {
    .studio-hero .studio-kit-cta:hover {
        color:#101112; border-color:#fff;
        box-shadow:inset 0 1px 0 #fff,0 8px 0 #35445d,-10px 8px 34px #30d9eb52,10px 8px 34px #ff3f9361;
    }
    .studio-kit-cta:hover > .studio-kit-arrow { background:#ffffff4d; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .studio-hero .studio-kit-cta:hover { transform:translateY(-2px); }
    .studio-hero .studio-kit-cta:hover::before { animation:hero-cta-sheen .7s ease-out both; }
    .studio-kit-cta:hover > .studio-kit-arrow { transform:translate(3px,-3px); }
}
.tunal-studio .studio-hero .studio-kit-cta:focus-visible { outline:3px solid #792548; outline-offset:6px; }
.studio-hero .studio-kit-cta:active {
    transform:translateY(4px);
    box-shadow:inset 0 2px 5px #10111226,0 2px 0 #35445d,-4px 3px 18px #30d9eb38,4px 3px 18px #ff3f9345;
}
.studio-kit-cta:active > .studio-kit-arrow { transform:none; }
@media (max-width:700px) { .studio-hero .studio-kit-cta { width:100%; } }
@media (prefers-reduced-motion:reduce) {
    .studio-hero .studio-kit-cta,
    .studio-hero .studio-kit-cta:is(:hover,:active),
    .studio-kit-cta > .studio-kit-arrow,
    .studio-kit-cta:is(:hover,:active) > .studio-kit-arrow { transition:none; transform:none; }
    .studio-hero .studio-kit-cta::before { display:none; }
}

/* A transparent fightwear portrait shares the studio's continuous paper surface. */
.studio-hero.studio-hero--integrated {
    background:#e9e5dc;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.studio-hero--integrated .studio-hero-photo--cutout {
    --studio-cutout-height:clamp(520px,42vw,570px);
    position:relative; isolation:isolate; overflow:clip;
    display:grid; grid-template-columns:minmax(0,1fr);
    grid-template-rows:var(--studio-cutout-height) auto;
    align-content:center; gap:16px;
    margin:0; padding:28px var(--pad) 26px 20px;
    background:transparent; border:0; border-radius:0; box-shadow:none;
}
.studio-hero--integrated .studio-hero-photo--cutout::before {
    content:""; position:absolute; z-index:0; pointer-events:none;
    inset:7% 0 12% -9%;
    background:radial-gradient(ellipse at 38% 56%,#30d9eb0d,transparent 62%),
        radial-gradient(ellipse at 69% 38%,#ff3f930d,transparent 60%);
}
.studio-hero--integrated .studio-hero-photo--cutout::after {
    content:""; z-index:0; pointer-events:none;
    grid-area:1 / 1; align-self:end; justify-self:center;
    width:min(52%,240px); height:24px; margin-bottom:-5px;
    background:radial-gradient(ellipse,#3931282b 0%,#39312812 35%,transparent 72%);
    filter:blur(4px);
}
.studio-hero--integrated .studio-hero-photo--cutout > img {
    position:relative; z-index:1; grid-area:1 / 1;
    align-self:end; justify-self:center; display:block;
    width:auto; max-width:none; height:var(--studio-cutout-height);
    /* Frame the subject, compensating only for the PNG’s transparent margins. */
    transform:scale(1.28); transform-origin:50% 67%;
    object-fit:contain; object-position:center bottom;
    background:transparent; border:0; border-radius:0; box-shadow:none;
    filter:drop-shadow(0 4px 5px #39312810);
}
.studio-hero--integrated .studio-hero-photo--cutout figcaption {
    position:relative; z-index:1; inset:auto; grid-area:2 / 1;
    justify-self:center; width:min(100%,420px);
    display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;
    gap:6px 18px; margin:0; padding:8px 0 0;
    border:0; background:transparent;
}
@media (max-width:1100px) and (min-width:701px) {
    .studio-hero--integrated .studio-hero-photo--cutout { padding-inline:18px 24px; }
}
@media (max-width:700px) {
    .studio-hero--integrated .studio-hero-photo--cutout {
        --studio-cutout-height:clamp(380px,105vw,520px);
        padding:0 var(--pad) 30px; gap:18px;
    }
    .studio-hero--integrated .studio-hero-photo--cutout::before { inset:0 0 10%; }
    .studio-hero--integrated .studio-hero-photo--cutout figcaption {
        flex-direction:column; align-items:flex-start; gap:7px;
    }
}
@media print, (forced-colors:active) {
    .studio-hero--integrated .studio-hero-photo--cutout::before,
    .studio-hero--integrated .studio-hero-photo--cutout::after { display:none; }
    .studio-hero--integrated .studio-hero-photo--cutout > img { filter:none; }
}

@media(max-width:700px){.story-carousel-images img[src*="ilyes-team"]{max-width:280px!important}}

/* Supplied Tunal Group artwork: intrinsic ratio, no filters or clipping. */
.tunal-refined .brand img{object-fit:contain;filter:none;width:58px;height:58px;flex:none}
.tunal-refined .footer-wordmark img{object-fit:contain;filter:none;opacity:1}
@media(max-width:700px){.tunal-refined .site-header .brand img{width:44px;height:44px}}
@media(max-width:370px){.tunal-refined .site-header .brand img{width:36px;height:36px}}

.tunal-refined .footer-wordmark img{mix-blend-mode:normal}

/* Keep the selected Tunal Group colours across every brand signature. */
.tunal-refined .fighter-signature>img,
.tunal-refined .page-intro .intro-mark,
.tunal-refined .empty-bag-mark,
.tunal-refined .hero-brand-seal { filter:none; mix-blend-mode:normal; }