/* Pejwak hero — from Hero-Sample.md (images instead of video) */

.pejwak-video-hero{
    position:relative;
    width:100%;
    max-width:1280px;
    aspect-ratio:1280 / 400;
    margin:0 auto;
    box-sizing:border-box;
    font-family:"Vazirmatn FD", Vazirmatn, sans-serif;
    overflow:visible;
}


.pejwak-video-hero__media{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    overflow:hidden;

    background:#0d263b;

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 480' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M50 0 H930 C942 0 950 8 959 25 L1024 138 C1035 156 1048 160 1070 160 H1230 C1260 160 1280 180 1280 210 V430 C1280 460 1260 480 1230 480 H790 C770 480 760 474 748 462 C728 442 708 430 674 430 H606 C572 430 552 442 532 462 C520 474 510 480 490 480 H50 C20 480 0 460 0 430 V50 C0 20 20 0 50 0 Z'/%3E%3C/svg%3E");

    -webkit-mask-size:100% 100%;
    -webkit-mask-position:center;
    -webkit-mask-repeat:no-repeat;

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 480' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M50 0 H930 C942 0 950 8 959 25 L1024 138 C1035 156 1048 160 1070 160 H1230 C1260 160 1280 180 1280 210 V430 C1280 460 1260 480 1230 480 H790 C770 480 760 474 748 462 C728 442 708 430 674 430 H606 C572 430 552 442 532 462 C520 474 510 480 490 480 H50 C20 480 0 460 0 430 V50 C0 20 20 0 50 0 Z'/%3E%3C/svg%3E");

    mask-size:100% 100%;
    mask-position:center;
    mask-repeat:no-repeat;
}


.pejwak-video-hero__slides{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.pejwak-video-hero__slides--desktop{
    display:block;
}

.pejwak-video-hero__slides--mobile{
    display:none;
}

.pejwak-video-hero__placeholder{
    position:absolute;
    inset:0;
    background:#0d263b;
}


.pejwak-video-hero__video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center center;

    pointer-events:none;
}

.pejwak-video-hero__slide{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    display:block;

    opacity:0;
    transition:opacity 0.7s ease;
    pointer-events:none;
    text-decoration:none;
    color:inherit;
}

.pejwak-video-hero__slide.is-active{
    opacity:1;
    pointer-events:auto;
    z-index:1;
}


.pejwak-video-hero__titles{
    position:absolute;

    top:24px;
    right:30px;

    width:38%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    text-align:right;

    pointer-events:none;
}


.pejwak-video-hero__eyebrow{
    margin:0 0 7px 0;

    font-family:"Vazirmatn FD", Vazirmatn, sans-serif;

    font-size:10px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:2px;

    color:#148fda;

    direction:ltr;
}


.pejwak-video-hero__title{
    margin:0;

    font-family:"Vazirmatn FD", Vazirmatn, sans-serif;

    color:#282828;

    font-size:28px;
    font-weight:700;

    line-height:1.45;

    white-space:nowrap;
}


.pejwak-video-hero__subtitle{
    margin-top:6px;

    font-family:"Vazirmatn FD", Vazirmatn, sans-serif;

    color:#5f6871;

    font-size:17px;
    font-weight:500;

    line-height:1.7;

    white-space:nowrap;
}


.pejwak-video-hero__service{
    position:absolute;

    left:50%;
    bottom:5px;

    transform:translateX(-50%);

    z-index:6;

    font-family:"Vazirmatn FD", Vazirmatn, sans-serif;

    color:#0D263B;

    font-size:18px;
    font-weight:700;

    line-height:1.3;

    white-space:nowrap;

    pointer-events:none;
}


