/* Photography leads; text occupies the shaded edge, never the subject's whole frame. */
@property --editorial-wipe { syntax:'<percentage>'; inherits:false; initial-value:0%; }
:is(.fxp-page,.fx-home,.shopfx-landing) { --editorial-header-height:82px; }
:is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; box-sizing:border-box; background:#07131f; color:#f2f8fc; }
:is(.fxp-page,.fx-home,.shopfx-landing) :is(.fxp-hero,.fx-home-hero,.sfx-hero) { width:100%; min-height:780px; min-height:clamp(700px,92svh,960px); margin-top:calc(-1 * var(--editorial-header-height)); padding:calc(var(--editorial-header-height) + 70px) max(32px,calc((100% - 1380px)/2)) 88px; border-radius:0; }
[data-editorial-banner] > figure { position:absolute; z-index:-2; inset:0; width:100%; max-width:none; height:100%; margin:0; border:0; border-radius:0; background:#07131f; }
[data-editorial-banner] > figure > img { display:block; width:100%; height:100%; object-fit:cover; object-position:65% top; animation:editorial-drift 22s ease-in-out infinite alternate; }
[data-editorial-banner] > figure[data-editorial-slides] > img.editorial-slide { position:absolute; inset:var(--editorial-header-height) 0 0; width:100%; height:calc(100% - var(--editorial-header-height)); margin:0; object-fit:cover; opacity:0; animation:none; }
[data-editorial-banner] > figure[data-editorial-slides] > img.is-current { opacity:1; z-index:0; }
[data-editorial-banner] > figure[data-editorial-slides] > img.is-entering { z-index:1; animation:editorial-fade 2s cubic-bezier(.45,0,.55,1) both; }
[data-carousel-wipe="true"] > figure[data-editorial-slides] > img.is-entering { opacity:1; animation-name:editorial-wipe; mask-image:linear-gradient(var(--editorial-wipe-angle,0deg),#000 calc(var(--editorial-wipe) - 100%),transparent var(--editorial-wipe)); -webkit-mask-image:linear-gradient(var(--editorial-wipe-angle,0deg),#000 calc(var(--editorial-wipe) - 100%),transparent var(--editorial-wipe)); }
@keyframes editorial-wipe { from { --editorial-wipe:0%; } to { --editorial-wipe:200%; } }
@keyframes editorial-fade { from { opacity:0; } to { opacity:1; } }
:is(.fxp-hero,.fx-home-hero,.sfx-hero)[data-editorial-banner] > figure > img { margin-top:var(--editorial-header-height); height:calc(100% - var(--editorial-header-height)); }
:is(.fxp-hero,.fx-home-hero,.sfx-hero)[data-editorial-banner] > figure[data-editorial-slides] > img.editorial-slide { margin-top:0; }
[data-editorial-banner]::after { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(3,10,19,.96),rgba(3,10,19,.82) 25%,rgba(3,10,19,.36) 51%,rgba(3,10,19,.04) 76%),linear-gradient(0deg,rgba(3,10,19,.5),transparent 38%); }
[data-editorial-banner] > div:first-of-type { position:relative; z-index:1; width:min(41%,550px); }
/* The photographic copy space stays on the left even when the text reads RTL. */
[dir="rtl"] :is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] { justify-content:flex-end; }
:is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] h1 { color:#f5f9ff; font-size:clamp(2rem,3.1vw,3.2rem); line-height:1.15; max-width:21ch; text-shadow:0 2px 20px #03101b44; }
:is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] p { color:#d0e0eb; }
:is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] :is(.fxp-kicker,.fx-home-kicker) { color:#8de9f2; }
:is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] :is(em,.sfx-wordmark,.fxp-brand) { color:#effbff; }
[data-editorial-banner] :is(.fxp-secondary,.fx-home-button.secondary,.sfx-text-link) { color:#f6fcff!important; background:rgba(5,18,29,.35); border-color:#a5c6d36b; }
[data-editorial-banner] :is(.fxp-audience,.fx-home-note) { color:#bdd1df; }
[data-editorial-banner] .fxp-hero-sequence { display:none; }
.fx-home .fx-home-final[data-editorial-banner] { width:min(1440px,calc(100% - 48px)); min-height:580px; padding:70px; border-radius:26px; margin-block:50px 90px; }
.fx-home .fx-home-final[data-editorial-banner] > div { width:43%; }
.fx-home .fx-home-final[data-editorial-banner] > figure { width:100%; }
.fx-home .fx-home-final[data-editorial-banner] > figure > img { width:100%; height:100%; border-radius:0; object-position:70% top; }
.fx-home .fx-home-final[data-editorial-banner] h2 { color:#f5f9ff; font-size:clamp(1.7rem,2.5vw,2.5rem); }
.editorial-motion-toggle { position:absolute; right:24px; bottom:22px; z-index:3; display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:10px 15px; border:1px solid #c2deeb66; border-radius:24px; background:#061420b8; backdrop-filter:blur(12px); color:#f1f8ff; font:inherit; font-size:.74rem; cursor:pointer; }
.editorial-motion-toggle::before { content:'Ⅱ'; font-size:1rem; }
[data-motion-paused="true"] .editorial-motion-toggle::before { content:'▷'; }
.editorial-motion-toggle:focus-visible { outline:3px solid #85e7ef; outline-offset:4px; }
.editorial-slide-controls { position:absolute; z-index:4; left:50%; bottom:22px; transform:translateX(-50%); display:flex; align-items:center; gap:7px; padding:5px 8px; border:1px solid #c2deeb66; border-radius:28px; background:#061420b8; backdrop-filter:blur(12px); }
.editorial-slide-controls button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:transparent; color:#e5f2fa; font-family:inherit; font-size:.78rem; font-weight:600; line-height:1; cursor:pointer; }
.editorial-slide-controls button[aria-current="true"] { color:#061420; background:#8de9f2; }
.editorial-slide-controls button:focus-visible { outline:2px solid #8de9f2; outline-offset:2px; }
.editorial-slide-controls .editorial-slide-arrow { font-size:1.45rem; }
.fxp-photo-uncovered { margin-block:12px 58px; }
.fxp-photo-uncovered img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:22px; }
.fxp-photo-uncovered figcaption { margin-top:12px; color:var(--fxp-muted); font-size:.78rem; }
.fxp-visual-story figure { width:100%; }
.fxp-visual-story figure img { object-fit:cover; aspect-ratio:3/2; }
[data-motion-paused="true"] > figure:not([data-editorial-slides]) > img { animation-play-state:paused; }
.fxp-visual-story { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:42px; }
.fxp-visual-story:nth-child(even) { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); }
.fx-home-group { grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr); gap:48px; }
.fx-home-group:nth-child(even) { grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); }
.fx-home-group-story figure { max-width:none; }
.fx-home-training { grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr); }
@keyframes editorial-drift { from { transform:scale(1.015) translateX(.25%); } to { transform:scale(1.07) translateX(-.7%); } }
@media(min-width:1700px){
  :is(.fxp-page,.fx-home,.shopfx-landing) :is(.fxp-hero,.fx-home-hero,.sfx-hero) { min-height:900px; }
}
@media(max-width:800px){
  :is(.fxp-page,.fx-home,.shopfx-landing) { --editorial-header-height:116px; }
  :is(.fxp-page,.fx-home,.shopfx-landing) :is(.fxp-hero,.fx-home-hero,.sfx-hero) { min-height:1000px; padding:calc(var(--editorial-header-height) + 360px) 24px 168px; align-items:flex-end; }
  :is(.fxp-hero,.fx-home-hero,.sfx-hero)[data-editorial-banner] > figure > img { height:60%; object-position:57% top; object-fit:cover; }
  [data-editorial-banner]::after { background:linear-gradient(0deg,#030b15 0%,rgba(3,11,21,.95) 28%,rgba(3,11,21,.78) 46%,rgba(3,11,21,.03) 77%); }
  [data-editorial-banner] > div:first-of-type { width:100%; max-width:560px; }
  :is(.fxp-page,.fx-home,.shopfx-landing) [data-editorial-banner] h1 { font-size:2rem; max-width:22ch; }
  .fx-home .fx-home-final[data-editorial-banner] { min-height:730px; width:calc(100% - 24px); padding:380px 24px 80px; align-items:flex-end; border-radius:20px; }
  .fx-home .fx-home-final[data-editorial-banner] > div { width:100%; }
  .fx-home .fx-home-final[data-editorial-banner] > figure > img { height:65%; object-position:68% top; }
  .fxp-visual-story,.fxp-visual-story:nth-child(even),.fx-home-group,.fx-home-group:nth-child(even),.fx-home-training { grid-template-columns:1fr; }
  .editorial-motion-toggle { right:20px; bottom:18px; }
  [data-editorial-banner] > figure[data-editorial-slides] > img.editorial-slide { height:60%; object-position:57% top; }
  .editorial-slide-controls { left:24px; right:auto; transform:none; bottom:18px; }
  .editorial-motion-toggle { right:18px; bottom:70px; }
}
@media(prefers-reduced-motion:reduce){
  [data-editorial-banner] > figure > img { animation:none; transform:none; }
  [data-editorial-banner] > figure[data-editorial-slides] > img.is-entering { animation:none; opacity:1; mask-image:none; -webkit-mask-image:none; }
  .editorial-motion-toggle { display:none; }
}