/* WASSIMVISUALS V2.2 — Shared word animation engine.
   Exactly the same word transitions are used in the public Hero and in Admin preview.
   Does not alter hero dimensions, grid, spacing or other homepage components. */
.wv-word-motion{white-space:pre-line}
.wv-word-motion .wv-word-shell{
  display:inline-block;vertical-align:baseline;white-space:nowrap;
  overflow:clip;perspective:900px;
}
.wv-word-motion .wv-word{display:inline-block;position:relative;transform-origin:center 80%;backface-visibility:hidden}
.wv-word-motion.wv-ready{isolation:isolate}
.wv-word-motion.wv-play{
  --wv-duration:790ms;--wv-stagger:115ms;
}
.wv-word-motion.wv-play[data-wv-speed="slow"]{--wv-duration:1050ms;--wv-stagger:170ms}
.wv-word-motion.wv-play[data-wv-speed="fast"]{--wv-duration:540ms;--wv-stagger:75ms}
.wv-word-motion.wv-play .wv-word{
  animation-duration:var(--wv-duration);
  animation-timing-function:cubic-bezier(.22,1,.36,1);
  animation-fill-mode:both;
  animation-delay:var(--wv-delay,0ms);
}
/* 1: signature editorial word-by-word */
.wv-word-motion.wv-play[data-wv-animation="mask-rise"] .wv-word{animation-name:wv-mask-rise}
.wv-word-motion.wv-play[data-wv-animation="soft-fade"] .wv-word{animation-name:wv-soft-fade}
.wv-word-motion.wv-play[data-wv-animation="focus-blur"] .wv-word{animation-name:wv-focus-blur}
.wv-word-motion.wv-play[data-wv-animation="scale-pop"] .wv-word{animation-name:wv-scale-pop;animation-timing-function:cubic-bezier(.18,1.12,.34,1)}
.wv-word-motion.wv-play[data-wv-animation="editorial-flip"] .wv-word{animation-name:wv-editorial-flip}
.wv-word-motion.wv-play[data-wv-animation="horizontal-wipe"] .wv-word{animation-name:wv-horizontal-wipe}
@keyframes wv-mask-rise{from{transform:translate3d(0,110%,0)}to{transform:translate3d(0,0,0)}}
@keyframes wv-soft-fade{from{opacity:0;transform:translate3d(0,23px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wv-focus-blur{from{opacity:0;filter:blur(15px);transform:translate3d(0,12px,0)}to{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}}
@keyframes wv-scale-pop{from{opacity:0;transform:scale(.68) translate3d(0,13px,0)}to{opacity:1;transform:scale(1) translate3d(0,0,0)}}
@keyframes wv-editorial-flip{from{opacity:0;transform:rotateX(-72deg) translateY(10px)}to{opacity:1;transform:rotateX(0deg) translateY(0)}}
@keyframes wv-horizontal-wipe{from{clip-path:inset(0 100% 0 0);transform:translateX(-10px)}to{clip-path:inset(0 0 0 0);transform:translateX(0)}}

/* Motion Lab: isolated styling only inside the homepage editor. */
.hero-motion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:2px 0 21px}
.hero-motion-head h3{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.055em;margin:10px 0 7px}
.hero-motion-head .hint{max-width:540px;line-height:1.6;margin:0}
.hero-motion-counter{border:1px solid #e4e4df;padding:9px 12px;border-radius:999px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#858580;white-space:nowrap}
.hero-motion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.studio-body .hero-motion-choice{position:relative;display:flex;align-items:start;gap:12px;border:1px solid #e4e4df;border-radius:11px;background:#fafaf9;padding:18px;min-height:99px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;min-width:0;margin:0}
.hero-motion-choice:hover{border-color:#b2b2ac;background:#fff}
.hero-motion-choice:has(input:checked){border-color:#1b1b1b;background:#fff;box-shadow:0 0 0 1px #1b1b1b inset}
.hero-motion-choice:focus-within{outline:2px solid #1b1b1b;outline-offset:3px}
.studio-body .hero-motion-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.hero-motion-choice-index{font-size:10px;letter-spacing:.08em;color:#aaa;font-weight:800;flex-shrink:0;margin-top:3px}
.hero-motion-choice-content{display:flex;flex-direction:column;gap:7px;padding-right:4px}
.hero-motion-choice-content strong{font-size:13px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1b1b1b}
.hero-motion-choice-content small{font-size:10px;line-height:1.55;color:#858581;max-width:210px}
.hero-motion-choice-indicator{display:block;flex-shrink:0;width:17px;height:17px;border:1.5px solid #c2c2bd;border-radius:50%;margin-left:auto;margin-top:1px}
.hero-motion-choice:has(input:checked) .hero-motion-choice-indicator{border:5px solid #1a1a1a}
.hero-motion-settings{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px;align-items:end;margin:26px 0 22px}
.hero-motion-settings label{margin-top:0}
.hero-motion-settings select{width:100%}
.hero-motion-setting-note{display:block;font-size:11px;color:#858580;line-height:1.65;margin-bottom:5px}
.hero-preview-block{border-radius:12px;overflow:hidden;border:1px solid #e6e6e2;background:#141414}
.hero-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;background:#fff;color:#111}
.hero-preview-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;font-weight:800;color:#777;flex-wrap:wrap}
.hero-preview-eyebrow #hero-motion-current-label{color:#111;margin-left:8px}
.hero-preview-live-dot{height:7px;width:7px;background:#5fb678;border-radius:50%;box-shadow:0 0 0 3px #e3f2e7}
.studio-body .hero-motion-replay{border:1px solid #ddd;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#191919;background:#fff;padding:9px 13px;font-size:10px;letter-spacing:.05em;font-weight:800;cursor:pointer}
.studio-body .hero-motion-replay:hover{background:#141414;color:#fff;border-color:#141414}
.hero-preview-art{padding:clamp(22px,4vw,46px);min-height:clamp(240px,25vw,340px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.hero-preview-issue,.hero-preview-baseline{font-size:9px;letter-spacing:.14em;font-weight:700;color:#a6a6a6}
.hero-preview-baseline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #555;padding-top:15px}
.hero-preview-title{font-family:Manrope,'DM Sans',Arial,sans-serif;font-weight:850;letter-spacing:-.085em;line-height:.91;font-size:clamp(33px,4.25vw,73px);color:#f5f4ef;margin:35px 0;overflow-wrap:break-word;text-wrap:balance}
.hero-motion-accessibility{margin-top:13px!important}
.hero-motion-advanced{border-top:1px solid #eee;margin-top:25px;padding-top:16px}
.hero-motion-advanced summary{font-size:11px;color:#888;cursor:pointer;font-weight:700}
.hero-motion-advanced select{max-width:320px}
.hero-motion-advanced p{line-height:1.6}
@media(max-width:760px){.hero-motion-options{grid-template-columns:1fr}.hero-motion-head{flex-wrap:wrap}.hero-motion-settings{grid-template-columns:1fr;gap:7px}.hero-preview-title{font-size:clamp(30px,6vw,54px)}}
@media(max-width:420px){.hero-preview-art{padding:20px}.hero-preview-title{font-size:clamp(28px,9vw,45px)}.hero-preview-toolbar{padding:12px}.hero-preview-eyebrow{font-size:8px}.hero-preview-eyebrow #hero-motion-current-label{display:none}}
@media(prefers-reduced-motion:reduce){
 .wv-word-motion .wv-word{animation:none!important;opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}
 .hero-motion-choice,.hero-motion-replay{transition:none!important}
}
/* Keep the existing editor Save CTA compact: the embedded SVG has no intrinsic size. */
.studio-body .editor-savebar button{display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap}
.studio-body .editor-savebar button svg{width:15px;height:15px;max-width:15px;max-height:15px;flex:none}