/* AyarLine fonts directory is immutable. */
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 01 Hairline.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 01 Hairline.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 01 Hairline.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 01 Hairline.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 02 Thin.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 02 Thin.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 02 Thin.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 02 Thin.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 03 Light.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 03 Light.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 03 Light.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 03 Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 04 Regular.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 04 Regular.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 04 Regular.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 04 Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 05 Medium.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 05 Medium.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 05 Medium.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 05 Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 06 Bold.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 06 Bold.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 06 Bold.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 06 Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 07 Heavy.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 07 Heavy.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 07 Heavy.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 07 Heavy.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh Ayar';src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 08 Fat.eot');src:url('../../fonts/Fa-En/Yekan Bakh Fa-En 08 Fat.eot?#iefix') format('embedded-opentype'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 08 Fat.woff') format('woff'),url('../../fonts/Fa-En/Yekan Bakh Fa-En 08 Fat.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root{--paper:var(--ant-color-bg-layout,#f7f5f0);--ink:var(--ant-color-text,#202020);--yellow:var(--ant-color-primary,#efb21a);--footer:#252326;--dash:#303030}
html,body,body.ayar-pixel-body{width:100%;min-width:0;max-width:none;margin:0!important;padding:0!important;background:var(--paper);overflow-x:hidden!important}
body.ayar-pixel-body,.ayar-pixel-root,.ayar-pixel-root *,.ayar-pixel-root *::before,.ayar-pixel-root *::after,.ayar-pixel-root button,.ayar-pixel-root input,.ayar-pixel-root textarea,.ayar-pixel-root select{font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;font-synthesis:none}
.ayar-pixel-root{width:100%;margin:0;padding:0;color:var(--ink);background:var(--paper);direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
.ayar-pixel-root *{box-sizing:border-box}
.ayar-pixel-root a{text-decoration:none;color:inherit}
.social-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;transition:transform .18s ease,color .18s ease,opacity .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer}
.social-link:hover,.social-link:focus-visible{opacity:1;outline:none}
.desktop-social .social-link:hover,.desktop-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.08cqw)}
.mobile-social .social-link:hover,.mobile-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.45vw)}
.footer-icons .social-link:hover,.footer-icons .social-link:focus-visible{transform:translateY(-.12cqw);box-shadow:0 .42cqw .9cqw rgba(0,0,0,.18);filter:saturate(1.05) brightness(1.02)}
.mobile-footer-social .social-link:hover,.mobile-footer-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.8vw)}
.desktop-social .social-link-instagram,.mobile-social .social-link-instagram,.mobile-footer-social .social-link-instagram{display:inline-flex}
.mobile-view{display:none}
.desktop-view{display:block;position:relative;width:100%;margin:0;padding:0;background:var(--paper)}
.desktop-stage{display:block;position:relative;width:min(100vw,1440px);aspect-ratio:100 / 219.64512;margin:0 auto;padding:0;background:var(--paper);container-type:inline-size}
.desktop-header{position:absolute;left:0;top:0;width:100%;height:14.575412cqw}
.desktop-social{position:absolute;left:17.870722cqw;top:8.111534cqw;display:flex;align-items:center;gap:1.760000cqw;font-size:1.360000cqw;font-weight:700;line-height:1;color:#111}
.desktop-nav{position:absolute;left:33.460076cqw;top:8.111534cqw;display:flex;align-items:center;gap:3.422053cqw;white-space:nowrap}
.desktop-nav a{font-size:1.18cqw;line-height:1;color:#222;font-weight:500}
.desktop-logo{position:absolute;left:74.651458cqw;top:5.576679cqw;width:5.323194cqw;height:auto;display:block}
.behance-text,.linkedin-text{display:inline-block;font-weight:700;line-height:1;letter-spacing:-.015em}
.instagram-outline{display:inline-flex;align-items:center;justify-content:center;color:currentColor}
.instagram-outline svg{display:block;width:100%;height:100%}
.instagram-outline rect,.instagram-outline circle{fill:none;stroke:currentColor;stroke-width:1.8;vector-effect:non-scaling-stroke}
.instagram-outline .ig-dot{fill:currentColor;stroke:none}
.desktop-social .instagram-outline{width:1.060000cqw;height:1.060000cqw}
.desktop-hero{position:absolute;left:0;top:0;width:100%;height:46.894803cqw}
.desktop-outfit{position:absolute;left:17.997465cqw;top:17.870722cqw;width:18.124208cqw;height:auto;display:block}
.desktop-dots{position:absolute;left:41.825095cqw;top:27.376426cqw;display:flex;flex-direction:column;gap:1.39417cqw}
.desktop-dots span{width:1.647655cqw;height:1.647655cqw;border-radius:50%;display:block;box-shadow:inset 0 0 0 .08cqw rgba(0,0,0,.12)}
.dot-yellow{background:#e2b04e}.dot-pink{background:#df8397}.dot-blue{background:#56a6d0}.dot-brown{background:#bf8f5f}
.desktop-hero-copy{position:absolute;left:57.794677cqw;top:21.292776cqw;width:22.053232cqw;text-align:right}
.desktop-hero-copy h1{margin:0;font-size:4.45cqw;line-height:1.13;font-weight:700;letter-spacing:-.126743cqw;color:#202020}
.desktop-hero-copy h1 span{display:block;white-space:nowrap}
.yellow-button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#171717;font-weight:700;border:0;box-shadow:none}
.hero-button{position:absolute;right:.380228cqw;top:13.56147cqw;width:9.125475cqw;height:3.35cqw;font-size:1.18cqw}
.small-button{height:3.45cqw;padding:0 1.647655cqw;font-size:1.18cqw;white-space:nowrap}
.desktop-lines{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0}
.desktop-lines path{fill:none;stroke:var(--dash);stroke-width:1.55;stroke-linecap:round;stroke-dasharray:6 7}
.desktop-copy{position:absolute;text-align:right;z-index:1}
.desktop-copy h2{display:inline-block;position:relative;margin:0 0 2.281369cqw;font-size:2.28cqw;line-height:1;font-weight:700;color:#202020}
.desktop-copy h2 span,.mobile-copy h2 span{position:relative;display:inline-block;z-index:1}
.desktop-copy h2 span::after,.mobile-copy h2 span::after{content:'';position:absolute;right:0;left:0;bottom:.06em;height:.4em;background:var(--yellow);z-index:-1}
.desktop-copy p{margin:0 0 2.281369cqw;font-size:1.31cqw;line-height:1.73;color:#252525;font-weight:500;white-space:normal;overflow-wrap:normal;word-break:normal}
.desktop-portfolio{left:56.907478cqw;top:60.836502cqw;width:22.940431cqw}
.desktop-academy{left:17.870722cqw;top:101.39417cqw;width:31.558935cqw}
.desktop-records{left:50.443599cqw;top:132.826362cqw;width:29.277567cqw}
.desktop-collections{left:17.870722cqw;top:161.21673cqw;width:31.558935cqw}
.desktop-blog{left:50.443599cqw;top:189.480355cqw;width:29.277567cqw}
.desktop-footer{position:relative;width:100%;margin:0;background:var(--footer);color:#fff}
.desktop-footer-inner{position:relative;width:min(100vw,1440px);aspect-ratio:100 / 39.797212;margin:0 auto;container-type:inline-size}
.desktop-contact{position:absolute;left:16.223067cqw;top:6.590621cqw;width:16.223067cqw;text-align:center}
.desktop-services{position:absolute;left:42.205323cqw;top:6.590621cqw;width:16.476553cqw;text-align:center}
.desktop-brand{position:absolute;left:66.159696cqw;top:4.309252cqw;width:21.03929cqw;text-align:right}
.desktop-contact h3,.desktop-services h3{margin:0 0 3.041825cqw;font-size:1.520913cqw;line-height:1;font-weight:700}
.desktop-contact p,.desktop-services p,.desktop-brand p{margin:0;font-size:1.140684cqw;line-height:1.95;color:#fff;font-weight:500}
.desktop-brand img{display:block;width:6.337136cqw;height:auto;margin:0 0 1.39417cqw auto}
.footer-icons{display:flex;justify-content:center;align-items:center;gap:1.520000cqw;margin-top:1.760000cqw}.footer-icons .social-link{border-radius:.340000cqw}
.icon-box{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:2.180000cqw;height:2.180000cqw;padding:0;border-radius:.340000cqw;overflow:visible;position:relative}
.icon-box b{display:flex;align-items:center;justify-content:center;font-size:1.020000cqw;line-height:1;font-weight:700;color:#fff;letter-spacing:-.025cqw;position:static;transform:translateY(.040000cqw)}
.behance-box{background:#2869ef}.linkedin-box{background:#168dcd}.instagram-box{background:linear-gradient(135deg,#7f45db,#d95797,#f0ad42);color:#fff}
.instagram-box svg{display:block;width:1.120000cqw;height:1.120000cqw;transform:translateY(.020000cqw)}
.instagram-box rect,.instagram-box circle{fill:none;stroke:#fff;stroke-width:1.75;vector-effect:non-scaling-stroke}.instagram-box .ig-dot{fill:#fff;stroke:none}
.desktop-footer-rule{position:absolute;left:17.74398cqw;top:27.756654cqw;width:64.385298cqw;border-top:1px dashed rgba(255,255,255,.85)}
.desktop-copyright{position:absolute;left:25.2218cqw;top:32.572877cqw;width:49.683143cqw;text-align:center;font-size:1.140684cqw;line-height:1.5;color:#fff;font-weight:500}
.desktop-copyright span{color:var(--yellow);font-weight:700}
@media (max-width:767px){
.desktop-view{display:none}
.mobile-view{display:block;width:100vw;margin:0;padding:0;background:var(--paper)}
.mobile-stage{position:relative;width:100vw;height:679.166667vw;background:var(--paper)}
.mobile-header{position:absolute;left:0;top:0;width:100vw;height:43.75vw}
.mobile-social{position:absolute;left:12.083333vw;top:17.916667vw;display:flex;flex-direction:column;align-items:flex-start;gap:2.300000vw;font-size:3.000000vw;font-weight:700;line-height:1;color:#111}
.mobile-social .instagram-outline{width:3.250000vw;height:3.250000vw}
.mobile-logo{position:absolute;left:43.333333vw;top:17.5vw;width:15vw;height:auto}
.mobile-menu-icon{position:absolute;left:83.75vw;top:22.083333vw;display:flex;flex-direction:column;align-items:flex-end;gap:1.25vw}
.mobile-menu-icon span{display:block;width:5vw;height:.5vw;background:#222;border-radius:999px}
.mobile-outfit{position:absolute;left:12.083333vw;top:53.333333vw;width:30.416667vw;height:auto;display:block}
.mobile-hero-copy{position:absolute;left:50vw;top:63.75vw;width:39.166667vw;text-align:right}
.mobile-hero-copy h1{margin:0;font-size:8.333333vw;line-height:1.1;font-weight:700;letter-spacing:-.145833vw}
.mobile-hero-copy h1 span{display:block;white-space:nowrap}
.mobile-hero-button{position:absolute;right:.833333vw;top:22.916667vw;width:17.5vw;height:7.083333vw;font-size:3.05vw;line-height:1}
.mobile-dots{position:absolute;left:19.583333vw;top:109.166667vw;display:flex;gap:3.75vw}
.mobile-dots span{display:block;width:2.083333vw;height:2.083333vw;border-radius:50%}
.mobile-lines{position:absolute;left:0;top:0;width:100vw;height:679.166667vw;pointer-events:none;z-index:0}
.mobile-line-svg{position:absolute;display:block;overflow:visible;pointer-events:none;user-select:none;-webkit-user-drag:none}
.mobile-line-svg path{fill:none;stroke:var(--dash);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.7 7.2;shape-rendering:geometricPrecision}
.mobile-line-1{left:42.083333vw;top:132.5vw;width:16.666667vw;height:74.583333vw}
.mobile-line-2{left:49.166667vw;top:269.583333vw;width:23.333333vw;height:43.75vw}
.mobile-line-3{left:28.333333vw;top:363.75vw;width:14.166667vw;height:42.083333vw}
.mobile-line-4{left:49.166667vw;top:468.75vw;width:20.833333vw;height:45vw}
.mobile-line-5{left:27.5vw;top:575.833333vw;width:14.166667vw;height:30.416667vw}
.mobile-copy{position:absolute;left:12.916667vw;width:74.166667vw;text-align:center;z-index:1}
.mobile-copy h2{display:inline-block;position:relative;margin:0 0 4.583333vw;font-size:5.75vw;line-height:1;font-weight:700;color:#202020}
.mobile-copy p{margin:0 0 4.166667vw;width:100%;font-size:2.7vw;line-height:1.82;color:#252525;font-weight:500;white-space:normal;overflow-wrap:normal;word-break:normal}
.mobile-small-button{min-width:28.333333vw;height:7.083333vw;padding:0 3.75vw;font-size:3.05vw;line-height:1;white-space:nowrap}
.mobile-portfolio{top:221.666667vw}
.mobile-academy{top:316.25vw}
.mobile-records{top:421.25vw}
.mobile-collections{top:516.666667vw}
.mobile-blog{top:622.5vw}
.mobile-footer{position:relative;width:100vw;height:174.166667vw;background:var(--footer);color:#fff;text-align:center;padding-top:10vw}
.mobile-footer-logo{display:block;width:23.75vw;height:auto;margin:0 auto 5vw}
.mobile-footer p{margin:0;font-size:3.416667vw;line-height:1.85;color:#fff;font-weight:500}
.mobile-brand-copy{margin-bottom:8.333333vw!important}
.mobile-footer h3{margin:5.833333vw 0 3.333333vw;font-size:4.166667vw;line-height:1;font-weight:700}
.mobile-footer-social{display:flex;justify-content:center;align-items:center;gap:6.100000vw;margin-top:5.416667vw;font-size:4.050000vw;font-weight:700;line-height:1;color:#fff}.mobile-footer-social .social-link{display:inline-flex;align-items:center;justify-content:center;position:relative}
.mobile-footer-social .instagram-outline{width:4.5vw;height:4.5vw;color:#fff}
.mobile-footer-rule{width:59.583333vw;margin:7.083333vw auto 6.25vw;border-top:1px dashed rgba(255,255,255,.85)}
.mobile-copyright{font-size:3.041667vw!important;line-height:1.85!important}
.mobile-copyright span{color:var(--yellow);font-weight:700}
}
@media (min-width:768px){.desktop-view{display:block}.mobile-view{display:none}}


/* Interaction fixes: desktop anchors and mobile hamburger menu. */
html{scroll-behavior:smooth}
.desktop-header{z-index:30;pointer-events:auto}
.desktop-nav{z-index:32;pointer-events:auto}
.desktop-nav a{position:relative;z-index:33;pointer-events:auto;cursor:pointer}
.desktop-nav a::after{content:"";position:absolute;right:0;bottom:-.65vw;width:0;height:.16vw;background:var(--yellow);transition:width .2s ease}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{width:100%}
.desktop-hero{z-index:1;pointer-events:none}
.desktop-hero .yellow-button{pointer-events:auto}
.desktop-logo,.desktop-social{z-index:32}
.desktop-copy{scroll-margin-top:5vw}

@media (max-width:767px){
    .mobile-header{z-index:60;pointer-events:auto}
    .mobile-logo,.mobile-social{z-index:62}
    .mobile-menu-toggle{
        position:absolute;
        left:82.5vw;
        top:20.6vw;
        z-index:65;
        display:flex;
        width:8.5vw;
        height:8.5vw;
        margin:0;
        padding:1.4vw 1.2vw;
        flex-direction:column;
        align-items:flex-end;
        justify-content:center;
        gap:1.15vw;
        border:0;
        border-radius:1.5vw;
        background:transparent;
        color:#222;
        cursor:pointer;
        appearance:none;
        -webkit-appearance:none;
    }
    .mobile-menu-toggle span{
        display:block;
        width:5vw;
        height:.5vw;
        border-radius:999px;
        background:currentColor;
        transform-origin:center;
        transition:transform .2s ease,opacity .2s ease,width .2s ease;
    }
    .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(1.65vw) rotate(45deg)}
    .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
    .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-1.65vw) rotate(-45deg)}
    .mobile-menu-panel{
        position:absolute;
        top:31vw;
        right:7vw;
        z-index:64;
        display:flex;
        width:52vw;
        padding:4.5vw 5vw;
        flex-direction:column;
        gap:2.7vw;
        border:1px solid rgba(0,0,0,.08);
        border-radius:3vw;
        background:rgba(247,245,240,.98);
        box-shadow:0 3vw 8vw rgba(0,0,0,.14);
        text-align:right;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-2vw) scale(.98);
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    }
    .mobile-menu-panel.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0) scale(1);
    }
    .mobile-menu-panel a{
        display:block;
        padding:1.3vw 0;
        color:#202020;
        font-size:3.6vw;
        font-weight:600;
        line-height:1.3;
        cursor:pointer;
    }
    .mobile-menu-panel a:focus-visible{outline:.5vw solid var(--yellow);outline-offset:1vw}
    .mobile-menu-icon{display:none!important}
    .mobile-copy{scroll-margin-top:10vw}
}


/* v4.6.2 desktop scale and dashed-line fine tuning. */
@media (min-width:768px){
    .desktop-nav a::after{bottom:-.45cqw;height:.12cqw}
    .desktop-copy{scroll-margin-top:3cqw}
}

.desktop-social .social-link:focus-visible,.mobile-social .social-link:focus-visible,.footer-icons .social-link:focus-visible,.mobile-footer-social .social-link:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:.3em}

/* v4.7.6 icon fine-tune */
.desktop-social .social-link{display:inline-flex;align-items:center;justify-content:center;min-height:1.3cqw}
.desktop-social .behance-text{font-size:1.420000cqw;font-weight:700;letter-spacing:-.035cqw}
.desktop-social .linkedin-text{font-size:1.395000cqw;font-weight:700;letter-spacing:-.018cqw}
.desktop-social .instagram-outline rect,.desktop-social .instagram-outline circle{stroke-width:1.65}
.mobile-social .behance-text,.mobile-social .linkedin-text{font-size:3.000000vw}
.mobile-social .instagram-outline rect,.mobile-social .instagram-outline circle{stroke-width:1.75}
.icon-box.behance-box b{font-size:1.000000cqw;letter-spacing:-.035cqw;transform:translateY(.050000cqw)}
.icon-box.linkedin-box b{font-size:1.030000cqw;letter-spacing:-.022cqw;font-weight:800;transform:translateY(.050000cqw)}
.footer-icons .icon-box{line-height:1;vertical-align:middle}
.footer-icons .icon-box > *{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.instagram-box rect,.instagram-box circle{stroke-width:1.62}
.mobile-footer-social .behance-text,.mobile-footer-social .linkedin-text{font-size:4.050000vw;letter-spacing:-.015em}
.mobile-footer-social .instagram-outline{width:4.000000vw;height:4.000000vw;color:#fff}
.mobile-footer-social .instagram-outline rect,.mobile-footer-social .instagram-outline circle{stroke-width:1.8}

/* v4.7.7 social icon final tuning */
.social-link{position:relative}
.desktop-social .social-link,.mobile-social .social-link,.footer-icons .social-link,.mobile-footer-social .social-link{overflow:visible}
.footer-icons .icon-box{background-clip:padding-box}
.footer-icons .icon-box > *{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.footer-icons .behance-box,.footer-icons .linkedin-box,.footer-icons .instagram-box{box-shadow:none}
.footer-icons .social-link:hover,.footer-icons .social-link:focus-visible{transform:translateY(-.08cqw);box-shadow:0 .30cqw .70cqw rgba(0,0,0,.16);filter:saturate(1.02) brightness(1.01)}
.desktop-social .behance-text{font-size:1.340000cqw;letter-spacing:-.032cqw}
.desktop-social .linkedin-text{font-size:1.320000cqw;letter-spacing:-.016cqw}
.mobile-social .behance-text,.mobile-social .linkedin-text{font-size:2.850000vw}
.mobile-social .instagram-outline{width:3.050000vw;height:3.050000vw}
@media (hover:hover){.social-link::after{content:attr(aria-label);position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translateX(-50%) translateY(.18rem);padding:.32rem .5rem;border-radius:.42rem;background:rgba(17,17,17,.94);color:#fff;font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 .35rem .9rem rgba(0,0,0,.18);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:120}.social-link::before{content:"";position:absolute;left:50%;bottom:calc(100% + .22rem);transform:translateX(-50%) translateY(.18rem);width:.55rem;height:.55rem;background:rgba(17,17,17,.94);rotate:45deg;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:119}.social-link:hover::after,.social-link:hover::before,.social-link:focus-visible::after,.social-link:focus-visible::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}
@media (max-width:767px) and (hover:hover){.mobile-footer-social .social-link::after,.mobile-social .social-link::after{font-size:2.8vw;padding:.85vw 1.45vw;border-radius:1.2vw;bottom:calc(100% + 1.6vw)}.mobile-footer-social .social-link::before,.mobile-social .social-link::before{width:1.6vw;height:1.6vw;bottom:calc(100% + .55vw)}}
.footer-icons .social-link:focus-visible,.mobile-footer-social .social-link:focus-visible,.desktop-social .social-link:focus-visible,.mobile-social .social-link:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}

/* v4.7.8 standard icon pack normalization */
.social-svg{display:block;width:100%;height:100%;fill:currentColor}
.social-icon-link{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.behance-text,.linkedin-text,.instagram-outline{all:unset}
.desktop-social{gap:1.78cqw;font-size:0;color:#111}
.desktop-social .social-icon-link{width:1.18cqw;height:1.18cqw;color:#111}
.desktop-social .social-link-instagram{width:1.18cqw;height:1.18cqw}
.desktop-social .social-link:hover,.desktop-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.08cqw)}
.mobile-social{gap:2.15vw;font-size:0;color:#111}
.mobile-social .social-icon-link{width:3.42vw;height:3.42vw;color:#111}
.mobile-social .social-link:hover,.mobile-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.45vw)}
.footer-icons{gap:1.5cqw}
.icon-box{width:2.16cqw;height:2.16cqw;border-radius:.34cqw;padding:0;overflow:visible;position:relative}
.icon-box .social-svg{width:1.08cqw;height:1.08cqw}
.behance-box,.linkedin-box,.instagram-box{display:inline-flex;align-items:center;justify-content:center;color:#fff}
.mobile-footer-social{gap:6.25vw;font-size:0;color:#fff}
.mobile-footer-social .social-icon-link{width:4.15vw;height:4.15vw;color:#fff}
.mobile-footer-social .social-link:hover,.mobile-footer-social .social-link:focus-visible{color:var(--yellow);transform:translateY(-.8vw)}
.footer-icons .social-link:hover,.footer-icons .social-link:focus-visible{transform:translateY(-.08cqw);box-shadow:0 .30cqw .70cqw rgba(0,0,0,.16);filter:saturate(1.02) brightness(1.01)}
.desktop-social .behance-text,.desktop-social .linkedin-text,.mobile-social .behance-text,.mobile-social .linkedin-text,.mobile-footer-social .behance-text,.mobile-footer-social .linkedin-text{font-size:inherit;letter-spacing:normal}
.desktop-social .instagram-outline,.mobile-social .instagram-outline,.mobile-footer-social .instagram-outline{width:auto;height:auto;color:inherit}
.instagram-box svg{transform:none}
.icon-box b{font-size:inherit;transform:none}
.social-link::after{font-family:inherit}


/* v4.7.9 — official Bootstrap Icons 1.13.1 only. */
.social-svg{display:none!important}
.social-icon-link .bi,
.mobile-menu-toggle .bi{
    display:block;
    width:1em;
    height:1em;
    font-family:"bootstrap-icons"!important;
    font-style:normal;
    font-weight:400!important;
    font-variant:normal;
    line-height:1;
    text-transform:none;
    vertical-align:-.125em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.desktop-social,
.mobile-social,
.mobile-footer-social,
.footer-icons{
    align-items:center;
}
.desktop-social .social-icon-link{
    width:1.24cqw;
    height:1.24cqw;
    font-size:1.24cqw;
    color:#111;
}
.desktop-social .social-icon-link .bi{
    font-size:1em;
}
.mobile-social .social-icon-link{
    width:3.45vw;
    height:3.45vw;
    font-size:3.45vw;
    color:#111;
}
.mobile-social .social-icon-link .bi{
    font-size:1em;
}
.footer-icons .icon-box{
    width:2.16cqw;
    height:2.16cqw;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}
.footer-icons .icon-box .bi{
    width:1em;
    height:1em;
    font-size:1.10cqw;
    line-height:1;
    color:#fff;
    vertical-align:0;
}
.mobile-footer-social .social-icon-link{
    width:4.15vw;
    height:4.15vw;
    font-size:4.15vw;
    color:#fff;
}
.mobile-footer-social .social-icon-link .bi{
    font-size:1em;
}
.mobile-menu-toggle{
    align-items:center;
    justify-content:center;
    gap:0;
}
.mobile-menu-toggle .bi{
    position:absolute;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
    font-size:6vw;
    color:#222;
    transition:opacity .18s ease,transform .18s ease;
}
.mobile-menu-toggle .mobile-menu-close-icon{
    opacity:0;
    transform:translate(-50%,-50%) scale(.72);
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-open-icon{
    opacity:0;
    transform:translate(-50%,-50%) scale(.72);
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-close-icon{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
}
.mobile-menu-toggle span{display:none!important}


/* v4.8.0 — Font Awesome Free 6.7.2 local SVG icon pack. No icon font or CDN. */
.fa-pack-icon{
    display:block;
    width:100%;
    height:100%;
    background-color:currentColor;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
    flex:0 0 auto;
}
.fa-pack-behance{
    -webkit-mask-image:url('../icons/fontawesome/brands/behance.svg');
    mask-image:url('../icons/fontawesome/brands/behance.svg');
}
.fa-pack-linkedin{
    -webkit-mask-image:url('../icons/fontawesome/brands/linkedin-in.svg');
    mask-image:url('../icons/fontawesome/brands/linkedin-in.svg');
}
.fa-pack-instagram{
    -webkit-mask-image:url('../icons/fontawesome/brands/instagram.svg');
    mask-image:url('../icons/fontawesome/brands/instagram.svg');
}
.fa-pack-bars{
    -webkit-mask-image:url('../icons/fontawesome/solid/bars.svg');
    mask-image:url('../icons/fontawesome/solid/bars.svg');
}
.fa-pack-xmark{
    -webkit-mask-image:url('../icons/fontawesome/solid/xmark.svg');
    mask-image:url('../icons/fontawesome/solid/xmark.svg');
}
/* Neutralize Bootstrap icon-font rules from the previous release. */
.social-icon-link .bi,.mobile-menu-toggle .bi{display:none!important}
.desktop-social .social-icon-link{
    width:1.24cqw;
    height:1.24cqw;
    color:#111;
}
.desktop-social .social-icon-link .fa-pack-icon{
    width:100%;
    height:100%;
}
.mobile-social .social-icon-link{
    width:3.55vw;
    height:3.55vw;
    color:#111;
}
.mobile-social .social-icon-link .fa-pack-icon{
    width:100%;
    height:100%;
}
.footer-icons .icon-box{
    width:2.16cqw;
    height:2.16cqw;
    padding:.48cqw;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}
.footer-icons .icon-box .fa-pack-icon{
    width:100%;
    height:100%;
    color:#fff;
}
.mobile-footer-social .social-icon-link{
    width:4.25vw;
    height:4.25vw;
    color:#fff;
}
.mobile-footer-social .social-icon-link .fa-pack-icon{
    width:100%;
    height:100%;
}
.mobile-menu-toggle .fa-pack-icon{
    position:absolute;
    inset:50% auto auto 50%;
    width:5.4vw;
    height:5.4vw;
    transform:translate(-50%,-50%);
    color:#222;
    transition:opacity .18s ease,transform .18s ease;
}
.mobile-menu-toggle .mobile-menu-close-icon{
    opacity:0;
    transform:translate(-50%,-50%) scale(.72);
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-open-icon{
    opacity:0;
    transform:translate(-50%,-50%) scale(.72);
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-close-icon{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
}

/* v4.8.1 — refined header hover interactions and footer rule alignment */
@media (min-width:768px){
  .desktop-nav a{
    padding:.18cqw .34cqw .52cqw;
    border-radius:.62cqw;
    transition:color .22s ease,transform .22s ease,background-color .22s ease,box-shadow .22s ease;
  }
  .desktop-nav a::before{
    content:"";
    position:absolute;
    inset:-.28cqw -.46cqw .08cqw;
    border-radius:.72cqw;
    background:rgba(239,178,26,.10);
    box-shadow:0 .16cqw .42cqw rgba(239,178,26,.08);
    opacity:0;
    transform:scale(.94);
    transition:opacity .22s ease,transform .22s ease;
    z-index:-1;
    pointer-events:none;
  }
  .desktop-nav a::after{
    bottom:-.38cqw;
    height:.14cqw;
    border-radius:999px;
    box-shadow:0 .04cqw .16cqw rgba(239,178,26,.24);
    transition:width .22s ease;
  }
  .desktop-nav a:hover,
  .desktop-nav a:focus-visible{
    color:#111;
    transform:translateY(-.08cqw);
  }
  .desktop-nav a:hover::before,
  .desktop-nav a:focus-visible::before{
    opacity:1;
    transform:scale(1);
  }
  .desktop-social .social-link{
    border-radius:999px;
    transition:color .2s ease,transform .2s ease,filter .2s ease,box-shadow .2s ease;
  }
  .desktop-social .social-link:hover,
  .desktop-social .social-link:focus-visible{
    color:var(--yellow);
    transform:translateY(-.10cqw) scale(1.04);
    filter:drop-shadow(0 .12cqw .24cqw rgba(239,178,26,.18));
    box-shadow:0 0 0 .26cqw rgba(239,178,26,.10);
  }
  .desktop-footer-rule{
    left:16.223067cqw;
    right:12.801014cqw;
    width:auto;
    top:27.756654cqw;
    height:2px;
    border-top:0;
    background:repeating-linear-gradient(to left, rgba(255,255,255,.88) 0 6px, transparent 6px 11px);
  }
}

@media (max-width:767px){
  .mobile-menu-panel a,
  .mobile-social .social-link,
  .mobile-menu-toggle{
    transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;
  }
  .mobile-menu-panel a:hover,
  .mobile-menu-panel a:focus-visible{
    color:#111;
    background:rgba(239,178,26,.14);
    border-radius:1.6vw;
    padding-right:2vw;
    padding-left:2vw;
  }
  .mobile-social .social-link:hover,
  .mobile-social .social-link:focus-visible{
    color:var(--yellow);
    transform:translateY(-.55vw) scale(1.05);
    filter:drop-shadow(0 .5vw 1vw rgba(239,178,26,.16));
  }
  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus-visible{
    background:rgba(239,178,26,.10);
    box-shadow:0 1.1vw 2.5vw rgba(0,0,0,.07);
  }
  .mobile-footer-rule{
    width:60.833333vw;
    height:2px;
    border-top:0;
    background:repeating-linear-gradient(to left, rgba(255,255,255,.88) 0 6px, transparent 6px 11px);
    margin:7.083333vw auto 6.25vw;
  }
}

/* v4.8.3 footer brand copy width and typography */
.desktop-brand p{font-weight:400;font-size:1.05cqw;line-height:2.05;width:25cqw;max-width:25cqw}
.desktop-services p,.desktop-contact p{font-weight:400}
.desktop-contact h3,.desktop-services h3,.desktop-brand h3{font-weight:700}
@media(max-width:767px){
.mobile-brand-copy{font-weight:400!important;font-size:3.25vw!important;line-height:1.95!important;width:78vw;margin-left:auto!important;margin-right:auto!important}
.mobile-footer p:not(.mobile-brand-copy):not(.mobile-copyright){font-weight:400!important}
.mobile-footer h3{font-weight:700!important}
}

/* v4.8.4 footer and desktop navigation typography tuning */
@media (min-width:768px){
 .desktop-nav{gap:3.85cqw}
 .desktop-nav a{font-size:1.18cqw}
 .desktop-brand{width:24.5cqw}
 .desktop-brand p{font-weight:400;line-height:1.85}
 .desktop-services p,.desktop-contact p{font-weight:400}
}
@media (max-width:767px){
 .mobile-brand-copy{width:78vw;margin-left:auto!important;margin-right:auto!important;text-align:justify;text-align-last:center;font-weight:400!important;line-height:1.75!important}
 .mobile-footer p{font-weight:400}
 .mobile-footer h3{font-weight:700}
}

/* v4.8.5 — definitive footer copy wrapping and desktop menu width */
@media (min-width:768px){
  .desktop-nav{
    left:32.65cqw;
    width:35.75cqw;
    gap:0;
    justify-content:space-between;
  }
  .desktop-brand{
    width:31cqw;
  }
  .desktop-brand p{
    width:100%;
    max-width:none;
    direction:rtl;
    text-align:right;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    line-height:1.9;
  }
}
@media (max-width:767px){
  .mobile-brand-copy{
    display:block;
    width:92vw;
    max-width:92vw;
    margin-left:auto!important;
    margin-right:auto!important;
    direction:rtl;
    text-align:justify!important;
    text-align-last:center!important;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    line-height:1.8!important;
  }
}


/* v4.8.6 — footer redesigned to match centered stacked reference */
@media (min-width:768px){
  .desktop-footer{padding:4.45cqw 0 4.95cqw}
  .desktop-footer-inner{aspect-ratio:auto;min-height:auto;padding:0 0;display:block}
  .desktop-brand,.desktop-services,.desktop-contact{position:relative;left:auto;top:auto;margin-left:auto;margin-right:auto;text-align:center}
  .desktop-brand{width:34cqw;max-width:34cqw}
  .desktop-brand img{display:block;width:6.15cqw;height:auto;margin:0 auto 2.1cqw}
  .desktop-brand p{width:100%;max-width:none;margin:0 auto;text-align:center;direction:rtl;line-height:1.95;font-size:1.34cqw;font-weight:400}
  .desktop-services{width:22cqw;max-width:22cqw;margin-top:4.2cqw}
  .desktop-contact{width:22cqw;max-width:22cqw;margin-top:4.2cqw}
  .desktop-contact h3,.desktop-services h3{margin:0 0 1.75cqw;font-size:1.72cqw;line-height:1.2;font-weight:700}
  .desktop-contact p,.desktop-services p{font-size:1.34cqw;line-height:1.82;font-weight:400}
  .footer-icons,.desktop-footer-rule,.desktop-copyright{display:none!important}
}

@media (max-width:767px){
  .mobile-footer{height:auto;min-height:0;padding:14vw 0 13vw}
  .mobile-footer-logo{display:block;width:21.75vw;height:auto;margin:0 auto 6vw}
  .mobile-brand-copy{display:block;width:77vw!important;max-width:77vw!important;margin:0 auto 11vw!important;direction:rtl;text-align:center!important;text-align-last:auto!important;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.82!important;font-size:4.1vw!important;font-weight:400!important}
  .mobile-footer h3{margin:0 0 3.6vw;font-size:5.15vw;line-height:1.2;font-weight:700}
  .mobile-footer p{font-size:4.5vw;line-height:1.8;font-weight:400}
  .mobile-footer h3 + p{margin:0 auto 12.4vw}
  .mobile-footer h3:last-of-type + p{margin-bottom:0}
  .mobile-footer-social,.mobile-footer-rule,.mobile-copyright{display:none!important}
}


/* v4.8.7 — desktop footer restored to 3-column layout per reference */
@media (min-width:768px){
  .desktop-footer{position:relative;width:100%;margin:0;background:var(--footer);color:#fff;padding:0}
  .desktop-footer-inner{position:relative;width:min(100vw,1440px);aspect-ratio:100 / 33.4;min-height:auto;margin:0 auto;container-type:inline-size;display:block}

  .desktop-contact{position:absolute;left:16.2cqw;top:7.25cqw;width:17.1cqw;max-width:none;text-align:center;margin:0}
  .desktop-services{position:absolute;left:41.6cqw;top:7.25cqw;width:18.6cqw;max-width:none;text-align:center;margin:0}
  .desktop-brand{position:absolute;left:66.2cqw;top:5.6cqw;width:20.9cqw;max-width:none;text-align:right;margin:0}

  .desktop-contact h3,.desktop-services h3{margin:0 0 3.2cqw;font-size:1.62cqw;line-height:1.15;font-weight:700}
  .desktop-contact p,.desktop-services p,.desktop-brand p{margin:0;color:#fff;font-weight:400}
  .desktop-contact p,.desktop-services p{font-size:1.28cqw;line-height:1.78}
  .desktop-brand img{display:block;width:6.2cqw;height:auto;margin:0 0 1.55cqw auto}
  .desktop-brand p{width:100%;max-width:none;direction:rtl;text-align:right;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:1.23cqw;line-height:1.72;font-weight:400}

  .footer-icons{display:flex!important;justify-content:center;align-items:center;gap:1.8cqw;margin-top:2.55cqw}
  .footer-icons .social-link{border-radius:.34cqw}

  .desktop-footer-rule{display:block!important;position:absolute;left:17.65cqw;top:25.15cqw;width:64.7cqw;height:2px;border-top:0;background:repeating-linear-gradient(to left, rgba(255,255,255,.9) 0 8px, transparent 8px 16px)}

  .desktop-copyright{display:block!important;position:absolute;left:21.8cqw;top:29.7cqw;width:56.4cqw;text-align:center;font-size:1.24cqw;line-height:1.7;color:#fff;font-weight:400;margin:0}
  .desktop-copyright span{color:var(--yellow);font-weight:700}
}


/* v4.8.8 — restore mobile footer social, divider, and copyright */
@media (max-width:767px){
  .mobile-footer{height:auto;min-height:0;padding:14vw 0 13vw}
  .mobile-footer-social{display:flex!important;justify-content:center;align-items:center;gap:7vw;margin-top:5.8vw;font-size:0;line-height:1;color:#fff}
  .mobile-footer-social .social-link{display:inline-flex!important;align-items:center;justify-content:center;position:relative;color:#fff}
  .mobile-footer-social .social-icon-link{width:5.15vw;height:5.15vw;color:#fff}
  .mobile-footer-social .social-icon-link .fa-pack-icon{width:100%;height:100%;display:block}
  .mobile-footer-rule{display:block!important;width:50.5vw;height:2px;border-top:0;background:repeating-linear-gradient(to left, rgba(255,255,255,.9) 0 8px, transparent 8px 16px);margin:9vw auto 8vw}
  .mobile-copyright{display:block!important;width:74vw;margin:0 auto;font-size:4.15vw!important;line-height:1.55!important;font-weight:400;color:#fff;text-align:center}
  .mobile-copyright span{color:var(--yellow);font-weight:700}
}


/* v4.8.9 — mobile copyright line-break and centering refinement */
@media (max-width:767px){
  .mobile-copyright{display:block!important;width:78vw;max-width:78vw;margin:0 auto!important;text-align:center!important;text-align-last:center!important;direction:rtl;font-size:3.95vw!important;line-height:1.72!important;font-weight:400;color:#fff;white-space:normal}
  .mobile-copyright span{color:var(--yellow);font-weight:700}
}


/* v4.9.0 — continuous moving underline for desktop navigation */
@media (min-width:768px){
  .desktop-nav{
    position:absolute;
  }
  .desktop-nav a::after{
    display:none!important;
  }
  .desktop-nav-indicator{
    position:absolute;
    left:0;
    bottom:-.38cqw;
    width:var(--ayar-nav-indicator-width,0px);
    height:.14cqw;
    border-radius:999px;
    background:var(--yellow);
    box-shadow:0 .04cqw .16cqw rgba(239,178,26,.24);
    opacity:0;
    transform:translate3d(var(--ayar-nav-indicator-x,0px),0,0);
    transform-origin:left center;
    pointer-events:none;
    will-change:transform,width,opacity;
    transition:transform .34s cubic-bezier(.22,.8,.24,1),width .34s cubic-bezier(.22,.8,.24,1),opacity .16s ease;
    z-index:34;
  }
  .desktop-nav-indicator.is-visible{
    opacity:1;
  }
  @media (prefers-reduced-motion:reduce){
    .desktop-nav-indicator{
      transition:opacity .01ms linear;
    }
  }
}


/* v4.9.1 — visible CSS hamburger and refined mobile menu animation */
@media (max-width:767px){
  html.ayar-mobile-menu-open,
  html.ayar-mobile-menu-open body{
    overflow:hidden!important;
  }

  .mobile-menu-toggle{
    position:absolute;
    left:82.15vw;
    top:19.75vw;
    z-index:130;
    display:flex!important;
    width:10vw;
    height:10vw;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(32,32,32,.08);
    border-radius:50%;
    background:rgba(247,245,240,.72);
    box-shadow:0 1.3vw 3.8vw rgba(32,32,32,.10);
    color:#202020;
    cursor:pointer;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    transition:background-color .28s ease,box-shadow .28s ease,transform .28s ease,border-color .28s ease;
  }
  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus-visible{
    background:rgba(239,178,26,.15);
    border-color:rgba(239,178,26,.42);
    box-shadow:0 1.6vw 4.4vw rgba(32,32,32,.14);
    transform:translateY(-.35vw);
    outline:none;
  }
  .mobile-menu-toggle[aria-expanded="true"]{
    position:fixed;
    left:82.15vw;
    top:19.75vw;
    background:#efb21a;
    border-color:#efb21a;
    box-shadow:0 1.6vw 5vw rgba(0,0,0,.20);
  }

  .mobile-menu-toggle .mobile-menu-lines{
    position:relative;
    display:block!important;
    width:5.7vw;
    height:4.4vw;
  }
  .mobile-menu-toggle .mobile-menu-lines > span{
    position:absolute;
    right:0;
    display:block!important;
    height:.55vw;
    border-radius:999px;
    background:currentColor;
    opacity:1;
    transform-origin:center;
    transition:top .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
  }
  .mobile-menu-toggle .mobile-menu-lines > span:nth-child(1){top:0;width:5.7vw}
  .mobile-menu-toggle .mobile-menu-lines > span:nth-child(2){top:1.92vw;width:4.55vw}
  .mobile-menu-toggle .mobile-menu-lines > span:nth-child(3){top:3.84vw;width:3.45vw}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-lines > span:nth-child(1){top:1.92vw;width:5.7vw;transform:rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-lines > span:nth-child(2){top:1.92vw;width:0;opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-lines > span:nth-child(3){top:1.92vw;width:5.7vw;transform:rotate(-45deg)}

  .mobile-menu-backdrop{
    position:fixed;
    inset:0;
    z-index:110;
    display:block;
    background:rgba(20,18,19,.30);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    transition:opacity .32s ease,visibility .32s ease;
  }
  .mobile-menu-backdrop.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .mobile-menu-panel{
    position:fixed;
    top:14vw;
    right:6vw;
    left:6vw;
    z-index:120;
    display:flex;
    width:auto;
    max-height:calc(100dvh - 28vw);
    padding:20vw 7vw 7vw;
    flex-direction:column;
    gap:1.15vw;
    overflow:auto;
    border:1px solid rgba(255,255,255,.58);
    border-radius:6vw;
    background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(247,245,240,.94));
    box-shadow:0 7vw 18vw rgba(22,19,20,.28);
    text-align:right;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,-5vw,0) scale(.94);
    transform-origin:88% 8%;
    transition:opacity .32s ease,transform .42s cubic-bezier(.2,.86,.2,1),visibility .32s ease;
  }
  .mobile-menu-panel::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:1.1vw;
    border-radius:6vw 6vw 0 0;
    background:linear-gradient(90deg,#efb21a,#f3c958,#efb21a);
  }
  .mobile-menu-panel::after{
    content:"منوی عیار";
    position:absolute;
    top:7vw;
    right:7vw;
    color:#6b6466;
    font-size:3.15vw;
    line-height:1;
    font-weight:500;
  }
  .mobile-menu-panel.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0) scale(1);
  }
  .mobile-menu-panel a{
    position:relative;
    display:flex;
    min-height:11.5vw;
    padding:2.2vw 4.5vw 2.2vw 3.5vw;
    align-items:center;
    justify-content:flex-start;
    border:1px solid transparent;
    border-radius:3.3vw;
    background:rgba(255,255,255,.58);
    color:#202020;
    font-size:4.05vw;
    font-weight:600;
    line-height:1.35;
    opacity:0;
    transform:translateX(5vw);
    transition:opacity .26s ease,transform .38s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,color .22s ease;
  }
  .mobile-menu-panel a::before{
    content:"";
    width:1.65vw;
    height:1.65vw;
    margin-left:3vw;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--yellow);
    box-shadow:0 0 0 1.1vw rgba(239,178,26,.13);
    transform:scale(.72);
    transition:transform .22s ease,box-shadow .22s ease;
  }
  .mobile-menu-panel.is-open a{
    opacity:1;
    transform:translateX(0);
  }
  .mobile-menu-panel.is-open a:nth-child(1){transition-delay:.07s}
  .mobile-menu-panel.is-open a:nth-child(2){transition-delay:.11s}
  .mobile-menu-panel.is-open a:nth-child(3){transition-delay:.15s}
  .mobile-menu-panel.is-open a:nth-child(4){transition-delay:.19s}
  .mobile-menu-panel.is-open a:nth-child(5){transition-delay:.23s}
  .mobile-menu-panel a:hover,
  .mobile-menu-panel a:focus-visible{
    background:#fff;
    border-color:rgba(239,178,26,.38);
    color:#111;
    outline:none;
  }
  .mobile-menu-panel a:hover::before,
  .mobile-menu-panel a:focus-visible::before{
    transform:scale(1);
    box-shadow:0 0 0 1.5vw rgba(239,178,26,.16);
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .mobile-menu-toggle,
  .mobile-menu-toggle .mobile-menu-lines > span,
  .mobile-menu-backdrop,
  .mobile-menu-panel,
  .mobile-menu-panel a{
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
}


/* v4.9.2 — mobile menu uses bundled icon pack without open-state overlap */
@media (max-width:767px){
  .mobile-menu-toggle{
    left:auto!important;
    right:7.5vw!important;
    top:19.25vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
    z-index:132!important;
    overflow:hidden;
    isolation:isolate;
  }
  .mobile-menu-toggle[aria-expanded="true"]{
    position:fixed!important;
    left:auto!important;
    right:8.25vw!important;
    top:18vw!important;
    background:var(--yellow)!important;
    border-color:rgba(255,255,255,.74)!important;
    box-shadow:0 1.8vw 5.5vw rgba(22,19,20,.24)!important;
    transform:none!important;
  }

  /* Explicitly restore icon-pack spans after legacy span rules. */
  .mobile-menu-toggle > .fa-pack-icon{
    position:absolute!important;
    inset:50% auto auto 50%!important;
    display:block!important;
    width:4.75vw!important;
    height:4.75vw!important;
    margin:0!important;
    padding:0!important;
    background-color:currentColor!important;
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);
    transform-origin:center;
    transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none;
  }
  .mobile-menu-toggle > .mobile-menu-open-icon{
    color:#202020;
  }
  .mobile-menu-toggle > .mobile-menu-close-icon{
    width:4.25vw!important;
    height:4.25vw!important;
    color:#202020;
    opacity:0;
    transform:translate(-50%,-50%) rotate(-55deg) scale(.68);
  }
  .mobile-menu-toggle[aria-expanded="true"] > .mobile-menu-open-icon{
    opacity:0;
    transform:translate(-50%,-50%) rotate(55deg) scale(.68);
  }
  .mobile-menu-toggle[aria-expanded="true"] > .mobile-menu-close-icon{
    opacity:1;
    transform:translate(-50%,-50%) rotate(0) scale(1);
  }

  /* The old CSS hamburger is intentionally disabled. */
  .mobile-menu-toggle .mobile-menu-lines,
  .mobile-menu-toggle .mobile-menu-lines > span{
    display:none!important;
  }

  .mobile-menu-panel{
    top:13vw!important;
    right:5.5vw!important;
    left:5.5vw!important;
    max-height:calc(100dvh - 22vw)!important;
    padding:20.5vw 7vw 7vw!important;
    overflow-x:hidden!important;
    transform-origin:92% 7%!important;
  }
  .mobile-menu-panel::after{
    top:7.2vw!important;
    right:21vw!important;
    max-width:58vw;
    padding-right:0;
    white-space:nowrap;
  }
  .mobile-menu-panel a{
    width:100%;
    box-sizing:border-box;
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .mobile-menu-toggle > .fa-pack-icon{
    transition-duration:.01ms!important;
  }
}


/* v4.9.3 — gold menu branding and compact sticky headers */
@media (min-width:768px){
  .desktop-header,
  .desktop-header .desktop-social,
  .desktop-header .desktop-nav,
  .desktop-header .desktop-logo{
    transition:top .28s ease,height .28s ease,width .28s ease,background-color .28s ease,box-shadow .28s ease,transform .28s ease;
  }
  .desktop-header.is-stuck{
    position:fixed!important;
    left:50%!important;
    top:0!important;
    width:min(100vw,1440px)!important;
    height:7.7cqw!important;
    transform:translateX(-50%);
    z-index:220!important;
    background:rgba(247,245,240,.94);
    border-bottom:1px solid rgba(32,32,32,.07);
    box-shadow:0 .45cqw 1.5cqw rgba(32,32,32,.10);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .desktop-header.is-stuck .desktop-social{
    top:2.92cqw!important;
  }
  .desktop-header.is-stuck .desktop-nav{
    top:2.92cqw!important;
  }
  .desktop-header.is-stuck .desktop-logo{
    top:1.35cqw!important;
    width:4.65cqw!important;
  }
  .desktop-copy{
    scroll-margin-top:9cqw!important;
  }
}

@media (max-width:767px){
  .mobile-header,
  .mobile-header .mobile-social,
  .mobile-header .mobile-logo,
  .mobile-header .mobile-menu-toggle{
    transition:top .3s ease,left .3s ease,right .3s ease,width .3s ease,height .3s ease,background-color .3s ease,box-shadow .3s ease,transform .3s ease;
  }
  .mobile-header.is-stuck{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:100vw!important;
    height:17vw!important;
    z-index:105!important;
    background:rgba(247,245,240,.94);
    border-bottom:1px solid rgba(32,32,32,.07);
    box-shadow:0 1vw 4vw rgba(32,32,32,.11);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .mobile-header.is-stuck .mobile-social{
    left:5vw!important;
    top:5.25vw!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:3vw!important;
    font-size:3.4vw!important;
  }
  .mobile-header.is-stuck .mobile-social .social-icon-link{
    width:3.8vw!important;
    height:3.8vw!important;
  }
  .mobile-header.is-stuck .mobile-logo{
    left:45.5vw!important;
    top:2.6vw!important;
    width:9vw!important;
  }
  .mobile-header.is-stuck .mobile-menu-toggle:not([aria-expanded="true"]){
    position:absolute!important;
    left:auto!important;
    right:5vw!important;
    top:3.15vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
  }

  .mobile-menu-panel{
    padding-top:25.5vw!important;
  }
  .mobile-menu-panel::after{
    content:none!important;
    display:none!important;
  }
  .mobile-menu-brand{
    position:absolute;
    top:3.2vw;
    right:18vw;
    left:18vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1.1vw;
    opacity:0;
    transform:translateY(-2vw) scale(.9);
    transform-origin:center;
    transition:opacity .3s ease .05s,transform .42s cubic-bezier(.2,.86,.2,1) .05s;
    pointer-events:none;
  }
  .mobile-menu-brand img{
    display:block;
    width:10.8vw;
    height:auto;
    max-height:13vw;
    object-fit:contain;
    filter:drop-shadow(0 1.1vw 1.8vw rgba(239,178,26,.18));
  }
  .mobile-menu-brand span{
    display:block;
    color:#6b6466;
    font-size:3.15vw;
    line-height:1.2;
    font-weight:600;
  }
  .mobile-menu-panel.is-open .mobile-menu-brand{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  .mobile-menu-panel.is-open a:nth-of-type(1){transition-delay:.10s}
  .mobile-menu-panel.is-open a:nth-of-type(2){transition-delay:.14s}
  .mobile-menu-panel.is-open a:nth-of-type(3){transition-delay:.18s}
  .mobile-menu-panel.is-open a:nth-of-type(4){transition-delay:.22s}
  .mobile-menu-panel.is-open a:nth-of-type(5){transition-delay:.26s}

  .mobile-menu-toggle[aria-expanded="true"]{
    top:17.2vw!important;
    right:8.25vw!important;
  }
  .mobile-copy{
    scroll-margin-top:20vw!important;
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .mobile-menu-brand,
  .mobile-header,
  .mobile-header .mobile-social,
  .mobile-header .mobile-logo,
  .mobile-header .mobile-menu-toggle{
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
}


/* v4.9.4 — refined desktop sticky-header motion only */
@media (min-width:768px){
  .desktop-header,
  .desktop-header .desktop-social,
  .desktop-header .desktop-nav,
  .desktop-header .desktop-logo{
    transition:none!important;
  }

  .desktop-header.is-stuck{
    will-change:transform,opacity;
    animation:ayar-desktop-sticky-enter .48s cubic-bezier(.16,1,.3,1) both;
  }

  .desktop-header.is-stuck .desktop-social,
  .desktop-header.is-stuck .desktop-nav,
  .desktop-header.is-stuck .desktop-logo{
    will-change:transform,opacity;
    animation:ayar-desktop-sticky-content .34s cubic-bezier(.22,1,.36,1) .08s both;
  }

  @keyframes ayar-desktop-sticky-enter{
    0%{
      opacity:0;
      transform:translate3d(-50%,-105%,0);
      box-shadow:0 0 0 rgba(32,32,32,0);
    }
    100%{
      opacity:1;
      transform:translate3d(-50%,0,0);
      box-shadow:0 .45cqw 1.5cqw rgba(32,32,32,.10);
    }
  }

  @keyframes ayar-desktop-sticky-content{
    0%{
      opacity:0;
      transform:translate3d(0,-.38cqw,0);
    }
    100%{
      opacity:1;
      transform:translate3d(0,0,0);
    }
  }
}

@media (min-width:768px) and (prefers-reduced-motion:reduce){
  .desktop-header.is-stuck,
  .desktop-header.is-stuck .desktop-social,
  .desktop-header.is-stuck .desktop-nav,
  .desktop-header.is-stuck .desktop-logo{
    animation:none!important;
  }
}


/* v4.9.5 — themed floating desktop sticky navigation */
@media (min-width:768px){
  .desktop-header.is-stuck{
    position:fixed!important;
    left:50%!important;
    top:1.05cqw!important;
    width:min(92vw,1260px)!important;
    height:5.65cqw!important;
    padding:0 1.35cqw!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    column-gap:1.35cqw;
    overflow:visible;
    border:1px solid rgba(32,32,32,.09);
    border-radius:1.45cqw;
    background-color:rgba(247,245,240,.96)!important;
    background-image:url('../images/paper-pattern.svg')!important;
    background-position:center 45%!important;
    background-size:39cqw auto!important;
    box-shadow:
      0 .22cqw .58cqw rgba(32,32,32,.06),
      0 .85cqw 2.35cqw rgba(32,32,32,.14),
      inset 0 1px 0 rgba(255,255,255,.88)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
    backdrop-filter:blur(18px) saturate(1.08);
    transform:translateX(-50%);
    animation:ayar-desktop-theme-sticky-in .42s cubic-bezier(.16,1,.3,1) both!important;
    isolation:isolate;
  }

  .desktop-header.is-stuck::before{
    content:"";
    position:absolute;
    z-index:2;
    left:2.1cqw;
    right:2.1cqw;
    top:-1px;
    height:.22cqw;
    min-height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,transparent 0%,var(--yellow) 13%,var(--yellow) 87%,transparent 100%);
    box-shadow:0 .12cqw .38cqw rgba(239,178,26,.24);
    pointer-events:none;
  }

  .desktop-header.is-stuck::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:.38cqw;
    border:1px solid rgba(255,255,255,.72);
    border-radius:1.08cqw;
    pointer-events:none;
  }

  .desktop-header.is-stuck .desktop-social,
  .desktop-header.is-stuck .desktop-nav,
  .desktop-header.is-stuck .desktop-logo{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0!important;
    animation:ayar-desktop-theme-content-in .34s cubic-bezier(.22,1,.36,1) .06s both!important;
  }

  .desktop-header.is-stuck .desktop-social{
    grid-column:1;
    justify-self:start;
    display:flex;
    align-items:center;
    gap:.5cqw!important;
    font-size:1.02cqw!important;
  }

  .desktop-header.is-stuck .desktop-social .social-icon-link{
    width:2.18cqw!important;
    height:2.18cqw!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:var(--ink);
    border:1px solid rgba(32,32,32,.09);
    border-radius:.68cqw;
    background:rgba(255,255,255,.58);
    box-shadow:0 .16cqw .45cqw rgba(32,32,32,.055),inset 0 1px 0 rgba(255,255,255,.92);
    transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  }

  .desktop-header.is-stuck .desktop-social .social-icon-link:hover,
  .desktop-header.is-stuck .desktop-social .social-icon-link:focus-visible{
    color:#171717;
    background:var(--yellow);
    border-color:rgba(239,178,26,.72);
    transform:translateY(-.14cqw)!important;
    box-shadow:0 .35cqw .75cqw rgba(239,178,26,.22),inset 0 1px 0 rgba(255,255,255,.48);
  }

  .desktop-header.is-stuck .desktop-social .fa-pack-icon{
    width:1.03cqw!important;
    height:1.03cqw!important;
  }

  .desktop-header.is-stuck .desktop-nav{
    grid-column:2;
    justify-self:center;
    width:auto!important;
    min-width:39.5cqw;
    display:flex!important;
    align-items:center;
    justify-content:center!important;
    gap:2.35cqw!important;
    padding:.82cqw 1.55cqw .88cqw!important;
    border:1px solid rgba(32,32,32,.075);
    border-radius:999px;
    background:rgba(255,255,255,.54);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 .18cqw .48cqw rgba(32,32,32,.045);
  }

  .desktop-header.is-stuck .desktop-nav a{
    font-size:1.04cqw!important;
    line-height:1!important;
    font-weight:500!important;
    color:#252326;
    padding:.18cqw .05cqw .25cqw;
    transition:color .2s ease,transform .22s cubic-bezier(.22,1,.36,1)!important;
  }

  .desktop-header.is-stuck .desktop-nav a:hover,
  .desktop-header.is-stuck .desktop-nav a:focus-visible{
    color:#111;
    transform:translateY(-.08cqw);
  }

  .desktop-header.is-stuck .desktop-nav-indicator{
    bottom:.42cqw!important;
    height:.16cqw!important;
    min-height:2px;
    background:var(--yellow)!important;
    box-shadow:0 .07cqw .25cqw rgba(239,178,26,.34)!important;
  }

  .desktop-header.is-stuck .desktop-logo{
    grid-column:3;
    justify-self:end;
    width:3.95cqw!important;
    height:auto!important;
    filter:drop-shadow(0 .16cqw .2cqw rgba(32,32,32,.08));
  }

  @keyframes ayar-desktop-theme-sticky-in{
    0%{
      opacity:0;
      transform:translate3d(-50%,-1.15cqw,0) scale(.985);
      box-shadow:0 0 0 rgba(32,32,32,0);
    }
    100%{
      opacity:1;
      transform:translate3d(-50%,0,0) scale(1);
      box-shadow:0 .22cqw .58cqw rgba(32,32,32,.06),0 .85cqw 2.35cqw rgba(32,32,32,.14),inset 0 1px 0 rgba(255,255,255,.88);
    }
  }

  @keyframes ayar-desktop-theme-content-in{
    0%{opacity:0;transform:translate3d(0,-.2cqw,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
  }

  .desktop-copy{
    scroll-margin-top:8.2cqw!important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  .desktop-header.is-stuck{
    width:95vw!important;
    height:6.25cqw!important;
    padding:0 1.15cqw!important;
    column-gap:1cqw;
  }
  .desktop-header.is-stuck .desktop-nav{
    min-width:44cqw;
    gap:1.75cqw!important;
    padding:.9cqw 1.2cqw .96cqw!important;
  }
  .desktop-header.is-stuck .desktop-nav a{font-size:1.18cqw!important}
  .desktop-header.is-stuck .desktop-social .social-icon-link{width:2.45cqw!important;height:2.45cqw!important}
  .desktop-header.is-stuck .desktop-logo{width:4.45cqw!important}
}

@media (min-width:768px) and (prefers-reduced-motion:reduce){
  .desktop-header.is-stuck,
  .desktop-header.is-stuck .desktop-social,
  .desktop-header.is-stuck .desktop-nav,
  .desktop-header.is-stuck .desktop-logo{
    animation:none!important;
  }
}


/* v4.9.6 — align desktop sticky header direction with the original header and remove pattern */
@media (min-width:768px){
  .desktop-header.is-stuck{
    direction:ltr!important;
    background-image:none!important;
    background-color:rgba(247,245,240,.98)!important;
    background-position:initial!important;
    background-size:auto!important;
    background-repeat:no-repeat!important;
  }

  .desktop-header.is-stuck .desktop-social{
    grid-column:1!important;
    justify-self:start!important;
    direction:ltr!important;
  }

  .desktop-header.is-stuck .desktop-nav{
    grid-column:2!important;
    direction:ltr!important;
  }

  .desktop-header.is-stuck .desktop-logo{
    grid-column:3!important;
    justify-self:end!important;
  }
}


/* v4.9.7 — consistent mobile-menu blur and direct bundled icon-pack SVGs */
@media (max-width:767px){
  /* Use one identical backdrop treatment whether the header is static or sticky. */
  .mobile-menu-backdrop{
    inset:-2px!important;
    z-index:110!important;
    background:rgba(24,21,22,.38)!important;
    -webkit-backdrop-filter:blur(10px) saturate(.82)!important;
    backdrop-filter:blur(10px) saturate(.82)!important;
    transition:opacity .32s ease,visibility .32s ease,-webkit-backdrop-filter .32s ease!important;
  }
  .mobile-menu-backdrop.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Prevent the compact sticky header surface from staying visually sharp above the blur. */
  html.ayar-mobile-menu-open .mobile-header.is-stuck{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Direct SVG files from the bundled Font Awesome icon pack. */
  .mobile-menu-toggle > .mobile-menu-pack-icon{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:4.65vw!important;
    height:4.65vw!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain;
    opacity:1;
    visibility:visible!important;
    transform:translate(-50%,-50%) rotate(0) scale(1);
    transform-origin:center;
    transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
  }
  .mobile-menu-toggle > .mobile-menu-open-icon{
    opacity:1;
  }
  .mobile-menu-toggle > .mobile-menu-close-icon{
    width:4.3vw!important;
    height:4.3vw!important;
    opacity:0;
    transform:translate(-50%,-50%) rotate(-55deg) scale(.68);
  }
  .mobile-menu-toggle[aria-expanded="true"] > .mobile-menu-open-icon{
    opacity:0;
    transform:translate(-50%,-50%) rotate(55deg) scale(.68);
  }
  .mobile-menu-toggle[aria-expanded="true"] > .mobile-menu-close-icon{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,-50%) rotate(0) scale(1)!important;
  }

  .mobile-menu-panel{z-index:120!important}
  .mobile-menu-toggle{z-index:132!important}
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .mobile-menu-toggle > .mobile-menu-pack-icon{
    transition-duration:.01ms!important;
  }
}


/* v4.9.8 — desktop indicator coordinates are recalculated in JavaScript after sticky-mode changes. */


/* v4.9.10 — desktop footer alignment, phone formatting, and extended divider */
@media (min-width:768px){
  /* Keep services/contact content positions and lift the brand block so all body copy starts on one baseline. */
  .desktop-brand{top:4.33cqw}

  /* Extend only the left side of the divider; preserve its existing right endpoint. */
  .desktop-footer-rule{left:7.25cqw;width:75.10cqw}
}


/* v4.9.12 — desktop footer divider left endpoint refinement */
@media (min-width:768px){
  /* Stop the divider at the marked point; preserve the existing right endpoint. */
  .desktop-footer-rule{left:15.65cqw;width:66.70cqw}
}

/* v4.9.14 — original solid button with fashion-stitch hover */
.ayar-pixel-root .desktop-logo,
.ayar-pixel-root .mobile-logo{cursor:pointer}
.ayar-pixel-root .desktop-logo>img,
.ayar-pixel-root .mobile-logo>img{display:block;width:100%;height:auto}

@media(max-width:767px){
  .mobile-menu-brand{pointer-events:auto!important}
  .mobile-menu-panel .mobile-menu-brand-logo{
    position:relative!important;display:inline-flex!important;width:auto!important;min-height:0!important;
    padding:0!important;align-items:center!important;justify-content:center!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;
    transform:none!important;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease!important
  }
  .mobile-menu-panel .mobile-menu-brand-logo::before{content:none!important;display:none!important}
  .mobile-menu-panel .mobile-menu-brand-logo:hover,
  .mobile-menu-panel .mobile-menu-brand-logo:focus-visible{
    padding:0!important;background:transparent!important;border:0!important;outline:none!important;
    transform:translateY(-.65vw) scale(1.045)!important;filter:drop-shadow(0 1.2vw 1.8vw rgba(239,178,26,.24))
  }
  .mobile-menu-panel.is-open>a:nth-of-type(1){transition-delay:.10s}
  .mobile-menu-panel.is-open>a:nth-of-type(2){transition-delay:.14s}
  .mobile-menu-panel.is-open>a:nth-of-type(3){transition-delay:.18s}
  .mobile-menu-panel.is-open>a:nth-of-type(4){transition-delay:.22s}
  .mobile-menu-panel.is-open>a:nth-of-type(5){transition-delay:.26s}
}

/* v4.9.16 — reference-matched footer dashes */

/* Desktop reference: x=7.94%..95.04%, 8px dash + 8px gap at 1310px, 1px thick. */
@media(min-width:768px){
  .desktop-footer-rule{
    display:block!important;
    position:absolute!important;
    left:7.94cqw!important;
    right:4.96cqw!important;
    width:auto!important;
    height:1px!important;
    border:0!important;
    background-color:transparent!important;
    background-image:linear-gradient(to right,rgba(255,255,255,.92) 0 50%,transparent 50% 100%)!important;
    background-size:1.3986014% 100%!important;
    background-position:left top!important;
    background-repeat:repeat-x!important;
  }
}

/* Mobile reference: centered 50.5vw line, 1.87vw dash + 1.87vw gap, 0.287vw thick. */
@media(max-width:767px){
  .ayar-pixel-root .yellow-button{
    border-radius:1.15vw;
    box-shadow:none;
  }
  .ayar-pixel-root .yellow-button::before{
    left:1.25vw;
  }
  .mobile-footer-rule{
    display:block!important;
    width:50.5vw!important;
    height:1.5px!important;
    min-height:1.5px!important;
    margin:9vw auto 8vw!important;
    border:0!important;
    background-color:transparent!important;
    background-image:linear-gradient(to right,rgba(255,255,255,.98) 0 50%,transparent 50% 100%)!important;
    background-size:7.407407% 100%!important;
    background-position:left top!important;
    background-repeat:repeat-x!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ayar-pixel-root .yellow-button,
  .ayar-pixel-root .yellow-button::before,
  .ayar-pixel-root .yellow-button::after,
  .ayar-pixel-root .yellow-button .button-label{
    transition-duration:.01ms!important;
  }
}


/* v4.9.17 — desktop footer dashed line width tuned to match reference */
@media(min-width:768px){
  .desktop-footer-rule{
    left:19.10cqw!important;
    right:19.35cqw!important;
    width:auto!important;
    background-size:1.3986014% 100%!important;
    background-position:left top!important;
    background-repeat:repeat-x!important;
  }
}


/* v4.9.18 — extend desktop footer dashed line to the right text start */
@media(min-width:768px){
  .desktop-footer-rule{
    left:19.10cqw!important;
    right:12.90cqw!important;
    width:auto!important;
  }
}


/* v4.9.19 — Ant Design System for Figma token integration */
.ayar-pixel-root{font-family:var(--ant-font-family,inherit)}
.ayar-pixel-root .yellow-button{background-color:var(--ant-color-primary,var(--yellow));transition-duration:var(--ant-motion-duration-mid,.2s)}
.ayar-pixel-root .desktop-nav a,.ayar-pixel-root .mobile-menu-panel a{transition-timing-function:var(--ant-motion-ease-in-out,cubic-bezier(.645,.045,.355,1))}


/* v4.9.23 — modern Bootstrap Icon arrow hover, solid original button */
.ayar-pixel-root .yellow-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--yellow)!important;
  color:#171717!important;
  border:0!important;
  box-shadow:none!important;
  transform:translate3d(0,0,0);
  transition:
    transform .42s cubic-bezier(.16,1,.3,1),
    box-shadow .42s cubic-bezier(.16,1,.3,1),
    background-color .26s ease!important;
  -webkit-tap-highlight-color:transparent;
}

/* Clear all decorative pseudo-elements from previous button concepts. */
.ayar-pixel-root .yellow-button::before,
.ayar-pixel-root .yellow-button::after{
  content:none!important;
  display:none!important;
}

.ayar-pixel-root .yellow-button .button-label{
  position:relative;
  z-index:2;
  display:block;
  min-width:max-content;
  color:#171717!important;
  line-height:1.15;
  white-space:nowrap;
  transform:translate3d(0,0,0);
  transition:transform .46s cubic-bezier(.16,1,.3,1)!important;
}
.ayar-pixel-root .yellow-button .button-label::before,
.ayar-pixel-root .yellow-button .button-label::after{
  content:none!important;
  display:none!important;
}

/* Real Bootstrap Icons SVG, positioned on the visual right side of the label. */
.ayar-pixel-root .yellow-button .button-arrow{
  position:absolute;
  z-index:3;
  right:.72em;
  top:50%;
  display:grid;
  place-items:center;
  width:1.05em;
  height:1.05em;
  opacity:0;
  clip-path:inset(0 100% 0 0);
  transform:translate3d(.62em,-50%,0) scale(.78) rotate(-6deg);
  transform-origin:center;
  transition:
    opacity .18s ease,
    clip-path .46s cubic-bezier(.16,1,.3,1),
    transform .46s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.ayar-pixel-root .yellow-button .button-arrow img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(hover:hover) and (pointer:fine){
  .ayar-pixel-root .yellow-button:hover,
  .ayar-pixel-root .yellow-button:focus-visible{
    background:var(--yellow)!important;
    transform:translate3d(0,-.13em,0);
    box-shadow:0 .5em 1.05em rgba(82,56,0,.16)!important;
  }
  .ayar-pixel-root .yellow-button:hover .button-label,
  .ayar-pixel-root .yellow-button:focus-visible .button-label{
    transform:translate3d(-.62em,0,0);
  }
  .ayar-pixel-root .yellow-button:hover .button-arrow,
  .ayar-pixel-root .yellow-button:focus-visible .button-arrow{
    opacity:1;
    clip-path:inset(0 0 0 0);
    transform:translate3d(0,-50%,0) scale(1) rotate(0);
  }
}

.ayar-pixel-root .yellow-button:active{
  transform:translate3d(0,.02em,0) scale(.985)!important;
  box-shadow:0 .12em .28em rgba(82,56,0,.12)!important;
  transition-duration:.09s!important;
}
.ayar-pixel-root .yellow-button:focus-visible{
  outline:2px solid #252326!important;
  outline-offset:.22em!important;
}

@media(max-width:767px){
  .ayar-pixel-root .yellow-button .button-arrow{
    right:2.1vw;
    width:3.2vw;
    height:3.2vw;
  }
}

@media(prefers-reduced-motion:reduce){
  .ayar-pixel-root .yellow-button,
  .ayar-pixel-root .yellow-button .button-label,
  .ayar-pixel-root .yellow-button .button-arrow{
    transition-duration:.01ms!important;
  }
}


/* v4.9.24 — identical button styling in DesktopView and MobileView */
@media(max-width:767px){
  .ayar-pixel-root .yellow-button{
    border-radius:0!important;
    box-shadow:none!important;
  }

  .ayar-pixel-root .yellow-button .button-arrow{
    right:.72em!important;
    width:1.05em!important;
    height:1.05em!important;
  }
}


/* v4.9.26 — slightly larger registration CTA in both views */
@media(min-width:768px){
  .ayar-pixel-root:not(.ayar-about-root) .hero-button{
    width:10.55cqw!important;
    height:3.86cqw!important;
    font-size:1.31cqw!important;
  }
}
@media(max-width:767px){
  .ayar-pixel-root:not(.ayar-about-root) .mobile-hero-button{
    width:21vw!important;
    height:8.55vw!important;
    font-size:3.42vw!important;
  }
}


/* v4.9.34 — one solid footer color in every page and viewport */
:root{--footer:#252326!important}
.ayar-pixel-root .desktop-footer,
.ayar-pixel-root .mobile-footer{
  background:#252326!important;
  background-color:#252326!important;
  background-image:none!important;
}

/* v4.9.35 — footer and header remain shared across pages; solid footer background preserved */

/* v4.9.42 — current-page state for Desktop and Mobile navigation. */
@media (min-width:768px){
  .ayar-pixel-root .desktop-nav a.is-current,
  .ayar-pixel-root .desktop-nav a[aria-current="page"],
  .ayar-pixel-root .desktop-nav a[aria-current="location"]{
    color:#111;
    transform:translateY(-.08cqw);
  }

  .ayar-pixel-root .desktop-nav a.is-current::before,
  .ayar-pixel-root .desktop-nav a[aria-current="page"]::before,
  .ayar-pixel-root .desktop-nav a[aria-current="location"]::before{
    opacity:1;
    transform:scale(1);
  }
}

@media (max-width:767px){
  .ayar-pixel-root .mobile-menu-panel > a.is-current,
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="page"],
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="location"]{
    color:#242223;
    font-weight:600;
    background:rgba(239,178,26,.085);
    border-color:rgba(239,178,26,.20);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
  }

  .ayar-pixel-root .mobile-menu-panel > a.is-current::before,
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="page"]::before,
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="location"]::before{
    transform:scale(.82);
    opacity:.82;
    box-shadow:0 0 0 .9vw rgba(239,178,26,.10);
  }

  .ayar-pixel-root .mobile-menu-panel > a.is-current::after,
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="page"]::after,
  .ayar-pixel-root .mobile-menu-panel > a[aria-current="location"]::after{
    content:"";
    position:absolute;
    right:4.5vw;
    bottom:1.45vw;
    width:8.5vw;
    height:.38vw;
    border-radius:999px;
    background:var(--yellow);
    opacity:.58;
  }
}

/* v4.9.47 — Tooltip body and pointer animate as one visual surface. */
@media (hover:hover){
  .ayar-pixel-root .social-link::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  .ayar-pixel-root .social-link::after{
    bottom:calc(100% + .22rem)!important;
    padding:.32rem .5rem .58rem!important;
    border-radius:.42rem!important;
    clip-path:polygon(
      0 0,
      100% 0,
      100% calc(100% - .30rem),
      calc(50% + .30rem) calc(100% - .30rem),
      50% 100%,
      calc(50% - .30rem) calc(100% - .30rem),
      0 calc(100% - .30rem)
    )!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }

  .ayar-pixel-root .social-link:hover::after,
  .ayar-pixel-root .social-link:focus-visible::after{
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%) translateY(0)!important;
  }
}

@media (max-width:767px) and (hover:hover){
  .ayar-pixel-root .mobile-footer-social .social-link::after,
  .ayar-pixel-root .mobile-social .social-link::after{
    bottom:calc(100% + .55vw)!important;
    padding:.85vw 1.45vw 1.65vw!important;
    clip-path:polygon(
      0 0,
      100% 0,
      100% calc(100% - .90vw),
      calc(50% + .90vw) calc(100% - .90vw),
      50% 100%,
      calc(50% - .90vw) calc(100% - .90vw),
      0 calc(100% - .90vw)
    )!important;
  }
}

/* v4.9.48 — Keep the accepted single-surface Tooltip animation.
   The Tooltip body now has matching rounded lower and upper corners. */
@media (hover:hover){
  .ayar-pixel-root .social-link::after{
    --ayar-tooltip-tail:.30rem;
    border-radius:0!important;
    clip-path:none!important;
    background-color:transparent!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M10 0H90Q100 0 100 10V72Q100 82 90 82H56L50 100L44 82H10Q0 82 0 72V10Q0 0 10 0Z' fill='%23111111' fill-opacity='.94'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    box-shadow:none!important;
    filter:drop-shadow(0 .35rem .45rem rgba(0,0,0,.18));
  }
}

@media (max-width:767px) and (hover:hover){
  .ayar-pixel-root .mobile-footer-social .social-link::after,
  .ayar-pixel-root .mobile-social .social-link::after{
    --ayar-tooltip-tail:.90vw;
    background-size:100% 100%!important;
  }
}

/* v4.9.49 — Tooltip only.
   Keep the accepted one-piece animation and use one equal, softer curve for all four body corners. */
@media (hover:hover){
  .ayar-pixel-root .social-link::after{
    border-radius:.62rem!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M14 0H86C93.7 0 100 6.3 100 14V66C100 73.7 93.7 80 86 80H58L50 100L42 80H14C6.3 80 0 73.7 0 66V14C0 6.3 6.3 0 14 0Z' fill='%23111111' fill-opacity='.94'/%3E%3C/svg%3E")!important;
  }
}

@media (max-width:767px) and (hover:hover){
  .ayar-pixel-root .mobile-footer-social .social-link::after,
  .ayar-pixel-root .mobile-social .social-link::after{
    border-radius:1.65vw!important;
  }
}

/* v4.9.52 — Tooltip only.
   Keep the accepted one-piece surface and animation, with an exact 10px radius
   on all four corners of the rectangular body. */
@media (hover:hover){
  .ayar-pixel-root .social-link::after{
    border-radius:10px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M10 0H90Q100 0 100 10V70Q100 80 90 80H58L50 100L42 80H10Q0 80 0 70V10Q0 0 10 0Z' fill='%23111111' fill-opacity='.94'/%3E%3C/svg%3E")!important;
  }
}

@media (max-width:767px) and (hover:hover){
  .ayar-pixel-root .mobile-footer-social .social-link::after,
  .ayar-pixel-root .mobile-social .social-link::after{
    border-radius:10px!important;
  }
}