/* Native image blocks remain a readable gallery before enhancement. */
.foe-vision-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto!important}
.foe-vision-gallery>.wp-block-image{margin:0!important;min-width:0}
.foe-vision-gallery>.wp-block-image img{aspect-ratio:16/10;width:100%;object-fit:cover}
.foe-vision-gallery[data-gallery=ready]{display:block;position:relative;isolation:isolate;margin-block:8px 0!important}
.foe-vision-stage{position:relative;perspective:1400px;height:clamp(280px,38vw,500px);overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;border-radius:16px;background:var(--surface-soft)}
.foe-vision-stage:active{cursor:grabbing}
.foe-vision-stage>.wp-block-image{position:absolute;left:10%;top:24px;width:80%;height:calc(100% - 48px);padding:0;margin:0!important;overflow:hidden;border-radius:16px;background:var(--surface);box-shadow:0 18px 32px rgba(15,39,75,.21);border:0;transform-origin:50% 50%;backface-visibility:hidden;transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .45s ease,filter .45s ease}
.foe-vision-stage>.wp-block-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 36%;border-radius:0;pointer-events:none;user-select:none}
.foe-vision-stage>.wp-block-image[data-position=active]{transform:translateX(0) translateZ(0) rotateY(0);z-index:3;opacity:1;filter:none}
.foe-vision-stage>.wp-block-image[data-position=before]{transform:translateX(-57%) translateZ(-320px) rotateY(34deg);z-index:1;opacity:.5;filter:blur(1px)}
.foe-vision-stage>.wp-block-image[data-position=after]{transform:translateX(57%) translateZ(-320px) rotateY(-34deg);z-index:1;opacity:.5;filter:blur(1px)}
.foe-vision-stage>.wp-block-image figcaption{position:absolute;inset:auto 0 0;max-width:none;margin:0;padding:40px 24px 20px;background:linear-gradient(transparent,rgba(5,18,37,.88));color:#fff;font-size:.9rem;font-weight:650;line-height:1.45;border:0;border-radius:0;backdrop-filter:none}
.foe-vision-stage>.wp-block-image:not([data-position=active]) figcaption{opacity:0}
.foe-vision-controls{display:flex;align-items:center;gap:24px;margin:16px 0 0!important;padding:0 8px}
.foe-vision-tabs{display:flex;gap:16px;flex:1;min-width:0}
.foe-vision-tab{display:flex;align-items:center;gap:12px;position:relative;isolation:isolate;overflow:hidden;flex:1;max-width:360px;min-width:0;min-height:58px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);font-size:.86rem;line-height:1.35;font-weight:700;text-align:left;transition:border-color .18s ease,background-color .18s ease}
.foe-vision-tab>span:first-child{font-size:.75rem;color:var(--muted);flex:none}
.foe-vision-tab[aria-selected=true]{background:var(--blue-wash);border-color:var(--blue-strong);color:var(--blue-strong)}
.foe-vision-tab[aria-selected=true]>span:first-child{color:var(--blue-strong)}
.foe-vision-tab:hover,.foe-vision-arrow:hover{border-color:var(--foe-purple)}
.foe-vision-pager{display:flex;gap:8px;flex:none}
.foe-vision-controls .motion-toggle{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;flex:none;min-height:48px;margin:0;max-width:none;font-size:.75rem!important}
.foe-vision-arrow{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-width:48px;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:50%;background:var(--glass);color:var(--blue-strong)}
.foe-vision-arrow svg{width:22px;height:22px}
.foe-vision-status{position:absolute;width:1px;height:1px;margin:0!important;overflow:hidden;clip-path:inset(50%)}
.foe-vision-tab:focus-visible,.foe-vision-arrow:focus-visible,.foe-vision-stage>.wp-block-image:focus-visible{outline:3px solid var(--foe-purple);outline-offset:3px}
.foe-vision-problem{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;background:var(--surface);text-align:center}
.foe-vision-problem p{max-width:42ch;margin:0;color:var(--ink)}
.foe-vision-problem button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--blue-wash);color:var(--blue-strong)}
.foe-future-hero .wp-block-button__link{position:relative;isolation:isolate;overflow:hidden}
[data-foe-light=active]::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(110px circle at var(--foe-light-x,50%) var(--foe-light-y,50%),rgba(255,255,255,.35),transparent 72%);z-index:1}
html[data-theme=dark] [data-foe-light=active]::after{background:radial-gradient(100px circle at var(--foe-light-x,50%) var(--foe-light-y,50%),rgba(162,206,255,.2),transparent 72%)}
.foe-focus-line{display:block;position:relative;width:fit-content;max-width:100%;padding:6px 0;margin:0;transition:color .25s ease}
.foe-focus-line::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--blue-strong);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.foe-focus-line.is-focused{color:var(--blue-strong)}
.foe-focus-line.is-focused::after{transform:scaleX(1)}
.foe-future-hero h1{letter-spacing:-.035em}
html[data-theme=dark] .foe-vision-stage{background:#101e31}
html[data-theme=dark] .foe-vision-stage>.wp-block-image{box-shadow:0 20px 40px rgba(0,0,0,.35)}
.foe-vision-stage>.wp-block-image img[hidden]{display:none}
@media(max-width:780px){.foe-vision-stage{height:clamp(225px,57vw,390px)}.foe-vision-stage>.wp-block-image{left:6%;width:88%;top:16px;height:calc(100% - 32px)}.foe-vision-stage>.wp-block-image[data-position=before]{transform:translateX(-74%) translateZ(-240px) rotateY(28deg)}.foe-vision-stage>.wp-block-image[data-position=after]{transform:translateX(74%) translateZ(-240px) rotateY(-28deg)}.foe-vision-stage>.wp-block-image figcaption{padding:32px 16px 14px;font-size:.8rem}.foe-vision-controls{gap:12px;flex-wrap:wrap;padding:0;margin-top:12px!important}.foe-vision-tabs{gap:8px;flex-basis:100%}.foe-vision-tab{padding:12px;font-size:.78rem;gap:8px;min-height:68px}.foe-vision-pager{margin-left:auto}.foe-vision-arrow{min-width:44px;min-height:44px;padding:10px}.foe-vision-gallery:not([data-gallery=ready]){grid-template-columns:1fr}.foe-focus-line{padding-block:4px}}
html[data-motion=paused] .foe-vision-stage>.wp-block-image,html[data-cinematic-motion=paused] .foe-vision-stage>.wp-block-image{transition:none!important;filter:none!important;transform:none!important;left:0;width:100%;opacity:0}
html[data-motion=paused] .foe-vision-stage>.wp-block-image[data-position=active],html[data-cinematic-motion=paused] .foe-vision-stage>.wp-block-image[data-position=active]{opacity:1}
html[data-motion=paused] .foe-focus-line,html[data-motion=paused] .foe-focus-line::after,html[data-cinematic-motion=paused] .foe-focus-line,html[data-cinematic-motion=paused] .foe-focus-line::after{transition:none}
html[data-motion=paused] [data-foe-light]::after,html[data-cinematic-motion=paused] [data-foe-light]::after{display:none}
@media(prefers-reduced-motion:reduce){.foe-vision-stage>.wp-block-image{transition:none!important;transform:none!important;filter:none!important;left:0;width:100%;opacity:0}.foe-vision-stage>.wp-block-image[data-position=active]{opacity:1}.foe-focus-line,.foe-focus-line::after{transition:none}[data-foe-light]::after{display:none}}
@media(forced-colors:active){.foe-vision-tab[aria-selected=true]{outline:2px solid Highlight}.foe-vision-stage>.wp-block-image figcaption{background:Canvas;color:CanvasText}.foe-focus-line.is-focused{color:Highlight}.foe-focus-line::after{background:Highlight}}
