/* Shared public and editor presentation: reusable tag, custom element and hover presets. */
.page-surface .wp-el-tag{display:inline-flex;max-width:100%;align-items:center;justify-content:center;padding:7px 13px;background:var(--primary-soft);color:var(--primary);border-radius:999px;font-size:11px;font-weight:800;line-height:1.45;letter-spacing:.06em}
.page-surface .wp-el-custom{display:block;min-height:16px}
.page-surface .wp-el-custom a{display:inline-block;color:inherit;text-decoration:none;cursor:pointer}
.page-surface .wp-el-custom.fuga-hover-lift:hover{transform:translateY(-5px)}
.page-surface .wp-el-custom.fuga-hover-skew:hover{transform:skew(-7deg)}
.page-surface .wp-el-custom.fuga-hover-glow:hover{filter:drop-shadow(0 6px 17px rgba(0,164,220,.5))}
.page-surface .wp-el-custom.fuga-hover-bounce:hover{animation:fuga-component-bounce .45s ease-out}
.page-surface .wp-el-custom{transition:transform .25s ease,filter .25s ease}
@keyframes fuga-component-bounce{0%,100%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.96)}}
.page-surface .fuga-role-hero-sideword{pointer-events:none;user-select:none}
.page-surface [data-fuga-node]{position:relative}
@media (prefers-reduced-motion:reduce){.page-surface .wp-el-custom{animation:none!important;transition:none!important}}

.page-surface .fuga-widget-headless .home-studio-heading,.page-surface .fuga-widget-headless .section-heading{display:none!important}
.page-surface .fuga-widget-headless .home-news,.page-surface .fuga-widget-headless .home-studio-past{padding-top:0}
.page-surface .fuga-role-hero-kicker .wp-el-tag,.page-surface .wp-el-tag.fuga-role-hero-kicker{background:transparent;border:1px solid #ffffff55;color:var(--fuga-hero-color,#fff);padding:9px 15px;font-size:12px;font-weight:800;letter-spacing:.12em}
.page-surface .fuga-design-partners .wp-el-tag{color:#008fb2;background:transparent;padding:0;font-size:11px;letter-spacing:.1em}

/* Placement is for the whole rendered block, text-align remains a separate property. */
.page-surface :is(.wp-el-tag,.wp-el-button,.wp-el-heading,.wp-el-text,.wp-el-custom)[data-fuga-node]{max-width:100%}
.page-surface .wp-el-tag[data-fuga-node]{width:max-content;display:flex}

/* Image width in partner cards is intentionally user-controlled. */
.page-surface .fuga-design-partners :is(.fuga-role-partner-logo,.wp-block--image) .wp-el-image{
 width:var(--fuga-logo-width,100%)!important;max-width:100%;margin-inline:auto;
}
/* Public mobile + tablet responsive layout, independent from viewport preview code. */
@media (max-width:1023px){
 .fuga-builder-public .wp-el-row{grid-template-columns:1fr!important}
 .fuga-builder-public :is(h1,h2,h3).wp-el-heading{font-size:clamp(24px,4.5vw,40px);line-height:1.17}
 .fuga-builder-public .wp-el-button{white-space:normal;max-width:100%;min-height:42px}
 .fuga-builder-public .fuga-design-partners>.wp-el-row{display:flex!important;flex-wrap:wrap}
 .fuga-builder-public .fuga-design-partners .fuga-role-partner-logo{flex:1 1 145px;min-width:0}
}
@media(max-width:700px){
 .fuga-builder-public .wp-el-page>.wp-el:not(.wp-el-section){padding-inline:15px}
 .fuga-builder-public .wp-el-section{padding:22px 15px}
 .fuga-builder-public :is(h1,h2,h3).wp-el-heading{font-size:clamp(23px,7.5vw,32px);line-height:1.14}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal)>.wp-el-row{width:calc(100% - 32px);padding:50px 0 55px}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .wp-el-col{display:flex!important;flex-direction:column;gap:13px;align-items:stretch}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.fuga-role-hero-title,.fuga-role-hero-subtitle) .wp-el-heading{font-size:clamp(28px,8.2vw,37px);line-height:1.12}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.fuga-role-hero-cta,.fuga-role-hero-cta-secondary){position:relative!important;display:flex!important;width:100%;max-width:100%;margin:0!important}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.fuga-role-hero-cta,.fuga-role-hero-cta-secondary) .wp-el-button{display:flex!important;width:100%!important;min-height:48px;align-items:center;justify-content:center}
 .fuga-builder-public .fuga-design-partners{padding:26px 15px}
 .fuga-builder-public .fuga-design-partners>.wp-el-row{gap:10px}
 .fuga-builder-public .fuga-design-partners .fuga-role-partner-logo{flex:1 1 calc(50% - 10px);min-width:0}
}

