/* Yuvau Digital — Homepage video hero v0.10.73 */
.yu-home-hero--video{
    min-height:min(900px,100svh);
    height:min(900px,100svh);
    padding:0;
    background:#07111f;
    overflow:hidden;
    isolation:isolate;
}
.yu-home-hero--video::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:radial-gradient(circle at 18% 40%,rgba(37,99,235,.18),transparent 34%),linear-gradient(180deg,rgba(5,12,23,.14),rgba(5,12,23,.34));
}
.yu-home-hero__video-wrap{
    position:absolute;
    inset:18px 24px 18px;
    z-index:0;
    overflow:hidden;
    border-radius:30px;
    background:#081321;
    box-shadow:0 30px 90px rgba(5,16,35,.30),0 10px 28px rgba(5,16,35,.18),inset 0 1px 0 rgba(255,255,255,.18);
    transform:translateZ(0);
}
.yu-home-hero__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    filter:saturate(.92) contrast(1.02) brightness(.92);
    transform:scale(1.012);
}
.yu-home-hero__video-shade{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(3,11,23,.78) 0%,rgba(3,11,23,.62) 31%,rgba(3,11,23,.28) 57%,rgba(3,11,23,.08) 100%),linear-gradient(180deg,rgba(3,11,23,.20),rgba(3,11,23,.16) 45%,rgba(3,11,23,.44));
}
.yu-home-hero__video-glow{
    position:absolute;
    width:520px;
    height:520px;
    left:18%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(59,130,246,.24),rgba(6,182,218,.08) 38%,transparent 70%);
    filter:blur(10px);
    pointer-events:none;
    animation:yuHeroVideoGlow 6s ease-in-out infinite;
}
@keyframes yuHeroVideoGlow{50%{transform:translate(-47%,-52%) scale(1.08);opacity:.78}}
.yu-home-hero__video-sweep{
    position:absolute;
    inset:-25% auto -25% -18%;
    width:18%;
    min-width:120px;
    transform:skewX(-18deg) translateX(-140%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
    filter:blur(8px);
    pointer-events:none;
    animation:yuHeroVideoSweep 8s ease-in-out infinite;
}
@keyframes yuHeroVideoSweep{0%,48%{transform:skewX(-18deg) translateX(-140%);opacity:0}58%{opacity:.9}78%,100%{transform:skewX(-18deg) translateX(720%);opacity:0}}
.yu-home-hero--video .yu-home-hero__inner{
    position:relative;
    z-index:3;
    width:min(calc(100% - 48px - 2 * clamp(24px,3.4vw,56px)),var(--yu-content-max,1240px));
    height:100%;
    min-height:0;
    display:flex;
    align-items:center;
}
.yu-home-hero--video .yu-home-hero__copy{
    width:min(720px,62%);
    padding:0 0 4px;
    color:#fff;
}
.yu-home-hero--video .yu-home-hero__copy::after{display:none}
.yu-home-hero--video .yu-home-hero__eyebrow{
    color:#fff;
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.10);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.yu-home-hero--video .yu-home-hero__eyebrow-dot{background:linear-gradient(135deg,#06B6DA,#60A5FA);box-shadow:0 0 0 4px rgba(96,165,250,.12)}
.yu-home-hero--video .yu-home-hero__title{
    max-width:720px;
    margin:22px 0 20px;
    color:#fff;
    text-shadow:0 5px 24px rgba(0,0,0,.26);
}
.yu-home-hero--video .yu-home-hero__lead{
    max-width:650px;
    color:rgba(255,255,255,.84);
    text-shadow:0 3px 16px rgba(0,0,0,.24);
}
.yu-home-hero--video .yu-home-hero__proof-line{
    margin-top:26px;
    color:#fff;
}
.yu-home-hero--video .yu-home-hero__proof-item{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.10);
    box-shadow:0 12px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}
.yu-home-hero--video .yu-home-hero__proof-item strong{color:#fff}
.yu-home-hero--video .yu-home-hero__proof-item small{color:rgba(255,255,255,.70)}
.yu-home-hero--video .yu-home-hero__proof-divider{background:rgba(255,255,255,.22)}
.yu-home-hero--video .yu-home-hero__primary{box-shadow:0 18px 42px rgba(0,0,0,.26)}
.yu-home-hero--video .yu-home-hero__primary:hover{box-shadow:0 22px 50px rgba(0,0,0,.34);transform:translateY(-2px)}
@media(max-width:900px){
    .yu-home-hero--video{min-height:760px;height:760px}
    .yu-home-hero__video-wrap{inset:12px 14px}
    .yu-home-hero--video .yu-home-hero__inner{width:min(calc(100% - 42px),var(--yu-container));align-items:flex-end;padding-bottom:76px}
    .yu-home-hero--video .yu-home-hero__copy{width:min(760px,100%)}
    .yu-home-hero--video .yu-home-hero__title{font-size:clamp(3rem,8vw,4.7rem)}
}
@media(max-width:600px){
    .yu-home-hero--video{min-height:760px;height:760px}
    .yu-home-hero__video-wrap{inset:8px 8px 10px;border-radius:24px}
    .yu-home-hero__video{object-position:58% center}
    .yu-home-hero__video-shade{background:linear-gradient(180deg,rgba(3,11,23,.18) 0%,rgba(3,11,23,.28) 30%,rgba(3,11,23,.76) 66%,rgba(3,11,23,.88) 100%)}
    .yu-home-hero--video .yu-home-hero__inner{width:calc(100% - 36px);padding-bottom:48px}
    .yu-home-hero--video .yu-home-hero__title{font-size:clamp(2.55rem,11.2vw,4rem);line-height:1.08;margin:17px 0 16px}
    .yu-home-hero--video .yu-home-hero__lead{font-size:14px;line-height:1.55;min-height:0}
    .yu-home-hero--video .yu-home-hero__proof-line{gap:6px;margin-top:18px}
    .yu-home-hero--video .yu-home-hero__proof-item{min-width:0;flex:1 1 44%;padding:9px 10px}
    .yu-home-hero--video .yu-home-hero__proof-divider{display:none}
    .yu-home-hero--video .yu-home-hero__actions{margin-top:18px}
    .yu-home-hero__video-glow{width:360px;height:360px;left:50%;top:56%}
}
@media(prefers-reduced-motion:reduce){
    .yu-home-hero__video-glow,.yu-home-hero__video-sweep{animation:none}
    .yu-home-hero__video{transform:none}
}


/* v0.10.191 — Hero eyebrow ("WELCOME TO YUVAU DIGITAL") was clipped on phones.
 * An earlier rule zeroed its padding while keeping overflow:hidden and a 1.25 line-height,
 * so the glass pill hugged the text and cut the glyphs. Restore a proper pill. */
.yu-homepage .yu-home-hero--video .yu-home-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    gap:9px;
    max-width:100%;
    box-sizing:border-box;
    padding:9px 15px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    line-height:1.4;
    font-size:11px;
    letter-spacing:.1em;
    white-space:nowrap;
    overflow:visible;
}
.yu-homepage .yu-home-hero--video .yu-home-hero__eyebrow-dot{
    display:block;
    width:7px;
    height:7px;
    flex:0 0 7px;
}
@media (max-width:480px){
    .yu-homepage .yu-home-hero--video .yu-home-hero__eyebrow{
        padding:8px 13px;
        font-size:10.5px;
        letter-spacing:.08em;
    }
}
@media (max-width:360px){
    .yu-homepage .yu-home-hero--video .yu-home-hero__eyebrow{font-size:9.5px;letter-spacing:.06em;padding:7px 11px;}
}