/* WYD SiteBuilder: shared full-image homepage hero. Copy with hero-carousel.js. */
.wyd-hero{--hero-accent:var(--accent,#c8a24a);--hero-duration:6s;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;min-height:560px;background:#0b1925;color:#fff}
.wyd-hero .wyd-hero-scenes{position:absolute;inset:0;z-index:-2}
.wyd-hero .wyd-hero-scene{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.wyd-hero .wyd-hero-scene.is-active{opacity:1}
.wyd-hero .wyd-hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,65% 50%)}
.wyd-hero[data-ready] .wyd-hero-scene.is-active img{animation:wyd-hero-approach var(--hero-duration) linear both}
.wyd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,15,26,.93),rgba(5,15,26,.7) 35%,rgba(5,15,26,.13) 76%),linear-gradient(0deg,rgba(5,15,26,.7),transparent 38%);pointer-events:none}
.wyd-hero .wyd-hero-copy{position:relative;max-width:640px;padding:76px 50px 130px}
.wyd-hero .wyd-hero-copy small{display:block;font:600 11px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--hero-accent)}
.wyd-hero .wyd-hero-copy :is(h1,h2){font-size:clamp(34px,5.1cqw,60px);line-height:1.08;letter-spacing:-1.8px;color:#fff;margin:20px 0 24px;max-width:550px}
.wyd-hero .wyd-hero-copy p{font:400 16px/1.8 Arial,sans-serif;color:#d7e1e8;max-width:400px;margin:0 0 28px}
.wyd-hero .wyd-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.wyd-hero .wyd-hero-actions a,.wyd-hero .wyd-hero-actions .sample-cta{display:inline-flex;align-items:center;min-height:46px;padding:12px 20px;background:var(--hero-accent);color:#08131d;font:600 13px/1.4 Arial,sans-serif;text-decoration:none;border-radius:3px}
.wyd-hero .wyd-hero-actions .wyd-hero-secondary{background:transparent;color:#fff;padding:10px 0;border-bottom:1px solid #a7b9c5;border-radius:0}
.wyd-hero .wyd-hero-controls{position:absolute;right:36px;bottom:35px;display:none;align-items:center;gap:16px;z-index:2}
.wyd-hero[data-ready] .wyd-hero-controls{display:flex}
.wyd-hero .wyd-hero-dots{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}
.wyd-hero .wyd-hero-dot{position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.wyd-hero .wyd-hero-dot::before,.wyd-hero .wyd-hero-dot::after{content:"";position:absolute;left:6px;right:6px;top:21px;height:3px;border-radius:5px;background:#c9d6df60}
.wyd-hero .wyd-hero-dot::after{transform:scaleX(0);transform-origin:left;background:var(--hero-accent)}
.wyd-hero .wyd-hero-dot[aria-pressed=true]::after{transform:scaleX(var(--hero-progress,0))}
.wyd-hero .wyd-hero-toggle{display:flex;gap:7px;align-items:center;justify-content:center;min-width:80px;min-height:44px;padding:8px 12px;background:#06131ba8;border:1px solid #bfd2de40;border-radius:30px;color:#fff;font:600 11px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.wyd-hero .wyd-hero-count{font:11px/1 Arial,sans-serif;color:#d0dce4;min-width:38px;font-variant-numeric:tabular-nums}
.wyd-hero :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:4px}
.wyd-hero[data-ready] .wyd-hero-copy>*{animation:wyd-hero-arrive .8s both}
.wyd-hero[data-ready] .wyd-hero-copy p{animation-delay:.12s}
.wyd-hero[data-ready] .wyd-hero-copy .wyd-hero-actions{animation-delay:.24s}
.wyd-hero[data-paused=true] .wyd-hero-scene img{animation-play-state:paused!important}
.wyd-hero .wyd-hero-demo-note{position:absolute;left:50px;bottom:48px;color:#b4c6d1;font:10px/1.5 Arial,sans-serif;letter-spacing:1px;max-width:45%}
.wyd-hero .wyd-hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes wyd-hero-approach{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-1%,0,0)}}
@keyframes wyd-hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@container(max-width:600px){
 .wyd-hero .wyd-hero-copy{padding:48px 24px 200px;max-width:100%;min-height:620px}
 .wyd-hero .wyd-hero-copy :is(h1,h2){font-size:38px;letter-spacing:-1px;max-width:340px}
 .wyd-hero .wyd-hero-copy p{font-size:14px;max-width:310px}
 .wyd-hero .wyd-hero-scene img{object-position:var(--image-position-mobile,65% 50%)}
 .wyd-hero::after{background:linear-gradient(90deg,#05101ae6,#05101a80),linear-gradient(0deg,#05101ac9,transparent 55%)}
 .wyd-hero .wyd-hero-controls{left:24px;right:auto;bottom:26px;gap:12px;flex-wrap:wrap;max-width:calc(100% - 48px)}
 .wyd-hero .wyd-hero-demo-note{left:24px;bottom:92px;max-width:85%}
}
@media(prefers-reduced-motion:reduce){.wyd-hero *{animation:none!important;transition:none!important}}
@container(max-width:360px){.wyd-hero .wyd-hero-count{display:none}.wyd-hero .wyd-hero-controls{gap:8px}}

.wyd-hero .wyd-hero-controls[hidden]{display:none!important}

/* YDSL homepage carousel: keep the rest of the catalogue theme unchanged. */
.ydsl-home-hero{--hero-accent:var(--gold,#c8a24a);min-height:min(660px,calc(100svh - 120px))}
.ydsl-home-hero .ydsl-home-hero-inner{container-type:normal}
.ydsl-home-hero .wyd-hero-copy{max-width:660px;padding:58px 0 112px}
.ydsl-home-hero .wyd-hero-copy h1{font-size:clamp(40px,4.6cqw,68px);line-height:1.08;max-width:640px;letter-spacing:-2.2px;margin:22px 0 24px}
.ydsl-home-hero .wyd-hero-copy h1 span{color:#e1c37d}
.ydsl-home-hero .wyd-hero-copy p{max-width:445px;font-size:16px;color:#e0e7ef;line-height:1.8}
.ydsl-home-hero .wyd-hero-actions a{gap:18px}
.ydsl-home-hero .wyd-hero-actions a:hover{filter:brightness(1.1)}
.ydsl-home-hero .ydsl-home-hero-tags{display:flex;flex-wrap:wrap;gap:18px;color:#d4dee7;font:11px/1.8 Arial,sans-serif;margin-top:34px;max-width:500px}
.ydsl-home-hero .ydsl-home-hero-tags span:before{content:'+';color:#e1c37d;margin-right:7px}
.ydsl-home-hero .wyd-hero-controls{right:max(32px,calc((100% - 1200px)/2));bottom:34px}
.ydsl-home-hero .ydsl-hero-credit{position:absolute;left:max(32px,calc((100% - 1200px)/2));bottom:48px;font:10px/1.6 Arial,sans-serif;color:#d3dde6;max-width:50%;z-index:1}
.ydsl-home-hero .ydsl-hero-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@container(max-width:767px){
 .ydsl-home-hero .wyd-hero-copy{max-width:100%;padding:48px 0 184px;min-height:650px}
 .ydsl-home-hero .wyd-hero-copy h1{font-size:clamp(36px,8.5cqw,48px);line-height:1.12;letter-spacing:-1.4px;max-width:430px}
 .ydsl-home-hero .wyd-hero-copy p{font-size:14px;max-width:390px}
 .ydsl-home-hero .wyd-hero-actions{gap:14px}
 .ydsl-home-hero .wyd-hero-actions a{padding:12px 16px;font-size:12px;gap:10px}
 .ydsl-home-hero .ydsl-home-hero-tags{gap:6px 14px;font-size:10px;margin-top:24px}
 .ydsl-home-hero .wyd-hero-controls{left:18px;right:auto;bottom:24px;max-width:calc(100% - 36px);gap:10px}
 .ydsl-home-hero .ydsl-hero-credit{left:18px;bottom:88px;max-width:calc(100% - 36px);font-size:9px}
}