.intro-stage{--display:140px;position:relative;isolation:isolate;overflow:clip;background:#000;min-height:773.32px;color:#fff}
.intro-stage__backdrop{position:absolute;inset:0;z-index:-1;background:#111 url('../images/hero/curtain.svg') center/100% 100% no-repeat}
.intro-stage__container{width:min(100%,1300px);padding:180px 15px 95px;margin:auto;position:relative}
.intro-stage .clip{overflow:hidden;margin:0}.intro-stage .clip>span{display:block}
.intro-stage .intro-stage__brand,.intro-stage .intro-stage__headline{font:700 var(--display)/1 var(--font-display);letter-spacing:-.02em;padding-bottom:15px}
.intro-stage .intro-stage__brand{margin-left:95px}.intro-stage .intro-stage__eyebrow{margin:-10px 0 0 195px;font:600 20px/33.32px var(--font-body);color:#65ddff}
.intro-stage__headline{white-space:nowrap}
.intro-stage__actions{position:relative;z-index:3;display:flex;align-items:center;gap:30px;margin-top:50px;overflow:hidden}
.intro-play{flex:0 0 115px;width:115px;height:115px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ccc,#52636e 32%,#171717 60%,#65ddff);color:#fff;text-decoration:none}
.intro-play span{font-size:20px}.intro-stage .intro-stage__copy{flex:0 1 520px;font:400 22px/36.652px var(--font-body);color:#e3e3e3}
.intro-button{height:54px;padding:5px 25px 5px 5px;display:inline-flex;align-items:center;gap:15px;flex-shrink:0;border-radius:100px;background:#282828;color:white;text-decoration:none;font:700 16px/20px var(--font-display);transition:background .5s cubic-bezier(.55,.085,0,.99),color .5s}
.intro-button__circle{display:flex;overflow:hidden;width:44px;height:44px;background:#65ddff;border-radius:50%;color:#111}
.intro-button__circle i{font-style:normal;display:grid;place-items:center;flex:0 0 44px;font-size:23px;transition:transform .5s cubic-bezier(.55,.085,0,.99)}
.intro-button__label{height:20px;overflow:hidden}.intro-button__label b{display:block;transition:transform .5s cubic-bezier(.55,.085,0,.99)}
.intro-button:hover,.intro-button:focus-visible{background:#65ddff;color:#111}.intro-button:hover i,.intro-button:focus-visible i{transform:translateX(-44px)}.intro-button:hover b,.intro-button:focus-visible b{transform:translateY(-20px)}
.intro-stage__visual{position:absolute;z-index:2;bottom:0;right:14%;width:min(46%,860px);aspect-ratio:860/994;pointer-events:none;overflow:hidden}.intro-stage__visual img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:hue-rotate(125deg) saturate(.78) brightness(.8);transform:translate3d(var(--rabbit-x,0px),var(--rabbit-y,0px),0);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.intro-stage__light{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.65}
.intro-stage__asterisk{position:absolute;z-index:3;right:15%;top:38%;font-size:65px;color:#65ddff}
.intro-orbit{position:absolute;z-index:3;width:430px;height:430px;right:-210px;top:calc(50% - 215px)}
.intro-orbit__outer{position:absolute;inset:0;border:3px solid #7c7c7c;border-radius:50%;animation:intro-ring 10s linear infinite}.intro-orbit__outer i{position:absolute;top:calc(50% - 11px);left:-12px;width:22px;height:22px;border-radius:50%;background:#65ddff}.intro-orbit__outer i+i{left:auto;right:-12px}
.intro-orbit__band{position:absolute;inset:35px;border:60px solid #65ddff;border-radius:50%}
.intro-orbit__icons{position:absolute;inset:0;color:#111;font:700 30px var(--font-display)}.intro-orbit__icons span{position:absolute}.intro-orbit__icons span:nth-child(1){left:163px;top:54px}.intro-orbit__icons span:nth-child(2){left:99px;top:103px}.intro-orbit__icons span:nth-child(3){left:52px;top:190px}.intro-orbit__icons span:nth-child(4){left:99px;top:277px}.intro-orbit__icons span:nth-child(5){left:163px;top:330px}
.brand-band{height:153.28px;background:radial-gradient(ellipse at 0 100%,#65ddff60,transparent 42%),radial-gradient(ellipse at 100% 100%,#65ddff50,transparent 42%),#101010;padding:50px 0}
.brand-band__inner{max-width:1290px;margin:auto;padding:0 12px;display:flex;align-items:center;gap:40px}
.brand-band h2{flex:0 0 171px;margin:0;font:400 16px/26.64px var(--font-body);color:#ccc;text-decoration:underline;text-underline-offset:5px}
.brand-band__window{min-width:0;overflow:hidden;flex:1}.brand-band__track{display:flex;width:max-content;animation:brand-flow 35s linear infinite}.brand-band__group{display:flex;align-items:center;gap:75px;padding-right:75px}.brand-band__group span{white-space:nowrap;font:700 28px var(--font-display);color:#bcbcbc}
@keyframes intro-ring{to{transform:rotate(360deg)}}@keyframes brand-flow{to{transform:translateX(-50%)}}
.site-header{width:min(100%,1410px)}.site-header__pill{background:#171619;box-shadow:1.782px .908px 32.2px 2.8px #65ddff3b;padding:0 20px;grid-template-columns:142px 1fr 225px;gap:25px}.header-cta{height:65px;min-height:65px}.site-header .nav-link{white-space:nowrap}.site-header .desktop-navigation{gap:40px}
@media(min-width:1800px){.intro-stage{--display:180px;min-height:853.32px}.intro-stage__visual{top:0;bottom:auto}}
@media(min-width:1600px) and (max-width:1799px){.intro-stage{--display:160px;min-height:813.32px}}
@media(min-width:1200px) and (max-width:1399px){.intro-stage{--display:120px;min-height:733.32px}}
@media(max-width:1199px){.intro-stage{--display:100px}.intro-stage__actions{flex-direction:column;align-items:flex-start}.intro-stage .intro-stage__copy{flex:auto;max-width:520px}.intro-stage__visual{right:0;width:62%;height:auto;aspect-ratio:860/994}.intro-orbit{transform:scale(.7);transform-origin:right center;right:-180px}.site-header__pill{grid-template-columns:1fr auto auto;gap:20px;padding:10px 20px;margin:0 15px}.intro-stage__asterisk{display:none}}
@media(min-width:768px) and (max-width:991px){.intro-stage{--display:80px}}
@media(max-width:767px){.intro-stage{--display:50px}.intro-stage__container{padding:180px 15px 95px}.intro-stage .intro-stage__brand{margin-left:0}.intro-stage .intro-stage__eyebrow{margin-left:0}.intro-stage__actions{gap:30px;margin-top:39.44px}.intro-stage__visual{width:80%;right:0;top:auto;bottom:0}.intro-orbit{display:none}.intro-stage .intro-stage__copy{font-size:22px;line-height:36.652px;min-height:146.56px}.site-header{top:55px}.brand-band{height:auto;min-height:230.28px}.brand-band__inner{flex-direction:column;align-items:flex-start;gap:40px}.brand-band h2{flex:auto}.brand-band__window{width:100%}.brand-band__group{gap:35px;padding-right:35px}}
@media(min-width:576px) and (max-width:767px){.intro-stage{--display:70px}}
@media(prefers-reduced-motion:reduce){.intro-orbit__outer,.brand-band__track{animation:none}.brand-band__window{overflow:auto}}
@font-face{font-family:FirstScreenDisplay;src:url('../fonts/first-screen-space-grotesk-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:FirstScreenBody;src:url('../fonts/first-screen-inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:FirstScreenBody;src:url('../fonts/first-screen-inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:FirstScreenBody;src:url('../fonts/first-screen-inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
.intro-stage,.site-header,.brand-band{--font-display:FirstScreenDisplay,sans-serif;--font-body:FirstScreenBody,sans-serif}
.site-header{font-family:var(--font-body)}
.site-header .brand,.site-header .brand__logo{width:142px}
.site-header .nav-link:hover,.site-header .nav-link:focus-visible{color:var(--color-accent)}
.nav-flip{display:flex}.nav-flip>span{display:inline-block}
.site-header .nav-link:hover .nav-flip>span,.site-header .nav-link:focus-visible .nav-flip>span{animation:nav-turn .6s cubic-bezier(.55,.085,0,.99) both}
.nav-flip>span:nth-child(even){--turn:180deg}.nav-flip>span:nth-child(odd){--turn:-180deg}
@keyframes nav-turn{from{transform:rotateY(var(--turn))}to{transform:rotateY(0)}}
.brand-band__window:hover .brand-band__track{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.site-header .nav-flip>span{animation:none!important}}
@media(prefers-reduced-motion:reduce){.intro-stage__light{display:none}.intro-stage__visual img{transition:none;transform:none}}
.intro-stage__actions>.intro-button{width:235.42px}
@media(min-width:1200px){.intro-stage__actions>.intro-button{margin-left:40px}.intro-stage .intro-stage__copy{min-height:109.92px}}

/* Final first-screen measurements; deliberately scoped away from lower sections. */
.site-header .header-cta{font:600 20px/28px var(--font-body);width:225.39px;gap:15px;padding:5px 24px 5px 5px;border:0;justify-content:flex-start}
.site-header .header-cta .button__orb{width:55px;height:55px;flex-basis:55px;background:#171619;color:#fff}
.site-header .header-cta .button__arrows{height:55px;width:110px;transition:transform .5s cubic-bezier(.55,.085,0,.99)}
.site-header .header-cta .button__arrows>span{width:55px;height:55px;flex:0 0 55px}
.site-header .header-cta:hover .button__arrows,.site-header .header-cta:focus-visible .button__arrows{transform:translateX(-55px)}
.site-header .header-cta .button__label-mask,.site-header .header-cta .button__label-track>span{height:28px;line-height:28px}
.site-header .header-cta .button__label-track{transition:transform .5s cubic-bezier(.55,.085,0,.99)}
.site-header .header-cta:hover .button__label-track,.site-header .header-cta:focus-visible .button__label-track{transform:translateY(-28px)}
.site-header .brand__logo{width:166px;max-width:none;flex-shrink:0;transform:translateX(-3px)}
.site-header .nav-link{padding-block:35px}
.intro-button{font:600 16px/28px var(--font-body)}
.intro-button__label{height:28px}.intro-button__label b{font-weight:600}
.intro-button:hover b,.intro-button:focus-visible b{transform:translateY(-28px)}
.intro-button__circle{transition:background .5s cubic-bezier(.55,.085,0,.99),color .5s}
.intro-button:hover .intro-button__circle,.intro-button:focus-visible .intro-button__circle{background:#171619;color:#fff}
.intro-orbit__icons a{position:absolute;width:35px;height:35px;display:grid;place-items:center;color:#111}
.intro-orbit__icons a:nth-child(1){left:175px;top:53px}.intro-orbit__icons a:nth-child(2){left:90px;top:105px}.intro-orbit__icons a:nth-child(3){left:55px;top:197px}.intro-orbit__icons a:nth-child(4){left:86px;top:289px}.intro-orbit__icons a:nth-child(5){left:175px;top:341px}
.intro-orbit__icons img{width:35px;height:35px;object-fit:contain;transition:transform .5s cubic-bezier(.55,.085,0,.99)}
.intro-orbit__icons a:focus-visible{outline:2px solid white;outline-offset:5px;border-radius:4px}
.intro-orbit__icons a:focus-visible img{transform:scale(.7)}
.intro-stage__visual img{transform:none;transition:none}
.intro-stage__visual .intro-stage__color{position:absolute;inset:0;mix-blend-mode:color;opacity:0;filter:sepia(1) hue-rotate(180deg) saturate(3);transform:translate(var(--rabbit-x,0px),var(--rabbit-y,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .8s;animation:rabbit-spectrum 3s linear infinite;animation-play-state:paused}
.intro-stage.is-pointer-active .intro-stage__color{opacity:1;animation-play-state:running}
@keyframes rabbit-spectrum{from{filter:sepia(1) hue-rotate(0deg) saturate(3)}to{filter:sepia(1) hue-rotate(360deg) saturate(3)}}
.intro-play{position:relative;isolation:isolate;overflow:hidden;background:#24252a;color:#fff}
.intro-play__texture{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,#a8aeb7,#6c92a0,#3b4057,#6e748b,#b3a2a5,#829794,#a8aeb7);animation:play-surface 12s linear infinite}
.intro-play::after{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#738491,#343943 60%,#272b35);box-shadow:0 0 18px #12121866}
.intro-play svg{position:relative;z-index:1}
@keyframes play-surface{to{transform:rotate(360deg)}}
.intro-stage.is-effect-suspended .intro-play__texture,.intro-stage.is-effect-suspended .intro-orbit__outer{animation-play-state:paused}
.brand-band{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff08;background:radial-gradient(ellipse at 0 100%,#65ddff60,transparent 42%),radial-gradient(ellipse at 100% 100%,#65ddff50,transparent 42%),linear-gradient(0deg,#65ddff18,transparent 70%),#101010}
.brand-band__window{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.intro-stage__backdrop{filter:blur(2px);inset:-3px;background-size:100% 100%}
.intro-stage__asterisk{font-size:0;width:60px;height:60px;background:currentColor;clip-path:polygon(44% 0,56% 0,56% 39%,89% 20%,95% 30%,62% 50%,95% 70%,89% 80%,56% 61%,56% 100%,44% 100%,44% 61%,11% 80%,5% 70%,38% 50%,5% 30%,11% 20%,44% 39%)}
body:has(.site-header:hover) .custom-cursor__ring,body:has(.intro-stage:hover) .custom-cursor__ring{width:9.2px;height:9.2px;border:0;background:#65ddff;opacity:1}
body:has(.site-header:hover) .custom-cursor__dot,body:has(.intro-stage:hover) .custom-cursor__dot{display:none}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.custom-cursor{display:none!important}}
@media(max-width:767px){.site-header__pill{grid-template-columns:1fr auto}.intro-stage__backdrop{background-size:auto 100%;background-position:62% center}}
@media(min-width:768px) and (max-width:1199px){.intro-orbit{right:-147px}}
@media(max-width:389px){.intro-stage .intro-stage__headline{letter-spacing:-.04em}}
@media(hover:none),(pointer:coarse){.intro-orbit__icons a:hover img,.intro-button:hover i,.intro-button:hover b,.header-cta:hover .button__arrows,.header-cta:hover .button__label-track{transform:none!important}.intro-button:hover{background:#282828;color:#fff}.intro-button:hover .intro-button__circle{background:#65ddff;color:#111}}
@media(hover:hover) and (pointer:fine){.intro-orbit__icons a:hover img{transform:scale(.7)}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.intro-stage__color{display:none}.intro-stage__light{display:none}.intro-play__texture{animation:none}.site-header .nav-flip>span{animation:none!important}.intro-button *,.header-cta *{transition:none!important}}

/* Vector replacements retain the accepted icon boxes and CTA motion. */
.intro-button__circle .r-symbol,.button__arrows .r-symbol{width:23px;height:23px;display:block}.intro-stage__asterisk .r-symbol{width:65px;height:65px;display:block}.mobile-menu .r-symbol{width:24px;height:24px}

@media(max-width:991px){.custom-cursor{display:none!important}}

/* BIAJANS CIRCLE BRAND START */

.site-header .brand {
    width: 142px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #ffffff;
    text-decoration: none;
    transform: none !important;
}

.site-header .brand-mark,
.mobile-menu__brand .brand-mark {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.5px solid rgba(101, 221, 255, 0.95);
    background: #171619;
    box-shadow:
        0 0 0 1px rgba(101, 221, 255, 0.08) inset,
        0 0 15px rgba(101, 221, 255, 0.14);
    transform: none !important;
    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}

.site-header .brand-mark img,
.mobile-menu__brand .brand-mark img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
    transform: none !important;
}

.site-header .brand-word,
.mobile-menu__brand .brand-word {
    display: inline-block;
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
    text-transform: lowercase;
    white-space: nowrap;
}

.site-header .brand:hover,
.site-header .brand:focus-visible {
    color: #ffffff;
    transform: none !important;
}

.site-header .brand:hover .brand-mark,
.site-header .brand:focus-visible .brand-mark {
    border-color: #65ddff;
    box-shadow:
        0 0 0 1px rgba(101, 221, 255, 0.12) inset,
        0 0 18px rgba(101, 221, 255, 0.22);
    transform: none !important;
}


/* Mobile menu */

.mobile-menu__brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #ffffff;
    text-decoration: none;
}

.mobile-menu__brand .brand-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}

.mobile-menu__brand .brand-mark img {
    width: 20px;
    height: 20px;
}

.mobile-menu__brand .brand-word {
    font-size: 16px;
}


/* Small screens */

@media (max-width: 767px) {
    .site-header .brand {
        width: 120px;
        gap: 8px;
    }

    .site-header .brand-mark {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .site-header .brand-mark img {
        width: 19px;
        height: 19px;
    }

    .site-header .brand-word {
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .site-header .brand {
        width: 112px;
    }

    .site-header .brand-mark {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .site-header .brand-mark img {
        width: 18px;
        height: 18px;
    }

    .site-header .brand-word {
        font-size: 14px;
    }
}

/* BIAJANS CIRCLE BRAND END */

/* BIAJANS BRAND SIZE TUNING START */

/* DESKTOP */
@media (min-width: 1200px) {

    .site-header__pill {
        grid-template-columns: 215px 1fr 225px !important;
    }

    .site-header .brand {
        width: 210px !important;
        min-height: 62px !important;
        gap: 14px !important;
        align-items: center !important;
    }

    .site-header .brand-mark {
        width: 60px !important;
        height: 60px !important;
        flex: 0 0 60px !important;
        border-width: 1.6px !important;
    }

    .site-header .brand-mark img {
        width: 38px !important;
        height: 38px !important;
    }

    .site-header .brand-word {
        font-size: 25px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
    }
}


/* TABLET / MOBILE MENU */
.mobile-menu__brand {
    gap: 12px !important;
}

.mobile-menu__brand .brand-mark {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
}

.mobile-menu__brand .brand-mark img {
    width: 32px !important;
    height: 32px !important;
}

.mobile-menu__brand .brand-word {
    font-size: 22px !important;
}


/* MOBILE HEADER */
@media (max-width: 767px) {

    .site-header .brand {
        width: 170px !important;
        min-height: 52px !important;
        gap: 11px !important;
    }

    .site-header .brand-mark {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
    }

    .site-header .brand-mark img {
        width: 29px !important;
        height: 29px !important;
    }

    .site-header .brand-word {
        font-size: 20px !important;
    }
}


/* SMALL MOBILE */
@media (max-width: 400px) {

    .site-header .brand {
        width: 160px !important;
        gap: 10px !important;
    }

    .site-header .brand-mark {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
    }

    .site-header .brand-mark img {
        width: 28px !important;
        height: 28px !important;
    }

    .site-header .brand-word {
        font-size: 19px !important;
    }
}

/* BIAJANS BRAND SIZE TUNING END */

/* HOME HERO VIDEO MODAL V1 */

.intro-play[data-home-video-open] {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.home-video-modal[hidden] {
    display: none !important;
}

.home-video-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 32px;
}

.home-video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .84);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    opacity: 0;
    transition: opacity .25s ease;
}

.home-video-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(920px, calc(100vw - 48px));
    transform: translateY(20px) scale(.975);
    opacity: 0;
    transition:
        transform .32s cubic-bezier(.2,.7,.2,1),
        opacity .25s ease;
}

.home-video-modal.is-open .home-video-modal__backdrop {
    opacity: 1;
}

.home-video-modal.is-open .home-video-modal__dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.home-video-modal__video {
    display: block;
    width: 100%;
    max-height: 78vh;
    background: #050505;
    border: 1px solid rgba(101, 221, 255, .35);
    border-radius: 24px;
    box-shadow:
        0 30px 100px rgba(0,0,0,.65),
        0 0 40px rgba(101,221,255,.08);
}

.home-video-modal__close {
    position: absolute;
    z-index: 3;
    top: -18px;
    right: -18px;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(101,221,255,.45);
    border-radius: 50%;
    background: #171619;
    color: #fff;
    font: inherit;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.home-video-modal__close:hover,
.home-video-modal__close:focus-visible {
    background: #65ddff;
    color: #050505;
    transform: rotate(6deg);
}

body.home-video-modal-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .home-video-modal {
        padding: 18px;
    }

    .home-video-modal__dialog {
        width: calc(100vw - 36px);
    }

    .home-video-modal__video {
        max-height: 72vh;
        border-radius: 18px;
    }

    .home-video-modal__close {
        top: -15px;
        right: -8px;
        width: 42px;
        height: 42px;
        font-size: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-video-modal__backdrop,
    .home-video-modal__dialog,
    .home-video-modal__close {
        transition: none !important;
    }
}

/* HERO PLAY VIDEO PREVIEW V1 */

.intro-play[data-home-video-open] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(101, 221, 255, .42);
    background: #101214;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 0 28px rgba(101,221,255,.08);
}

.intro-play__preview {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.intro-play__preview video {
    position: absolute;
    inset: -6%;
    width: 112%;
    height: 112%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.04);
    filter:
        blur(1.7px)
        brightness(.58)
        saturate(.82)
        contrast(1.05);
    opacity: .9;
    pointer-events: none;
}

.intro-play[data-home-video-open] .intro-play__texture {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    border-radius: inherit;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.18) 48%,
            rgba(0,0,0,.48) 100%
        );
    pointer-events: none;
}

.intro-play[data-home-video-open] > svg {
    position: relative;
    z-index: 2;
    width: 22px;
    height: 22px;
    filter: drop-shadow(0 2px 7px rgba(0,0,0,.65));
    transition:
        transform .3s cubic-bezier(.2,.7,.2,1),
        filter .3s ease;
}

.intro-play[data-home-video-open]:hover > svg,
.intro-play[data-home-video-open]:focus-visible > svg {
    transform: scale(1.18);
    filter:
        drop-shadow(0 2px 7px rgba(0,0,0,.65))
        drop-shadow(0 0 8px rgba(101,221,255,.45));
}

.intro-play[data-home-video-open]:focus-visible {
    outline: 2px solid #65ddff;
    outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
    .intro-play__preview video {
        display: none;
    }
}

/* HERO SOCIAL ORBIT V2 */

/*
 * Orbit: 430x430
 * Merkez: 215 / 215
 * Mavi band:
 *   outer radius ≈ 180px
 *   inner radius ≈ 120px
 * İkon hattı: radius ≈ 150px
 */

.intro-orbit__icons a {
    position: absolute;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: #111;
    line-height: 0;
    transform: translate(-50%, -50%);
}

.intro-orbit__icons a img {
    display: block;
    width: 25px;
    height: 25px;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center;
    transform-origin: center;
    transition: transform .35s cubic-bezier(.2,.7,.2,1);
}

/*
 * 6 ikon mavi bandın tam orta yayı üzerinde.
 * Üstten alta:
 * WhatsApp / LinkedIn / Medium /
 * Instagram / Behance / Facebook
 */

.intro-orbit__icons a:nth-child(1) {
    left: 176px;
    top: 70px;
}

.intro-orbit__icons a:nth-child(2) {
    left: 109px;
    top: 109px;
}

.intro-orbit__icons a:nth-child(3) {
    left: 70px;
    top: 176px;
}

.intro-orbit__icons a:nth-child(4) {
    left: 70px;
    top: 254px;
}

.intro-orbit__icons a:nth-child(5) {
    left: 109px;
    top: 321px;
}

.intro-orbit__icons a:nth-child(6) {
    left: 176px;
    top: 360px;
}

/* Marka ikonlarının optik boyut dengesi */

.intro-orbit__icons a:nth-child(1) img {
    width: 25px;
    height: 25px;
}

.intro-orbit__icons a:nth-child(2) img {
    width: 23px;
    height: 23px;
}

.intro-orbit__icons a:nth-child(3) img {
    width: 27px;
    height: 27px;
}

.intro-orbit__icons a:nth-child(4) img {
    width: 25px;
    height: 25px;
}

.intro-orbit__icons a:nth-child(5) img {
    width: 27px;
    height: 27px;
}

.intro-orbit__icons a:nth-child(6) img {
    width: 23px;
    height: 23px;
}

.intro-orbit__icons a:hover img,
.intro-orbit__icons a:focus-visible img {
    transform: scale(.78);
}

.intro-orbit__icons a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

@media (hover:none), (pointer:coarse) {
    .intro-orbit__icons a:hover img {
        transform: none !important;
    }
}