@media (min-width:768px) and (max-width:1024px){

    .pejwak-video-hero{
        aspect-ratio:768 / 300;
    }


    .pejwak-video-hero__media{

        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 360' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M34 0 H365 C379 0 387 6 394 19 L435 92 C443 107 453 112 469 112 H734 C755 112 768 126 768 147 V326 C768 347 755 360 734 360 H470 C457 360 450 356 442 348 C430 335 418 326 396 326 H372 C350 326 338 335 326 348 C318 356 311 360 298 360 H34 C13 360 0 347 0 326 V34 C0 13 13 0 34 0 Z'/%3E%3C/svg%3E");

        -webkit-mask-size:100% 100%;
        -webkit-mask-position:center;
        -webkit-mask-repeat:no-repeat;

        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 360' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M34 0 H365 C379 0 387 6 394 19 L435 92 C443 107 453 112 469 112 H734 C755 112 768 126 768 147 V326 C768 347 755 360 734 360 H470 C457 360 450 356 442 348 C430 335 418 326 396 326 H372 C350 326 338 335 326 348 C318 356 311 360 298 360 H34 C13 360 0 347 0 326 V34 C0 13 13 0 34 0 Z'/%3E%3C/svg%3E");

        mask-size:100% 100%;
        mask-position:center;
        mask-repeat:no-repeat;
    }


    .pejwak-video-hero__titles{
        top:18px;
        right:20px;
        width:42%;
    }


    .pejwak-video-hero__eyebrow{
        margin-bottom:5px;
        font-size:8px;
        letter-spacing:1.7px;
    }


    .pejwak-video-hero__title{
        font-size:22px;
    }


    .pejwak-video-hero__subtitle{
        margin-top:4px;
        font-size:14px;
    }


    .pejwak-video-hero__service{
        bottom:5px;
        font-size:15px;
    }

}


@media (max-width:767px){

    .pejwak-video-hero{
        width:100%;
        max-width:none;

        aspect-ratio:390 / 250;
    }


    .pejwak-video-hero__media{

        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 300' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M24 0 H167 C180 0 188 5 195 16 L229 76 C235 88 244 92 258 92 H365 C381 92 390 102 390 118 V274 C390 290 381 300 365 300 H300 C286 300 278 295 267 284 C254 270 241 260 216 260 H174 C149 260 136 270 123 284 C112 295 104 300 90 300 H24 C8 300 0 290 0 274 V24 C0 8 8 0 24 0 Z'/%3E%3C/svg%3E");

        -webkit-mask-size:100% 100%;
        -webkit-mask-position:center;
        -webkit-mask-repeat:no-repeat;

        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 300' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M24 0 H167 C180 0 188 5 195 16 L229 76 C235 88 244 92 258 92 H365 C381 92 390 102 390 118 V274 C390 290 381 300 365 300 H300 C286 300 278 295 267 284 C254 270 241 260 216 260 H174 C149 260 136 270 123 284 C112 295 104 300 90 300 H24 C8 300 0 290 0 274 V24 C0 8 8 0 24 0 Z'/%3E%3C/svg%3E");

        mask-size:100% 100%;
        mask-position:center;
        mask-repeat:no-repeat;
    }


    .pejwak-video-hero__slides--desktop{
        display:none;
    }

    .pejwak-video-hero__slides--mobile{
        display:block;
    }


    .pejwak-video-hero__video{
        object-position:center center;
    }


    .pejwak-video-hero__titles{
        top:12px;
        right:12px;

        width:50%;

        text-align:right;
    }


    .pejwak-video-hero__eyebrow{
        margin-bottom:3px;

        font-size:7px;

        letter-spacing:1.3px;
    }


    .pejwak-video-hero__title{
        font-size:16px;

        line-height:1.4;
    }


    .pejwak-video-hero__subtitle{
        margin-top:2px;

        font-size:11px;

        line-height:1.55;
    }


    .pejwak-video-hero__service{
        bottom:0;

        font-size:15px;

        line-height:1.2;
    }

}


@media (max-width:390px){

    .pejwak-video-hero__titles{
        top:10px;
        right:10px;
    }


    .pejwak-video-hero__title{
        font-size:15px;
    }


    .pejwak-video-hero__subtitle{
        font-size:10px;
    }


    .pejwak-video-hero__service{
        bottom:0;

        font-size:14px;
    }

}