/* Auto typography for public pages also overrides desktop inline font-size. A
   defined mobile/tablet override still wins through the generated responsive sheet. */
@media (min-width:701px) and (max-width:1023px){
 .fuga-builder-public :is(h1,h2,h3).wp-el-heading:not([data-fuga-tablet-font]){font-size:clamp(25px,4.4vw,41px)!important}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.fuga-role-hero-title,.fuga-role-hero-subtitle) .wp-el-heading:not([data-fuga-tablet-font]){font-size:clamp(33px,5.8vw,52px)!important}
}
@media (max-width:700px){
 .fuga-builder-public :is(h1,h2,h3).wp-el-heading:not([data-fuga-mobile-font]){font-size:clamp(23px,7.5vw,32px)!important}
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.fuga-role-hero-title,.fuga-role-hero-subtitle) .wp-el-heading:not([data-fuga-mobile-font]){font-size:clamp(28px,8.2vw,37px)!important}
}
/* Public PHP outputs the hero role directly on <a>, while the editor puts it
   on the wrapper. Cover both markup shapes for usable mobile CTA buttons. */
@media(max-width:700px){
 .fuga-builder-public :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .wp-el-button:is(.fuga-role-hero-cta,.fuga-role-hero-cta-secondary){
  display:flex!important;width:100%!important;min-height:48px;align-items:center;justify-content:center;text-align:center;
 }
}

/* v10.35.4: safe custom-script iframe + Bootstrap Icons */
.fuga-builder-public .fuga-component-frame{display:block;width:100%;height:150px;min-height:40px;border:0;background:transparent;overflow:hidden;}
.fuga-builder-public .fuga-custom-frame-wrap{max-width:100%;}
.fuga-builder-public .wp-el-icon.bi{display:inline-block;font-size:32px;line-height:1.2;min-width:1em;min-height:1em;font-family:bootstrap-icons!important;}

