/* Shared A/B/C areas only. Existing section dimensions and palettes stay intact. */
body.wec-design-preview-c:has(.wec-f) { margin: 0; background: #030a20; }
.wec-area-scroll { position: relative; }
.wec-area-scroll.is-area-scroll { height: calc(var(--wec-area-scene-height, 100svh) + 120svh); }
.wec-area-scroll.is-area-scroll > .wec-f__areas {
	position: relative;
	transform: translate3d(0,var(--wec-area-pin-shift,0px),0);
	will-change: transform;
}
/* Each story has its own exposure; no gradient crosses section boundaries. */
.wec-f .wec-f__stories[data-wec-light] { background: var(--wec-story-light); transition: background-color 650ms ease; }
.wec-f__stories[data-wec-light="0"] { --wec-story-light: #0b1830; }
.wec-f__stories[data-wec-light="1"] { --wec-story-light: #030817; }
.wec-f__stories[data-wec-light="2"] { --wec-story-light: #122442; }
.wec-f__stories[data-wec-light] .wec-f__slide-image img { filter: brightness(var(--wec-story-exposure,1)); transition: filter 650ms ease; }
.wec-f__stories[data-wec-light="1"] { --wec-story-exposure: .76; }
.wec-f__stories[data-wec-light="2"] { --wec-story-exposure: 1.12; }
.wec-f__area-deck { grid-column: 1 / -1; min-width: 0; min-height: 0; margin-top: 40px; }
.wec-f__deck-stage { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.wec-f__deck-card { --deck-edge: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px)); position: relative; min-width: 0; min-height: 390px; isolation: isolate; color: var(--wec-text); filter: drop-shadow(0 18px 20px rgba(3,10,32,.22)); }
.wec-f__deck-card::before { content: ""; position: absolute; inset: 0; z-index: -3; clip-path: var(--deck-edge); background: linear-gradient(135deg, rgba(236,242,255,.62), rgba(147,228,214,.16) 45%, rgba(236,242,255,.35)); pointer-events: none; }
.wec-f__deck-image { position: absolute; inset: 1px; z-index: -2; overflow: hidden; clip-path: var(--deck-edge); background: #07142c; }
.wec-f__deck-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.76) brightness(.94); transition: filter .8s ease, transform 1s cubic-bezier(.22,1,.36,1); }
.wec-f__deck-card::after { content: ""; position: absolute; inset: 1px; z-index: -1; clip-path: var(--deck-edge); background: linear-gradient(180deg, rgba(3,10,32,.28), rgba(3,10,32,.76) 48%, #030a20); pointer-events: none; }
.wec-f__deck-image::after { content: ""; position: absolute; inset: -30% -55%; background: linear-gradient(110deg, transparent 34%, rgba(222,238,255,.2) 49%, transparent 63%); transform: translateX(-80%); opacity: 0; pointer-events: none; }
.wec-f__deck-copy { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: clamp(24px, 3vw, 42px); }
.wec-f__deck-copy h3 { font-size: clamp(25px, 2.5vw, 37px); font-weight: 600; letter-spacing: -.035em; line-height: 1.12; }
.wec-f__deck-copy h3 button { display: block; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
.wec-f__deck-content p { max-width: 37ch; margin-top: 18px !important; color: #dfebf7; font-size: 17px; line-height: 1.55; }
.wec-f__deck-content a { display: inline-flex; gap: 16px; align-items: center; min-height: 44px; margin-top: 20px; border-bottom: 1px solid rgba(236,242,255,.65); font-size: 15px; font-weight: 700; }
.wec-f__deck-controls[hidden] { display: none; }
.wec-f__deck-controls { display: flex; align-items: center; justify-content: center; gap: 14px; padding-top: 16px; }
.wec-f__deck-controls > button { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 50%; color: inherit; background: transparent; font-size: 23px; }
.wec-f__deck-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.wec-f__deck-tabs button { min-height: 44px; padding: 8px 16px; border: 1px solid transparent; border-radius: 24px; background: transparent; color: inherit; font-size: 14px; font-weight: 600; }
.wec-f__deck-tabs button[aria-pressed="true"] { border-color: currentColor; }
.wec-f__deck-controls button:hover { background: rgba(147,228,214,.15); }
.wec-f__deck-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wec-f__area-deck.is-deck-ready .wec-f__deck-stage { position: relative; display: block; height: clamp(370px, 49svh, 570px); perspective: 1400px; touch-action: pan-y; }
.is-deck-ready .wec-f__deck-card { position: absolute; inset: 0 auto 0 28%; width: 44%; min-height: 0; transition: transform .98s cubic-bezier(.2,.76,.25,1), filter .98s ease, opacity .35s ease; will-change: transform; }
.is-deck-ready .wec-f__deck-card.is-deck-repositioning { opacity: 0; transition: none !important; }
.is-deck-ready .wec-f__deck-card[data-position="front"] { z-index: 3; transform: translate3d(0,0,40px); filter: drop-shadow(0 24px 24px rgba(3,10,32,.34)); }
.is-deck-ready .wec-f__deck-card[data-position="front"] .wec-f__deck-image::after { animation: wec-deck-light 1.15s .08s cubic-bezier(.22,1,.36,1) both; }
.is-deck-ready .wec-f__deck-card:not([data-position="front"]) .wec-f__deck-image img { filter: saturate(.65) brightness(.63); transform: scale(1.035); }
.is-deck-ready .wec-f__deck-card[data-position="left"] { z-index: 1; transform: translate3d(-68%,0,-90px) scale(.84) rotateY(9deg); }
.is-deck-ready .wec-f__deck-card[data-position="right"] { z-index: 1; transform: translate3d(68%,0,-90px) scale(.84) rotateY(-9deg); }
.is-deck-ready .wec-f__deck-card:not([data-position="front"]) .wec-f__deck-copy { justify-content: flex-start; padding-top: 32px; }
.is-deck-ready .wec-f__deck-card:not([data-position="front"]) h3 { max-width: 13ch; font-size: clamp(23px, 1.8vw, 29px); }
.is-deck-ready .wec-f__deck-card:not([data-position="front"]) h3 button { overflow-wrap: anywhere; }
.is-deck-ready .wec-f__deck-card[data-position="right"] h3 { align-self: flex-end; }
.is-deck-ready .wec-f__deck-content { transition: opacity .35s ease; }
.is-deck-ready .wec-f__deck-card:not([data-position="front"]) .wec-f__deck-content { opacity: 0; visibility: hidden; }
@media (min-width: 901px) {
	.wec-f__area-deck { display: grid; grid-template-rows: minmax(0,1fr) auto; height: 100%; margin-top: 0; }
	.wec-f__area-deck.is-deck-ready .wec-f__deck-stage { height: 100%; }
}
@media (min-width: 901px) and (max-height: 720px) {
	.wec-f__deck-copy { padding: 24px 28px; }
	.wec-f__deck-copy h3 { font-size: 29px; }
	.wec-f__deck-content p { margin-top: 12px !important; font-size: 16px; line-height: 1.45; }
	.wec-f__deck-content a { margin-top: 12px; }
	.wec-f__deck-controls { padding-top: 10px; }
}
@media (max-width: 900px) {
	.wec-f__deck-stage { grid-template-columns: 1fr; }
	.is-deck-ready .wec-f__deck-card { left: 20%; width: 60%; }
	.is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-38%,0,-90px) scale(.84) rotateY(9deg); }
	.is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(38%,0,-90px) scale(.84) rotateY(-9deg); }
	.is-deck-ready .wec-f__deck-card:not([data-position="front"]) h3 { visibility: hidden; }
}
@media (max-width: 600px) {
	.wec-f__area-deck { margin-top: 26px; }
	.wec-f__area-deck.is-deck-ready .wec-f__deck-stage { height: 390px; }
	.is-deck-ready .wec-f__deck-card { left: 7%; width: 86%; }
	.is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-11%,0,-80px) scale(.86); }
	.is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(11%,0,-80px) scale(.86); }
	.wec-f__deck-copy { padding: 26px; }
	.wec-f__deck-copy h3 { font-size: 30px; }
	.wec-f__deck-content p { font-size: 16px; }
	.wec-f__deck-controls { gap: 8px; }
	.wec-f__deck-tabs { gap: 0; }
	.wec-f__deck-tabs button { padding: 7px 9px; font-size: 12px; }
}
/* B's selection is a short depth/light change, never an ambient loop. */
.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="front"] {
	filter: drop-shadow(0 26px 30px rgba(0,3,12,.65));
}
.wec-design-preview-b .wec-f__deck-card::before {
	background: radial-gradient(circle at var(--wec-deck-light-x,35%) var(--wec-deck-light-y,25%), #c0d2eb, rgba(90,121,163,.35) 55%), linear-gradient(135deg, #758eae, #25334c);
}
.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="front"] .wec-f__deck-image img {
	transform: scale(1.045) translateX(var(--wec-deck-photo-x,0px));
	filter: saturate(.8) brightness(1.03);
}
.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="left"] .wec-f__deck-image img { transform: scale(1.12) translateX(14px); }
.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="right"] .wec-f__deck-image img { transform: scale(1.12) translateX(-14px); }
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
	.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="front"] {
		transform: translate3d(0,0,40px) rotateX(var(--wec-deck-tilt-x,0deg)) rotateY(var(--wec-deck-tilt-y,0deg));
	}
	.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-68%,0,-140px) scale(.82) rotateY(11deg); }
	.wec-design-preview-b .is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(68%,0,-140px) scale(.82) rotateY(-11deg); }
}
@media (prefers-reduced-motion: reduce) {
	.wec-f .wec-f__stories[data-wec-light], .wec-f__stories[data-wec-light] .wec-f__slide-image img { transition: none; }
	.is-deck-ready .wec-f__deck-card { transition: none; }
	.is-deck-ready .wec-f__deck-card[data-position="front"] { transform: none; }
	.wec-f__deck-image::after { display: none; }
	.wec-design-preview-b .is-deck-ready .wec-f__deck-card .wec-f__deck-image img { transform: none; transition: none; }
}
@keyframes wec-deck-light {
	0% { transform: translateX(-80%); opacity: 0; }
	28% { opacity: .65; }
	100% { transform: translateX(80%); opacity: 0; }
}
/* A/B/C: a single, continuous slide for arrows and scroll; no card rotation. */
:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card { transition: transform .85s cubic-bezier(.22,.68,.2,1), filter .85s ease, opacity .35s ease; }
:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="front"] { transform: translate3d(0,0,40px); }
:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-68%,0,-90px) scale(.84); }
:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(68%,0,-90px) scale(.84); }
@media (max-width: 900px) {
	:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-38%,0,-90px) scale(.84); }
	:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(38%,0,-90px) scale(.84); }
}
@media (max-width: 600px) {
	:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="left"] { transform: translate3d(-11%,0,-80px) scale(.86); }
	:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card[data-position="right"] { transform: translate3d(11%,0,-80px) scale(.86); }
}
@media (prefers-reduced-motion: reduce) {
	:is(.wec-design-preview-a,.wec-design-preview-b,.wec-design-preview-c) .is-deck-ready .wec-f__deck-card { transition: none; }
}