.page-surface .wp-el-page,.page-surface .wp-el-col{position:relative}
/* Layout is kept inside one stack per working layer, not per element. */
.page-surface .wp-el-col>.fuga-edit-layer-stack,.page-surface .wp-el-page>.fuga-edit-layer-stack{position:absolute;top:0;left:0;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;pointer-events:none}
.fuga-edit-layer-stack>.wp-block{position:relative;pointer-events:auto;flex:0 0 auto}
.wp-el-video{max-width:100%;min-width:0;aspect-ratio:auto!important}
.wp-el-video iframe,.wp-el-video video{display:block;width:100%;height:var(--video-height,360px);max-width:100%;object-fit:contain}
.wp-el-neon{position:relative;display:block;width:100%;max-width:100%;margin:16px 0;overflow:hidden;background:color-mix(in srgb,var(--neon-color,#00a0d2) 15%,transparent);border-radius:30px}
.wp-el-neon span{position:absolute;inset:0;width:36%;background:linear-gradient(90deg,transparent,var(--neon-color,#00a0d2),#fff,var(--neon-color,#00a0d2),transparent);box-shadow:0 0 18px var(--neon-color,#00a0d2);animation:fuga-neon-line var(--neon-speed,2800ms) ease-in-out infinite alternate}
@keyframes fuga-neon-line{from{transform:translateX(-105%)}to{transform:translateX(285%)}}
@media(max-width:767px){.wp-el-video{width:100%!important}.wp-el-video iframe,.wp-el-video video{height:min(var(--video-height,360px),55vw);min-height:160px}}
@media(prefers-reduced-motion:reduce){.wp-el-neon span,.fuga-loading-circle{animation:none}.wp-el-neon span{width:100%;opacity:.6}}

.page-surface .wp-el-col>.fuga-layer-slot[data-edit-layer],.page-surface .wp-el-page>.fuga-layer-slot[data-edit-layer]{position:absolute;top:0;left:0;max-width:100%;width:100%;z-index:var(--layer-position,2);display:flex;flex-direction:column;gap:10px;align-items:stretch}.fuga-layer-slot[data-edit-layer="2"]{--layer-position:2}.fuga-layer-slot[data-edit-layer="3"]{--layer-position:3}.fuga-layer-slot[data-edit-layer="4"]{--layer-position:4}

/* 10.41 BPKR poster preset based on the existing public bpkr-poster-hero design.
   The logo, kicker, headline and subtitle remain individual editable blocks. */
.page-surface .fuga-design-hero-bpkr{
 --fuga-hero-bg:linear-gradient(180deg,#050a15 5%,#112543 65%,#0b162c 100%);
 min-height:min(800px,89vh);text-align:center;
}
.page-surface .fuga-design-hero-bpkr>.wp-el-row{min-height:inherit;display:flex;align-items:center;justify-content:center;padding:74px 0 85px}
.page-surface .fuga-design-hero-bpkr .wp-el-col{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;width:100%}
.page-surface .fuga-design-hero-bpkr .fuga-role-hero-kicker{margin:0 auto;letter-spacing:.16em}
.page-surface .fuga-design-hero-bpkr .fuga-role-partner-logo{margin-inline:auto;max-width:min(460px,85vw)}
.page-surface .fuga-design-hero-bpkr .fuga-role-partner-logo img,
.page-surface .fuga-design-hero-bpkr .wp-el-image.fuga-role-partner-logo img{display:block;max-height:350px;object-fit:contain;filter:drop-shadow(0 0 32px rgba(232,93,4,.35));transition:transform .35s ease}
.page-surface .fuga-design-hero-bpkr .fuga-role-partner-logo img:hover{transform:scale(1.035)}
.page-surface .fuga-design-hero-bpkr .fuga-role-hero-title{max-width:min(100%,1050px);font-style:normal;text-transform:none;margin-inline:auto;font-size:clamp(29px,4.4vw,66px)}
.page-surface .fuga-design-hero-bpkr .fuga-role-hero-lead{margin-inline:auto;max-width:700px}
@media(max-width:767px){.page-surface .fuga-design-hero-bpkr{min-height:0}.page-surface .fuga-design-hero-bpkr>.wp-el-row{padding:56px 0 65px;min-height:0}.page-surface .fuga-design-hero-bpkr .fuga-role-partner-logo{max-width:85vw}}
@media(prefers-reduced-motion:reduce){.page-surface .fuga-design-hero-bpkr .fuga-role-partner-logo img{transition:none}}

/* v10.42: section background is V1, editable foreground starts in V2.
   When there are NO ordinary V1 children, V2 must establish the height.
   V3 / V4 still overlay independently without altering lower-layer flow. */
.page-surface :is(.wp-el-page,.wp-el-col) > :is(.fuga-layer-slot,.fuga-edit-layer-stack).fuga-layer-flow{
 position:relative;inset:auto;top:auto;left:auto;width:100%;max-width:100%;
 z-index:2;grid-column:1/-1;pointer-events:auto;display:flex;flex-direction:column;
 gap:var(--content-gap,14px);min-height:0;align-items:stretch;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .wp-el-col > :is(.fuga-layer-slot,.fuga-edit-layer-stack).fuga-layer-flow{
 display:grid;grid-template-columns:max-content max-content;justify-content:start;
 align-content:start;align-items:start;column-gap:14px;row-gap:14px;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-layer-flow > :not(.fuga-role-hero-cta):not(.fuga-role-hero-cta-secondary){grid-column:1/-1;min-width:0}
.page-surface .fuga-design-hero-bpkr .wp-el-col > :is(.fuga-layer-slot,.fuga-edit-layer-stack).fuga-layer-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
/* Public PHP attaches the role to .wp-el-text itself; editor attaches to a wrapper.
   Remove the old negative stacking level and never hide the decoration on mobile. */
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword{
 display:block;position:absolute;right:0;bottom:-22px;z-index:0;opacity:.18;
 overflow:visible;white-space:nowrap;max-width:100%;pointer-events:none;user-select:none;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.wp-el-text.fuga-role-hero-sideword,.fuga-role-hero-sideword .wp-el-text){
 font-size:clamp(50px,9vw,150px);color:var(--fuga-hero-color,#fff);
 font-weight:900;letter-spacing:-.09em;line-height:1.1;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) :is(.wp-el-col,.fuga-layer-flow) > :not(.fuga-role-hero-sideword){position:relative;z-index:1}
@media(max-width:700px){
 .page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword{display:block;opacity:.1;bottom:0;right:0}
 .page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .wp-el-col > :is(.fuga-layer-slot,.fuga-edit-layer-stack).fuga-layer-flow{display:flex;flex-direction:column;align-items:stretch;gap:13px}
}

/* v10.43: Partner columns use display:contents. The new V2 flow wrappers must
   ALSO be display:contents, otherwise every partner card becomes a full-width row. */
.page-surface .fuga-design-partners > .wp-el-row > .wp-el-col > :is(.fuga-layer-slot,.fuga-edit-layer-stack).fuga-layer-flow{
 display:contents!important;
}
.page-surface .fuga-design-partners > .wp-el-row > .wp-el-col > .column-empty{
 display:none!important;
}
/* Restrict decorative hero lettering to its own two-word silhouette. This is
   deliberately shared by PHP (role on the <p>) and JS (role on .wp-block). */
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword{
 box-sizing:border-box;white-space:normal!important;word-break:normal;overflow-wrap:normal;
 width:min-content!important;min-width:min-content;max-width:100%;height:max-content;
 text-align:center;line-height:.88;pointer-events:none;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword .wp-el-text{
 box-sizing:border-box;white-space:normal!important;word-break:normal;overflow-wrap:normal;
 width:min-content;min-width:min-content;max-width:100%;line-height:.88;
}

/* v10.44: absolute-positioned items placed in a CSS grid are otherwise
   anchored to the grid track (small centered rectangle), not the full hero.
   Neutralizing the grid placement anchors FUGA / TEAM to the lower right. */
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-layer-flow > .fuga-role-hero-sideword{
 grid-column:auto!important;grid-row:auto!important;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword{
 right:0!important;left:auto!important;bottom:0;max-width:100%;text-align:right;
}
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .fuga-role-hero-sideword .wp-el-text{text-align:right}
/* Public markup places the decoration directly in the hero grid; it also
   needs unrestricted positioning rather than a single grid-area anchor. */
.page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-bpkr,.fuga-design-hero-sport,.fuga-design-hero-minimal) .wp-el-col > .fuga-role-hero-sideword{
 grid-column:auto!important;grid-row:auto!important;
}
/* Keep the decoration inside the Hero even when the live page contains only a
   short headline. The row (and its positioned column) fill the Hero height. */
@media(min-width:701px){
 .page-surface :is(.fuga-design-hero-skfuga,.fuga-design-hero-sport,.fuga-design-hero-minimal) > .wp-el-row{
  min-height:inherit;align-items:stretch;
 }
}