@font-face {
    font-family: "Modam";
    src: url("/assets/fonts/ModamFaNumWeb-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modam";
    src: url("/assets/fonts/ModamFaNumWeb-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modam";
    src: url("/assets/fonts/ModamFaNumWeb-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modam";
    src: url("/assets/fonts/ModamFaNumWeb-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modam";
    src: url("/assets/fonts/ModamFaNumWeb-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Belfast";
    src: url("/assets/fonts/BelfastGrotesk-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



body {
    background: #000;
    color: white;
    font-family: Modam, sans-serif;
}



/* =========================
   HERO SECTION
========================= */

.hero {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}



.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    will-change: transform;
    backface-visibility: hidden;
}



.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1;
}



.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 0 25px;
}



.hero-eyebrow {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
}



.hero-content h1 {
    font-size: clamp(42px,6vw,84px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 30px;
}



.hero-description {
    font-size: 18px;
    font-weight: 500;
    opacity: .8;
    margin-bottom: 40px;
}



.hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 44px;
    border-radius: 50px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.3);
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-family: "Modam", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 5;
}





/* =========================
   VISION SECTION
========================= */

.vision-section {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}



.vision-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    will-change: transform;
    backface-visibility: hidden;
}



.vision-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1;
}



.vision-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 0 25px;
}



.vision-eyebrow {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
}



.vision-content h2 {
    font-size: clamp(42px,6vw,84px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 30px;
}



.vision-description {
    font-size: 18px;
    font-weight: 500;
    opacity: .8;
    margin-bottom: 40px;
}





/* =========================
   MOBILE VIDEO FIX
========================= */

@media (max-width:768px) {

    .hero-video,
    .vision-video {
        object-position: center center;
    }

}





/* =========================
   CINEMATIC SECTION TRANSITION
========================= */

.hero {
    z-index: 2;
}


.vision-section {
    z-index: 1;
    margin-top: -8vh;
}





/* =========================
   HERO TO VISION BLEND
========================= */

.vision-section {
    position: relative;
}


.vision-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;

    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.95),
        rgba(0,0,0,0)
    );

    z-index: 3;
    pointer-events: none;
}



.vision-overlay {
    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,.55),
        rgba(0,0,0,.35)
    );
}





/* =========================
   VISION CINEMATIC LIGHT
   + BOTTOM BLACK FALLOFF
========================= */

.vision-section::after {
    content: "";

    position: absolute;

    inset: 0;

    background:

        /* Bottom cinematic shadow */
        linear-gradient(
            to bottom,
            transparent 58%,
            rgba(0,0,0,.08) 68%,
            rgba(0,0,0,.28) 78%,
            rgba(0,0,0,.62) 90%,
            #000 100%
        ),

        /* Existing cinematic light */
        radial-gradient(
            circle at center,
            rgba(255,255,255,.04),
            transparent 45%
        ),

        /* Existing overall shading */
        linear-gradient(
            to bottom,
            rgba(0,0,0,.35),
            rgba(0,0,0,.65)
        );

    z-index: 1;

    pointer-events: none;
}



.vision-content {
    position: relative;
    z-index: 3;
}


/* =========================================================
   VISION — FIXED NAV CLEARANCE
   Keeps the eyebrow/title block clear of the desktop navbar.
   Margin is intentional: GSAP owns transform/y on this element.
========================================================= */
@media (min-width: 769px) {

    .vision-content {
        margin-top: clamp(58px, 6vh, 76px);
    }

}





/* =========================================================
   SERVICES — CINEMATIC STAGE
========================================================= */

.armiran-services {
    position: relative;

    width: 100%;

    min-height: 100vh;

    padding:
        clamp(24px, 3vw, 48px)
        48px
        clamp(120px, 14vw, 200px);

    background: #000;

    color: #fff;

    overflow: hidden;

    isolation: isolate;
}





/* =========================
   SERVICES INTRO
========================= */

.armiran-services-intro {
    width: min(1080px, 100%);

    margin: 0 auto 28px;

    text-align: center;

    position: relative;

    z-index: 2;
}

@media (min-width: 981px) {

    .armiran-services-intro {
        margin-bottom: 48px;
    }

}

.armiran-services-eyebrow {
    font-size: 13px;

    font-weight: 500;

    letter-spacing: .22em;

	text-align: center;
	
    opacity: .48;

    margin-bottom: 14px;
}



.armiran-services-heading {
    position: relative;

    font-size: clamp(30px, 3.3vw, 52px);

    line-height: 1.15;

    font-weight: 700;

    color: #fff;

    text-align: center;

    text-shadow:
        0 0 3px rgba(255,255,255,.95),
        0 0 8px rgba(255,255,255,.65),
        0 0 18px rgba(255,255,255,.32),
        0 0 34px rgba(255,255,255,.16),
        0 0 60px rgba(255,255,255,.07);

    -webkit-font-smoothing: antialiased;
}





/* =========================
   SERVICES STAGE
========================= */

.armiran-services-stage {
    width: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    perspective: 1400px;

    z-index: 2;
}





/* =========================
   SERVICE CARD
========================= */

.armiran-service-card {
    position: relative;

    width: min(980px, calc(100vw - 160px));

    min-height: min(520px, 56vh);

    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr);

    align-items: center;

    direction: ltr;

    overflow: hidden;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 75% 48%,
            rgba(255,255,255,.045),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #090909 0%,
            #050505 48%,
            #0b0b0b 100%
        );

    border:
        1px solid rgba(255,255,255,.09);

    box-shadow:
        0 50px 120px rgba(0,0,0,.75),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(255,255,255,.025);

    transform-style: preserve-3d;
}





.armiran-service-card::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 42%,
            rgba(255,255,255,.028) 50%,
            transparent 58%,
            transparent 100%
        );

    z-index: 1;
}





.armiran-service-card::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    box-shadow:
        inset 0 0 80px rgba(0,0,0,.42);

    z-index: 4;
}





/* =========================
   SERVICE TYPOGRAPHY
========================= */

.armiran-service-copy {
    position: relative;

    z-index: 5;

    direction: rtl;

    padding:
        clamp(50px, 6vw, 84px);

    align-self: stretch;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    text-align: right;
}



.armiran-service-number {
    display: inline-block;

    direction: ltr;

    font-size: 14px;

    line-height: 1;

    font-weight: 500;

    letter-spacing: .16em;

    opacity: .42;

    margin-bottom:
        clamp(34px, 4vw, 58px);
}



.armiran-service-title {
    max-width: 520px;

    font-size:
        clamp(36px, 4.3vw, 68px);

    line-height: 1.18;

    font-weight: 900;

    letter-spacing: -.035em;

    text-wrap: balance;
}



.armiran-service-title-en {
    direction: ltr;

    margin-top: 22px;

    font-size:
        clamp(13px, 1.2vw, 17px);

    line-height: 1.4;

    font-weight: 500;

    letter-spacing: .18em;

    opacity: .43;
}





/* =========================
   HERO OBJECT AREA
========================= */

.armiran-service-object {
    position: relative;

    width: 100%;

    height: 100%;

    min-height: 560px;

    display: flex;

    align-items: center;

    justify-content: center;

    transform-style: preserve-3d;

    perspective: 1100px;

    z-index: 3;
}





.armiran-service-object::before {
    content: "";

    position: absolute;

    width: min(78%, 510px);

    aspect-ratio: 1;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.095) 0%,
            rgba(255,255,255,.035) 28%,
            rgba(255,255,255,0) 68%
        );

    filter: blur(20px);

    opacity: .72;

    transform: translateZ(-120px);

    pointer-events: none;
}





.armiran-service-object::after {
    content: "";

    position: absolute;

    width: 58%;

    height: 7%;

    bottom: 18%;

    border-radius: 50%;

    background:
        rgba(0,0,0,.8);

    filter: blur(24px);

    opacity: .8;

    pointer-events: none;
}





/* =========================
   OBJECT CORE
========================= */

.armiran-service-object-core {
    position: absolute;

    width: min(42%, 270px);

    aspect-ratio: 1;

    border-radius: 32%;

    background:
        radial-gradient(
            circle at 32% 22%,
            rgba(255,255,255,.32),
            rgba(255,255,255,.055) 18%,
            rgba(255,255,255,.015) 42%,
            rgba(0,0,0,.96) 78%
        );

    border:
        1px solid rgba(255,255,255,.14);

    box-shadow:
        inset 16px 14px 30px rgba(255,255,255,.035),
        inset -20px -24px 50px rgba(0,0,0,.72),
        0 40px 90px rgba(0,0,0,.75);

    transform:
        translateZ(80px)
        rotateX(58deg)
        rotateZ(-34deg);

    transform-style: preserve-3d;

    z-index: 4;
}





.armiran-service-object-core::before {
    content: "";

    position: absolute;

    inset: 13%;

    border-radius: 26%;

    border:
        1px solid rgba(255,255,255,.12);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.01)
        );

    box-shadow:
        inset 0 0 30px rgba(255,255,255,.02);
}





.armiran-service-object-core::after {
    content: "";

    position: absolute;

    top: 7%;

    left: 13%;

    width: 46%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.72),
            transparent
        );

    filter: blur(.2px);

    opacity: .8;
}





/* =========================
   OBJECT LAYERS
========================= */

.armiran-service-object-layer {
    position: absolute;

    width: min(50%, 325px);

    aspect-ratio: 1.6;

    border-radius: 26px;

    border:
        1px solid rgba(255,255,255,.11);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.012) 42%,
            rgba(0,0,0,.72)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 28px 55px rgba(0,0,0,.5);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transform-style: preserve-3d;
}





.armiran-service-object-layer--1 {
    transform:
        translate3d(-70px,-115px,25px)
        rotateX(61deg)
        rotateZ(-34deg);

    opacity: .42;

    z-index: 1;
}



.armiran-service-object-layer--2 {
    transform:
        translate3d(48px,-24px,55px)
        rotateX(61deg)
        rotateZ(-34deg);

    opacity: .68;

    z-index: 2;
}



.armiran-service-object-layer--3 {
    transform:
        translate3d(-8px,88px,95px)
        rotateX(61deg)
        rotateZ(-34deg);

    opacity: .9;

    z-index: 3;
}


/* =========================================================
   SERVICES — MULTI-STATE SYSTEM
========================================================= */

.armiran-service-copy-state {
    position: relative;
    width: 100%;
    z-index: 2;
}

.armiran-service-copy-state--02,
.armiran-service-copy-state--03,
.armiran-service-copy-state--04,
.armiran-service-copy-state--05,
.armiran-service-copy-state--06 {
    position: absolute;
    inset-inline: clamp(50px, 6vw, 84px);
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-style: preserve-3d;
}

.armiran-service-object-state--01 {
    z-index: 2;
}

.armiran-service-object-state--02 {
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state--03 {
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state--04 {
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1300px;
}

.armiran-service-object-state--05 {
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1400px;
    transform-style: preserve-3d;
}

.armiran-service-object-state--06 {
    z-index: 7;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1450px;
    transform-style: preserve-3d;
}


/* =========================
   SERVICE 02 — NETWORK CORE
========================= */

.armiran-network-core {
    position: absolute;
    width: min(34%, 220px);
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 6;
    transform: translateZ(90px);
    background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.72) 0%, rgba(255,255,255,.16) 10%, transparent 27%),
        radial-gradient(circle at 50% 50%, #202020 0%, #0a0a0a 48%, #020202 76%);
    border: 1px solid rgba(255,255,255,.24);
    box-shadow:
        inset 12px 12px 28px rgba(255,255,255,.08),
        inset -18px -22px 36px rgba(0,0,0,.86),
        0 0 0 10px rgba(255,255,255,.018),
        0 30px 75px rgba(0,0,0,.72),
        0 0 70px rgba(255,255,255,.08);
}

.armiran-network-core-inner {
    position: absolute;
    inset: 24%;
    border-radius: 34%;
    transform: rotate(45deg);
    border: 1px solid rgba(255,255,255,.28);
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.015));
    box-shadow:
        inset 0 0 22px rgba(255,255,255,.06),
        0 0 24px rgba(255,255,255,.05);
}

.armiran-network-core-inner::after {
    content: "";
    position: absolute;
    inset: 29%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 28px rgba(255,255,255,.36);
}

.armiran-network-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.13);
    z-index: 3;
    transform-style: preserve-3d;
}

.armiran-network-ring--1 {
    width: min(58%, 380px);
    aspect-ratio: 1;
    transform: rotateX(67deg) rotateZ(-18deg) translateZ(10px);
    box-shadow: inset 0 0 28px rgba(255,255,255,.018);
}

.armiran-network-ring--2 {
    width: min(74%, 480px);
    aspect-ratio: 1;
    opacity: .58;
    transform: rotateX(68deg) rotateZ(34deg) translateZ(-20px);
}

.armiran-network-node {
    position: absolute;
    width: 9px;
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 7;
    background: #fff;
    border: 1px solid rgba(255,255,255,.75);
    box-shadow: 0 0 8px rgba(255,255,255,.95), 0 0 22px rgba(255,255,255,.28);
}

.armiran-network-node--1 { left: 23%; top: 29%; }
.armiran-network-node--2 { right: 22%; top: 24%; }
.armiran-network-node--3 { right: 15%; top: 51%; }
.armiran-network-node--4 { right: 29%; bottom: 20%; }
.armiran-network-node--5 { left: 24%; bottom: 23%; }
.armiran-network-node--6 { left: 14%; top: 52%; }

.armiran-network-line {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(27%, 175px);
    height: 1px;
    z-index: 4;
    transform-origin: 0 50%;
    background: linear-gradient(90deg, rgba(255,255,255,.5), rgba(255,255,255,.08), transparent);
    box-shadow: 0 0 8px rgba(255,255,255,.08);
}

.armiran-network-line--1 { transform: rotate(-35deg); }
.armiran-network-line--2 { transform: rotate(32deg); }
.armiran-network-line--3 { transform: rotate(146deg); }
.armiran-network-line--4 { transform: rotate(210deg); }


/* =========================
   SERVICE 03 — GRAPHIC DESIGN
========================= */

.armiran-service-object-state--03 {
    perspective: 1200px;
}

.armiran-graphic-frame {
    position: absolute;
    width: min(46%, 300px);
    aspect-ratio: .78;
    z-index: 8;
    border-radius: 28px;
    overflow: hidden;
    transform:
        translate3d(6px, 0, 95px)
        rotateY(-7deg)
        rotateZ(3deg);
    transform-style: preserve-3d;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.16), transparent 29%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 42%, rgba(0,0,0,.84));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(255,255,255,.025),
        0 36px 80px rgba(0,0,0,.58),
        0 0 52px rgba(255,255,255,.035);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.armiran-graphic-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 28%, rgba(255,255,255,.10) 44%, transparent 57%);
    opacity: .52;
}

.armiran-graphic-frame-inner {
    position: absolute;
    inset: 9%;
    z-index: 2;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.085);
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.006));
    box-shadow: inset 0 0 34px rgba(255,255,255,.018);
}

.armiran-graphic-type {
    position: absolute;
    left: 13%;
    top: 14%;
    z-index: 4;
    direction: ltr;
    font-family: "Modam", sans-serif;
    font-size: clamp(54px, 5vw, 82px);
    line-height: 1;
    font-weight: 300;
    letter-spacing: -.07em;
    color: rgba(255,255,255,.95);
    text-shadow:
        0 0 14px rgba(255,255,255,.12),
        0 0 38px rgba(255,255,255,.045);
}

.armiran-graphic-line {
    position: absolute;
    left: 14%;
    z-index: 4;
    height: 1px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(255,255,255,.68), rgba(255,255,255,.08), transparent);
}

.armiran-graphic-line--1 {
    top: 62%;
    width: 56%;
}

.armiran-graphic-line--2 {
    top: 69%;
    width: 34%;
    opacity: .48;
}

.armiran-graphic-plane {
    position: absolute;
    width: min(39%, 255px);
    aspect-ratio: 1.45;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.012) 45%, rgba(0,0,0,.72));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 26px 60px rgba(0,0,0,.46);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform-style: preserve-3d;
}

.armiran-graphic-plane--1 {
    z-index: 3;
    transform:
        translate3d(-118px, -108px, -30px)
        rotateX(62deg)
        rotateZ(-24deg);
    opacity: .46;
}

.armiran-graphic-plane--2 {
    z-index: 5;
    transform:
        translate3d(114px, -66px, 24px)
        rotateX(60deg)
        rotateZ(21deg);
    opacity: .62;
}

.armiran-graphic-plane--3 {
    z-index: 6;
    transform:
        translate3d(94px, 114px, 54px)
        rotateX(66deg)
        rotateZ(-11deg);
    opacity: .78;
}

.armiran-graphic-grid {
    position: absolute;
    width: min(72%, 460px);
    aspect-ratio: 1;
    z-index: 2;
    opacity: .33;
    transform:
        translateZ(-70px)
        rotateZ(-8deg);
    pointer-events: none;
}

.armiran-graphic-grid-line {
    position: absolute;
    display: block;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

.armiran-graphic-grid-line--v1,
.armiran-graphic-grid-line--v2 {
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.14), transparent);
}

.armiran-graphic-grid-line--v1 { left: 34%; }
.armiran-graphic-grid-line--v2 { right: 28%; }

.armiran-graphic-grid-line--h1,
.armiran-graphic-grid-line--h2 {
    left: 0;
    width: 100%;
    height: 1px;
}

.armiran-graphic-grid-line--h1 { top: 35%; }
.armiran-graphic-grid-line--h2 { bottom: 30%; }

.armiran-graphic-shape {
    position: absolute;
    z-index: 9;
    display: block;
    border: 1px solid rgba(255,255,255,.32);
    background: rgba(255,255,255,.035);
    box-shadow:
        inset 0 0 16px rgba(255,255,255,.025),
        0 0 24px rgba(255,255,255,.035);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.armiran-graphic-shape--circle {
    width: 48px;
    aspect-ratio: 1;
    left: 18%;
    bottom: 20%;
    border-radius: 50%;
    transform: translateZ(70px);
}

.armiran-graphic-shape--square {
    width: 40px;
    aspect-ratio: 1;
    right: 17%;
    top: 23%;
    border-radius: 9px;
    transform:
        translateZ(65px)
        rotate(9deg);
}

.armiran-graphic-shape--diamond {
    width: 34px;
    aspect-ratio: 1;
    right: 22%;
    bottom: 20%;
    border-radius: 7px;
    transform:
        translateZ(92px)
        rotate(45deg);
    background: rgba(255,255,255,.075);
}


/* =========================
   SERVICE 04 — FILM & PHOTOGRAPHY
   OPTICAL CINEMA CORE
========================= */

.armiran-service-object-state--04 {
    transform-style: preserve-3d;
}

.armiran-optical-light-field {
    position: absolute;
    width: min(82%, 535px);
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(circle at center, rgba(255,255,255,.105) 0%, rgba(255,255,255,.045) 24%, rgba(255,255,255,.014) 44%, transparent 70%);
    filter: blur(22px);
    transform: translateZ(-150px) scale(1.03);
    opacity: .78;
}

.armiran-optical-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    aspect-ratio: 1;
    border-radius: 50%;
    transform-style: preserve-3d;
    pointer-events: none;
}
.armiran-optical-ring--outer {
    width: min(73%, 470px);
    z-index: 2;
    transform: translate(-50%, -50%) translateZ(-55px) rotateX(69deg) rotateZ(-8deg);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 34px rgba(255,255,255,.018), 0 0 32px rgba(255,255,255,.018);
}
.armiran-optical-ring--mid {
    width: min(58%, 370px);
    z-index: 3;
    transform: translate(-50%, -50%) translateZ(-5px) rotateX(67deg) rotateZ(17deg);
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: inset 0 0 28px rgba(255,255,255,.026), 0 0 25px rgba(255,255,255,.024);
}
.armiran-optical-ring--inner {
    width: min(43%, 275px);
    z-index: 4;
    transform: translate(-50%, -50%) translateZ(50px) rotateX(65deg) rotateZ(-13deg);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 0 18px rgba(255,255,255,.045);
}

.armiran-optical-lens {
    position: absolute;
    width: min(40%, 258px);
    aspect-ratio: 1;
    z-index: 9;
    border-radius: 50%;
    overflow: hidden;
    transform: translate3d(4px, 0, 120px) rotateY(-6deg) rotateZ(2deg);
    transform-style: preserve-3d;
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.24) 0%, rgba(255,255,255,.055) 11%, transparent 27%), radial-gradient(circle at center, #151515 0%, #070707 52%, #010101 78%);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: inset 14px 12px 28px rgba(255,255,255,.055), inset -18px -22px 42px rgba(0,0,0,.90), 0 0 0 9px rgba(255,255,255,.016), 0 38px 85px rgba(0,0,0,.72), 0 0 65px rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.armiran-optical-lens::before {
    content: '';
    position: absolute;
    inset: 8%;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid rgba(255,255,255,.12);
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.018), rgba(0,0,0,.30) 65%, rgba(0,0,0,.60));
    box-shadow: inset 0 0 24px rgba(255,255,255,.024);
}
.armiran-optical-lens::after {
    content: '';
    position: absolute;
    left: 18%;
    top: 13%;
    width: 34%;
    height: 12%;
    z-index: 12;
    border-radius: 50%;
    background: linear-gradient(110deg, rgba(255,255,255,.42), rgba(255,255,255,.08) 48%, transparent 78%);
    filter: blur(3px);
    opacity: .7;
    transform: rotate(-18deg);
}

.armiran-optical-lens-glass {
    position: absolute;
    inset: 18%;
    z-index: 5;
    border-radius: 50%;
    background: radial-gradient(circle at 38% 32%, rgba(255,255,255,.18), rgba(255,255,255,.025) 22%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.68) 82%);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 0 30px rgba(255,255,255,.026), inset 0 0 55px rgba(0,0,0,.45);
}
.armiran-optical-lens-reflection {
    position: absolute;
    z-index: 11;
    pointer-events: none;
    border-radius: 50%;
}
.armiran-optical-lens-reflection--1 {
    left: 21%; top: 18%; width: 31%; height: 14%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.46), rgba(255,255,255,.08) 45%, transparent 72%);
    filter: blur(4px); opacity: .54; transform: rotate(-23deg);
}
.armiran-optical-lens-reflection--2 {
    right: 17%; bottom: 20%; width: 25%; height: 10%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.15), transparent 72%);
    filter: blur(5px); opacity: .35; transform: rotate(-28deg);
}

.armiran-optical-aperture {
    position: absolute;
    left: 50%; top: 50%;
    width: 54%; aspect-ratio: 1;
    z-index: 8;
    transform: translate(-50%, -50%) translateZ(20px);
    border-radius: 50%;
    overflow: hidden;
    background: radial-gradient(circle at center, #000 0%, #050505 42%, #111 100%);
    border: 1px solid rgba(255,255,255,.075);
    box-shadow: inset 0 0 24px rgba(0,0,0,.82), 0 0 18px rgba(255,255,255,.018);
}
.armiran-optical-blade {
    position: absolute;
    left: 50%; top: 50%;
    width: 58%; height: 34%;
    transform-origin: 0 50%;
    border-radius: 90% 18% 70% 16% / 76% 20% 82% 18%;
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.018) 40%, rgba(0,0,0,.84));
    border-top: 1px solid rgba(255,255,255,.09);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.armiran-optical-blade--1 { transform: rotate(0deg) translateY(-50%); }
.armiran-optical-blade--2 { transform: rotate(60deg) translateY(-50%); }
.armiran-optical-blade--3 { transform: rotate(120deg) translateY(-50%); }
.armiran-optical-blade--4 { transform: rotate(180deg) translateY(-50%); }
.armiran-optical-blade--5 { transform: rotate(240deg) translateY(-50%); }
.armiran-optical-blade--6 { transform: rotate(300deg) translateY(-50%); }
.armiran-optical-aperture-core {
    position: absolute;
    left: 50%; top: 50%;
    width: 29%; aspect-ratio: 1;
    z-index: 10;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at center, #000 0%, #010101 68%, rgba(255,255,255,.04) 100%);
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 0 15px rgba(255,255,255,.035), inset 0 0 14px rgba(0,0,0,.9);
}

.armiran-optical-glass {
    position: absolute;
    width: min(33%, 215px);
    aspect-ratio: 1;
    z-index: 5;
    border-radius: 50%;
    transform-style: preserve-3d;
    border: 1px solid rgba(255,255,255,.095);
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.095), rgba(255,255,255,.016) 35%, rgba(0,0,0,.44) 85%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), inset 0 0 28px rgba(255,255,255,.018), 0 24px 55px rgba(0,0,0,.34);
    backdrop-filter: blur(12px) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) saturate(1.08);
}
.armiran-optical-glass--1 { transform: translate3d(-132px, -84px, -18px) rotateY(11deg) scale(.76); opacity: .44; }
.armiran-optical-glass--2 { transform: translate3d(142px, -44px, 30px) rotateY(-13deg) scale(.66); opacity: .55; }
.armiran-optical-glass--3 { transform: translate3d(105px, 102px, 52px) rotateY(-8deg) scale(.52); opacity: .67; }

.armiran-optical-beam {
    position: absolute;
    left: 50%; top: 50%;
    width: min(68%, 430px);
    height: 88px;
    z-index: 2;
    transform: translate(-11%, -50%) rotate(-7deg) translateZ(-90px);
    transform-origin: left center;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.032) 38%, rgba(255,255,255,.006) 70%, transparent);
    clip-path: polygon(0 43%, 100% 0, 100% 100%, 0 57%);
    filter: blur(7px);
    opacity: .54;
}

.armiran-optical-marker {
    position: absolute;
    width: 7px;
    aspect-ratio: 1;
    z-index: 10;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 7px rgba(255,255,255,.9), 0 0 20px rgba(255,255,255,.22);
    opacity: .7;
}
.armiran-optical-marker--1 { left: 19%; top: 31%; }
.armiran-optical-marker--2 { right: 18%; top: 28%; }
.armiran-optical-marker--3 { right: 20%; bottom: 28%; }
.armiran-optical-marker--4 { left: 22%; bottom: 24%; }


/* =========================================================
   SERVICE 05 — MOTION GRAPHICS & VFX
   TEMPORAL PRISM CORE
========================================================= */

.armiran-service-object-state--05 {
    perspective: 1400px;
    transform-style: preserve-3d;
}

.armiran-temporal-field {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(84%, 540px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translateZ(-180px);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(circle at center,
        rgba(255,255,255,.095) 0%,
        rgba(255,255,255,.038) 24%,
        rgba(255,255,255,.012) 46%,
        transparent 72%);
    filter: blur(25px);
    opacity: .78;
}

.armiran-temporal-prism {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(27%, 174px);
    aspect-ratio: .68;
    transform: translate(-50%, -50%) translateZ(125px) rotateY(-11deg) rotateZ(2deg);
    transform-style: preserve-3d;
    z-index: 10;
    border-radius: 24px;
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.22), transparent 27%),
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.025) 37%, rgba(8,8,8,.82) 76%, rgba(0,0,0,.96));
    border: 1px solid rgba(255,255,255,.21);
    box-shadow:
        inset 12px 10px 28px rgba(255,255,255,.045),
        inset -18px -20px 38px rgba(0,0,0,.72),
        0 34px 75px rgba(0,0,0,.64),
        0 0 55px rgba(255,255,255,.045);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden;
}

.armiran-temporal-prism::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 16%, rgba(255,255,255,.16) 35%, rgba(255,255,255,.025) 49%, transparent 64%);
    opacity: .72;
    z-index: 8;
}

.armiran-temporal-prism::after {
    content: "";
    position: absolute;
    left: 14%;
    top: 7%;
    width: 44%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.76), transparent);
    opacity: .78;
    z-index: 9;
}

.armiran-temporal-prism-face {
    position: absolute;
    inset: 9%;
    border-radius: 17px;
    pointer-events: none;
}

.armiran-temporal-prism-face--front {
    z-index: 5;
    border: 1px solid rgba(255,255,255,.105);
    background: linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.006) 52%, rgba(0,0,0,.25));
    box-shadow: inset 0 0 28px rgba(255,255,255,.018);
}

.armiran-temporal-prism-face--back {
    inset: 15%;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.055);
    transform: translateZ(-18px);
    opacity: .62;
}

.armiran-temporal-prism-core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) rotate(45deg) translateZ(28px);
    border-radius: 9px;
    z-index: 7;
    background: linear-gradient(145deg, rgba(255,255,255,.21), rgba(255,255,255,.035) 42%, rgba(0,0,0,.74));
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: inset 0 0 18px rgba(255,255,255,.04), 0 0 25px rgba(255,255,255,.055);
}

.armiran-temporal-prism-light {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translateZ(42px);
    z-index: 9;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px rgba(255,255,255,.95), 0 0 22px rgba(255,255,255,.42), 0 0 48px rgba(255,255,255,.16);
}

.armiran-temporal-echo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(25%, 162px);
    aspect-ratio: .68;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.11);
    background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.008) 50%, rgba(0,0,0,.48));
    transform-style: preserve-3d;
    pointer-events: none;
}

.armiran-temporal-echo--1 {
    z-index: 7;
    transform: translate(-50%, -50%) translate3d(-68px, -30px, 52px) rotateY(-10deg) rotateZ(-3deg);
    opacity: .42;
}
.armiran-temporal-echo--2 {
    z-index: 5;
    transform: translate(-50%, -50%) translate3d(-128px, -56px, -12px) rotateY(-8deg) rotateZ(-5deg);
    opacity: .25;
}
.armiran-temporal-echo--3 {
    z-index: 3;
    transform: translate(-50%, -50%) translate3d(-184px, -78px, -70px) rotateY(-5deg) rotateZ(-7deg);
    opacity: .12;
}

.armiran-temporal-slice {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(47%, 300px);
    height: min(12%, 68px);
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(100deg, rgba(255,255,255,.055), rgba(255,255,255,.01) 48%, rgba(0,0,0,.25));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.26);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    pointer-events: none;
}
.armiran-temporal-slice--1 {
    z-index: 4;
    transform: translate(-50%, -50%) translate3d(24px, -116px, -25px) rotateX(66deg) rotateZ(-8deg);
    opacity: .48;
}
.armiran-temporal-slice--2 {
    z-index: 6;
    transform: translate(-50%, -50%) translate3d(82px, 4px, 34px) rotateX(67deg) rotateZ(7deg);
    opacity: .63;
}
.armiran-temporal-slice--3 {
    z-index: 8;
    transform: translate(-50%, -50%) translate3d(30px, 122px, 62px) rotateX(68deg) rotateZ(-5deg);
    opacity: .76;
}

.armiran-temporal-trail {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 1px;
    transform-origin: right center;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07) 26%, rgba(255,255,255,.48));
    box-shadow: 0 0 10px rgba(255,255,255,.06);
}
.armiran-temporal-trail--1 { width: min(43%, 275px); transform: translate(-96%, -105px) rotate(4deg); opacity: .52; }
.armiran-temporal-trail--2 { width: min(52%, 335px); transform: translate(-96%, -36px) rotate(-2deg); opacity: .34; }
.armiran-temporal-trail--3 { width: min(46%, 295px); transform: translate(-96%, 52px) rotate(3deg); opacity: .46; }
.armiran-temporal-trail--4 { width: min(37%, 235px); transform: translate(-96%, 118px) rotate(-4deg); opacity: .25; }

.armiran-temporal-arc {
    position: absolute;
    left: 50%;
    top: 50%;
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
}
.armiran-temporal-arc--1 {
    width: min(63%, 405px);
    transform: translate(-50%, -50%) translateZ(-65px) rotateX(68deg) rotateZ(-16deg);
    border: 1px solid rgba(255,255,255,.11);
    border-left-color: transparent;
    border-bottom-color: transparent;
    z-index: 2;
    opacity: .62;
}
.armiran-temporal-arc--2 {
    width: min(48%, 305px);
    transform: translate(-50%, -50%) translateZ(25px) rotateX(64deg) rotateZ(28deg);
    border: 1px solid rgba(255,255,255,.16);
    border-right-color: transparent;
    border-top-color: transparent;
    z-index: 5;
    opacity: .67;
}

.armiran-temporal-particle {
    position: absolute;
    display: block;
    width: 6px;
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 12;
    background: rgba(255,255,255,.94);
    box-shadow: 0 0 7px rgba(255,255,255,.72), 0 0 18px rgba(255,255,255,.16);
    pointer-events: none;
}
.armiran-temporal-particle--1 { left: 22%; top: 28%; }
.armiran-temporal-particle--2 { left: 31%; bottom: 24%; width: 4px; opacity: .62; }
.armiran-temporal-particle--3 { right: 24%; top: 22%; width: 5px; opacity: .72; }
.armiran-temporal-particle--4 { right: 17%; top: 48%; width: 4px; opacity: .52; }
.armiran-temporal-particle--5 { right: 27%; bottom: 21%; width: 6px; opacity: .78; }
.armiran-temporal-particle--6 { left: 17%; top: 53%; width: 3px; opacity: .46; }


/* =========================
   INVERSE TRANSITION LAYER
========================= */

.armiran-service-inverse-wave {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 145%;
    aspect-ratio: 1;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.06);
    background:
        radial-gradient(circle,
            rgba(255,255,255,1) 0%,
            rgba(250,250,250,.98) 42%,
            rgba(255,255,255,.62) 55%,
            rgba(255,255,255,0) 72%);
    filter: blur(8px);
    will-change: transform, opacity;
}


/* =========================
   SERVICES TABLET
========================= */

@media (max-width: 980px) {

    .armiran-services {
        padding-top: 32px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .armiran-service-card {
        width: min(900px, 100%);
        min-height: min(500px, 60vh);
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    }

    .armiran-service-copy {
        padding: 48px 40px;
    }

    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03,
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05 {
        inset-inline: 40px;
    }

    .armiran-services-intro {
        margin-bottom: 24px;
    }

    .armiran-service-title {
        font-size: clamp(34px, 5vw, 54px);
    }

    .armiran-service-object {
        min-height: 440px;
    }

    .armiran-graphic-frame {
        width: min(45%, 255px);
    }

    .armiran-graphic-plane {
        width: min(37%, 220px);
    }

    .armiran-graphic-grid {
        width: min(70%, 400px);
    }

    .armiran-optical-lens { width: min(39%, 220px); }
    .armiran-optical-ring--outer { width: min(70%, 405px); }
    .armiran-optical-ring--mid { width: min(56%, 325px); }
    .armiran-optical-ring--inner { width: min(42%, 235px); }
    .armiran-optical-glass { width: min(31%, 190px); }
    .armiran-optical-light-field { width: min(78%, 455px); }

    /* SERVICE 05 — TABLET */
    .armiran-temporal-field { width: min(78%, 450px); }
    .armiran-temporal-prism { width: min(27%, 150px); }
    .armiran-temporal-echo { width: min(25%, 140px); }
    .armiran-temporal-echo--1 { transform: translate(-50%, -50%) translate3d(-54px, -25px, 45px) rotateY(-10deg) rotateZ(-3deg); }
    .armiran-temporal-echo--2 { transform: translate(-50%, -50%) translate3d(-100px, -45px, -10px) rotateY(-8deg) rotateZ(-5deg); }
    .armiran-temporal-echo--3 { transform: translate(-50%, -50%) translate3d(-142px, -62px, -55px) rotateY(-5deg) rotateZ(-7deg); }
    .armiran-temporal-slice { width: min(44%, 250px); }
    .armiran-temporal-arc--1 { width: min(60%, 350px); }
    .armiran-temporal-arc--2 { width: min(46%, 265px); }
}



/* =========================
   SERVICES MOBILE
========================= */

@media (max-width: 768px) {

    .armiran-services {
        min-height: auto;
        padding: 32px 16px 110px;
    }

    .armiran-services-intro {
        margin-bottom: 20px;
    }

    .armiran-services-eyebrow {
        font-size: 11px;
    }

    .armiran-services-heading {
        font-size: 30px;
    }

    .armiran-service-card {
        width: 100%;
        min-height: 480px;
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(230px, 1fr);
    }

    .armiran-service-copy {
        padding: 42px 28px 10px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03,
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05 {
        inset-inline: 28px;
        top: 42px;
        transform: none;
    }

    .armiran-service-number {
        margin-bottom: 24px;
    }

    .armiran-service-title {
        max-width: 100%;
        font-size: clamp(31px, 9vw, 44px);
        line-height: 1.2;
    }

    .armiran-service-title-en {
        margin-top: 15px;
        font-size: 12px;
    }

    .armiran-service-object {
        min-height: 230px;
    }

    .armiran-service-object::before {
        width: 90%;
    }

    .armiran-service-object-core {
        width: min(43%, 180px);
    }

    .armiran-service-object-layer {
        width: min(54%, 225px);
    }

    .armiran-service-object-layer--1 {
        transform: translate3d(-42px,-78px,25px) rotateX(61deg) rotateZ(-34deg);
    }

    .armiran-service-object-layer--2 {
        transform: translate3d(35px,-13px,55px) rotateX(61deg) rotateZ(-34deg);
    }

    .armiran-service-object-layer--3 {
        transform: translate3d(-3px,63px,95px) rotateX(61deg) rotateZ(-34deg);
    }

    .armiran-network-core {
        width: min(34%, 150px);
    }

    .armiran-network-ring--1 {
        width: min(58%, 255px);
    }

    .armiran-network-ring--2 {
        width: min(76%, 330px);
    }

    .armiran-network-node {
        width: 7px;
    }

    .armiran-graphic-frame {
        width: min(47%, 175px);
        border-radius: 20px;
    }

    .armiran-graphic-frame-inner {
        border-radius: 14px;
    }

    .armiran-graphic-type {
        font-size: clamp(42px, 12vw, 60px);
    }

    .armiran-graphic-plane {
        width: min(40%, 155px);
        border-radius: 16px;
    }

    .armiran-graphic-plane--1 {
        transform: translate3d(-70px, -64px, -20px) rotateX(62deg) rotateZ(-24deg);
    }

    .armiran-graphic-plane--2 {
        transform: translate3d(70px, -42px, 20px) rotateX(60deg) rotateZ(21deg);
    }

    .armiran-graphic-plane--3 {
        transform: translate3d(58px, 72px, 44px) rotateX(66deg) rotateZ(-11deg);
    }

    .armiran-graphic-grid {
        width: min(76%, 300px);
    }

    .armiran-graphic-shape--circle {
        width: 34px;
    }

    .armiran-graphic-shape--square {
        width: 30px;
    }

    .armiran-graphic-shape--diamond {
        width: 26px;
    }

    .armiran-optical-lens { width: min(42%, 155px); }
    .armiran-optical-ring--outer { width: min(74%, 275px); }
    .armiran-optical-ring--mid { width: min(59%, 220px); }
    .armiran-optical-ring--inner { width: min(44%, 165px); }
    .armiran-optical-glass { width: min(31%, 120px); }
    .armiran-optical-glass--1 { transform: translate3d(-76px, -52px, -14px) rotateY(11deg) scale(.74); }
    .armiran-optical-glass--2 { transform: translate3d(78px, -31px, 24px) rotateY(-13deg) scale(.64); }
    .armiran-optical-glass--3 { transform: translate3d(58px, 62px, 42px) rotateY(-8deg) scale(.50); }
    .armiran-optical-light-field { width: min(88%, 320px); }
    .armiran-optical-beam { width: min(72%, 265px); height: 58px; }
    .armiran-optical-marker { width: 5px; }

    /* SERVICE 05 — MOBILE */
    .armiran-temporal-field { width: min(88%, 315px); }
    .armiran-temporal-prism {
        width: min(31%, 112px);
        border-radius: 17px;
        transform: translate(-50%, -50%) translateZ(100px) rotateY(-9deg) rotateZ(2deg);
    }
    .armiran-temporal-prism-face { border-radius: 12px; }
    .armiran-temporal-prism-light { width: 6px; }
    .armiran-temporal-echo { width: min(29%, 104px); border-radius: 16px; }
    .armiran-temporal-echo--1 { transform: translate(-50%, -50%) translate3d(-38px, -18px, 38px) rotateY(-9deg) rotateZ(-3deg); }
    .armiran-temporal-echo--2 { transform: translate(-50%, -50%) translate3d(-70px, -32px, -8px) rotateY(-7deg) rotateZ(-5deg); }
    .armiran-temporal-echo--3 { transform: translate(-50%, -50%) translate3d(-98px, -44px, -42px) rotateY(-5deg) rotateZ(-7deg); }
    .armiran-temporal-slice { width: min(48%, 175px); height: 42px; border-radius: 12px; }
    .armiran-temporal-slice--1 { transform: translate(-50%, -50%) translate3d(12px, -76px, -18px) rotateX(66deg) rotateZ(-8deg); }
    .armiran-temporal-slice--2 { transform: translate(-50%, -50%) translate3d(46px, 2px, 28px) rotateX(67deg) rotateZ(7deg); }
    .armiran-temporal-slice--3 { transform: translate(-50%, -50%) translate3d(17px, 78px, 46px) rotateX(68deg) rotateZ(-5deg); }
    .armiran-temporal-trail--1 { width: min(37%, 135px); transform: translate(-96%, -68px) rotate(4deg); }
    .armiran-temporal-trail--2 { width: min(43%, 155px); transform: translate(-96%, -24px) rotate(-2deg); }
    .armiran-temporal-trail--3 { width: min(39%, 142px); transform: translate(-96%, 34px) rotate(3deg); }
    .armiran-temporal-trail--4 { width: min(32%, 115px); transform: translate(-96%, 75px) rotate(-4deg); }
    .armiran-temporal-arc--1 { width: min(69%, 250px); }
    .armiran-temporal-arc--2 { width: min(52%, 190px); }
    .armiran-temporal-particle { width: 4px; }
    .armiran-temporal-particle--2,
    .armiran-temporal-particle--4 { width: 3px; }
}



/* =========================
   SERVICES LANDSCAPE MOBILE
========================= */

@media (max-width: 900px) and (orientation: landscape) {

    .armiran-services {
        padding-top: 100px;
    }

    .armiran-service-card {
        min-height: min(390px, 66vh);
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        grid-template-rows: 1fr;
    }

    .armiran-service-copy {
        padding: 40px 34px;
    }

    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03 {
        inset-inline: 34px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* 04 + 05 have longer Persian/English titles.
       Lift the entire copy block slightly in mobile landscape
       so both lines keep comfortable clearance from the card edge. */
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05 {
        inset-inline: 34px;
        top: calc(50% - 24px);
        transform: translateY(-50%);
    }

    .armiran-service-copy-state--04 .armiran-service-title,
    .armiran-service-copy-state--05 .armiran-service-title {
        line-height: 1.14;
    }

    .armiran-service-copy-state--04 .armiran-service-title-en,
    .armiran-service-copy-state--05 .armiran-service-title-en {
        margin-top: 12px;
        line-height: 1.3;
    }

    .armiran-service-title {
        font-size: clamp(30px, 5vw, 45px);
    }

    .armiran-service-object {
        min-height: 320px;
    }

    .armiran-network-core {
        width: min(31%, 145px);
    }

    .armiran-network-ring--1 {
        width: min(52%, 250px);
    }

    .armiran-network-ring--2 {
        width: min(68%, 320px);
    }

    .armiran-graphic-frame {
        width: min(42%, 180px);
        border-radius: 19px;
    }

    .armiran-graphic-plane {
        width: min(35%, 155px);
        border-radius: 15px;
    }

    .armiran-graphic-plane--1 {
        transform: translate3d(-68px, -58px, -18px) rotateX(62deg) rotateZ(-24deg);
    }

    .armiran-graphic-plane--2 {
        transform: translate3d(66px, -38px, 18px) rotateX(60deg) rotateZ(21deg);
    }

    .armiran-graphic-plane--3 {
        transform: translate3d(52px, 58px, 38px) rotateX(66deg) rotateZ(-11deg);
    }

    .armiran-graphic-grid {
        width: min(64%, 265px);
    }

    .armiran-optical-lens { width: min(36%, 150px); }
    .armiran-optical-ring--outer { width: min(62%, 260px); }
    .armiran-optical-ring--mid { width: min(49%, 205px); }
    .armiran-optical-ring--inner { width: min(37%, 155px); }
    .armiran-optical-glass { width: min(28%, 115px); }
    .armiran-optical-glass--1 { transform: translate3d(-72px, -48px, -12px) rotateY(11deg) scale(.72); }
    .armiran-optical-glass--2 { transform: translate3d(74px, -28px, 20px) rotateY(-13deg) scale(.62); }
    .armiran-optical-glass--3 { transform: translate3d(52px, 52px, 36px) rotateY(-8deg) scale(.48); }
    .armiran-optical-light-field { width: min(70%, 295px); }
    .armiran-optical-beam { width: min(61%, 250px); height: 52px; }
    .armiran-optical-marker { width: 5px; }

    /* SERVICE 05 — LANDSCAPE */
    .armiran-temporal-field { width: min(68%, 285px); }
    .armiran-temporal-prism { width: min(25%, 108px); border-radius: 16px; }
    .armiran-temporal-echo { width: min(23%, 100px); border-radius: 15px; }
    .armiran-temporal-echo--1 { transform: translate(-50%, -50%) translate3d(-37px, -17px, 36px) rotateY(-9deg) rotateZ(-3deg); }
    .armiran-temporal-echo--2 { transform: translate(-50%, -50%) translate3d(-68px, -30px, -7px) rotateY(-7deg) rotateZ(-5deg); }
    .armiran-temporal-echo--3 { transform: translate(-50%, -50%) translate3d(-94px, -40px, -38px) rotateY(-5deg) rotateZ(-7deg); }
    .armiran-temporal-slice { width: min(40%, 170px); height: 40px; }
    .armiran-temporal-slice--1 { transform: translate(-50%, -50%) translate3d(10px, -68px, -16px) rotateX(66deg) rotateZ(-8deg); }
    .armiran-temporal-slice--2 { transform: translate(-50%, -50%) translate3d(42px, 2px, 25px) rotateX(67deg) rotateZ(7deg); }
    .armiran-temporal-slice--3 { transform: translate(-50%, -50%) translate3d(15px, 68px, 40px) rotateX(68deg) rotateZ(-5deg); }
    .armiran-temporal-arc--1 { width: min(58%, 245px); }
    .armiran-temporal-arc--2 { width: min(44%, 185px); }
    .armiran-temporal-trail--1 { width: min(34%, 145px); transform: translate(-96%, -62px) rotate(4deg); }
    .armiran-temporal-trail--2 { width: min(40%, 170px); transform: translate(-96%, -21px) rotate(-2deg); }
    .armiran-temporal-trail--3 { width: min(36%, 155px); transform: translate(-96%, 31px) rotate(3deg); }
    .armiran-temporal-trail--4 { width: min(29%, 125px); transform: translate(-96%, 67px) rotate(-4deg); }
}


/* =========================================================
   SERVICE 06 — SOCIAL MEDIA & CONTENT
   SOCIAL CONTENT STUDIO
   IMPORTANT: only State 06 internals are styled here.
   Card / stage / nav-safe geometry is intentionally untouched.
========================================================= */

/* Keep the exact existing State 06 state shell behavior. */
.armiran-service-object-state--06 {
    z-index: 7;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1450px;
    transform-style: preserve-3d;
}


/* =========================
   STUDIO AMBIENT FIELD
========================= */

.armiran-socialstudio-field {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(82%, 525px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translateZ(-180px);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(
            circle at center,
            rgba(0,0,0,.075) 0%,
            rgba(0,0,0,.026) 38%,
            transparent 72%
        );
    filter: blur(24px);
    opacity: .74;
}


/* =========================================================
   CENTRAL SMARTPHONE
========================================================= */

.armiran-socialstudio-phone {
    position: absolute;
    left: 50%;
    top: 49%;
    width: min(25%, 158px);
    aspect-ratio: .53;
    transform:
        translate(-50%, -50%)
        translateZ(105px)
        rotateY(-8deg)
        rotateZ(2deg);
    transform-style: preserve-3d;
    z-index: 14;
}

.armiran-socialstudio-phone-frame {
    position: absolute;
    inset: -5%;
    z-index: 1;
    border-radius: 28px;
    background:
        linear-gradient(145deg, #171717, #666663 34%, #101010 70%, #858581);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -7px 17px rgba(0,0,0,.35),
        0 23px 44px rgba(0,0,0,.25);
}

.armiran-socialstudio-phone-frame::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 3.5%;
    width: 30%;
    height: 3.3%;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #090909;
}

.armiran-socialstudio-phone-screen {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
    border-radius: 23px;
    background:
        radial-gradient(circle at 67% 17%, rgba(255,255,255,.13), transparent 23%),
        linear-gradient(160deg, #252525, #3d3d3b 42%, #111 100%);
    border: 1px solid rgba(255,255,255,.08);
}

.armiran-socialstudio-phone-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    background:
        linear-gradient(118deg, transparent 18%, rgba(255,255,255,.12) 42%, transparent 59%);
}

.armiran-socialstudio-preview {
    position: absolute;
    inset: 7% 7% 23%;
    overflow: hidden;
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 31%, rgba(255,255,255,.19), transparent 27%),
        linear-gradient(155deg, #62625f, #292929 54%, #101010);
    border: 1px solid rgba(255,255,255,.10);
}

.armiran-socialstudio-preview-subject {
    position: absolute;
    left: 50%;
    bottom: 7%;
    width: 52%;
    height: 69%;
    transform: translateX(-50%);
    z-index: 3;
}

.armiran-socialstudio-subject-head {
    position: absolute;
    left: 50%;
    top: 2%;
    width: 34%;
    aspect-ratio: 1;
    transform: translateX(-50%);
    display: block;
    border-radius: 50%;
    background:
        radial-gradient(circle at 32% 24%, #f1f1ed, #b9b9b4 38%, #50504e 100%);
}

.armiran-socialstudio-subject-body {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 74%;
    height: 61%;
    transform: translateX(-50%);
    display: block;
    border-radius: 44% 44% 18% 18%;
    background:
        linear-gradient(145deg, rgba(232,232,227,.92), rgba(100,100,97,.72) 52%, rgba(25,25,25,.94));
}

.armiran-socialstudio-play {
    position: absolute;
    left: 50%;
    top: 47%;
    width: 30px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 6;
    border-radius: 50%;
    background: rgba(15,15,15,.64);
    border: 1px solid rgba(255,255,255,.34);
    box-shadow: 0 7px 16px rgba(0,0,0,.20);
}

.armiran-socialstudio-play::after {
    content: "";
    position: absolute;
    left: 54%;
    top: 50%;
    width: 0;
    height: 0;
    transform: translate(-42%, -50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid rgba(255,255,255,.92);
}


/* Engagement controls */

.armiran-socialstudio-engagement {
    position: absolute;
    right: 8%;
    top: 35%;
    width: 20px;
    height: 88px;
    z-index: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.armiran-socialstudio-action {
    position: relative;
    width: 16px;
    aspect-ratio: 1;
    display: block;
}

.armiran-socialstudio-action--like {
    width: 13px;
    height: 13px;
    margin-top: 2px;
    transform: rotate(-45deg);
    background: rgba(245,245,242,.92);
    border-radius: 2px 0 5px 0;
}

.armiran-socialstudio-action--like::before,
.armiran-socialstudio-action--like::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: inherit;
}

.armiran-socialstudio-action--like::before {
    left: 0;
    top: -6.5px;
}

.armiran-socialstudio-action--like::after {
    left: 6.5px;
    top: 0;
}

.armiran-socialstudio-action--comment {
    border: 1.4px solid rgba(245,245,242,.92);
    border-radius: 50%;
}

.armiran-socialstudio-action--comment::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -2px;
    width: 5px;
    height: 5px;
    border-right: 1.4px solid rgba(245,245,242,.92);
    transform: rotate(38deg);
}

.armiran-socialstudio-action--share::before,
.armiran-socialstudio-action--share::after {
    content: "";
    position: absolute;
}

.armiran-socialstudio-action--share::before {
    left: 1px;
    top: 8px;
    width: 13px;
    height: 1.4px;
    background: rgba(245,245,242,.92);
    transform: rotate(-25deg);
    transform-origin: right center;
}

.armiran-socialstudio-action--share::after {
    right: 0;
    top: 2px;
    width: 7px;
    height: 7px;
    border-top: 1.4px solid rgba(245,245,242,.92);
    border-right: 1.4px solid rgba(245,245,242,.92);
    transform: rotate(20deg);
}


/* Caption + progress */

.armiran-socialstudio-caption {
    position: absolute;
    left: 10%;
    right: 23%;
    bottom: 10%;
    height: 9%;
    z-index: 8;
}

.armiran-socialstudio-caption-line {
    position: absolute;
    left: 0;
    display: block;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.84), rgba(255,255,255,.14), transparent);
    transform-origin: left center;
}

.armiran-socialstudio-caption-line--1 {
    top: 8%;
    width: 82%;
}

.armiran-socialstudio-caption-line--2 {
    top: 55%;
    width: 54%;
    opacity: .62;
}

.armiran-socialstudio-progress {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 4.8%;
    height: 2px;
    display: block;
    z-index: 8;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.94) 0 57%, rgba(255,255,255,.18) 57% 100%);
}


/* =========================================================
   CAMERA / CONTENT PRODUCTION
========================================================= */

.armiran-socialstudio-camera {
    position: absolute;
    left: 15%;
    top: 56%;
    width: min(23%, 148px);
    aspect-ratio: 1.26;
    transform:
        translateY(-50%)
        translateZ(40px)
        rotateY(12deg)
        rotateZ(-7deg);
    transform-style: preserve-3d;
    z-index: 10;
}

.armiran-socialstudio-camera-body {
    position: absolute;
    left: 7%;
    top: 18%;
    width: 84%;
    height: 65%;
    border-radius: 17px;
    background:
        linear-gradient(145deg, #242424, #656562 44%, #171717);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -8px 18px rgba(0,0,0,.24),
        0 18px 32px rgba(0,0,0,.20);
}

.armiran-socialstudio-camera-body::before {
    content: "";
    position: absolute;
    left: 12%;
    top: -13%;
    width: 30%;
    height: 18%;
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(145deg, #4e4e4c, #191919);
    border: 1px solid rgba(255,255,255,.10);
}

.armiran-socialstudio-camera-lens {
    position: absolute;
    left: 52%;
    top: 50%;
    width: 48%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(circle, #101010 0 25%, #4c4c4a 27% 39%, #151515 42% 56%, #8a8a86 58% 63%, #242424 66%);
    border: 1px solid rgba(255,255,255,.18);
}

.armiran-socialstudio-camera-lens-inner {
    position: absolute;
    inset: 28%;
    display: block;
    border-radius: 50%;
    background:
        radial-gradient(circle at 38% 32%, rgba(255,255,255,.46), rgba(80,80,78,.28) 25%, #080808 66%);
}

.armiran-socialstudio-camera-light {
    position: absolute;
    right: 10%;
    top: 12%;
    width: 7px;
    aspect-ratio: 1;
    display: block;
    border-radius: 50%;
    background: rgba(240,240,235,.86);
}

.armiran-socialstudio-camera-handle {
    position: absolute;
    right: 2%;
    top: 36%;
    width: 13%;
    height: 39%;
    border-radius: 0 9px 9px 0;
    background: linear-gradient(90deg, #242424, #5c5c59);
    z-index: -1;
}


/* =========================================================
   EDITING TIMELINE
========================================================= */

.armiran-socialstudio-editor {
    position: absolute;
    right: 8%;
    top: 61%;
    width: min(31%, 198px);
    aspect-ratio: 1.58;
    transform:
        translateY(-50%)
        translateZ(25px)
        rotateY(-12deg)
        rotateZ(5deg);
    transform-style: preserve-3d;
    z-index: 9;
}

.armiran-socialstudio-editor-screen {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 14px;
    background:
        linear-gradient(155deg, rgba(36,36,36,.98), rgba(18,18,18,.99));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 17px 30px rgba(0,0,0,.21);
}

.armiran-socialstudio-editor-screen::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 14%;
    height: 1px;
    background: rgba(255,255,255,.08);
    box-shadow:
        0 18px 0 rgba(255,255,255,.05),
        0 36px 0 rgba(255,255,255,.05),
        0 54px 0 rgba(255,255,255,.05);
}

.armiran-socialstudio-track {
    position: absolute;
    left: 8%;
    right: 8%;
    height: 24%;
}

.armiran-socialstudio-track--video {
    top: 27%;
}

.armiran-socialstudio-track--audio {
    bottom: 15%;
}

.armiran-socialstudio-clip {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    border-radius: 4px;
    background:
        linear-gradient(145deg, rgba(235,235,230,.76), rgba(120,120,116,.36));
    border: 1px solid rgba(255,255,255,.10);
}

.armiran-socialstudio-clip--1 { left: 0; width: 28%; }
.armiran-socialstudio-clip--2 { left: 31%; width: 38%; }
.armiran-socialstudio-clip--3 { right: 0; width: 27%; }

.armiran-socialstudio-wave {
    position: absolute;
    top: 50%;
    width: 2px;
    display: block;
    transform: translateY(-50%);
    border-radius: 999px;
    background: rgba(235,235,230,.74);
}

.armiran-socialstudio-wave--1 { left: 8%; height: 36%; }
.armiran-socialstudio-wave--2 { left: 25%; height: 72%; }
.armiran-socialstudio-wave--3 { left: 43%; height: 48%; }
.armiran-socialstudio-wave--4 { left: 62%; height: 82%; }
.armiran-socialstudio-wave--5 { left: 82%; height: 55%; }

.armiran-socialstudio-playhead {
    position: absolute;
    left: 58%;
    top: 15%;
    bottom: 10%;
    width: 1px;
    display: block;
    background: rgba(255,255,255,.86);
}

.armiran-socialstudio-playhead::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    width: 6px;
    aspect-ratio: 1;
    transform: translateX(-50%) rotate(45deg);
    background: rgba(255,255,255,.92);
}


/* =========================================================
   SOCIAL PLATFORM TILES
========================================================= */

.armiran-socialstudio-platform {
    position: absolute;
    width: 58px;
    aspect-ratio: 1;
    z-index: 16;
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(220,220,216,.63) 54%, rgba(92,92,89,.33));
    border: 1px solid rgba(0,0,0,.13);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 13px 26px rgba(0,0,0,.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.armiran-socialstudio-platform--instagram {
    left: 19%;
    top: 21%;
    transform: translateZ(102px) rotateZ(-8deg);
}

.armiran-socialstudio-platform--youtube {
    right: 17%;
    top: 20%;
    transform: translateZ(108px) rotateZ(7deg);
}

.armiran-socialstudio-platform--linkedin {
    right: 11%;
    bottom: 18%;
    transform: translateZ(92px) rotateZ(-5deg);
}


/* Instagram */
.armiran-socialstudio-instagram-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border: 3px solid #171717;
    border-radius: 29%;
}

.armiran-socialstudio-instagram-lens {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    display: block;
    border: 2px solid #171717;
    border-radius: 50%;
}

.armiran-socialstudio-instagram-dot {
    position: absolute;
    right: 13%;
    top: 13%;
    width: 13%;
    aspect-ratio: 1;
    display: block;
    border-radius: 50%;
    background: #171717;
}


/* YouTube */
.armiran-socialstudio-youtube-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58%;
    height: 40%;
    transform: translate(-50%, -50%);
    border-radius: 27% / 38%;
    background: #171717;
}

.armiran-socialstudio-youtube-play {
    position: absolute;
    left: 53%;
    top: 50%;
    width: 0;
    height: 0;
    transform: translate(-42%, -50%);
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #f3f3ef;
}


/* LinkedIn */
.armiran-socialstudio-linkedin-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 54%;
    height: 54%;
    transform: translate(-50%, -50%);
}

.armiran-socialstudio-linkedin-i,
.armiran-socialstudio-linkedin-n {
    position: absolute;
    bottom: 0;
    display: block;
}

.armiran-socialstudio-linkedin-i {
    left: 0;
    width: 22%;
    height: 66%;
    background: #171717;
    border-radius: 1px;
}

.armiran-socialstudio-linkedin-i::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -32%;
    width: 100%;
    aspect-ratio: 1;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #171717;
}

.armiran-socialstudio-linkedin-n {
    right: 0;
    width: 62%;
    height: 66%;
    border-left: 6px solid #171717;
    border-right: 6px solid #171717;
    border-top: 6px solid #171717;
    border-radius: 9px 9px 0 0;
}


/* =========================================================
   DISTRIBUTION
========================================================= */

.armiran-socialstudio-distribution {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}

.armiran-socialstudio-distribution-line {
    position: absolute;
    left: 50%;
    top: 49%;
    height: 1px;
    display: block;
    transform-origin: 0 50%;
    background:
        linear-gradient(90deg, rgba(0,0,0,.44), rgba(0,0,0,.14) 56%, transparent);
}

.armiran-socialstudio-distribution-line--instagram {
    width: 32%;
    transform: rotate(-143deg);
}

.armiran-socialstudio-distribution-line--youtube {
    width: 32%;
    transform: rotate(-37deg);
}

.armiran-socialstudio-distribution-line--linkedin {
    width: 33%;
    transform: rotate(31deg);
}

.armiran-socialstudio-distribution-node {
    position: absolute;
    width: 7px;
    aspect-ratio: 1;
    display: block;
    border-radius: 50%;
    background: #111;
    border: 1px solid rgba(0,0,0,.45);
    box-shadow:
        0 0 0 4px rgba(0,0,0,.025),
        0 0 12px rgba(0,0,0,.10);
}

.armiran-socialstudio-distribution-node--1 { left: 31%; top: 33%; }
.armiran-socialstudio-distribution-node--2 { right: 29%; top: 32%; }
.armiran-socialstudio-distribution-node--3 { right: 25%; bottom: 28%; }


/* =========================================================
   FLOATING CONTENT ASSETS
========================================================= */

.armiran-socialstudio-asset {
    position: absolute;
    width: 70px;
    aspect-ratio: .76;
    z-index: 7;
    border-radius: 11px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(213,213,209,.45));
    border: 1px solid rgba(0,0,0,.10);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 11px 22px rgba(0,0,0,.10);
}

.armiran-socialstudio-asset--1 {
    left: 7%;
    bottom: 17%;
    transform: translateZ(12px) rotateZ(10deg);
}

.armiran-socialstudio-asset--2 {
    right: 29%;
    top: 10%;
    transform: translateZ(5px) rotateZ(-8deg) scale(.86);
}

.armiran-socialstudio-asset-media {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 9%;
    height: 55%;
    display: block;
    border-radius: 7px;
    background:
        linear-gradient(145deg, #555553, #171717);
}

.armiran-socialstudio-asset-line {
    position: absolute;
    left: 12%;
    bottom: 16%;
    width: 56%;
    height: 2px;
    display: block;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.10), transparent);
}


/* =========================================================
   06 RESPONSIVE
   ONLY element sizing/placement. No card/stage/nav geometry.
========================================================= */

@media (max-width:980px) and (min-width:769px) {

    /* Preserve the exact title geometry from the known-good file. */
    .armiran-service-copy-state--06 {
        inset-inline: clamp(34px,5vw,56px);
    }

    .armiran-service-copy-state--06 .armiran-service-title {
        font-size: clamp(30px,5.2vw,48px);
        line-height: 1.15;
        max-width: 440px;
    }

    .armiran-socialstudio-phone { width: min(25%, 142px); }
    .armiran-socialstudio-camera { width: min(22%, 124px); left: 12%; }
    .armiran-socialstudio-editor { width: min(29%, 165px); right: 7%; }
    .armiran-socialstudio-platform { width: 50px; border-radius: 14px; }
    .armiran-socialstudio-asset { width: 59px; }
}


@media (max-width:768px) and (orientation:portrait) {

    /* Preserve the exact title geometry from the known-good file. */
    .armiran-service-copy-state--06 {
        inset-inline: 26px;
        top: 50%;
        transform: translateY(-50%);
    }

    .armiran-service-copy-state--06 .armiran-service-title {
        max-width: 100%;
        font-size: clamp(28px,8.4vw,42px);
        line-height: 1.13;
        letter-spacing: -.025em;
    }

    .armiran-service-copy-state--06 .armiran-service-title-en {
        margin-top: 14px;
        font-size: clamp(10px,3vw,13px);
        line-height: 1.35;
        letter-spacing: .12em;
    }

    .armiran-socialstudio-field { width: min(76%, 345px); }

    .armiran-socialstudio-phone {
        width: min(27%, 125px);
        top: 49%;
    }

    .armiran-socialstudio-camera {
        left: 7%;
        top: 57%;
        width: min(22%, 102px);
    }

    .armiran-socialstudio-editor {
        right: 5%;
        top: 62%;
        width: min(29%, 135px);
    }

    .armiran-socialstudio-platform {
        width: 44px;
        border-radius: 13px;
    }

    .armiran-socialstudio-platform--instagram { left: 10%; top: 22%; }
    .armiran-socialstudio-platform--youtube { right: 10%; top: 21%; }
    .armiran-socialstudio-platform--linkedin { right: 6%; bottom: 18%; }

    .armiran-socialstudio-asset {
        width: 49px;
        border-radius: 9px;
    }

    .armiran-socialstudio-asset--1 { left: 3%; bottom: 18%; }
    .armiran-socialstudio-asset--2 { right: 28%; top: 10%; }

    .armiran-socialstudio-play { width: 24px; }

    .armiran-socialstudio-engagement {
        right: 6%;
        transform: scale(.78);
        transform-origin: top center;
    }

    .armiran-socialstudio-distribution-node { width: 6px; }
}


@media (max-width:900px) and (orientation:landscape) {

    /* Preserve the exact title geometry from the known-good file. */
    .armiran-service-copy-state--06 {
        inset-inline: 34px;
        top: calc(50% - 30px);
        transform: translateY(-50%);
    }

    .armiran-service-copy-state--06 .armiran-service-number {
        margin-bottom: 18px;
    }

    .armiran-service-copy-state--06 .armiran-service-title {
        max-width: 430px;
        font-size: clamp(25px,4.5vw,36px);
        line-height: 1.10;
        letter-spacing: -.025em;
    }

    .armiran-service-copy-state--06 .armiran-service-title-en {
        margin-top: 10px;
        font-size: clamp(9px,1.55vw,12px);
        line-height: 1.25;
        letter-spacing: .11em;
    }

    .armiran-socialstudio-field { width: min(68%, 320px); }

    .armiran-socialstudio-phone {
        width: min(22%, 102px);
        top: 48%;
    }

    .armiran-socialstudio-camera {
        left: 11%;
        top: 56%;
        width: min(19%, 90px);
    }

    .armiran-socialstudio-editor {
        right: 7%;
        top: 61%;
        width: min(27%, 126px);
    }

    .armiran-socialstudio-platform {
        width: 37px;
        border-radius: 10px;
    }

    .armiran-socialstudio-platform--instagram { left: 17%; top: 19%; }
    .armiran-socialstudio-platform--youtube { right: 15%; top: 18%; }
    .armiran-socialstudio-platform--linkedin { right: 9%; bottom: 14%; }

    .armiran-socialstudio-asset {
        width: 40px;
        border-radius: 7px;
    }

    .armiran-socialstudio-asset--1 { left: 4%; bottom: 16%; }
    .armiran-socialstudio-asset--2 { right: 29%; top: 8%; }

    .armiran-socialstudio-phone-frame { border-radius: 20px; }
    .armiran-socialstudio-phone-screen { border-radius: 16px; }
    .armiran-socialstudio-preview { border-radius: 10px; }

    .armiran-socialstudio-play { width: 20px; }

    .armiran-socialstudio-play::after {
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 6px;
    }

    .armiran-socialstudio-engagement {
        right: 4%;
        transform: scale(.66);
        transform-origin: top center;
    }

    .armiran-socialstudio-distribution-node { width: 5px; }
}


@media (max-width:390px) and (orientation:portrait) {

    /* Preserve the exact title geometry from the known-good file. */
    .armiran-service-copy-state--06 {
        inset-inline: 22px;
    }

    .armiran-service-copy-state--06 .armiran-service-title {
        font-size: clamp(26px,8vw,34px);
    }

    .armiran-socialstudio-phone { width: min(28%, 115px); }
    .armiran-socialstudio-camera { width: min(21%, 90px); }
    .armiran-socialstudio-editor { width: min(28%, 120px); }
    .armiran-socialstudio-platform { width: 40px; }
    .armiran-socialstudio-asset { width: 44px; }
}




/* =========================================================
   SERVICES — NAV SAFE AREA / DESKTOP + TABLET
========================================================= */

@media (min-width: 981px) {
    .armiran-services {
        padding-top: clamp(92px, 7vw, 118px);
    }

    .armiran-services-intro {
        margin-bottom: 34px;
    }

    .armiran-service-card {
        width: min(960px, calc(100vw - 180px));
        min-height: min(500px, 54vh);
    }

    .armiran-service-object {
        min-height: 500px;
    }
}

@media (min-width: 769px) and (max-width: 980px) {
    .armiran-services {
        padding-top: 88px;
    }

    .armiran-services-intro {
        margin-bottom: 22px;
    }

    .armiran-service-card {
        width: min(860px, 100%);
        min-height: min(470px, 58vh);
    }

    .armiran-service-object {
        min-height: 410px;
    }
}


/* =========================================================
   DESKTOP SERVICE CARD — FIXED VIEWPORT SAFE HEIGHT
   Prevents the pinned card from entering the fixed navigation.
   Desktop only. Mobile/tablet geometry remains unchanged.
========================================================= */
@media (min-width: 981px) {

    .armiran-service-card {
        height: min(540px, calc(100vh - 180px));
        min-height: 420px;
        max-height: calc(100vh - 180px);
    }

    .armiran-service-copy {
        min-height: 0;
    }

    .armiran-service-object {
        height: 100%;
        min-height: 0;
    }
}


/* =========================================================
   DESKTOP SERVICE STAGE — NAV CLEARANCE FINE TUNE
   Moves only the pinned services stage slightly lower.
========================================================= */
@media (min-width: 981px) {
    .armiran-services-stage {
        top: 28px;
    }
}


/* =========================================================
   DESKTOP SERVICE CARD — HEIGHT FINE TUNE V3
   Slightly shorter card for a cleaner gap below fixed nav.
========================================================= */
@media (min-width: 981px) {
    .armiran-service-card {
        height: min(510px, calc(100vh - 210px));
        min-height: 400px;
        max-height: calc(100vh - 210px);
    }

    .armiran-service-object {
        height: 100%;
        min-height: 0;
    }
}


/* =========================================================
   TABLET + PHONE LANDSCAPE — NAV CLEARANCE FIX
   Only adjusts pinned stage/card vertical geometry.
========================================================= */

/* Tablet portrait / compact tablets */
@media (min-width: 769px) and (max-width: 980px) {

    .armiran-services-stage {
        top: 34px;
    }

    .armiran-service-card {
        min-height: min(450px, 54vh);
        max-height: calc(100vh - 190px);
    }

    .armiran-service-object {
        min-height: 0;
        height: 100%;
    }
}


/* Phone landscape */
@media (max-width: 900px) and (orientation: landscape) {

    .armiran-services-stage {
        top: 38px;
    }

    .armiran-service-card {
        min-height: min(360px, 60vh);
        max-height: calc(100vh - 150px);
    }

    .armiran-service-object {
        min-height: 0;
        height: 100%;
    }
}


/* =========================================================
   TABLET + PHONE LANDSCAPE — FINAL NAV / COPY ALIGNMENT FIX
   Geometry + typography only. No service states or GSAP changed.
========================================================= */

/* Tablets, both orientations where viewport width is tablet-class. */
@media (min-width: 769px) and (max-width: 1180px) {

    .armiran-services-stage {
        top: 46px;
    }

    .armiran-service-card {
        width: min(860px, calc(100vw - 72px));
        height: min(470px, calc(100dvh - 190px));
        min-height: 380px;
        max-height: calc(100dvh - 190px);
    }

    .armiran-service-object {
        height: 100%;
        min-height: 0;
    }
}


/* Landscape phones + compact landscape tablets.
   1024px is intentional: modern large iPhones can exceed 900 CSS px
   in landscape, so the older max-width:900 rule was not guaranteed to run. */
@media (max-width: 1024px) and (orientation: landscape) {

    .armiran-services {
        padding-top: 86px;
    }

    .armiran-services-stage {
        top: 52px;
    }

    .armiran-service-card {
        width: min(860px, calc(100vw - 72px));
        height: min(390px, calc(100dvh - 165px));
        min-height: 300px;
        max-height: calc(100dvh - 165px);
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        grid-template-rows: 1fr;
    }

    .armiran-service-copy {
        padding: 26px 34px;
        justify-content: center;
        min-height: 0;
    }

    /* State 01 is in normal flow. */
    .armiran-service-copy-state--01 {
        transform: translateY(-18px);
    }

    /* Keep every animated state on exactly the same vertical axis. */
    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03,
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05,
    .armiran-service-copy-state--06 {
        inset-inline: 34px;
        top: calc(50% - 18px);
        transform: translateY(-50%);
    }

    .armiran-service-number,
    .armiran-service-copy-state--02 .armiran-service-number,
    .armiran-service-copy-state--03 .armiran-service-number,
    .armiran-service-copy-state--04 .armiran-service-number,
    .armiran-service-copy-state--05 .armiran-service-number,
    .armiran-service-copy-state--06 .armiran-service-number {
        margin-bottom: 16px;
    }

    .armiran-service-title,
    .armiran-service-copy-state--04 .armiran-service-title,
    .armiran-service-copy-state--05 .armiran-service-title,
    .armiran-service-copy-state--06 .armiran-service-title {
        max-width: 430px;
        font-size: clamp(25px, 4.25vw, 36px);
        line-height: 1.08;
        letter-spacing: -.025em;
    }

    .armiran-service-title-en,
    .armiran-service-copy-state--04 .armiran-service-title-en,
    .armiran-service-copy-state--05 .armiran-service-title-en,
    .armiran-service-copy-state--06 .armiran-service-title-en {
        margin-top: 10px;
        font-size: clamp(9px, 1.45vw, 12px);
        line-height: 1.22;
        letter-spacing: .11em;
    }

    .armiran-service-object {
        height: 100%;
        min-height: 0;
    }
}


/* Extra-short landscape phones: protect the English title from the card edge. */
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 500px) {

    .armiran-services-stage {
        top: 46px;
    }

    .armiran-service-card {
        height: calc(100dvh - 150px);
        min-height: 270px;
        max-height: calc(100dvh - 150px);
    }

    .armiran-service-copy-state--01 {
        transform: translateY(-12px);
    }

    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03,
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05,
    .armiran-service-copy-state--06 {
        top: calc(50% - 12px);
    }

    .armiran-service-number {
        margin-bottom: 12px;
    }

    .armiran-service-title,
    .armiran-service-copy-state--04 .armiran-service-title,
    .armiran-service-copy-state--05 .armiran-service-title,
    .armiran-service-copy-state--06 .armiran-service-title {
        font-size: clamp(23px, 4vw, 32px);
        line-height: 1.06;
    }

    .armiran-service-title-en,
    .armiran-service-copy-state--04 .armiran-service-title-en,
    .armiran-service-copy-state--05 .armiran-service-title-en,
    .armiran-service-copy-state--06 .armiran-service-title-en {
        margin-top: 8px;
        font-size: clamp(8px, 1.35vw, 11px);
        line-height: 1.18;
    }
}


/* =========================================================
   SERVICE 07 — MUSIC PRODUCTION & AUDIO ENGINEERING
   SONIC WORKSTATION
   State-local styling only — card/stage geometry untouched.
========================================================= */

.armiran-service-copy-state--07 {
    position: absolute;
    inset-inline: clamp(50px, 6vw, 84px);
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state--07 {
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1500px;
    transform-style: preserve-3d;
}

/* Ambient studio halo */
.armiran-sonic-field {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(86%, 555px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translateZ(-190px);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(circle at 52% 54%, rgba(255,255,255,.105) 0%, rgba(255,255,255,.038) 26%, rgba(255,255,255,.012) 48%, transparent 72%);
    filter: blur(26px);
    opacity: .78;
}

/* =========================
   SYNTH KEYBOARD
========================= */
.armiran-sonic-keyboard {
    position: absolute;
    left: 50%;
    top: 58%;
    width: min(74%, 475px);
    height: min(31%, 176px);
    transform:
        translate(-50%, -50%)
        translateZ(82px)
        rotateX(59deg)
        rotateZ(-8deg);
    transform-style: preserve-3d;
    z-index: 9;
}

.armiran-sonic-keyboard-body {
    position: absolute;
    inset: -17% -4% -12%;
    border-radius: 24px;
    background:
        radial-gradient(circle at 24% 10%, rgba(255,255,255,.16), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.025) 34%, rgba(6,6,6,.94) 74%, #010101);
    border: 1px solid rgba(255,255,255,.17);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 -18px 34px rgba(0,0,0,.58),
        0 32px 68px rgba(0,0,0,.62),
        0 0 45px rgba(255,255,255,.035);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateZ(-13px);
}

.armiran-sonic-keyboard-body::after {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: 11%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
    opacity: .55;
}

.armiran-sonic-display {
    position: absolute;
    left: 7%;
    top: -8%;
    width: 27%;
    height: 18%;
    z-index: 7;
    border-radius: 8px;
    overflow: hidden;
    transform: translateZ(12px);
    background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.018) 55%, rgba(0,0,0,.48));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: inset 0 0 15px rgba(255,255,255,.025), 0 0 18px rgba(255,255,255,.025);
}

.armiran-sonic-display-line {
    position: absolute;
    left: 11%;
    height: 1px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.12), transparent);
}
.armiran-sonic-display-line--1 { top: 38%; width: 68%; }
.armiran-sonic-display-line--2 { top: 63%; width: 43%; opacity: .58; }
.armiran-sonic-display-dot {
    position: absolute;
    right: 10%;
    top: 31%;
    width: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 7px rgba(255,255,255,.9), 0 0 17px rgba(255,255,255,.28);
}

.armiran-sonic-keys {
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: 2%;
    height: 76%;
    transform-style: preserve-3d;
}

.armiran-sonic-keys--white {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2px;
    z-index: 3;
}

.armiran-sonic-key--white {
    position: relative;
    display: block;
    min-width: 0;
    border-radius: 2px 2px 8px 8px;
    background: linear-gradient(180deg, #f5f5f3 0%, #d9d9d6 70%, #a9a9a6 100%);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -8px 12px rgba(0,0,0,.10),
        0 7px 12px rgba(0,0,0,.28);
    transform: translateZ(8px);
}

.armiran-sonic-keys--black {
    z-index: 6;
    pointer-events: none;
}

.armiran-sonic-key--black {
    position: absolute;
    top: 0;
    width: 5.4%;
    height: 61%;
    display: block;
    border-radius: 2px 2px 6px 6px;
    background: linear-gradient(160deg, #262626 0%, #090909 45%, #010101 100%);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset -4px -7px 10px rgba(0,0,0,.72),
        0 8px 13px rgba(0,0,0,.52);
    transform: translateX(-50%) translateZ(18px);
}
.armiran-sonic-key--black-1 { left: 8.3%; }
.armiran-sonic-key--black-2 { left: 16.6%; }
.armiran-sonic-key--black-3 { left: 33.3%; }
.armiran-sonic-key--black-4 { left: 41.6%; }
.armiran-sonic-key--black-5 { left: 50%; }
.armiran-sonic-key--black-6 { left: 66.6%; }
.armiran-sonic-key--black-7 { left: 75%; }
.armiran-sonic-key--black-8 { left: 91.6%; }

/* =========================
   PARAMETRIC EQ
========================= */
.armiran-sonic-eq {
    position: absolute;
    left: 50%;
    top: 31%;
    width: min(63%, 405px);
    height: min(27%, 150px);
    transform:
        translate(-50%, -50%)
        translate3d(26px, 0, 20px)
        rotateY(-7deg)
        rotateZ(3deg);
    transform-style: preserve-3d;
    z-index: 7;
    overflow: hidden;
    border-radius: 20px;
    background:
        radial-gradient(circle at 72% 20%, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.014) 48%, rgba(0,0,0,.68));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 0 30px rgba(255,255,255,.015),
        0 25px 55px rgba(0,0,0,.44);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.armiran-sonic-eq::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 22%, rgba(255,255,255,.08) 43%, transparent 59%);
    opacity: .58;
}

.armiran-sonic-eq-grid {
    position: absolute;
    inset: 13% 7%;
    z-index: 1;
    opacity: .58;
}

.armiran-sonic-eq-grid::before,
.armiran-sonic-eq-grid::after,
.armiran-sonic-eq-grid-line {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent);
}
.armiran-sonic-eq-grid::before { top: 0; }
.armiran-sonic-eq-grid::after { bottom: 0; }
.armiran-sonic-eq-grid-line--1 { top: 20%; }
.armiran-sonic-eq-grid-line--2 { top: 40%; }
.armiran-sonic-eq-grid-line--3 { top: 60%; }
.armiran-sonic-eq-grid-line--4 { top: 80%; }

.armiran-sonic-eq-bands {
    position: absolute;
    inset: 13% 8%;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3%;
}

.armiran-sonic-eq-band {
    display: block;
    flex: 1 1 0;
    max-width: 8px;
    border-radius: 999px 999px 2px 2px;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.18) 52%, rgba(255,255,255,.035));
    box-shadow: 0 0 10px rgba(255,255,255,.10);
    opacity: .72;
    transform-origin: 50% 100%;
}
.armiran-sonic-eq-band--1 { height: 28%; }
.armiran-sonic-eq-band--2 { height: 46%; }
.armiran-sonic-eq-band--3 { height: 68%; }
.armiran-sonic-eq-band--4 { height: 55%; }
.armiran-sonic-eq-band--5 { height: 82%; }
.armiran-sonic-eq-band--6 { height: 63%; }
.armiran-sonic-eq-band--7 { height: 43%; }
.armiran-sonic-eq-band--8 { height: 58%; }
.armiran-sonic-eq-band--9 { height: 34%; }

.armiran-sonic-eq-curve {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

.armiran-sonic-eq-segment {
    position: absolute;
    display: block;
    height: 1px;
    width: 18%;
    transform-origin: 0 50%;
    background: linear-gradient(90deg, rgba(255,255,255,.32), rgba(255,255,255,.92));
    box-shadow: 0 0 7px rgba(255,255,255,.16);
}
.armiran-sonic-eq-segment--1 { left: 9%; top: 62%; transform: rotate(-15deg); }
.armiran-sonic-eq-segment--2 { left: 25%; top: 51%; transform: rotate(-18deg); }
.armiran-sonic-eq-segment--3 { left: 41%; top: 39%; transform: rotate(12deg); }
.armiran-sonic-eq-segment--4 { left: 57%; top: 46%; transform: rotate(14deg); }
.armiran-sonic-eq-segment--5 { left: 73%; top: 54%; transform: rotate(-10deg); }
.armiran-sonic-eq-segment--6 { left: 87%; top: 49%; width: 7%; transform: rotate(-4deg); }

.armiran-sonic-eq-node {
    position: absolute;
    z-index: 6;
    width: 7px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(255,255,255,.85);
    box-shadow: 0 0 7px rgba(255,255,255,.92), 0 0 18px rgba(255,255,255,.24);
    transform: translate(-50%, -50%) translateZ(14px);
}
.armiran-sonic-eq-node--1 { left: 25%; top: 51%; }
.armiran-sonic-eq-node--2 { left: 42%; top: 39%; }
.armiran-sonic-eq-node--3 { left: 59%; top: 47%; }
.armiran-sonic-eq-node--4 { left: 75%; top: 54%; }

/* Master signal / playhead */
.armiran-sonic-master-signal {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(80%, 515px);
    height: 1px;
    transform: translate(-50%, -50%) translateZ(-35px) rotateZ(-5deg);
    z-index: 5;
    pointer-events: none;
}

.armiran-sonic-master-line {
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.10) 15%, rgba(255,255,255,.48) 50%, rgba(255,255,255,.10) 85%, transparent);
    box-shadow: 0 0 9px rgba(255,255,255,.06);
}

.armiran-sonic-master-playhead {
    position: absolute;
    left: 56%;
    top: 50%;
    width: 6px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px rgba(255,255,255,.96), 0 0 24px rgba(255,255,255,.32);
}

/* 07 — tablet: object/text only; card geometry intentionally untouched */
@media (min-width:769px) and (max-width:1180px) {
    .armiran-service-copy-state--07 { inset-inline:34px; }
    .armiran-service-copy-state--07 .armiran-service-title { max-width:440px; font-size:clamp(30px,5.2vw,48px); line-height:1.15; }
    .armiran-sonic-keyboard { width:min(72%,405px); height:min(29%,150px); top:59%; }
    .armiran-sonic-eq { width:min(61%,345px); height:min(25%,126px); top:31%; }
    .armiran-sonic-master-signal { width:min(76%,430px); }
}

/* 07 — mobile portrait */
@media (max-width:768px) and (orientation:portrait) {
    .armiran-service-copy-state--07 { inset-inline:26px; top:50%; transform:translateY(-50%); }
    .armiran-service-copy-state--07 .armiran-service-title { max-width:100%; font-size:clamp(28px,8.4vw,42px); line-height:1.13; letter-spacing:-.025em; }
    .armiran-service-copy-state--07 .armiran-service-title-en { margin-top:14px; font-size:clamp(10px,3vw,13px); line-height:1.35; letter-spacing:.12em; }
    .armiran-sonic-field { width:min(78%,360px); }
    .armiran-sonic-keyboard { width:min(78%,350px); height:min(27%,132px); top:60%; transform:translate(-50%,-50%) translateZ(70px) rotateX(60deg) rotateZ(-7deg); }
    .armiran-sonic-eq { width:min(67%,300px); height:min(23%,108px); top:32%; transform:translate(-50%,-50%) translate3d(14px,0,18px) rotateY(-6deg) rotateZ(2deg); }
    .armiran-sonic-master-signal { width:min(82%,370px); }
    .armiran-sonic-eq-node { width:6px; }
    .armiran-sonic-display-dot { width:4px; }
}

/* 07 — landscape: inherit the stabilized card/nav geometry */
@media (max-width:1024px) and (orientation:landscape) {
    .armiran-service-copy-state--07 { inset-inline:34px; top:calc(50% - 18px); transform:translateY(-50%); }
    .armiran-service-copy-state--07 .armiran-service-number { margin-bottom:16px; }
    .armiran-service-copy-state--07 .armiran-service-title { max-width:430px; font-size:clamp(25px,4.25vw,36px); line-height:1.08; letter-spacing:-.025em; }
    .armiran-service-copy-state--07 .armiran-service-title-en { margin-top:10px; font-size:clamp(9px,1.45vw,12px); line-height:1.22; letter-spacing:.11em; }
    .armiran-sonic-field { width:min(68%,315px); }
    .armiran-sonic-keyboard { width:min(66%,310px); height:min(31%,104px); top:59%; transform:translate(-50%,-50%) translateZ(65px) rotateX(59deg) rotateZ(-7deg); }
    .armiran-sonic-eq { width:min(55%,260px); height:min(27%,90px); top:31%; transform:translate(-50%,-50%) translate3d(12px,0,16px) rotateY(-5deg) rotateZ(2deg); border-radius:14px; }
    .armiran-sonic-keyboard-body { border-radius:17px; }
    .armiran-sonic-display { border-radius:5px; }
    .armiran-sonic-eq-node { width:5px; }
    .armiran-sonic-master-signal { width:min(70%,330px); }
}

@media (max-width:1024px) and (orientation:landscape) and (max-height:500px) {
    .armiran-service-copy-state--07 { top:calc(50% - 12px); }
    .armiran-service-copy-state--07 .armiran-service-number { margin-bottom:12px; }
    .armiran-service-copy-state--07 .armiran-service-title { font-size:clamp(23px,4vw,32px); line-height:1.06; }
    .armiran-service-copy-state--07 .armiran-service-title-en { margin-top:8px; font-size:clamp(8px,1.35vw,11px); line-height:1.18; }
    .armiran-sonic-keyboard { width:min(62%,285px); height:min(29%,92px); top:60%; }
    .armiran-sonic-eq { width:min(51%,235px); height:min(25%,78px); top:31%; }
}

@media (max-width:390px) and (orientation:portrait) {
    .armiran-service-copy-state--07 { inset-inline:22px; }
    .armiran-service-copy-state--07 .armiran-service-title { font-size:clamp(26px,8vw,34px); }
    .armiran-sonic-keyboard { width:min(80%,318px); }
    .armiran-sonic-eq { width:min(69%,274px); }
}

/* =========================================================
   SERVICE 08 — BRAND STRATEGY & DIGITAL CONSULTING
   BRAND STRATEGY MEETING ROOM
   State-local styling only — card/stage geometry untouched.
========================================================= */

.armiran-service-copy-state--08 {
    position: absolute;
    inset-inline: clamp(50px, 6vw, 84px);
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state--08 {
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1600px;
    transform-style: preserve-3d;
}

.armiran-brandroom-field {
    position: absolute;
    left: 50%; top: 50%;
    width: min(88%, 565px);
    aspect-ratio: 1.18;
    transform: translate(-50%, -50%) translateZ(-210px);
    z-index: 1;
    pointer-events: none;
    border-radius: 48%;
    background: radial-gradient(ellipse at 50% 45%, rgba(0,0,0,.085) 0%, rgba(0,0,0,.034) 31%, rgba(0,0,0,.012) 54%, transparent 74%);
    filter: blur(26px);
    opacity: .72;
}

.armiran-brandroom-billboard {
    position: absolute;
    left: 50%; top: 28%;
    width: min(61%, 392px);
    aspect-ratio: 1.72;
    transform: translate(-50%, -50%) translateZ(18px) rotateY(-4deg) rotateZ(1.5deg);
    transform-style: preserve-3d;
    z-index: 8;
}

.armiran-brandroom-billboard-frame {
    position: absolute; inset: -4%; z-index: 1;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(190,190,186,.58) 38%, rgba(42,42,42,.82) 100%);
    border: 1px solid rgba(0,0,0,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), inset 0 -10px 24px rgba(0,0,0,.14), 0 22px 48px rgba(0,0,0,.20);
}

.armiran-brandroom-screen {
    position: absolute; inset: 0; z-index: 3; overflow: hidden;
    border-radius: 16px;
    background: radial-gradient(circle at 72% 20%, rgba(255,255,255,.18), transparent 26%), linear-gradient(145deg, #f8f8f6 0%, #e8e8e4 48%, #cfcfca 100%);
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 30px rgba(0,0,0,.025);
}

.armiran-brandroom-screen::after {
    content: ""; position: absolute; inset: 0; z-index: 20; pointer-events: none;
    background: linear-gradient(112deg, transparent 18%, rgba(255,255,255,.52) 40%, transparent 58%);
    opacity: .56;
}

.armiran-brandroom-keyvisual {
    position: absolute; left: 8%; top: 16%; width: 26%; aspect-ratio: 1; z-index: 3;
    border-radius: 22%;
    background: linear-gradient(145deg, rgba(18,18,18,.98), rgba(70,70,68,.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 20px rgba(0,0,0,.10);
}
.armiran-brandroom-keyvisual-shape {
    position: absolute; left: 50%; top: 50%; width: 46%; aspect-ratio: 1;
    transform: translate(-50%, -50%) rotate(45deg); display: block; border-radius: 20%;
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(225,225,220,.58));
    border: 1px solid rgba(255,255,255,.58); box-shadow: 0 0 18px rgba(255,255,255,.18);
}

.armiran-brandroom-campaign-copy { position: absolute; left: 40%; top: 19%; width: 48%; height: 28%; z-index: 4; }
.armiran-brandroom-copy-line { position: absolute; left: 0; display: block; height: 3px; border-radius: 999px; transform-origin: left center; background: linear-gradient(90deg, rgba(20,20,20,.82), rgba(20,20,20,.15), transparent); }
.armiran-brandroom-copy-line--1 { top: 12%; width: 74%; }
.armiran-brandroom-copy-line--2 { top: 46%; width: 48%; opacity: .55; }

.armiran-brandroom-kpis { position: absolute; left: 8%; right: 8%; bottom: 13%; height: 28%; z-index: 4; display: flex; align-items: flex-end; justify-content: flex-start; gap: 4.2%; }
.armiran-brandroom-kpi { display: block; width: 7%; min-width: 5px; border-radius: 999px 999px 3px 3px; transform-origin: 50% 100%; background: linear-gradient(180deg, rgba(18,18,18,.94), rgba(54,54,52,.62) 56%, rgba(110,110,106,.20)); box-shadow: 0 3px 8px rgba(0,0,0,.08); }
.armiran-brandroom-kpi--1 { height: 28%; } .armiran-brandroom-kpi--2 { height: 45%; } .armiran-brandroom-kpi--3 { height: 62%; } .armiran-brandroom-kpi--4 { height: 76%; } .armiran-brandroom-kpi--5 { height: 91%; }

.armiran-brandroom-growth { position: absolute; right: 7%; bottom: 13%; width: 48%; height: 33%; z-index: 6; pointer-events: none; }
.armiran-brandroom-growth-segment { position: absolute; display: block; height: 2px; width: 26%; transform-origin: 0 50%; background: linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.84)); box-shadow: 0 0 6px rgba(0,0,0,.06); }
.armiran-brandroom-growth-segment--1 { left: 2%; bottom: 14%; transform: rotate(-20deg); }
.armiran-brandroom-growth-segment--2 { left: 25%; bottom: 30%; transform: rotate(-13deg); }
.armiran-brandroom-growth-segment--3 { left: 49%; bottom: 41%; transform: rotate(-26deg); }
.armiran-brandroom-growth-segment--4 { left: 72%; bottom: 62%; width: 23%; transform: rotate(-17deg); }
.armiran-brandroom-growth-node { position: absolute; width: 7px; aspect-ratio: 1; display: block; border-radius: 50%; transform: translate(-50%, 50%); background: #111; border: 1px solid rgba(255,255,255,.82); box-shadow: 0 0 0 4px rgba(0,0,0,.025), 0 3px 9px rgba(0,0,0,.16); }
.armiran-brandroom-growth-node--1 { left: 27%; bottom: 31%; }
.armiran-brandroom-growth-node--2 { left: 52%; bottom: 43%; }
.armiran-brandroom-growth-node--3 { left: 76%; bottom: 65%; }

.armiran-brandroom-billboard-stand { position: absolute; left: 50%; top: 98%; width: 48%; height: 48px; transform: translateX(-50%) translateZ(-14px); z-index: 0; }
.armiran-brandroom-billboard-leg { position: absolute; top: 0; width: 5px; height: 100%; display: block; border-radius: 999px; background: linear-gradient(90deg, #585856, #d5d5d0 48%, #4b4b49); box-shadow: 0 8px 16px rgba(0,0,0,.13); }
.armiran-brandroom-billboard-leg--1 { left: 18%; } .armiran-brandroom-billboard-leg--2 { right: 18%; }

.armiran-brandroom-table { position: absolute; left: 50%; top: 63%; width: min(65%, 420px); height: min(31%, 176px); transform: translate(-50%, -50%) translateZ(78px) rotateX(62deg) rotateZ(-4deg); transform-style: preserve-3d; z-index: 10; }
.armiran-brandroom-table-top { position: absolute; inset: 0; z-index: 4; border-radius: 42% / 26%; background: radial-gradient(ellipse at 28% 18%, rgba(255,255,255,.94), transparent 24%), linear-gradient(145deg, rgba(255,255,255,.78), rgba(190,190,186,.40) 42%, rgba(55,55,54,.72) 100%); border: 1px solid rgba(0,0,0,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset -12px -18px 30px rgba(0,0,0,.09), 0 28px 55px rgba(0,0,0,.20); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transform-style: preserve-3d; }
.armiran-brandroom-table-top::after { content: ""; position: absolute; inset: 8%; border-radius: inherit; border: 1px solid rgba(0,0,0,.06); pointer-events: none; }
.armiran-brandroom-table-base { position: absolute; left: 50%; top: 66%; width: 31%; height: 70%; transform: translate(-50%, -50%) translateZ(-50px) rotateX(-62deg); transform-origin: 50% 0%; border-radius: 18px 18px 12px 12px; background: linear-gradient(90deg, rgba(35,35,35,.92), rgba(118,118,114,.74) 50%, rgba(28,28,28,.94)); border: 1px solid rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 20px 35px rgba(0,0,0,.20); z-index: 1; }

.armiran-brandroom-card { position: absolute; width: 22%; aspect-ratio: 1.55; z-index: 7; border-radius: 9px; background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(220,220,216,.48)); border: 1px solid rgba(0,0,0,.11); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(0,0,0,.10); transform-style: preserve-3d; }
.armiran-brandroom-card--1 { left: 13%; top: 24%; transform: translateZ(18px) rotateZ(-6deg); }
.armiran-brandroom-card--2 { right: 15%; top: 19%; transform: translateZ(20px) rotateZ(5deg); }
.armiran-brandroom-card--3 { right: 27%; bottom: 13%; transform: translateZ(23px) rotateZ(-2deg); }
.armiran-brandroom-card-line { position: absolute; left: 13%; display: block; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(0,0,0,.46), rgba(0,0,0,.08), transparent); }
.armiran-brandroom-card-line--1 { top: 43%; width: 63%; } .armiran-brandroom-card-line--2 { top: 62%; width: 40%; opacity: .55; }

.armiran-brandroom-brandmark { position: absolute; left: 50%; top: 45%; width: 14%; aspect-ratio: 1; transform: translate(-50%, -50%) translateZ(28px) rotate(45deg); z-index: 9; border-radius: 19%; background: linear-gradient(145deg, rgba(20,20,20,.98), rgba(68,68,66,.84)); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12); }
.armiran-brandroom-brandmark-inner { position: absolute; inset: 28%; display: block; border-radius: 50%; background: #f5f5f2; box-shadow: 0 0 10px rgba(255,255,255,.38); }

.armiran-brandroom-person { position: absolute; width: 52px; height: 88px; z-index: 12; transform-style: preserve-3d; }
.armiran-brandroom-person-head, .armiran-brandroom-person-body { position: absolute; left: 50%; display: block; transform: translateX(-50%); }
.armiran-brandroom-person-head { top: 0; width: 20px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 32% 25%, rgba(255,255,255,.95), rgba(210,210,206,.78) 34%, rgba(70,70,68,.88) 100%); border: 1px solid rgba(0,0,0,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 6px 12px rgba(0,0,0,.13); }
.armiran-brandroom-person-body { top: 23px; width: 34px; height: 53px; border-radius: 18px 18px 13px 13px; background: linear-gradient(145deg, rgba(238,238,234,.88), rgba(156,156,152,.58) 46%, rgba(36,36,35,.84)); border: 1px solid rgba(0,0,0,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 10px 18px rgba(0,0,0,.12); }
.armiran-brandroom-person--1 { left: 13%; top: 48%; transform: translateZ(98px) rotateZ(4deg) scale(.92); }
.armiran-brandroom-person--2 { left: 24%; bottom: 13%; transform: translateZ(124px) rotateZ(-3deg) scale(1.02); }
.armiran-brandroom-person--3 { right: 23%; bottom: 12%; transform: translateZ(128px) rotateZ(3deg) scale(1.02); }
.armiran-brandroom-person--4 { right: 12%; top: 49%; transform: translateZ(95px) rotateZ(-4deg) scale(.92); }
.armiran-brandroom-person--5 { left: 50%; bottom: 8%; transform: translateX(-50%) translateZ(138px) scale(1.06); }
.armiran-brandroom-person--lead .armiran-brandroom-person-head { background: radial-gradient(circle at 32% 25%, rgba(255,255,255,.98), rgba(222,222,218,.82) 34%, rgba(40,40,39,.92) 100%); }
.armiran-brandroom-person--lead .armiran-brandroom-person-body { background: linear-gradient(145deg, rgba(42,42,41,.96), rgba(72,72,70,.84) 46%, rgba(14,14,14,.98)); border-color: rgba(255,255,255,.16); }

.armiran-brandroom-signal { position: absolute; left: 50%; top: 46%; width: min(38%, 245px); height: 1px; transform: translate(-50%, -50%) translateZ(42px) rotateZ(-1deg); z-index: 6; pointer-events: none; }
.armiran-brandroom-signal-line { position: absolute; inset: 0; display: block; transform-origin: 50% 50%; background: linear-gradient(90deg, transparent, rgba(0,0,0,.12) 12%, rgba(0,0,0,.48) 50%, rgba(0,0,0,.12) 88%, transparent); }
.armiran-brandroom-signal-node { position: absolute; left: 50%; top: 50%; width: 7px; aspect-ratio: 1; transform: translate(-50%, -50%); display: block; border-radius: 50%; background: #111; border: 1px solid rgba(255,255,255,.82); box-shadow: 0 0 0 4px rgba(0,0,0,.025), 0 3px 10px rgba(0,0,0,.14); }

@media (min-width:769px) and (max-width:1180px) {
    .armiran-service-copy-state--08 { inset-inline: 34px; }
    .armiran-service-copy-state--08 .armiran-service-title { max-width: 445px; font-size: clamp(29px, 5vw, 46px); line-height: 1.14; }
    .armiran-service-copy-state--08 .armiran-service-title-en { font-size: clamp(10px, 1.55vw, 13px); letter-spacing: .12em; }
    .armiran-brandroom-billboard { width: min(58%, 338px); top: 29%; }
    .armiran-brandroom-table { width: min(62%, 355px); height: min(29%, 148px); top: 64%; }
    .armiran-brandroom-person { width: 46px; height: 78px; }
    .armiran-brandroom-person-head { width: 18px; }
    .armiran-brandroom-person-body { top: 21px; width: 30px; height: 47px; }
    .armiran-brandroom-person--1 { left: 10%; }
    .armiran-brandroom-person--4 { right: 9%; }
    .armiran-brandroom-billboard-stand { height: 40px; }
}

@media (max-width:768px) and (orientation:portrait) {
    .armiran-service-copy-state--08 { inset-inline: 26px; top: 50%; transform: translateY(-50%); }
    .armiran-service-copy-state--08 .armiran-service-title { max-width: 100%; font-size: clamp(27px, 8vw, 40px); line-height: 1.12; letter-spacing: -.025em; }
    .armiran-service-copy-state--08 .armiran-service-title-en { margin-top: 14px; font-size: clamp(9px, 2.8vw, 12px); line-height: 1.32; letter-spacing: .10em; }

    /* One coherent meeting-room composition inside the mobile object row. */
    .armiran-brandroom-field { width: min(74%, 300px); }

    .armiran-brandroom-billboard {
        width: min(62%, 255px);
        top: 31%;
    }

    .armiran-brandroom-billboard-frame { border-radius: 14px; }
    .armiran-brandroom-screen { border-radius: 11px; }
    .armiran-brandroom-billboard-stand { height: 32px; }

    .armiran-brandroom-table {
        width: min(64%, 265px);
        height: 96px;
        top: 67%;
    }

    .armiran-brandroom-table-base { height: 62%; }

    .armiran-brandroom-person { width: 32px; height: 55px; }
    .armiran-brandroom-person-head { width: 13px; }
    .armiran-brandroom-person-body {
        top: 15px;
        width: 22px;
        height: 34px;
        border-radius: 11px 11px 8px 8px;
    }

    .armiran-brandroom-person--1 { left: 8%; top: 53%; transform: translateZ(84px) rotateZ(4deg) scale(.90); }
    .armiran-brandroom-person--2 { left: 21%; bottom: 12%; transform: translateZ(100px) rotateZ(-3deg) scale(.96); }
    .armiran-brandroom-person--3 { right: 20%; bottom: 12%; transform: translateZ(102px) rotateZ(3deg) scale(.96); }
    .armiran-brandroom-person--4 { right: 7%; top: 53%; transform: translateZ(82px) rotateZ(-4deg) scale(.90); }
    .armiran-brandroom-person--5 { bottom: 8%; transform: translateX(-50%) translateZ(112px) scale(1); }

    .armiran-brandroom-card { border-radius: 6px; }
    .armiran-brandroom-growth-node,
    .armiran-brandroom-signal-node { width: 5px; }
    .armiran-brandroom-signal { width: min(34%, 140px); top: 47%; }
}

@media (max-width:1024px) and (orientation:landscape) {
    .armiran-service-copy-state--08 { inset-inline: 34px; top: calc(50% - 18px); transform: translateY(-50%); }
    .armiran-service-copy-state--08 .armiran-service-number { margin-bottom: 16px; }
    .armiran-service-copy-state--08 .armiran-service-title { max-width: 430px; font-size: clamp(24px, 4.05vw, 34px); line-height: 1.07; letter-spacing: -.025em; }
    .armiran-service-copy-state--08 .armiran-service-title-en { margin-top: 10px; font-size: clamp(8px, 1.35vw, 11px); line-height: 1.20; letter-spacing: .09em; }
    .armiran-brandroom-field { width: min(68%, 305px); }
    .armiran-brandroom-billboard { width: min(55%, 260px); top: 28%; }
    .armiran-brandroom-billboard-frame { border-radius: 14px; }
    .armiran-brandroom-screen { border-radius: 11px; }
    .armiran-brandroom-table { width: min(58%, 275px); height: min(30%, 104px); top: 64%; }
    .armiran-brandroom-person { width: 33px; height: 56px; }
    .armiran-brandroom-person-head { width: 13px; }
    .armiran-brandroom-person-body { top: 16px; width: 22px; height: 34px; border-radius: 11px 11px 8px 8px; }
    .armiran-brandroom-person--1 { left: 8%; top: 48%; }
    .armiran-brandroom-person--2 { left: 20%; bottom: 14%; }
    .armiran-brandroom-person--3 { right: 20%; bottom: 14%; }
    .armiran-brandroom-person--4 { right: 8%; top: 48%; }
    .armiran-brandroom-person--5 { bottom: 9%; }
    .armiran-brandroom-billboard-stand { height: 30px; }
    .armiran-brandroom-card { border-radius: 6px; }
    .armiran-brandroom-growth-node, .armiran-brandroom-signal-node { width: 5px; }
    .armiran-brandroom-signal { width: min(34%, 155px); }
}

@media (max-width:1024px) and (orientation:landscape) and (max-height:500px) {
    .armiran-service-copy-state--08 { top: calc(50% - 12px); }
    .armiran-service-copy-state--08 .armiran-service-number { margin-bottom: 12px; }
    .armiran-service-copy-state--08 .armiran-service-title { font-size: clamp(22px, 3.75vw, 30px); line-height: 1.05; }
    .armiran-service-copy-state--08 .armiran-service-title-en { margin-top: 8px; font-size: clamp(7px, 1.25vw, 10px); line-height: 1.16; }
    .armiran-brandroom-billboard { width: min(51%, 232px); top: 27%; }
    .armiran-brandroom-table { width: min(54%, 245px); height: min(28%, 92px); top: 64%; }
    .armiran-brandroom-person { transform: scale(.86); }
    .armiran-brandroom-person--5 { transform: translateX(-50%) translateZ(112px) scale(.90); }
}

@media (max-width:390px) and (orientation:portrait) {
    .armiran-service-copy-state--08 { inset-inline: 22px; }
    .armiran-service-copy-state--08 .armiran-service-title { font-size: clamp(25px, 7.7vw, 33px); }
    .armiran-service-copy-state--08 .armiran-service-title-en { font-size: clamp(8px, 2.65vw, 11px); letter-spacing: .085em; }
}

/* =========================================================
   SERVICE 09 — EVENT, HOSPITALITY & BRAND EXPERIENCE
   IMMERSIVE BRAND STAGE
   IMPORTANT: appended state-local CSS only.
   No existing card / stage / nav / states 01–08 rules modified.
========================================================= */

.armiran-service-copy-state--09 {
    position: absolute;
    inset-inline: clamp(50px, 6vw, 84px);
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.armiran-service-object-state--09 {
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    perspective: 1600px;
    transform-style: preserve-3d;
}


/* =========================
   AMBIENT EVENT FIELD
========================= */

.armiran-event-field {
    position: absolute;
    left: 50%;
    top: 51%;
    width: min(90%, 575px);
    aspect-ratio: 1.14;
    transform: translate(-50%, -50%) translateZ(-210px);
    z-index: 1;
    border-radius: 50%;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 44%,
            rgba(255,255,255,.105) 0%,
            rgba(255,255,255,.038) 31%,
            rgba(255,255,255,.012) 51%,
            transparent 73%);
    filter: blur(26px);
    opacity: .78;
}


/* =========================================================
   LIGHTING TRUSS
========================================================= */

.armiran-event-truss {
    position: absolute;
    left: 50%;
    top: 18%;
    width: min(72%, 465px);
    height: 52px;
    transform:
        translateX(-50%)
        translateZ(24px)
        rotateX(2deg)
        rotateZ(-1deg);
    transform-style: preserve-3d;
    z-index: 13;
}

.armiran-event-truss-rail {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    display: block;
    border-radius: 999px;
    background:
        linear-gradient(180deg, #d6d6d1 0%, #6b6b68 48%, #1b1b1b 100%);
    border: 1px solid rgba(255,255,255,.20);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        0 5px 11px rgba(0,0,0,.26);
}

.armiran-event-truss-rail--top { top: 4px; }
.armiran-event-truss-rail--bottom { bottom: 4px; }

.armiran-event-truss-brace {
    position: absolute;
    top: 6px;
    width: 2px;
    height: 40px;
    display: block;
    transform-origin: center;
    background: rgba(180,180,176,.72);
    box-shadow: 0 0 4px rgba(255,255,255,.06);
}

.armiran-event-truss-brace--1 { left: 12%; transform: rotate(42deg); }
.armiran-event-truss-brace--2 { left: 37%; transform: rotate(-42deg); }
.armiran-event-truss-brace--3 { right: 37%; transform: rotate(42deg); }
.armiran-event-truss-brace--4 { right: 12%; transform: rotate(-42deg); }

.armiran-event-light {
    position: absolute;
    top: 36px;
    width: 28px;
    height: 34px;
    border-radius: 8px 8px 12px 12px;
    background:
        linear-gradient(145deg, #5d5d5a 0%, #1b1b1b 56%, #080808 100%);
    border: 1px solid rgba(255,255,255,.15);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 10px 18px rgba(0,0,0,.28);
    transform-style: preserve-3d;
}

.armiran-event-light--1 { left: 9%; transform: rotateZ(8deg); }
.armiran-event-light--2 { left: 34%; transform: rotateZ(3deg); }
.armiran-event-light--3 { right: 34%; transform: rotateZ(-3deg); }
.armiran-event-light--4 { right: 9%; transform: rotateZ(-8deg); }

.armiran-event-light-lens {
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 58%;
    aspect-ratio: 1;
    transform: translateX(-50%);
    display: block;
    border-radius: 50%;
    background:
        radial-gradient(circle at 40% 35%,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.38) 22%,
            rgba(90,90,88,.48) 42%,
            #101010 72%);
    box-shadow:
        0 0 10px rgba(255,255,255,.24),
        0 0 24px rgba(255,255,255,.08);
}


/* =========================================================
   HERO LED WALL
========================================================= */

.armiran-event-led {
    position: absolute;
    left: 50%;
    top: 35%;
    width: min(61%, 394px);
    aspect-ratio: 1.82;
    transform:
        translate(-50%, -50%)
        translateZ(30px)
        rotateY(-3deg)
        rotateZ(.8deg);
    transform-style: preserve-3d;
    z-index: 9;
}

.armiran-event-led-frame {
    position: absolute;
    inset: -3.2%;
    z-index: 1;
    border-radius: 14px;
    background:
        linear-gradient(145deg, #787875 0%, #202020 54%, #090909 100%);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 20px 42px rgba(0,0,0,.34);
}

.armiran-event-led-screen {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
    border-radius: 10px;
    background:
        radial-gradient(circle at 48% 45%, rgba(255,255,255,.11), transparent 28%),
        linear-gradient(145deg, #151515 0%, #292928 49%, #090909 100%);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        inset 0 0 30px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.armiran-event-led-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 12;
    pointer-events: none;
    background:
        linear-gradient(112deg, transparent 19%, rgba(255,255,255,.10) 41%, transparent 59%);
    opacity: .72;
}

.armiran-event-led-brand {
    position: absolute;
    left: 50%;
    top: 43%;
    width: 64px;
    aspect-ratio: 1;
    transform:
        translate(-50%, -50%)
        rotate(45deg);
    z-index: 7;
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.95), rgba(196,196,191,.60));
    border: 1px solid rgba(255,255,255,.55);
    box-shadow:
        0 0 22px rgba(255,255,255,.14);
}

.armiran-event-led-brand-core {
    position: absolute;
    inset: 31%;
    display: block;
    border-radius: 50%;
    background: #111;
    box-shadow:
        0 0 0 4px rgba(0,0,0,.08),
        0 0 15px rgba(0,0,0,.24);
}

.armiran-event-led-copy {
    position: absolute;
    left: 13%;
    right: 13%;
    bottom: 16%;
    height: 17%;
    z-index: 7;
}

.armiran-event-led-copy-line {
    position: absolute;
    left: 50%;
    display: block;
    height: 2px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
}

.armiran-event-led-copy-line--1 {
    top: 14%;
    width: 58%;
}

.armiran-event-led-copy-line--2 {
    top: 58%;
    width: 37%;
    opacity: .48;
}

.armiran-event-led-grid {
    position: absolute;
    inset: 8%;
    z-index: 2;
    pointer-events: none;
    opacity: .23;
}

.armiran-event-led-grid-line {
    position: absolute;
    display: block;
}

.armiran-event-led-grid-line--v1,
.armiran-event-led-grid-line--v2 {
    top: 0;
    width: 1px;
    height: 100%;
    background:
        linear-gradient(180deg, transparent, rgba(255,255,255,.20), transparent);
}

.armiran-event-led-grid-line--v1 { left: 31%; }
.armiran-event-led-grid-line--v2 { right: 31%; }

.armiran-event-led-grid-line--h1,
.armiran-event-led-grid-line--h2 {
    left: 0;
    width: 100%;
    height: 1px;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
}

.armiran-event-led-grid-line--h1 { top: 35%; }
.armiran-event-led-grid-line--h2 { bottom: 30%; }


/* =========================================================
   STAGE PLATFORM
========================================================= */

.armiran-event-stage {
    position: absolute;
    left: 50%;
    top: 61%;
    width: min(68%, 438px);
    height: 104px;
    transform:
        translate(-50%, -50%)
        translateZ(72px)
        rotateX(62deg)
        rotateZ(-1deg);
    transform-style: preserve-3d;
    z-index: 10;
}

.armiran-event-stage-top {
    position: absolute;
    inset: 0;
    border-radius: 22px;
    background:
        radial-gradient(ellipse at 50% 12%, rgba(255,255,255,.12), transparent 31%),
        linear-gradient(145deg, #30302f 0%, #141414 55%, #080808 100%);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 26px 42px rgba(0,0,0,.30);
}

.armiran-event-stage-front {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 84%;
    height: 42px;
    transform:
        rotateX(-62deg)
        translateZ(-18px);
    transform-origin: 50% 0%;
    border-radius: 0 0 12px 12px;
    background:
        linear-gradient(180deg, #202020, #080808);
    border: 1px solid rgba(255,255,255,.08);
}

.armiran-event-stage-edge {
    position: absolute;
    left: 6%;
    right: 6%;
    top: 5px;
    height: 1px;
    display: block;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.56), transparent);
    box-shadow: 0 0 9px rgba(255,255,255,.14);
}


/* =========================================================
   BRAND RUNWAY
========================================================= */

.armiran-event-runway {
    position: absolute;
    left: 50%;
    top: 70%;
    width: min(34%, 220px);
    height: 172px;
    transform:
        translateX(-50%)
        translateZ(100px)
        perspective(500px)
        rotateX(66deg);
    transform-origin: 50% 0%;
    transform-style: preserve-3d;
    z-index: 12;
}

.armiran-event-runway-surface {
    position: absolute;
    inset: 0;
    clip-path: polygon(22% 0, 78% 0, 100% 100%, 0 100%);
    background:
        linear-gradient(180deg,
            rgba(50,50,49,.92),
            rgba(18,18,18,.98));
    border-top: 1px solid rgba(255,255,255,.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 18px 28px rgba(0,0,0,.22);
}

.armiran-event-runway-edge {
    position: absolute;
    top: 2%;
    height: 97%;
    width: 1px;
    display: block;
    transform-origin: 50% 0%;
    background:
        linear-gradient(180deg,
            rgba(255,255,255,.78),
            rgba(255,255,255,.18) 66%,
            transparent);
    box-shadow:
        0 0 8px rgba(255,255,255,.15);
}

.armiran-event-runway-edge--left {
    left: 22%;
    transform: rotate(-8deg);
}

.armiran-event-runway-edge--right {
    right: 22%;
    transform: rotate(8deg);
}

.armiran-event-runway-node {
    position: absolute;
    left: 50%;
    width: 7px;
    aspect-ratio: 1;
    display: block;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    box-shadow:
        0 0 8px rgba(255,255,255,.55),
        0 0 18px rgba(255,255,255,.16);
}

.armiran-event-runway-node--1 { top: 21%; }
.armiran-event-runway-node--2 { top: 50%; }
.armiran-event-runway-node--3 { top: 79%; }


/* =========================================================
   HOSPITALITY PODS
========================================================= */

.armiran-event-pod {
    position: absolute;
    width: 76px;
    height: 58px;
    z-index: 11;
    transform-style: preserve-3d;
}

.armiran-event-pod--1 {
    left: 12%;
    top: 59%;
    transform: translateZ(78px) rotateZ(8deg);
}

.armiran-event-pod--2 {
    right: 11%;
    top: 59%;
    transform: translateZ(78px) rotateZ(-8deg);
}

.armiran-event-pod-top {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 34px;
    transform:
        translateX(-50%)
        rotateX(62deg);
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(235,235,230,.80), rgba(92,92,89,.58));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.26),
        0 12px 20px rgba(0,0,0,.17);
}

.armiran-event-pod-mark {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 11px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) rotate(45deg) translateZ(15px);
    display: block;
    border-radius: 3px;
    background: #111;
}


/* =========================================================
   MOVING LIGHT BEAMS
========================================================= */

.armiran-event-beam {
    position: absolute;
    top: 24%;
    width: 19%;
    height: 56%;
    z-index: 3;
    pointer-events: none;
    transform-origin: 50% 0%;
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%);
    background:
        linear-gradient(180deg,
            rgba(255,255,255,.13),
            rgba(255,255,255,.025) 56%,
            transparent 100%);
    filter: blur(5px);
    opacity: .62;
}

.armiran-event-beam--1 {
    left: 13%;
    transform: rotate(13deg) translateZ(-60px);
}

.armiran-event-beam--2 {
    left: 31%;
    transform: rotate(5deg) translateZ(-45px);
}

.armiran-event-beam--3 {
    right: 31%;
    transform: rotate(-5deg) translateZ(-45px);
}

.armiran-event-beam--4 {
    right: 13%;
    transform: rotate(-13deg) translateZ(-60px);
}


/* =========================================================
   AUDIENCE / GUESTS
========================================================= */

.armiran-event-guests {
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: min(86%, 555px);
    height: 105px;
    transform: translateX(-50%) translateZ(132px);
    z-index: 17;
    pointer-events: none;
}

.armiran-event-guest {
    position: absolute;
    bottom: 0;
    width: 42px;
    height: 78px;
}

.armiran-event-guest-head,
.armiran-event-guest-body {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
}

.armiran-event-guest-head {
    top: 0;
    width: 17px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 26%, #bababa, #494947 52%, #141414 100%);
    box-shadow: 0 5px 10px rgba(0,0,0,.28);
}

.armiran-event-guest-body {
    top: 20px;
    width: 30px;
    height: 51px;
    border-radius: 15px 15px 9px 9px;
    background:
        linear-gradient(145deg, #555553 0%, #1a1a1a 62%, #070707 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 14px rgba(0,0,0,.24);
}

.armiran-event-guest--1 { left: 3%; transform: scale(.82) rotateZ(3deg); opacity: .72; }
.armiran-event-guest--2 { left: 18%; transform: scale(.94) rotateZ(-2deg); opacity: .84; }
.armiran-event-guest--3 { left: 34%; transform: scale(1.03); opacity: .96; }
.armiran-event-guest--4 { right: 34%; transform: scale(1.03); opacity: .96; }
.armiran-event-guest--5 { right: 18%; transform: scale(.94) rotateZ(2deg); opacity: .84; }
.armiran-event-guest--6 { right: 3%; transform: scale(.82) rotateZ(-3deg); opacity: .72; }


/* =========================================================
   EXPERIENCE SIGNAL
========================================================= */

.armiran-event-experience-signal {
    position: absolute;
    left: 50%;
    top: 54%;
    width: min(47%, 300px);
    height: 1px;
    transform: translate(-50%, -50%) translateZ(54px);
    z-index: 8;
    pointer-events: none;
}

.armiran-event-experience-line {
    position: absolute;
    inset: 0;
    display: block;
    background:
        linear-gradient(90deg,
            transparent,
            rgba(255,255,255,.14) 12%,
            rgba(255,255,255,.48) 50%,
            rgba(255,255,255,.14) 88%,
            transparent);
}

.armiran-event-experience-point {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    display: block;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 8px rgba(255,255,255,.70),
        0 0 20px rgba(255,255,255,.18);
}


/* =========================================================
   SERVICE 09 RESPONSIVE
   STATE-LOCAL ONLY — CARD/STAGE GEOMETRY IS NOT TOUCHED.
========================================================= */

/* Tablet */
@media (min-width:769px) and (max-width:1180px) {

    .armiran-service-copy-state--09 {
        inset-inline: 34px;
    }

    .armiran-service-copy-state--09 .armiran-service-title {
        max-width: 455px;
        font-size: clamp(28px, 4.8vw, 44px);
        line-height: 1.13;
    }

    .armiran-service-copy-state--09 .armiran-service-title-en {
        font-size: clamp(9px, 1.45vw, 12px);
        line-height: 1.32;
        letter-spacing: .105em;
    }

    .armiran-event-truss {
        width: min(68%, 390px);
        top: 19%;
    }

    .armiran-event-led {
        width: min(58%, 330px);
        top: 36%;
    }

    .armiran-event-stage {
        width: min(64%, 365px);
        height: 90px;
        top: 61%;
    }

    .armiran-event-runway {
        width: min(31%, 178px);
        height: 148px;
        top: 70%;
    }

    .armiran-event-pod {
        width: 64px;
        height: 50px;
    }

    .armiran-event-guests {
        width: min(82%, 465px);
        height: 92px;
    }

    .armiran-event-guest {
        width: 36px;
        height: 68px;
    }

    .armiran-event-guest-head { width: 15px; }
    .armiran-event-guest-body { top: 18px; width: 26px; height: 44px; }
}


/* Mobile portrait */
@media (max-width:768px) and (orientation:portrait) {

    .armiran-service-copy-state--09 {
        inset-inline: 26px;
        top: 50%;
        transform: translateY(-50%);
    }

    .armiran-service-copy-state--09 .armiran-service-title {
        max-width: 100%;
        font-size: clamp(26px, 7.7vw, 38px);
        line-height: 1.12;
        letter-spacing: -.025em;
    }

    .armiran-service-copy-state--09 .armiran-service-title-en {
        margin-top: 13px;
        font-size: clamp(8px, 2.6vw, 11px);
        line-height: 1.30;
        letter-spacing: .085em;
    }

    /* Cohesive event-stage system: scaled as a composition, not as isolated pieces. */
    .armiran-event-field { width: min(76%, 310px); }

    .armiran-event-truss {
        width: min(64%, 260px);
        height: 36px;
        top: 24%;
    }

    .armiran-event-truss-brace { top: 5px; height: 26px; }
    .armiran-event-light {
        top: 25px;
        width: 18px;
        height: 22px;
        border-radius: 6px 6px 7px 7px;
    }

    .armiran-event-led {
        width: min(58%, 238px);
        top: 43%;
    }

    .armiran-event-led-frame { border-radius: 10px; }
    .armiran-event-led-screen { border-radius: 8px; }
    .armiran-event-led-brand { width: 40px; border-radius: 10px; }

    .armiran-event-stage {
        width: min(64%, 262px);
        height: 62px;
        top: 65%;
    }

    .armiran-event-stage-top { border-radius: 14px; }
    .armiran-event-stage-front { height: 28px; }

    .armiran-event-runway {
        width: min(27%, 110px);
        height: 90px;
        top: 72%;
    }

    .armiran-event-pod { width: 40px; height: 31px; }
    .armiran-event-pod--1 { left: 8%; top: 62%; }
    .armiran-event-pod--2 { right: 8%; top: 62%; }
    .armiran-event-pod-top { height: 23px; border-radius: 8px; }
    .armiran-event-pod-mark { width: 8px; }

    .armiran-event-beam {
        top: 26%;
        height: 44%;
        filter: blur(3px);
        opacity: .42;
    }

    .armiran-event-guests {
        bottom: 5%;
        width: min(80%, 320px);
        height: 54px;
    }

    .armiran-event-guest { width: 23px; height: 45px; }
    .armiran-event-guest-head { width: 9px; }
    .armiran-event-guest-body {
        top: 11px;
        width: 16px;
        height: 29px;
        border-radius: 8px 8px 6px 6px;
    }

    .armiran-event-experience-signal {
        width: min(38%, 155px);
        top: 55%;
    }

    .armiran-event-runway-node,
    .armiran-event-experience-point { width: 5px; }
}

/* Landscape phone/tablet */
@media (max-width:1024px) and (orientation:landscape) {

    .armiran-service-copy-state--09 {
        inset-inline: 34px;
        top: calc(50% - 18px);
        transform: translateY(-50%);
    }

    .armiran-service-copy-state--09 .armiran-service-number {
        margin-bottom: 16px;
    }

    .armiran-service-copy-state--09 .armiran-service-title {
        max-width: 445px;
        font-size: clamp(23px, 3.9vw, 33px);
        line-height: 1.07;
        letter-spacing: -.025em;
    }

    .armiran-service-copy-state--09 .armiran-service-title-en {
        margin-top: 9px;
        font-size: clamp(7px, 1.25vw, 10px);
        line-height: 1.18;
        letter-spacing: .075em;
    }

    .armiran-event-field {
        width: min(66%, 300px);
    }

    .armiran-event-truss {
        width: min(62%, 282px);
        height: 34px;
        top: 17%;
    }

    .armiran-event-truss-brace {
        top: 5px;
        height: 25px;
    }

    .armiran-event-light {
        top: 24px;
        width: 18px;
        height: 22px;
        border-radius: 5px 5px 7px 7px;
    }

    .armiran-event-led {
        width: min(53%, 242px);
        top: 34%;
    }

    .armiran-event-led-frame { border-radius: 9px; }
    .armiran-event-led-screen { border-radius: 7px; }
    .armiran-event-led-brand {
        width: 38px;
        border-radius: 9px;
    }

    .armiran-event-stage {
        width: min(58%, 265px);
        height: 60px;
        top: 59%;
    }

    .armiran-event-stage-top { border-radius: 13px; }

    .armiran-event-runway {
        width: min(29%, 132px);
        height: 92px;
        top: 67%;
    }

    .armiran-event-pod {
        width: 42px;
        height: 34px;
    }

    .armiran-event-pod--1 { left: 10%; top: 57%; }
    .armiran-event-pod--2 { right: 9%; top: 57%; }

    .armiran-event-beam {
        top: 21%;
        height: 50%;
        filter: blur(4px);
        opacity: .44;
    }

    .armiran-event-guests {
        bottom: 7%;
        width: min(77%, 350px);
        height: 60px;
    }

    .armiran-event-guest {
        width: 25px;
        height: 48px;
    }

    .armiran-event-guest-head { width: 10px; }
    .armiran-event-guest-body {
        top: 12px;
        width: 18px;
        height: 31px;
        border-radius: 9px 9px 6px 6px;
    }

    .armiran-event-runway-node,
    .armiran-event-experience-point {
        width: 5px;
    }

    .armiran-event-experience-signal {
        width: min(42%, 190px);
    }
}


/* Short landscape */
@media (max-width:1024px) and (orientation:landscape) and (max-height:500px) {

    .armiran-service-copy-state--09 {
        top: calc(50% - 12px);
    }

    .armiran-service-copy-state--09 .armiran-service-number {
        margin-bottom: 12px;
    }

    .armiran-service-copy-state--09 .armiran-service-title {
        font-size: clamp(21px, 3.55vw, 29px);
        line-height: 1.05;
    }

    .armiran-service-copy-state--09 .armiran-service-title-en {
        margin-top: 7px;
        font-size: clamp(7px, 1.12vw, 9px);
        line-height: 1.14;
    }

    .armiran-event-truss {
        width: min(58%, 255px);
        top: 16%;
    }

    .armiran-event-led {
        width: min(49%, 220px);
        top: 32%;
    }

    .armiran-event-stage {
        width: min(54%, 242px);
        height: 52px;
        top: 57%;
    }

    .armiran-event-runway {
        width: min(25%, 112px);
        height: 78px;
        top: 64%;
    }

    .armiran-event-pod {
        width: 36px;
        height: 29px;
    }

    .armiran-event-guests {
        width: min(72%, 320px);
        height: 52px;
        bottom: 5%;
    }

    .armiran-event-guest {
        transform: scale(.84);
    }
}


/* Very narrow portrait */
@media (max-width:390px) and (orientation:portrait) {

    .armiran-service-copy-state--09 { inset-inline: 22px; }

    .armiran-service-copy-state--09 .armiran-service-title {
        font-size: clamp(24px, 7.25vw, 32px);
    }

    .armiran-service-copy-state--09 .armiran-service-title-en {
        font-size: clamp(7px, 2.4vw, 10px);
        letter-spacing: .07em;
    }
}

/* =========================================================
   HERO — TABLET + MOBILE LANDSCAPE NAV SAFE COMPOSITION
   Keeps the full hero copy below the fixed hamburger navbar.
   CSS-only: no GSAP transform ownership touched.
========================================================= */

/* All tablet-class viewports */
@media (min-width: 769px) and (max-width: 1180px) {

    .hero-content {
        max-width: min(780px, calc(100% - 72px));
        margin-top: clamp(54px, 6.5vh, 78px);
        padding-inline: 24px;
    }

    .hero-eyebrow {
        font-size: 17px;
        margin-bottom: 18px;
    }

    .hero-content h1 {
        font-size: clamp(48px, 7.2vw, 74px);
        line-height: 1.08;
        margin-bottom: 24px;
    }

    .hero-description {
        font-size: clamp(17px, 2.15vw, 19px);
        line-height: 1.48;
        margin-bottom: 30px;
    }

    .hero-button {
        padding: 15px 40px;
        font-size: 16px;
    }
}


/* Phones + tablets in landscape */
@media (max-width: 1180px) and (orientation: landscape) {

    .hero-content {
        max-width: min(760px, calc(100% - 96px));
        margin-top: clamp(58px, 8vh, 82px);
        padding-inline: 22px;
    }

    .hero-eyebrow {
        font-size: clamp(14px, 1.8vw, 16px);
        margin-bottom: 12px;
    }

    .hero-content h1 {
        font-size: clamp(42px, 6.25vw, 66px);
        line-height: 1.05;
        letter-spacing: -.6px;
        margin-bottom: 19px;
    }

    .hero-description {
        font-size: clamp(15px, 2.05vw, 18px);
        line-height: 1.40;
        margin-bottom: 24px;
    }

    .hero-button {
        padding: 13px 36px;
        font-size: 15px;
    }
}


/* Short landscape devices — iPhone landscape / compact tablets */
@media (max-width: 1180px) and (orientation: landscape) and (max-height: 620px) {

    .hero-content {
        max-width: min(700px, calc(100% - 88px));
        margin-top: clamp(52px, 9vh, 68px);
    }

    .hero-eyebrow {
        font-size: 14px;
        margin-bottom: 9px;
    }

    .hero-content h1 {
        font-size: clamp(38px, 5.55vw, 58px);
        line-height: 1.04;
        margin-bottom: 14px;
    }

    .hero-description {
        font-size: clamp(14px, 1.85vw, 16px);
        line-height: 1.34;
        margin-bottom: 18px;
    }

    .hero-button {
        padding: 9px 28px;
        font-size: 13px;
    }
}


/* Extra-short phone landscape */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 480px) {

    .hero-content {
        max-width: min(640px, calc(100% - 72px));
        margin-top: 48px;
    }

    .hero-eyebrow {
        font-size: 13px;
        margin-bottom: 7px;
    }

    .hero-content h1 {
        font-size: clamp(34px, 5.15vw, 50px);
        line-height: 1.03;
        margin-bottom: 11px;
    }

    .hero-description {
        font-size: 14px;
        line-height: 1.28;
        margin-bottom: 14px;
    }

    .hero-button {
        padding: 10px 29px;
        font-size: 14px;
    }
}

.armiran-services-heading {
    will-change: transform, opacity, filter, clip-path;
}

.armiran-services-eyebrow {
    will-change: transform, opacity, filter, letter-spacing;
}

.armiran-service-card {
    will-change: transform, opacity, filter, box-shadow;
}
/* =========================================================
   VISION — VIDEO BRIGHTNESS FINE TUNE
   Slightly brighter image only; scroll-scrub playback untouched.
========================================================= */
.vision-video {
    filter: brightness(1.16);
}

/* =========================================================
   VISION — TRUE VIEWPORT CENTER
   Structural centering; GSAP transform-safe.
========================================================= */
.vision-content {
    position: absolute;
    inset: 0;
    width: min(900px, calc(100% - 48px));
    height: fit-content;
    margin: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center !important;
}

.vision-content > * {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}

/* =========================================================
   VISION — CENTER POSITION LOWERED
   GSAP-safe: vertical placement uses inset offsets, not transform.
========================================================= */
.vision-content {
    top: 112px;
    bottom: -112px;
}

/* =========================================================
   HERO + VISION — MOBILE VIDEO PAINT SAFETY
   Avoid iOS black compositing layers while paused/seeking.
========================================================= */
@media (max-width: 1180px) {

    .hero-video,
    .vision-video {
        will-change: auto !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    /*
       Filters on a paused/seeking <video> can create a black GPU layer
       on iOS. Brighten Vision by reducing its overlay instead.
    */
    .vision-video {
        filter: none !important;
        -webkit-filter: none !important;
    }

    .vision-overlay {
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,.40),
                rgba(0,0,0,.22)
            ) !important;
    }

}

/* =========================================================
   HERO + VISION — MOBILE FRAME-SCRUB PAINT SAFETY V3
========================================================= */
@media (max-width: 1180px) {

    .hero-video,
    .vision-video {
        will-change: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }

    .vision-video {
        filter: none !important;
        -webkit-filter: none !important;
    }

}




/* =========================================================
   START WITH A BRIEF — PROJECT BRIEF BUILDER
   Contact-led UI + restrained About-like cinematic atmosphere.
   Fully scoped. No selectors leak into adjacent Home sections.
========================================================= */
.armiran-brief{
  --brief-accent:#9b782d;
  --brief-accent-rgb:155,120,45;
  --brief-blue:#7fc8ff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#050505;
  color:#fff;
  padding:clamp(92px,10vw,158px) 0 clamp(88px,9vw,142px);
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.armiran-brief *{box-sizing:border-box}
.armiran-brief button,.armiran-brief textarea{font:inherit}
.armiran-brief button{color:inherit}
.armiran-brief-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 74% 7%,rgba(155,120,45,.055),transparent 27%),radial-gradient(circle at 19% 88%,rgba(84,164,224,.035),transparent 28%),#050505}
.armiran-brief-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%)}
.armiran-brief-orbit{position:absolute;border:1px solid rgba(255,255,255,.075);border-radius:50%}
.armiran-brief-orbit--a{width:min(58vw,900px);aspect-ratio:1;right:-17%;top:-29%;box-shadow:0 0 0 84px rgba(255,255,255,.012),0 0 0 168px rgba(255,255,255,.008)}
.armiran-brief-orbit--b{width:min(36vw,560px);aspect-ratio:1;left:-10%;bottom:-22%;border-style:dashed;border-color:rgba(127,200,255,.11)}
.armiran-brief-beam{position:absolute;height:1px;transform-origin:center;filter:drop-shadow(0 0 8px currentColor)}
.armiran-brief-beam--orange{width:52%;right:-8%;top:22%;color:rgba(155,120,45,.55);background:linear-gradient(90deg,transparent,currentColor,transparent);transform:rotate(-14deg)}
.armiran-brief-beam--blue{width:31%;left:-6%;bottom:18%;color:rgba(127,200,255,.35);background:linear-gradient(90deg,transparent,currentColor,transparent);transform:rotate(18deg)}
.armiran-brief-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 18px rgba(255,255,255,.45)}
.armiran-brief-node--a{right:25%;top:17%;background:var(--brief-accent);box-shadow:0 0 22px rgba(var(--brief-accent-rgb),.75)}
.armiran-brief-node--b{left:18%;bottom:25%;background:var(--brief-blue);box-shadow:0 0 18px rgba(127,200,255,.55)}
.armiran-brief-node--c{right:12%;bottom:37%}
.armiran-brief-grain{position:absolute;inset:-40%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");transform:rotate(8deg);pointer-events:none}
.armiran-brief-shell{width:min(1480px,calc(100% - clamp(40px,7vw,120px)));margin-inline:auto}
.armiran-brief-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:clamp(48px,8vw,128px);align-items:end;padding-bottom:clamp(42px,5vw,72px)}
.armiran-brief-head__copy{max-width:820px}
.armiran-brief-kicker,.armiran-brief-panel__index{display:inline-flex;align-items:center;gap:10px;font-family:"Belfast","Helvetica Neue",Arial,sans-serif;font-size:clamp(10px,.76vw,12px);font-weight:400;letter-spacing:.22em;color:var(--brief-accent);direction:ltr}
.armiran-brief-kicker:before,.armiran-brief-panel__index:before{content:"";width:28px;height:1px;background:currentColor;opacity:.82}
.armiran-brief-head h2{margin:18px 0 0;font-family:"Modam",sans-serif;font-size:clamp(46px,5.7vw,92px);font-weight:300;line-height:1.02;letter-spacing:-.055em}
.armiran-brief-head h2 strong{font-weight:inherit;color:rgba(255,255,255,.46)}
.armiran-brief-head__copy>p{max-width:720px;margin:24px 0 0;font-family:"Modam",sans-serif;font-size:clamp(13px,1.08vw,16px);font-weight:300;line-height:2;color:rgba(255,255,255,.52)}
.armiran-brief-head__meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
.armiran-brief-head__meta>div{min-height:92px;padding:19px 18px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-inline-start:1px solid rgba(255,255,255,.08)}
.armiran-brief-head__meta>div:first-child{border-inline-start:0}
.armiran-brief-head__meta b{font:300 clamp(21px,2vw,29px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;color:#fff;direction:ltr}
.armiran-brief-head__meta span{font:300 11px/1.6 "Modam",sans-serif;color:rgba(255,255,255,.42)}
.armiran-brief-head__meta i{width:8px;height:8px;border-radius:50%;background:#62d68b;box-shadow:0 0 14px rgba(98,214,139,.55)}
.armiran-brief-builder{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(14,14,15,.88),rgba(5,5,5,.94));box-shadow:0 40px 100px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.025);overflow:hidden;backdrop-filter:blur(6px)}
.armiran-brief-builder:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0,transparent 44%,rgba(var(--brief-accent-rgb),.025) 58%,transparent 72%)}
.armiran-brief-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);min-height:100px;border-bottom:1px solid rgba(255,255,255,.09);direction:rtl}
.armiran-brief-step{position:relative;display:grid;grid-template-columns:auto 1fr;align-content:center;align-items:center;column-gap:12px;padding:18px clamp(16px,2.2vw,34px);border:0;border-inline-start:1px solid rgba(255,255,255,.075);background:transparent;text-align:right;cursor:pointer;transition:background .28s ease,color .28s ease,opacity .28s ease}
.armiran-brief-step:first-child{border-inline-start:0}
.armiran-brief-step span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font:400 11px/1 "Belfast",Arial,sans-serif;direction:ltr;color:rgba(255,255,255,.48);transition:.28s ease}
.armiran-brief-step b{font:400 13px/1.6 "Modam",sans-serif;color:rgba(255,255,255,.45);transition:.28s ease}
.armiran-brief-step i{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brief-accent);transform:scaleX(0);transform-origin:right;transition:transform .36s cubic-bezier(.22,.61,.36,1)}
.armiran-brief-step.is-active{background:linear-gradient(180deg,rgba(var(--brief-accent-rgb),.055),transparent)}
.armiran-brief-step.is-active span{border-color:rgba(var(--brief-accent-rgb),.72);color:var(--brief-accent);box-shadow:0 0 24px rgba(var(--brief-accent-rgb),.08)}
.armiran-brief-step.is-active b{color:#fff}
.armiran-brief-step.is-active i{transform:scaleX(1)}
.armiran-brief-step.is-complete span{border-color:rgba(var(--brief-accent-rgb),.34);color:rgba(255,255,255,.78)}
.armiran-brief-step:disabled{cursor:default;opacity:.62}
.armiran-brief-stage{position:relative;min-height:clamp(520px,48vw,700px)}
.armiran-brief-panel{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1.7fr);gap:clamp(42px,6vw,92px);align-items:start;padding:clamp(38px,5vw,72px);min-height:inherit}
.armiran-brief-panel[hidden],.armiran-brief-result[hidden]{display:none!important}
.armiran-brief-panel__copy{position:sticky;top:110px;padding-top:4px}
.armiran-brief-panel__index{color:rgba(255,255,255,.38)}
.armiran-brief-panel h3{margin:19px 0 0;font-family:"Modam",sans-serif;font-size:clamp(34px,3.65vw,58px);font-weight:300;line-height:1.12;letter-spacing:-.045em;color:#fff}
.armiran-brief-panel__copy>p{max-width:390px;margin:22px 0 0;font:300 clamp(12px,.95vw,14px)/2 "Modam",sans-serif;color:rgba(255,255,255,.43)}
.armiran-brief-options{display:grid;gap:10px}
.armiran-brief-options--project{grid-template-columns:repeat(3,minmax(0,1fr))}
.armiran-brief-options--objective,.armiran-brief-options--timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.armiran-brief-option{position:relative;min-height:150px;padding:24px 24px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:13px;background:rgba(255,255,255,.018);text-align:right;cursor:pointer;transition:border-color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease}
.armiran-brief-option:before{content:"";position:absolute;width:130px;height:130px;left:-48px;top:-56px;border:1px solid rgba(255,255,255,.055);border-radius:50%;transition:border-color .28s ease,transform .36s ease}
.armiran-brief-option__mark{position:absolute;top:18px;right:20px;font:400 9px/1 "Belfast",Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.26);direction:ltr}
.armiran-brief-option b{position:relative;z-index:2;font:400 clamp(14px,1.1vw,17px)/1.55 "Modam",sans-serif;color:rgba(255,255,255,.82)}
.armiran-brief-option small{position:relative;z-index:2;margin-top:6px;font:400 8px/1.4 "Belfast",Arial,sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.28);direction:ltr}
.armiran-brief-option>i,.armiran-brief-service>i{position:absolute;width:8px;height:8px;left:18px;bottom:18px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transition:.28s ease}
.armiran-brief-option:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.032);transform:translateY(-2px)}
.armiran-brief-option.is-selected{border-color:rgba(var(--brief-accent-rgb),.72);background:linear-gradient(145deg,rgba(var(--brief-accent-rgb),.085),rgba(255,255,255,.018));box-shadow:inset 0 0 0 1px rgba(var(--brief-accent-rgb),.08),0 0 34px rgba(var(--brief-accent-rgb),.04)}
.armiran-brief-option.is-selected:before{border-color:rgba(var(--brief-accent-rgb),.23);transform:scale(1.08)}
.armiran-brief-option.is-selected .armiran-brief-option__mark,.armiran-brief-option.is-selected small{color:var(--brief-accent)}
.armiran-brief-option.is-selected>i,.armiran-brief-service.is-selected>i,.armiran-brief-service--delegate.is-selected>i{border-color:var(--brief-accent);background:var(--brief-accent);box-shadow:0 0 14px rgba(var(--brief-accent-rgb),.62)}
.armiran-brief-option--wide{grid-column:span 2}
.armiran-brief-options--project .armiran-brief-option--wide{grid-column:span 3;min-height:105px}
.armiran-brief-options--services{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.10);border-radius:13px;overflow:hidden}
.armiran-brief-service{position:relative;min-height:92px;padding:18px 52px 18px 18px;display:flex;align-items:center;gap:13px;border:0;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.012);text-align:right;cursor:pointer;transition:background .25s ease,color .25s ease}
.armiran-brief-service:nth-child(3n){border-left:0}
.armiran-brief-service:nth-last-child(-n+1){border-bottom:0}
.armiran-brief-service>span{position:absolute;right:17px;top:17px;font:400 8px/1 "Belfast",Arial,sans-serif;color:rgba(255,255,255,.23);direction:ltr}
.armiran-brief-service b{font:400 clamp(11px,.88vw,13px)/1.75 "Modam",sans-serif;color:rgba(255,255,255,.62)}
.armiran-brief-service>i{left:17px;bottom:50%;transform:translateY(50%)}
.armiran-brief-service:hover{background:rgba(255,255,255,.025)}
.armiran-brief-service.is-selected{background:linear-gradient(120deg,rgba(var(--brief-accent-rgb),.075),rgba(255,255,255,.012))}
.armiran-brief-service.is-selected b{color:#fff}
.armiran-brief-service.is-selected>span{color:var(--brief-accent)}
.armiran-brief-service--delegate{grid-column:1/-1;min-height:76px;border-left:0!important;border-bottom:0;background:rgba(var(--brief-accent-rgb),.025)}
.armiran-brief-controls{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:16px clamp(24px,4vw,58px);border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.3)}
.armiran-brief-back,.armiran-brief-next{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 2px;border:0;background:transparent;font:400 12px/1 "Modam",sans-serif;cursor:pointer;transition:opacity .22s ease,color .22s ease}
.armiran-brief-back{color:rgba(255,255,255,.45)}
.armiran-brief-back>i,.armiran-brief-next>i,.armiran-brief-submit>i{width:9px;height:9px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .24s ease}
.armiran-brief-back>i{transform:rotate(135deg)}
.armiran-brief-next{justify-self:end;color:var(--brief-accent)}
.armiran-brief-back:hover:not(:disabled),.armiran-brief-next:hover:not(:disabled){color:#fff}
.armiran-brief-back:hover:not(:disabled)>i{transform:translateX(2px) rotate(135deg)}
.armiran-brief-next:hover:not(:disabled)>i{transform:translateX(-2px) rotate(-45deg)}
.armiran-brief-back:disabled,.armiran-brief-next:disabled{opacity:.2;cursor:default}
.armiran-brief-status{display:flex;align-items:center;gap:10px;direction:ltr;font-family:"Belfast",Arial,sans-serif;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.34)}
.armiran-brief-status span{color:#fff}.armiran-brief-status i{width:64px;height:1px;background:linear-gradient(90deg,var(--brief-accent),rgba(255,255,255,.1))}.armiran-brief-status b{font-weight:400}
.armiran-brief-result{padding:clamp(38px,5vw,72px);min-height:inherit}
.armiran-brief-result__head{display:flex;justify-content:space-between;gap:36px;align-items:flex-start;padding-bottom:clamp(30px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.09)}
.armiran-brief-result__head h3{margin:17px 0 0;font:300 clamp(38px,4.6vw,70px)/1.05 "Modam",sans-serif;letter-spacing:-.05em;color:#fff}.armiran-brief-result__head h3 strong{font-weight:inherit;color:rgba(255,255,255,.42)}
.armiran-brief-result__signal{display:flex;align-items:center;gap:9px;padding-top:7px;font:400 9px/1 "Belfast",Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.4);direction:ltr}.armiran-brief-result__signal i{width:7px;height:7px;border-radius:50%;background:#62d68b;box-shadow:0 0 13px rgba(98,214,139,.65)}
.armiran-brief-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.09)}
.armiran-brief-summary>div{min-height:132px;padding:25px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border-inline-start:1px solid rgba(255,255,255,.08)}.armiran-brief-summary>div:first-child{border-inline-start:0}
.armiran-brief-summary span,.armiran-brief-result__services>span{font:400 8px/1.4 "Belfast",Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.28);direction:ltr}.armiran-brief-summary strong{font:400 clamp(13px,1.1vw,16px)/1.7 "Modam",sans-serif;color:#fff}
.armiran-brief-result__services{padding:27px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.armiran-brief-result__services>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.armiran-brief-result__services>div span{padding:9px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;font:300 10px/1.5 "Modam",sans-serif;color:rgba(255,255,255,.68);background:rgba(255,255,255,.018)}
.armiran-brief-note{display:block;padding:27px 0}.armiran-brief-note>span{display:block;margin-bottom:12px;font:300 11px/1.8 "Modam",sans-serif;color:rgba(255,255,255,.42)}.armiran-brief-note em{font-style:normal;color:rgba(var(--brief-accent-rgb),.72)}
.armiran-brief-note textarea{width:100%;min-height:94px;padding:16px 18px;resize:vertical;border:1px solid rgba(255,255,255,.11);border-radius:10px;outline:0;background:rgba(0,0,0,.28);color:#fff;font:300 13px/1.9 "Modam",sans-serif;transition:border-color .22s ease,box-shadow .22s ease}.armiran-brief-note textarea::placeholder{color:rgba(255,255,255,.22)}.armiran-brief-note textarea:focus{border-color:rgba(var(--brief-accent-rgb),.56);box-shadow:0 0 0 3px rgba(var(--brief-accent-rgb),.055)}
.armiran-brief-result__actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:8px}.armiran-brief-reset{border:0;background:none;padding:14px 0;font:400 11px/1 "Modam",sans-serif;color:rgba(255,255,255,.44);cursor:pointer}.armiran-brief-reset:hover{color:#fff}
.armiran-brief-submit{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:260px;min-height:54px;padding:0 24px;border:1px solid rgba(var(--brief-accent-rgb),.75);border-radius:8px;background:linear-gradient(115deg,rgba(var(--brief-accent-rgb),.15),rgba(var(--brief-accent-rgb),.055));box-shadow:inset 0 0 24px rgba(var(--brief-accent-rgb),.035);color:#fff;text-decoration:none;font:400 12px/1 "Modam",sans-serif;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease}.armiran-brief-submit:hover{background:linear-gradient(115deg,rgba(var(--brief-accent-rgb),.24),rgba(var(--brief-accent-rgb),.075));border-color:var(--brief-accent);box-shadow:0 0 28px rgba(var(--brief-accent-rgb),.08),inset 0 0 28px rgba(var(--brief-accent-rgb),.04)}.armiran-brief-submit:hover>i{transform:translateX(-2px) rotate(-45deg)}
@media(max-width:1120px){
  .armiran-brief-head{grid-template-columns:1fr;gap:34px}.armiran-brief-head__meta{max-width:720px}.armiran-brief-panel{grid-template-columns:minmax(240px,.72fr) minmax(0,1.6fr);gap:38px}.armiran-brief-options--project{grid-template-columns:repeat(2,minmax(0,1fr))}.armiran-brief-options--project .armiran-brief-option--wide{grid-column:span 2}.armiran-brief-options--services{grid-template-columns:repeat(2,minmax(0,1fr))}.armiran-brief-service:nth-child(3n){border-left:1px solid rgba(255,255,255,.08)}.armiran-brief-service:nth-child(2n){border-left:0}.armiran-brief-service--delegate{border-left:0!important}
}
@media(max-width:820px) and (orientation:portrait){
  .armiran-brief{padding:88px 0 82px}.armiran-brief-shell{width:min(100% - 36px,720px)}.armiran-brief-head{padding-bottom:34px}.armiran-brief-head h2{font-size:clamp(42px,11.5vw,70px)}.armiran-brief-head__copy>p{font-size:12px;line-height:1.95}.armiran-brief-head__meta{grid-template-columns:repeat(3,1fr)}.armiran-brief-head__meta>div{min-height:78px;padding:14px 10px}.armiran-brief-head__meta span{font-size:9px}.armiran-brief-builder{border-radius:15px}.armiran-brief-rail{min-height:74px}.armiran-brief-step{grid-template-columns:auto;padding:10px 6px;justify-items:center;text-align:center}.armiran-brief-step span{width:29px;height:29px;font-size:9px}.armiran-brief-step b{display:none}.armiran-brief-panel{display:block;min-height:auto;padding:30px 18px 28px}.armiran-brief-panel__copy{position:relative;top:auto;padding:0 4px 26px}.armiran-brief-panel h3{font-size:clamp(31px,8.7vw,46px)}.armiran-brief-panel__copy>p{margin-top:15px;max-width:520px;font-size:11px;line-height:1.9}.armiran-brief-options--project,.armiran-brief-options--objective,.armiran-brief-options--timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.armiran-brief-option{min-height:126px;padding:20px 16px 17px}.armiran-brief-option b{font-size:12px}.armiran-brief-option small{font-size:7px;letter-spacing:.09em}.armiran-brief-option__mark{top:14px;right:15px}.armiran-brief-options--project .armiran-brief-option--wide,.armiran-brief-option--wide{grid-column:span 2;min-height:92px}.armiran-brief-options--services{grid-template-columns:1fr;border-radius:10px}.armiran-brief-service{min-height:74px;border-left:0!important}.armiran-brief-service b{font-size:11px}.armiran-brief-controls{min-height:72px;padding:12px 20px}.armiran-brief-back,.armiran-brief-next{font-size:10px;gap:8px}.armiran-brief-status i{width:38px}.armiran-brief-result{padding:30px 20px}.armiran-brief-result__head{display:block}.armiran-brief-result__signal{margin-top:20px}.armiran-brief-summary{grid-template-columns:1fr}.armiran-brief-summary>div{min-height:88px;padding:18px 4px;border-inline-start:0;border-bottom:1px solid rgba(255,255,255,.07)}.armiran-brief-summary>div:last-child{border-bottom:0}.armiran-brief-result__actions{align-items:stretch;flex-direction:column-reverse}.armiran-brief-reset{align-self:flex-start}.armiran-brief-submit{width:100%;min-width:0}.armiran-brief-orbit--a{width:110vw;right:-52%;top:-10%}.armiran-brief-orbit--b{width:82vw;left:-45%}
}
@media(max-width:420px) and (orientation:portrait){
  .armiran-brief-shell{width:calc(100% - 24px)}.armiran-brief-head__meta>div:nth-child(2){display:none}.armiran-brief-head__meta{grid-template-columns:1fr 1fr}.armiran-brief-options--project,.armiran-brief-options--objective,.armiran-brief-options--timeline{grid-template-columns:1fr}.armiran-brief-options--project .armiran-brief-option--wide,.armiran-brief-option--wide{grid-column:auto}.armiran-brief-option{min-height:112px}.armiran-brief-status{display:none}.armiran-brief-controls{grid-template-columns:1fr 1fr}.armiran-brief-next{grid-column:2}.armiran-brief-back{grid-column:1}.armiran-brief-result__head h3{font-size:35px}
}
@media(orientation:landscape) and (max-height:620px){
  .armiran-brief{padding:72px 0 64px}.armiran-brief-shell{width:min(1280px,calc(100% - 44px))}.armiran-brief-head{grid-template-columns:1.2fr .8fr;gap:34px;padding-bottom:28px}.armiran-brief-head h2{font-size:clamp(38px,6.3vh,56px);margin-top:10px}.armiran-brief-head__copy>p{margin-top:13px;font-size:11px;line-height:1.7}.armiran-brief-head__meta>div{min-height:66px;padding:10px 12px}.armiran-brief-builder{border-radius:14px}.armiran-brief-rail{min-height:62px}.armiran-brief-step{padding:10px 16px}.armiran-brief-step span{width:27px;height:27px}.armiran-brief-panel{grid-template-columns:minmax(200px,.55fr) minmax(0,1.8fr);gap:28px;min-height:310px;padding:24px 30px}.armiran-brief-panel__copy{position:relative;top:auto}.armiran-brief-panel h3{font-size:clamp(28px,6vh,39px);margin-top:10px}.armiran-brief-panel__copy>p{font-size:10px;line-height:1.7;margin-top:12px}.armiran-brief-option{min-height:94px;padding:17px 17px 15px}.armiran-brief-options--project{grid-template-columns:repeat(4,1fr)}.armiran-brief-options--project .armiran-brief-option--wide{grid-column:span 2}.armiran-brief-options--objective,.armiran-brief-options--timeline{grid-template-columns:repeat(3,1fr)}.armiran-brief-option--wide{grid-column:auto}.armiran-brief-options--services{grid-template-columns:repeat(5,1fr)}.armiran-brief-service{min-height:70px;padding:14px 35px 14px 12px;border-left:1px solid rgba(255,255,255,.08)!important}.armiran-brief-service:nth-child(5n){border-left:0!important}.armiran-brief-service--delegate{grid-column:1/-1;border-left:0!important;min-height:52px}.armiran-brief-service b{font-size:9px;line-height:1.55}.armiran-brief-controls{min-height:58px;padding:8px 30px}.armiran-brief-result{padding:24px 30px}.armiran-brief-result__head{padding-bottom:20px}.armiran-brief-result__head h3{font-size:clamp(31px,6vh,43px);margin-top:10px}.armiran-brief-summary>div{min-height:82px;padding:14px 16px;gap:10px}.armiran-brief-result__services{padding:17px 0}.armiran-brief-result__services>div{margin-top:10px}.armiran-brief-note{padding:16px 0}.armiran-brief-note textarea{min-height:65px}.armiran-brief-result__actions{padding-top:0}
}
@media(prefers-reduced-motion:reduce){
  .armiran-brief-option,.armiran-brief-service,.armiran-brief-step,.armiran-brief-submit,.armiran-brief-back,.armiran-brief-next{transition-duration:.01ms!important}.armiran-brief-beam,.armiran-brief-grain{display:none}
}
/* =========================================================
   BUILT FOR IMPACT — ABSTRACT DIFFERENCE
   Isolated section. No selectors leak into previous sections.
   ========================================================= */
.armiran-impact{
    --impact-nav-clear:96px;
    position:relative;
    width:100%;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    background:#030303;
    color:#fff;
    isolation:isolate;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
    touch-action:pan-y pinch-zoom;
}
.armiran-impact-stage{
    position:relative;
    width:100%;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(ellipse at 50% 58%,rgba(255,255,255,.022),transparent 45%),
      #030303;
}
.armiran-impact-stage::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:20;
    pointer-events:none;
    opacity:.13;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
    mix-blend-mode:soft-light;
}
.armiran-impact-topline,.armiran-impact-bottomline{
    position:absolute;
    left:max(28px,4vw);right:max(28px,4vw);
    z-index:30;
    display:flex;align-items:center;justify-content:space-between;
    font-family:"Belfast","Helvetica Neue",Arial,sans-serif;
    font-size:10px;font-weight:300;letter-spacing:.28em;
    color:rgba(255,255,255,.72);
    white-space:nowrap;
}
.armiran-impact-topline{top:var(--impact-nav-clear)}
.armiran-impact-bottomline{bottom:max(24px,0px)}
.armiran-impact-art{
    position:absolute;
    left:-10vw;right:-10vw;
    top:calc(var(--impact-nav-clear) + 4vh);
    bottom:9vh;
    z-index:5;
    pointer-events:none;
    transform:translate3d(0,0,0);
}
.armiran-impact-ribbon{
    position:absolute;
    left:50%;top:50%;
    width:112vw;height:30vh;
    min-height:180px;
    border-radius:48% 52% 45% 55% / 54% 42% 58% 46%;
    transform-origin:center;
    background:
      radial-gradient(ellipse at 28% 30%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.25) 11%,transparent 31%),
      radial-gradient(ellipse at 67% 65%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.12) 15%,transparent 36%),
      linear-gradient(168deg,transparent 4%,rgba(255,255,255,.07) 27%,rgba(255,255,255,.52) 48%,rgba(255,255,255,.05) 66%,transparent 88%);
    filter:blur(2px);
    opacity:.82;
}
.armiran-impact-ribbon--a{transform:translate(-50%,-56%) rotate(7deg) skewX(-9deg)}
.armiran-impact-ribbon--b{
    width:95vw;height:21vh;opacity:.48;filter:blur(9px);
    transform:translate(-43%,-28%) rotate(-11deg) skewX(12deg);
    background:linear-gradient(172deg,transparent 12%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.04) 67%,transparent 87%);
}
.armiran-impact-ribbon--c{
    width:88vw;height:13vh;opacity:.28;filter:blur(15px);
    transform:translate(-58%,35%) rotate(8deg);
    background:linear-gradient(178deg,transparent 10%,rgba(255,255,255,.7) 48%,transparent 82%);
}
.armiran-impact-light{
    position:absolute;width:22vw;height:22vw;min-width:170px;min-height:170px;
    border-radius:50%;filter:blur(48px);opacity:.26;
    background:radial-gradient(circle,rgba(255,255,255,.85),rgba(255,255,255,.08) 35%,transparent 68%);
}
.armiran-impact-light--a{left:20%;top:20%}
.armiran-impact-light--b{right:15%;bottom:9%;opacity:.19}
.armiran-impact-word{
    position:absolute;
    left:50%;top:54%;
    z-index:10;
    width:100%;
    transform:translate(-50%,-50%);
    text-align:center;
    font-family:"Belfast","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(86px,13.4vw,250px);
    font-weight:900;
    line-height:.78;
    letter-spacing:-.075em;
    white-space:nowrap;
    color:#fff;
    mix-blend-mode:difference;
    will-change:transform,opacity,filter;
}
.armiran-impact-copy{
    position:absolute;
    left:50%;top:76%;
    z-index:31;
    width:min(620px,calc(100% - 40px));
    transform:translateX(-50%);
    text-align:center;
    direction:rtl;
    font-family:"Modam",sans-serif;
}
.armiran-impact-copy h2{margin:0 0 10px;font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.45}
.armiran-impact-copy p{margin:0;color:rgba(255,255,255,.62);font-size:clamp(12px,1vw,15px);font-weight:300;line-height:1.9}
.armiran-impact-copy i{display:block;width:1px;height:38px;margin:20px auto 0;background:linear-gradient(#fff,transparent);opacity:.6;transform-origin:top}

@media (max-width:1180px) and (orientation:portrait){
    .armiran-impact-word{top:51%;font-size:clamp(70px,17vw,160px)}
    .armiran-impact-art{left:-28vw;right:-28vw;top:calc(var(--impact-nav-clear) + 7vh);bottom:14vh}
    .armiran-impact-ribbon{width:150vw;height:27vh}
    .armiran-impact-ribbon--b{width:135vw}
    .armiran-impact-ribbon--c{width:120vw}
    .armiran-impact-copy{top:69%}
}
@media (max-width:768px) and (orientation:portrait){
    .armiran-impact-topline,.armiran-impact-bottomline{left:18px;right:18px;font-size:8px;letter-spacing:.18em}
    .armiran-impact-topline span:last-child,.armiran-impact-bottomline span:first-child{display:none}
    .armiran-impact-word{top:49%;font-size:clamp(58px,19vw,100px);letter-spacing:-.08em}
    .armiran-impact-art{left:-48vw;right:-48vw;top:calc(var(--impact-nav-clear) + 5vh);bottom:17vh}
    .armiran-impact-ribbon{width:185vw;height:24vh}
    .armiran-impact-ribbon--b{width:165vw;height:17vh}
    .armiran-impact-ribbon--c{width:145vw;height:11vh}
    .armiran-impact-copy{top:64%;width:calc(100% - 34px)}
    .armiran-impact-copy i{height:28px;margin-top:14px}
}
@media (max-width:1180px) and (orientation:landscape) and (max-height:520px){
    .armiran-impact{height:100svh}
    .armiran-impact-stage{height:100svh}
    .armiran-impact-topline{left:max(18px,0px);right:max(18px,0px);font-size:8px}
    .armiran-impact-bottomline{display:none}
    .armiran-impact-art{top:calc(var(--impact-nav-clear) + 1vh);bottom:1vh;left:-14vw;right:-14vw}
    .armiran-impact-ribbon{height:29vh;min-height:96px}
    .armiran-impact-word{top:54%;font-size:clamp(64px,14.5vw,140px)}
    .armiran-impact-copy{left:auto;right:max(22px,0px);top:65%;width:min(31vw,270px);transform:none;text-align:right}
    .armiran-impact-copy h2{font-size:clamp(16px,2.5vw,22px);margin-bottom:3px}
    .armiran-impact-copy p{font-size:10px;line-height:1.6}
    .armiran-impact-copy i{display:none}
}
@media (prefers-reduced-motion:reduce){
    .armiran-impact,.armiran-impact-stage{height:100svh;min-height:100svh}
}

/* IMPACT V1.2 — guaranteed heavy visual weight for the Light-only Belfast asset */
.armiran-impact-word{
    font-weight:900 !important;
    font-synthesis:weight;
    -webkit-text-stroke:.018em currentColor;
    text-rendering:geometricPrecision;
}

/* =========================================================
   FEATURED PACKAGES — EDITORIAL SHOWCASE V2
   ========================================================= */
.armiran-packages-featured{
    --pkg-nav-clear:96px;
    position:relative;
    height:185vh;
    background:#030303;
    color:#fff;
    isolation:isolate;
    overscroll-behavior-y:auto;
    touch-action:pan-y pinch-zoom;
}
.armiran-packages-stage{
    position:sticky;
    top:0;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    padding:calc(var(--pkg-nav-clear) + clamp(18px,2.6vh,34px)) clamp(28px,5vw,88px) clamp(28px,4.5vh,54px);
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);
    grid-template-rows:auto 1fr auto;
    column-gap:clamp(56px,7vw,130px);
    contain:layout style;
}
.armiran-packages-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.armiran-packages-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.34) 53%,rgba(0,0,0,.04));pointer-events:none}
.armiran-packages-bg-word{
    position:absolute;left:-2vw;bottom:-.16em;
    font-family:"Belfast","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(170px,24vw,460px);font-weight:900;line-height:.72;letter-spacing:-.075em;
    color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;
}
.armiran-packages-glow{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.11;will-change:transform;transform:translateZ(0)}
.armiran-packages-glow--a{left:2%;top:20%;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,.06) 38%,transparent 70%)}
.armiran-packages-glow--b{left:29%;bottom:-26%;width:34vw;background:radial-gradient(circle,rgba(255,255,255,.38),rgba(255,255,255,.03) 36%,transparent 72%);opacity:.08}
.armiran-packages-head{position:relative;z-index:4;grid-column:1;grid-row:1;max-width:570px;direction:rtl;text-align:right}
.armiran-packages-kicker{display:block;margin-bottom:16px;direction:ltr;text-align:left;font-family:"Belfast","Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.4)}
.armiran-packages-head h2{margin:0;font-family:"Modam",sans-serif;font-size:clamp(34px,3.2vw,58px);font-weight:300;line-height:1.34;letter-spacing:-.03em;color:rgba(255,255,255,.88)}
.armiran-packages-head h2 strong{font-weight:600;color:#fff}
.armiran-packages-head p{max-width:470px;margin:18px 0 0 auto;font-family:"Modam",sans-serif;font-size:12px;font-weight:300;line-height:2;color:rgba(255,255,255,.42)}
.armiran-packages-showcase{position:relative;z-index:3;grid-column:1;grid-row:2;align-self:center;min-height:330px;display:flex;flex-direction:column;justify-content:center}
.armiran-packages-number-wrap{position:absolute;left:-.02em;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:20px;pointer-events:none}
.armiran-packages-number{font-family:"Belfast","Helvetica Neue",Arial,sans-serif;font-size:clamp(150px,17vw,310px);font-weight:900;line-height:.72;letter-spacing:-.08em;color:rgba(255,255,255,.97);mix-blend-mode:difference}
.armiran-packages-number-wrap i{display:block;width:clamp(54px,6vw,110px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent)}
.armiran-packages-active-copy{position:relative;z-index:2;margin-top:clamp(190px,22vh,250px);padding-left:4px;max-width:500px}
.armiran-packages-active-en{display:block;margin-bottom:8px;font-family:"Belfast","Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.42)}
.armiran-packages-active-fa{display:block;direction:rtl;text-align:left;font-family:"Modam",sans-serif;font-size:clamp(23px,2.2vw,37px);font-weight:500;line-height:1.5;color:#fff}
.armiran-packages-active-note{display:block;margin-top:8px;max-width:430px;direction:rtl;text-align:left;font-family:"Modam",sans-serif;font-size:11px;font-weight:300;line-height:1.9;color:rgba(255,255,255,.45)}
.armiran-packages-list{position:relative;z-index:5;grid-column:2;grid-row:1/4;align-self:center;width:100%;border-top:1px solid rgba(255,255,255,.12)}
.armiran-package-row{
    position:relative;width:100%;height:clamp(84px,10.2vh,112px);
    border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;
    display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;
    padding:0 4px;color:rgba(255,255,255,.28);cursor:pointer;text-align:right;overflow:hidden;
    transition:color .35s ease,background-color .35s ease;
}
.armiran-package-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055));opacity:0;transition:opacity .35s ease;z-index:-1}
.armiran-package-row i{position:absolute;right:0;bottom:-1px;width:0;height:2px;background:#fff;transition:width .55s cubic-bezier(.22,1,.36,1)}
.armiran-package-index,.armiran-package-en{font-family:"Belfast","Helvetica Neue",Arial,sans-serif;direction:ltr}
.armiran-package-index{font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.24)}
.armiran-package-name{font-family:"Modam",sans-serif;font-size:clamp(21px,1.8vw,31px);font-weight:300;transition:transform .45s cubic-bezier(.22,1,.36,1),font-weight .3s ease}
.armiran-package-en{font-size:9px;letter-spacing:.17em;color:rgba(255,255,255,.22);white-space:nowrap}
.armiran-package-row:is(.is-active,:hover,:focus-visible){color:#fff;outline:none;background:rgba(255,255,255,.015)}
.armiran-package-row:is(.is-active,:hover,:focus-visible)::before{opacity:1}
.armiran-package-row:is(.is-active,:hover,:focus-visible) i{width:100%}
.armiran-package-row:is(.is-active,:hover,:focus-visible) .armiran-package-name{transform:translateX(-12px);font-weight:500}
.armiran-package-row:is(.is-active,:hover,:focus-visible) .armiran-package-en{color:rgba(255,255,255,.68)}
.armiran-package-row.is-active .armiran-package-index{color:#fff}
.armiran-packages-cta{position:relative;z-index:6;grid-column:1;grid-row:3;justify-self:start;align-self:end;display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-family:"Modam",sans-serif;font-size:11px;font-weight:300;border-bottom:1px solid rgba(255,255,255,.35);padding:0 0 8px}
.armiran-packages-cta b{font-family:Arial,sans-serif;font-size:16px;font-weight:300;transition:transform .3s ease}.armiran-packages-cta:hover b{transform:translate(3px,-3px)}
.armiran-packages-progress{position:absolute;z-index:7;right:clamp(12px,1.7vw,28px);top:calc(var(--pkg-nav-clear) + 24px);bottom:28px;width:1px;background:rgba(255,255,255,.1);transform-origin:top}
.armiran-packages-progress i{display:block;width:100%;height:100%;background:#fff;transform:scaleY(0);transform-origin:top}

@media(max-width:1180px) and (orientation:portrait){
    .armiran-packages-featured{height:205vh}
    .armiran-packages-stage{padding:calc(var(--pkg-nav-clear) + 18px) clamp(20px,5vw,48px) 26px;display:flex;flex-direction:column}
    .armiran-packages-kicker{text-align:right}
    .armiran-packages-head{max-width:620px}
    .armiran-packages-head h2{font-size:clamp(32px,6.4vw,54px)}
    .armiran-packages-showcase{min-height:220px;flex:0 0 31vh}
    .armiran-packages-number{font-size:clamp(120px,26vw,220px)}
    .armiran-packages-number-wrap{top:46%}
    .armiran-packages-active-copy{margin-top:120px;max-width:440px}
    .armiran-packages-list{margin-top:auto}
    .armiran-package-row{height:clamp(62px,7.8vh,84px);grid-template-columns:32px 1fr auto}
    .armiran-package-name{font-size:clamp(17px,3.7vw,26px)}
    .armiran-packages-bg-word{font-size:32vw}
    .armiran-packages-cta{margin-top:18px}
}
@media(max-width:680px) and (orientation:portrait){
    .armiran-packages-featured{height:220vh}
    .armiran-packages-stage{padding-inline:18px;padding-bottom:20px}
    .armiran-packages-head p{font-size:10px;line-height:1.8;margin-top:10px;max-width:310px}
    .armiran-packages-showcase{flex-basis:27vh;min-height:180px}
    .armiran-packages-number{font-size:31vw}.armiran-packages-number-wrap i{width:48px}
    .armiran-packages-active-copy{margin-top:92px}.armiran-packages-active-note{display:none}
    .armiran-package-row{height:58px;grid-template-columns:25px 1fr;padding-inline:0}
    .armiran-package-en{display:none}.armiran-package-index{font-size:8px}.armiran-package-name{font-size:16px}
    .armiran-packages-progress{right:8px;bottom:20px}
}
@media(max-width:1180px) and (orientation:landscape) and (max-height:520px){
    .armiran-packages-featured{height:190vh}
    .armiran-packages-stage{height:100svh;padding:calc(var(--pkg-nav-clear) + 8px) max(22px,0px) 14px;grid-template-columns:.8fr 1.2fr;column-gap:38px}
    .armiran-packages-kicker{font-size:8px;margin-bottom:6px}.armiran-packages-head h2{font-size:clamp(23px,3vw,34px);line-height:1.25}.armiran-packages-head p{display:none}
    .armiran-packages-showcase{min-height:0}.armiran-packages-number{font-size:clamp(92px,14vw,150px)}.armiran-packages-number-wrap{top:44%}.armiran-packages-active-copy{margin-top:72px}.armiran-packages-active-fa{font-size:16px}.armiran-packages-active-note{display:none}
    .armiran-package-row{height:clamp(38px,10.2vh,52px);grid-template-columns:24px 1fr auto;gap:8px}.armiran-package-name{font-size:13px}.armiran-package-en{font-size:6px}
    .armiran-packages-cta{font-size:8px;padding-bottom:4px}.armiran-packages-progress{right:8px;top:calc(var(--pkg-nav-clear) + 10px);bottom:12px}
}
@media(prefers-reduced-motion:reduce){
    .armiran-packages-featured{height:100svh;min-height:100svh}.armiran-packages-stage{position:relative;height:100svh}.armiran-package-row,.armiran-package-row i,.armiran-package-name{transition:none!important}
}


/* =========================================================
   FEATURED PACKAGES — V2.1 SPACING + APPLE-STYLE CTA FIX
   ========================================================= */
.armiran-packages-showcase{
    min-height:clamp(390px,47vh,520px);
    justify-content:initial;
}
.armiran-packages-number-wrap{
    left:0;
    top:clamp(26px,5vh,58px);
    transform:none;
    align-items:center;
}
.armiran-packages-number{
    line-height:.78;
}
.armiran-packages-active-copy{
    position:absolute;
    left:4px;
    bottom:clamp(12px,2.4vh,28px);
    margin-top:0;
    width:min(100%,500px);
    max-width:500px;
}
.armiran-packages-active-fa{
    line-height:1.45;
}
.armiran-packages-cta{
    min-height:44px;
    padding:0 20px;
    border:0;
    border-radius:999px;
    background:#0071e3;
    color:#fff;
    gap:9px;
    font-size:12px;
    font-weight:400;
    line-height:1;
    box-shadow:none;
    transition:background-color .25s ease,transform .25s ease;
}
.armiran-packages-cta b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    line-height:1;
    transform:none;
}
.armiran-packages-cta:hover{background:#0077ed;transform:translateY(-1px)}
.armiran-packages-cta:hover b{transform:translate(2px,-2px)}
.armiran-packages-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:1180px) and (orientation:portrait){
    .armiran-packages-showcase{
        flex:0 0 clamp(300px,37vh,410px);
        min-height:300px;
    }
    .armiran-packages-number-wrap{
        top:clamp(20px,3.2vh,36px);
    }
    .armiran-packages-active-copy{
        left:0;
        bottom:clamp(16px,2.5vh,26px);
        margin-top:0;
    }
    .armiran-packages-cta{
        align-self:flex-start;
        min-height:42px;
        margin-top:22px;
        padding-inline:18px;
        font-size:11px;
    }
}
@media(max-width:680px) and (orientation:portrait){
    .armiran-packages-showcase{
        flex-basis:clamp(270px,34vh,330px);
        min-height:270px;
    }
    .armiran-packages-number-wrap{top:18px}
    .armiran-packages-number{font-size:clamp(118px,31vw,154px)}
    .armiran-packages-active-copy{bottom:14px}
    .armiran-packages-active-fa{font-size:clamp(22px,6.2vw,29px)}
    .armiran-packages-cta{
        min-height:42px;
        margin-top:20px;
        padding:0 17px;
        font-size:11px;
    }
}
@media(max-width:1180px) and (orientation:landscape) and (max-height:520px){
    .armiran-packages-showcase{min-height:0}
    .armiran-packages-number-wrap{top:6px}
    .armiran-packages-active-copy{bottom:4px;left:0}
    .armiran-packages-cta{min-height:34px;padding:0 13px;font-size:8px}
}


/* =========================================================
   FEATURED PACKAGES — V2.2 RESPONSIVE NUMBER + CENTERED CTA
   ========================================================= */
@media (min-width:1181px){
    .armiran-packages-list{
        grid-column:2;
        grid-row:1/3;
        align-self:center;
    }
    .armiran-packages-cta{
        position:relative;
        grid-column:2;
        grid-row:3;
        justify-self:center;
        align-self:start;
        margin-top:clamp(16px,2.2vh,26px);
        min-height:44px;
        padding:0 24px;
        border-radius:999px;
        font-size:14px;
        font-weight:400;
        line-height:1;
        white-space:nowrap;
    }
}

@media (max-width:1180px) and (orientation:portrait){
    .armiran-packages-featured{
        height:auto;
        min-height:0;
    }
    .armiran-packages-stage{
        position:relative;
        top:auto;
        height:auto;
        min-height:100svh;
        overflow:visible;
        padding-bottom:max(34px,0px);
    }
    .armiran-packages-showcase{
        width:100%;
        overflow:hidden;
    }
    .armiran-packages-number-wrap{
        left:50%;
        right:auto;
        width:min(100%,calc(100vw - 44px));
        max-width:100%;
        transform:translateX(-50%);
        justify-content:center;
        flex-direction:row;
        direction:ltr;
        gap:clamp(12px,3vw,22px);
    }
    .armiran-packages-number{
        flex:0 1 auto;
        max-width:100%;
        font-size:clamp(112px,28vw,148px);
        letter-spacing:-.055em;
        line-height:.82;
        white-space:nowrap;
    }
    .armiran-packages-number-wrap i{
        flex:0 0 clamp(36px,10vw,54px);
        width:auto;
    }
    .armiran-packages-list{
        margin-top:clamp(12px,2.4vh,24px);
    }
    .armiran-packages-cta{
        align-self:center;
        justify-self:center;
        margin:clamp(24px,4vh,38px) auto 0;
        min-height:44px;
        padding:0 22px;
        border-radius:999px;
        font-size:13px;
        font-weight:400;
        line-height:1;
        white-space:nowrap;
    }
}

@media (max-width:680px) and (orientation:portrait){
    .armiran-packages-number-wrap{
        width:calc(100vw - 36px);
    }
    .armiran-packages-number{
        font-size:clamp(108px,27vw,136px);
    }
    .armiran-packages-cta{
        min-height:44px;
        padding:0 21px;
        font-size:13px;
    }
}

@media (max-width:1180px) and (orientation:landscape) and (max-height:520px){
    .armiran-packages-list{
        grid-column:2;
        grid-row:1/3;
        align-self:center;
    }
    .armiran-packages-cta{
        grid-column:2;
        grid-row:3;
        justify-self:center;
        align-self:start;
        margin-top:8px;
        min-height:36px;
        padding:0 17px;
        border-radius:999px;
        font-size:11px;
        font-weight:400;
        line-height:1;
        white-space:nowrap;
    }
}

.armiran-packages-cta b{display:none!important}

/* =========================================================
   FEATURED PACKAGES — V2.3 MOBILE/TABLET PINNED PACKAGE FLOW
   Locks the composition while scroll advances 01 → 05.
   ========================================================= */
@media (max-width:1180px){
    .armiran-packages-featured{
        height:auto;
        min-height:100svh;
        overflow:visible;
        overscroll-behavior-y:auto;
        touch-action:pan-y pinch-zoom;
    }
    .armiran-packages-stage{
        position:relative;
        top:auto;
        height:100svh;
        min-height:100svh;
        overflow:hidden;
        will-change:auto;
    }
}

@media (max-width:1180px) and (orientation:portrait){
    .armiran-packages-stage{
        height:100svh;
        min-height:100svh;
        padding-bottom:max(18px,0px);
    }
    .armiran-packages-showcase{
        flex:0 0 clamp(235px,29vh,300px);
        min-height:235px;
    }
    .armiran-package-row{
        height:clamp(50px,6.6vh,62px);
    }
    .armiran-packages-list{
        margin-top:auto;
        margin-bottom:clamp(58px,7.5vh,72px);
    }
    .armiran-packages-cta{
        position:absolute;
        left:50%;
        bottom:max(14px,0px);
        margin:0;
        transform:translateX(-50%);
        align-self:auto;
        justify-self:auto;
        z-index:9;
    }
    .armiran-packages-cta:hover{
        transform:translateX(-50%) translateY(-1px);
    }
}

@media (max-width:680px) and (orientation:portrait){
    .armiran-packages-head h2{font-size:clamp(29px,7.2vw,38px)}
    .armiran-packages-head p{margin-top:8px}
    .armiran-packages-showcase{
        flex-basis:clamp(215px,27vh,260px);
        min-height:215px;
    }
    .armiran-packages-number{font-size:clamp(106px,27vw,132px)}
    .armiran-packages-active-copy{bottom:8px}
    .armiran-package-row{height:50px}
    .armiran-packages-list{margin-bottom:62px}
}

@media (max-width:1180px) and (orientation:landscape){
    .armiran-packages-featured{
        height:auto;
        min-height:100svh;
    }
    .armiran-packages-stage{
        position:relative;
        top:auto;
        height:100svh;
        min-height:100svh;
    }
}

@media (max-width:1180px) and (orientation:landscape) and (max-height:520px){
    .armiran-packages-cta{
        position:relative;
        left:auto;
        bottom:auto;
        transform:none;
    }
    .armiran-packages-cta:hover{transform:translateY(-1px)}
}

/* =========================================================
   FEATURED PACKAGES V2.4 — MOBILE CTA AFTER PIN RELEASE
   ========================================================= */
.armiran-packages-post-cta{display:none}

@media (max-width:1180px){
    /* The in-stage CTA must not appear while the package scene is locked. */
    .armiran-packages-cta--stage{display:none!important}

    /* This CTA lives after the pinned stage, so it only enters the document
       flow once ScrollTrigger has completed and released the scene. */
    .armiran-packages-post-cta{
        position:relative;
        z-index:12;
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        padding:clamp(26px,6vh,54px) 20px max(32px,0px);
        background:#000;
    }
    .armiran-packages-cta--mobile-post{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        margin:0!important;
        transform:none!important;
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        width:auto;
        min-width:0;
    }
    .armiran-packages-cta--mobile-post:hover{
        transform:translateY(-1px)!important;
    }
}

@media (min-width:1181px){
    .armiran-packages-cta--mobile-post{display:none!important}
    .armiran-packages-cta--stage{
        grid-column:2;
        grid-row:1/4;
        align-self:end;
        justify-self:center;
        margin:0;
        opacity:1;
        visibility:visible;
        background:#f5f5f7!important;
        color:#1d1d1f!important;
        transition:background-color .18s ease-in-out,color .18s ease-in-out,opacity .18s ease-in-out!important;
        will-change:background-color;
    }
    .armiran-packages-cta--stage:hover{
        background:#fff!important;
        color:#000!important;
        transform:none!important;
    }
    .armiran-packages-cta--stage:active{
        background:#e8e8ed!important;
        color:#1d1d1f!important;
        opacity:.82;
        transform:none!important;
        transition-duration:.08s!important;
    }
}

/* =========================================================
   FEATURED PACKAGES V2.5 — SOFT-WHITE CTA
   ========================================================= */
.armiran-packages-cta,
.armiran-packages-cta--mobile-post{
    background:#f2f2f4!important;
    color:#161617!important;
    box-shadow:none!important;
}
.armiran-packages-cta:hover,
.armiran-packages-cta--mobile-post:hover{
    background:#e8e8eb!important;
    color:#111112!important;
}
.armiran-packages-cta:focus-visible,
.armiran-packages-cta--mobile-post:focus-visible{
    outline:2px solid rgba(242,242,244,.9)!important;
    outline-offset:3px;
}

/* =========================================================
   WHY ARMIRAN — ONE SYSTEM
   Scoped editorial section after Featured Packages.
========================================================= */
.armiran-why{
    --why-nav-clear:96px;
    position:relative;
    width:100%;
    height:165vh;
    min-height:980px;
    overflow:clip;
    background:#000;
    color:#f2f2f4;
    isolation:isolate;
}
.armiran-why-stage{
    position:relative;
    width:100%;
    height:100svh;
    min-height:720px;
    overflow:hidden;
    padding:max(var(--why-nav-clear),clamp(124px,16vh,176px)) clamp(34px,5.7vw,88px) clamp(42px,6vh,72px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#000;
}
.armiran-why-copy{width:100%;direction:ltr;text-align:left}
.armiran-why-copy h2{
    margin:0;
    max-width:1320px;
    font-family:"Belfast","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(76px,9.6vw,148px);
    font-weight:300;
    line-height:.96;
    letter-spacing:-.052em;
    text-wrap:balance;
}
.armiran-why-copy h2 span,.armiran-why-copy h2 strong{display:block;font:inherit;color:#f4f4f5;white-space:nowrap}
.armiran-why-copy p{
    margin:clamp(24px,3.1vh,38px) 0 0;
    font-family:"Modam",sans-serif;
    font-size:clamp(13px,1.05vw,17px);
    font-weight:300;
    line-height:1.9;
    color:rgba(255,255,255,.62);
    direction:rtl;
    text-align:left;
}
.armiran-why-disciplines{
    width:100%;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    direction:ltr;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.armiran-why-discipline{
    min-width:0;
    min-height:58px;
    padding:0 clamp(12px,1.25vw,20px) 13px;
    border-inline-start:1px solid rgba(255,255,255,.13);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:8px;
    text-align:left;
}
.armiran-why-discipline:first-child{padding-inline-start:0;border-inline-start:0}
.armiran-why-discipline span{
    font-family:"Belfast","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(7px,.66vw,10px);
    font-weight:300;
    line-height:1.25;
    letter-spacing:.025em;
    color:rgba(255,255,255,.88);
    white-space:normal;
}
.armiran-why-discipline strong{
    font-family:"Modam",sans-serif;
    font-size:clamp(8px,.72vw,11px);
    font-weight:300;
    line-height:1.55;
    color:rgba(255,255,255,.55);
    direction:rtl;
    text-align:left;
}
@media (max-width:1180px){
    .armiran-why{height:145vh;min-height:900px}
    .armiran-why-stage{min-height:680px;padding-inline:clamp(26px,5vw,54px)}
    .armiran-why-copy h2{font-size:clamp(58px,9.4vw,106px)}
    .armiran-why-disciplines{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
    .armiran-why-discipline:nth-child(4){padding-inline-start:0;border-inline-start:0}
}
@media (max-width:768px) and (orientation:portrait){
    .armiran-why{height:auto;min-height:100svh;overflow:hidden}
    .armiran-why-stage{
        height:auto;
        min-height:100svh;
        padding:max(var(--why-nav-clear),104px) 22px max(34px,0px);
        gap:72px;
    }
    .armiran-why-copy h2{max-width:100%;font-size:clamp(44px,14vw,68px);line-height:.94;letter-spacing:-.055em}
    .armiran-why-copy h2 span,.armiran-why-copy h2 strong{white-space:normal}
    .armiran-why-copy p{max-width:310px;margin-top:22px;font-size:12px;line-height:1.85;text-align:right}
    .armiran-why-disciplines{grid-template-columns:1fr;row-gap:0;border-top:1px solid rgba(255,255,255,.10)}
    .armiran-why-discipline,.armiran-why-discipline:nth-child(4){
        min-height:54px;
        padding:10px 0;
        border-inline-start:0;
        border-bottom:1px solid rgba(255,255,255,.09);
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        align-items:center;
        gap:16px;
    }
    .armiran-why-discipline span{font-size:8px}
    .armiran-why-discipline strong{font-size:10px;text-align:right}
}
@media (max-width:1180px) and (orientation:landscape) and (max-height:620px){
    .armiran-why{height:150vh;min-height:620px}
    .armiran-why-stage{
        height:100svh;
        min-height:0;
        padding:max(var(--why-nav-clear),82px) max(28px,0px) 22px max(28px,0px);
    }
    .armiran-why-copy h2{max-width:88vw;font-size:clamp(42px,8.6vw,78px);line-height:.9}
    .armiran-why-copy p{margin-top:14px;font-size:10px;line-height:1.6}
    .armiran-why-disciplines{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:0}
    .armiran-why-discipline,.armiran-why-discipline:nth-child(4){
        min-height:44px;
        padding:0 9px 8px;
        border-inline-start:1px solid rgba(255,255,255,.13);
    }
    .armiran-why-discipline:first-child{padding-inline-start:0;border-inline-start:0}
    .armiran-why-discipline span{font-size:6px}
    .armiran-why-discipline strong{font-size:7px}
}
@media (prefers-reduced-motion:reduce){
    .armiran-why{height:auto;min-height:100svh}
}

/* WHY ARMIRAN — complete three-act scroll story */
.armiran-why{height:390vh;min-height:2600px}
.armiran-why-stage{display:block;padding:0;min-height:0}
.armiran-why-panel{
    position:absolute;inset:0;overflow:hidden;
    padding:max(var(--why-nav-clear),clamp(112px,14vh,154px)) clamp(34px,5.7vw,88px) clamp(42px,6vh,72px);
    background:#000;color:#f2f2f4;
}
.armiran-why-panel--system{display:flex;flex-direction:column;justify-content:space-between}
.armiran-why-kicker{
    display:block;font:300 clamp(8px,.64vw,10px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.11em;color:rgba(255,255,255,.55);direction:ltr;text-align:left;
}
.armiran-why-panel--system .armiran-why-kicker{margin-bottom:clamp(20px,3vh,34px)}
.armiran-why-principles{
    position:absolute;top:max(var(--why-nav-clear),clamp(112px,14vh,154px));right:clamp(34px,5.7vw,88px);
    width:min(45vw,650px);direction:ltr;
}
.armiran-why-principles div{
    min-height:58px;border-top:1px solid rgba(255,255,255,.22);
    display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;
}
.armiran-why-principles span,.armiran-why-principles strong{
    font:300 clamp(9px,.76vw,12px)/1.3 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.06em;color:rgba(255,255,255,.72);
}
.armiran-why-principles strong{font-family:"Modam",sans-serif;letter-spacing:0;direction:rtl;text-align:right;color:rgba(255,255,255,.48)}
.armiran-why-standard-copy{position:absolute;left:clamp(34px,5.7vw,88px);bottom:clamp(58px,8vh,100px);width:min(86vw,1250px);direction:ltr}
.armiran-why-standard-copy h2,.armiran-why-unity-copy h2{
    margin:0;font-family:"Belfast","Helvetica Neue",Arial,sans-serif;font-size:clamp(74px,10vw,152px);
    font-weight:300;line-height:.84;letter-spacing:-.055em;
}
.armiran-why-standard-copy h2 span,.armiran-why-standard-copy h2 strong,.armiran-why-unity-copy h2 span,.armiran-why-unity-copy h2 strong{display:block;font:inherit;white-space:nowrap}
.armiran-why-standard-copy p,.armiran-why-unity-copy p{
    margin:clamp(24px,3vh,36px) 0 0;font:300 clamp(11px,.9vw,14px)/1.9 "Modam",sans-serif;
    color:rgba(255,255,255,.52);direction:rtl;text-align:left;
}
.armiran-why-panel--unity:after{
    content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.14);
}
.armiran-why-fragments{
    position:absolute;left:clamp(34px,5.7vw,88px);top:24%;width:37%;display:flex;flex-direction:column;gap:clamp(21px,3vh,34px);direction:ltr;
}
.armiran-why-fragments span{
    padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12);
    font:300 clamp(12px,1.25vw,19px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.12em;color:rgba(255,255,255,.18);
}
.armiran-why-unity-copy{position:absolute;left:56%;right:clamp(34px,5.7vw,88px);top:29%;z-index:1;direction:ltr}
.armiran-why-unity-copy h2{font-size:clamp(62px,7.4vw,116px);line-height:.9}
.armiran-why-resolve-line{position:absolute;left:clamp(34px,5.7vw,88px);right:clamp(34px,5.7vw,88px);bottom:clamp(58px,8vh,92px);height:1px;background:rgba(255,255,255,.64);transform-origin:right center}
.armiran-why-progress{position:absolute;right:clamp(14px,2vw,28px);top:50%;z-index:10;display:flex;flex-direction:column;gap:8px}
.armiran-why-progress i{display:block;width:2px;height:20px;background:rgba(255,255,255,.18);transition:background .2s}
.armiran-why-progress i.is-active{background:rgba(255,255,255,.9)}

@media (max-width:1180px) and (min-width:769px){
    .armiran-why{height:360vh;min-height:2200px}
    .armiran-why-panel{padding-inline:clamp(26px,5vw,54px)}
    .armiran-why-principles{right:clamp(26px,5vw,54px)}
    .armiran-why-standard-copy,.armiran-why-fragments{left:clamp(26px,5vw,54px)}
    .armiran-why-unity-copy{right:clamp(26px,5vw,54px)}
}

@media (max-width:768px){
    .armiran-why{height:auto;min-height:0;overflow:hidden}
    .armiran-why-stage{height:auto;min-height:0;overflow:visible}
    .armiran-why-panel{position:relative;inset:auto;min-height:100svh;padding:max(var(--why-nav-clear),104px) 22px max(42px,0px)}
    .armiran-why-panel--system{gap:64px}
    .armiran-why-kicker{font-size:8px}
    .armiran-why-principles{position:relative;top:auto;right:auto;width:100%;margin-top:64px}
    .armiran-why-principles div{min-height:52px}
    .armiran-why-standard-copy{position:relative;left:auto;bottom:auto;width:100%;margin-top:clamp(120px,22vh,210px)}
    .armiran-why-standard-copy h2,.armiran-why-unity-copy h2{font-size:clamp(49px,16vw,72px);line-height:.88}
    .armiran-why-standard-copy h2 span,.armiran-why-standard-copy h2 strong,.armiran-why-unity-copy h2 span,.armiran-why-unity-copy h2 strong{white-space:normal}
    .armiran-why-standard-copy p,.armiran-why-unity-copy p{max-width:310px;font-size:11px;text-align:right}
    .armiran-why-panel--unity:after{left:44%}
    .armiran-why-fragments{left:22px;top:26%;width:34%;gap:24px}
    .armiran-why-fragments span{font-size:8px;overflow:hidden}
    .armiran-why-unity-copy{left:49%;right:22px;top:35%}
    .armiran-why-unity-copy h2{font-size:clamp(36px,11.5vw,52px)}
    .armiran-why-unity-copy p{margin-top:24px;font-size:9px;line-height:1.8}
    .armiran-why-resolve-line{left:22px;right:22px;bottom:48px}
    .armiran-why-progress{display:none}
}

@media (max-width:768px) and (orientation:landscape){
    .armiran-why-panel{min-height:100svh;padding:max(var(--why-nav-clear),78px) max(28px,0px) 24px max(28px,0px)}
    .armiran-why-standard-copy{margin-top:12vh}
    .armiran-why-standard-copy h2,.armiran-why-unity-copy h2{font-size:clamp(38px,8.5vw,72px)}
}

@media (prefers-reduced-motion:reduce){
    .armiran-why{height:auto;min-height:0}
    .armiran-why-stage{height:auto}
    .armiran-why-panel{position:relative;min-height:100svh}
}

/* WHY ARMIRAN V1.6 — bounded type + pinned responsive story */
.armiran-why-unity-copy h2{
    font-size:clamp(46px,5vw,78px);
    letter-spacing:-.062em;
}

@media (max-width:768px) and (orientation:portrait){
    .armiran-why{height:430vh;min-height:2800px;overflow:clip}
    .armiran-why-stage{position:relative;height:100svh;min-height:0;overflow:hidden}
    .armiran-why-panel{
        position:absolute;inset:0;min-height:0;height:100%;
        padding:max(var(--why-nav-clear),104px) 20px max(30px,0px);
    }
    .armiran-why-panel--system{gap:38px}
    .armiran-why-copy h2{font-size:clamp(38px,12.2vw,54px);line-height:.91}
    .armiran-why-copy p{margin-top:16px}
    .armiran-why-disciplines{margin-top:auto}
    .armiran-why-discipline,.armiran-why-discipline:nth-child(4){min-height:45px;padding:7px 0}

    .armiran-why-panel--standard{display:block}
    .armiran-why-principles{position:absolute;top:max(var(--why-nav-clear),104px);left:20px;right:20px;width:auto;margin:34px 0 0}
    .armiran-why-principles div{min-height:45px}
    .armiran-why-standard-copy{position:absolute;left:20px;right:20px;bottom:max(42px,0px);width:auto;margin:0}
    .armiran-why-standard-copy h2{font-size:clamp(38px,10.8vw,48px);line-height:.9;letter-spacing:-.06em}
    .armiran-why-standard-copy h2 span,.armiran-why-standard-copy h2 strong{white-space:nowrap}
    .armiran-why-standard-copy p{max-width:100%;margin-top:22px}

    .armiran-why-panel--unity:after{left:41%}
    .armiran-why-fragments{left:20px;top:max(calc(var(--why-nav-clear) + 56px),25%);width:32%;gap:clamp(18px,3.1vh,27px)}
    .armiran-why-fragments span{font-size:clamp(7px,2.1vw,9px);letter-spacing:.08em;white-space:nowrap;text-overflow:clip}
    .armiran-why-unity-copy{left:46%;right:20px;top:max(calc(var(--why-nav-clear) + 92px),31%)}
    .armiran-why-unity-copy h2{font-size:clamp(24px,6.75vw,31px);line-height:.94;letter-spacing:-.055em}
    .armiran-why-unity-copy h2 span,.armiran-why-unity-copy h2 strong{white-space:nowrap}
    .armiran-why-unity-copy p{max-width:100%;margin-top:22px;font-size:9px;line-height:1.75;text-align:right}
    .armiran-why-resolve-line{left:20px;right:20px;bottom:36px}
}

@media (orientation:landscape) and (max-width:950px) and (max-height:620px){
    .armiran-why{height:410vh;min-height:2000px;overflow:clip}
    .armiran-why-stage{position:relative;height:100svh;min-height:0;overflow:hidden}
    .armiran-why-panel{
        position:absolute;inset:0;height:100%;min-height:0;
        padding:max(var(--why-nav-clear),78px) max(26px,0px) 22px max(26px,0px);
    }
    .armiran-why-principles{top:max(var(--why-nav-clear),78px);right:max(26px,0px);width:43vw}
    .armiran-why-principles div{min-height:32px}
    .armiran-why-principles span,.armiran-why-principles strong{font-size:7px}
    .armiran-why-standard-copy{left:max(26px,0px);bottom:22px;width:88vw;margin:0}
    .armiran-why-standard-copy h2{font-size:clamp(38px,6.8vw,58px);line-height:.86}
    .armiran-why-standard-copy h2 span,.armiran-why-standard-copy h2 strong{white-space:nowrap}
    .armiran-why-standard-copy p{margin-top:12px;font-size:8px}

    .armiran-why-panel--unity:after{left:49%}
    .armiran-why-fragments{left:max(26px,0px);top:max(calc(var(--why-nav-clear) + 28px),28%);width:39%;gap:12px}
    .armiran-why-fragments span{padding-bottom:6px;font-size:7px;white-space:nowrap}
    .armiran-why-unity-copy{left:54%;right:max(26px,0px);top:max(calc(var(--why-nav-clear) + 34px),31%)}
    .armiran-why-unity-copy h2{font-size:clamp(30px,4.55vw,42px);line-height:.9}
    .armiran-why-unity-copy h2 span,.armiran-why-unity-copy h2 strong{white-space:nowrap}
    .armiran-why-unity-copy p{margin-top:14px;font-size:7px;line-height:1.6}
    .armiran-why-resolve-line{left:max(26px,0px);right:max(26px,0px);bottom:20px}
}

/* Featured Packages desktop CTA — Apple-style interaction */
@media (min-width:1181px) and (hover:hover){
    .armiran-packages-featured .armiran-packages-cta--stage{
        background:#f5f5f7!important;
        color:#1d1d1f!important;
        transform:none!important;
        transition:background-color .18s ease-in-out,color .18s ease-in-out,opacity .18s ease-in-out!important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage:hover{
        background:#fff!important;
        color:#000!important;
        transform:none!important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage:active{
        background:#e8e8ed!important;
        color:#1d1d1f!important;
        opacity:.82;
        transform:none!important;
        transition-duration:.08s!important;
    }
}

/* PROCESS — CONVERGING PATHS V2.3
   Desktop owns the pinned scene. Touch-size viewports stay in normal flow so
   Safari's dynamic toolbar and orientation changes cannot crop the stage. */
.armiran-process{
    --process-nav-clear:104px;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    background:#000;
    color:#f2f2f4;
    overflow:clip;
    isolation:isolate;
}
.armiran-process-stage{
    position:relative;
    width:100%;
    height:auto;
    min-height:100dvh;
    overflow:visible;
    padding:var(--process-nav-clear) clamp(34px,5.7vw,88px) max(42px,0px);
}
.armiran-process-head{position:relative;z-index:2;direction:ltr;text-align:left}
.armiran-process-kicker{display:block;margin-bottom:clamp(22px,3.4vh,36px);font:300 clamp(9px,.72vw,11px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.armiran-process-head h2{margin:0;font:300 clamp(68px,9.7vw,148px)/.9 "Belfast","Helvetica Neue",Arial,sans-serif;letter-spacing:-.057em;white-space:nowrap}
.armiran-process-head h2 span,.armiran-process-head h2 strong{display:block;font:inherit;white-space:nowrap}
.armiran-process-head p{margin:clamp(22px,3vh,34px) 0 0;font:300 clamp(12px,.95vw,15px)/1.9 "Modam",sans-serif;color:rgba(255,255,255,.62);direction:rtl;text-align:left}
.armiran-process-flow{position:absolute;left:clamp(34px,5.7vw,88px);right:clamp(34px,5.7vw,88px);bottom:clamp(80px,12dvh,132px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:ltr}
.armiran-process-step{position:relative;min-width:0;padding-right:clamp(18px,2vw,30px)}
.armiran-process-step:not(:last-child){border-right:1px solid rgba(255,255,255,.34)}
.armiran-process-step i{display:block;height:1px;margin-top:24px;background:rgba(255,255,255,.84);transform-origin:left center}
.armiran-process-step:not(:last-child) i:after{content:"";position:absolute;right:clamp(12px,1.5vw,22px);margin-top:-4px;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.armiran-process-label{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-items:baseline}
.armiran-process-label b{grid-row:1/3;font:300 clamp(42px,4.7vw,72px)/.8 "Belfast","Helvetica Neue",Arial,sans-serif;letter-spacing:-.06em;color:#f2f2f4}
.armiran-process-label span{font:300 clamp(15px,1.25vw,20px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.92);white-space:nowrap}
.armiran-process-label strong{font:300 clamp(10px,.82vw,13px)/1.8 "Modam",sans-serif;color:rgba(255,255,255,.55);direction:rtl;text-align:left;white-space:nowrap}

@media (min-width:1181px){
    .armiran-process{height:340vh;min-height:2300px}
    .armiran-process-stage{height:100dvh;min-height:680px;overflow:hidden;padding-top:clamp(112px,14dvh,154px)}
}

/* Tablet and touch-width layouts: no pin and no fixed-height crop. */
@media (max-width:1180px){
    .armiran-process{height:auto!important;min-height:0!important;overflow:clip}
    .armiran-process-stage{
        position:relative!important;
        inset:auto!important;
        transform:none!important;
        height:auto!important;
        min-height:100dvh!important;
        overflow:visible!important;
        padding-top:var(--process-nav-clear);
        padding-inline:clamp(24px,5vw,54px);
        padding-bottom:max(40px,0px);
    }
    .armiran-process-head h2{font-size:clamp(54px,9vw,105px);white-space:normal}
    .armiran-process-head h2 span,.armiran-process-head h2 strong{white-space:normal}
    .armiran-process-flow{
        position:relative;
        inset:auto;
        margin-top:clamp(64px,10dvh,104px);
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:34px 0;
    }
    .armiran-process-step{padding-right:clamp(14px,2.4vw,24px)}
    .armiran-process-step:nth-child(2){border-right:0}
    .armiran-process-label{column-gap:10px}
    .armiran-process-label b{font-size:clamp(36px,5.5vw,58px)}
    .armiran-process-label span{font-size:clamp(11px,1.6vw,16px)}
    .armiran-process-label strong{font-size:10px}
}

@media (max-width:768px) and (orientation:portrait){
    .armiran-process-stage{padding-inline:max(20px,0px) max(20px,0px);padding-bottom:max(46px,0px)}
    .armiran-process-head h2{font-size:clamp(42px,13.2vw,60px);line-height:.91}
    .armiran-process-head p{max-width:340px;margin-top:18px;font-size:11px;line-height:1.8;text-align:right}
    .armiran-process-flow{margin-top:clamp(68px,11dvh,108px);display:flex;flex-direction:column;gap:0}
    .armiran-process-step{padding:0 0 22px;margin-bottom:20px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.2)}
    .armiran-process-step:last-child{margin-bottom:0;border-bottom:0}
    .armiran-process-step i{margin-top:14px}
    .armiran-process-step:not(:last-child) i:after{right:7px;margin-top:-4px}
    .armiran-process-label{column-gap:12px}
    .armiran-process-label b{font-size:clamp(38px,12vw,54px)}
    .armiran-process-label span{font-size:clamp(13px,4vw,17px)}
    .armiran-process-label strong{font-size:10px}
}

/* Phone landscape and tablet landscape stay within the visible dynamic
   viewport, with responsive room reserved below every stage label. */
@media (max-width:1180px) and (orientation:landscape){
    .armiran-process-stage{
        min-height:100dvh!important;
        padding-top:var(--process-nav-clear);
        padding-left:max(26px,0px);
        padding-right:max(26px,0px);
        padding-bottom:max(24px,calc(0px + 10px));
    }
    .armiran-process-kicker{margin-bottom:clamp(12px,2.5dvh,22px);font-size:8px}
    .armiran-process-head h2{font-size:clamp(38px,7vw,76px);line-height:.86;white-space:nowrap}
    .armiran-process-head h2 span,.armiran-process-head h2 strong{white-space:nowrap}
    .armiran-process-head p{margin-top:clamp(8px,2dvh,16px);font-size:clamp(8px,1vw,10px);line-height:1.6}
    .armiran-process-flow{margin-top:clamp(24px,6dvh,54px);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
    .armiran-process-step{padding-right:clamp(8px,1.6vw,16px);border-bottom:0!important;border-right:1px solid rgba(255,255,255,.34)!important}
    .armiran-process-step:last-child{border-right:0!important}
    .armiran-process-step i{margin-top:clamp(8px,2dvh,14px)}
    .armiran-process-label{column-gap:clamp(5px,1vw,10px)}
    .armiran-process-label b{font-size:clamp(26px,4.7vw,50px)}
    .armiran-process-label span{font-size:clamp(8px,1.35vw,14px)}
    .armiran-process-label strong{font-size:clamp(6px,.85vw,9px)}
    .armiran-process-step:not(:last-child) i:after{right:5px}
}

@media (max-width:950px) and (orientation:landscape) and (max-height:520px){
    .armiran-process-stage{padding-bottom:max(18px,calc(0px + 8px))}
    .armiran-process-head h2{font-size:clamp(34px,7vw,58px)}
    .armiran-process-flow{margin-top:clamp(18px,4.5dvh,30px)}
}

@media (prefers-reduced-motion:reduce){
    .armiran-process,.armiran-process-stage{height:auto!important;min-height:100dvh}
}

/* =========================================================
   FINAL CTA + CONTACT FOOTER — DIRECT CONTACT EDITORIAL
   ========================================================= */
.armiran-contact{
    --contact-nav-clear:112px;
    position:relative;
    width:100%;
    min-height:100dvh;
    overflow:clip;
    background:#000;
    color:#f4f4f5;
    isolation:isolate;
}
.armiran-contact-stage{
    width:100%;
    min-height:100dvh;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
}
.armiran-contact-main{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.68fr) minmax(360px,.98fr);
    border-bottom:1px solid rgba(255,255,255,.72);
    direction:ltr;
}
.armiran-contact-copy{
    min-width:0;
    grid-column:1;
    padding:var(--contact-nav-clear) clamp(34px,5.7vw,88px) clamp(44px,6dvh,70px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    direction:ltr;
    text-align:left;
}
.armiran-contact-kicker{
    display:block;
    margin-bottom:clamp(30px,5dvh,58px);
    font:300 clamp(9px,.76vw,12px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.08em;
    color:rgba(255,255,255,.78);
}
.armiran-contact-copy h2{
    margin:0;
    max-width:100%;
    font:300 clamp(70px,8.4vw,132px)/.82 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:-.06em;
}
.armiran-contact-copy h2 span,.armiran-contact-copy h2 strong{
    display:block;
    font:inherit;
    white-space:nowrap;
}
.armiran-contact-copy p{
    margin:clamp(24px,3.4dvh,38px) 0 0;
    max-width:640px;
    font:300 clamp(11px,.95vw,15px)/1.9 "Modam",sans-serif;
    color:rgba(255,255,255,.58);
    direction:rtl;
    text-align:left;
}
.armiran-contact-actions{
    min-width:0;
    grid-column:2;
    border-left:1px solid rgba(255,255,255,.72);
    padding:var(--contact-nav-clear) clamp(34px,4.8vw,76px) clamp(44px,6dvh,70px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    direction:ltr;
}
.armiran-contact-primary{
    align-self:flex-start;
    position:relative;
    margin:0 0 clamp(28px,4.5dvh,48px);
    padding:0 0 10px;
    color:#fff;
    font:700 clamp(19px,1.65vw,28px)/1.5 "Modam",sans-serif;
    direction:rtl;
}
.armiran-contact-primary::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#fff;
    transform:scaleX(.34);
    transform-origin:right center;
    transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.armiran-contact-row{
    position:relative;
    min-height:clamp(74px,10dvh,104px);
    border-bottom:1px solid rgba(255,255,255,.42);
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:24px;
    color:#f4f4f5;
    text-decoration:none;
    overflow:hidden;
}
.armiran-contact-row::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:2px;
    background:#fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.armiran-contact-row span,.armiran-contact-row strong{
    font:300 clamp(9px,.84vw,13px)/1.35 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.015em;
}
.armiran-contact-row strong{
    justify-self:end;
    color:rgba(255,255,255,.9);
    white-space:nowrap;
}
.armiran-contact-row:hover::after,.armiran-contact-row:focus-visible::after{transform:scaleX(1)}
.armiran-contact-row:hover strong,.armiran-contact-row:focus-visible strong{color:#fff}
.armiran-contact-row:focus-visible{outline:2px solid #fff;outline-offset:5px}
.armiran-contact-footer{
    min-height:clamp(82px,11dvh,112px);
    padding:0 clamp(34px,5.7vw,88px);
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:32px;
    direction:ltr;
    font:300 clamp(8px,.66vw,10px)/1 "Belfast","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.20em;
    color:rgba(255,255,255,.9);
}
.armiran-contact-footer a{color:inherit;text-decoration:none;justify-self:start}
.armiran-contact-footer span:nth-child(2){justify-self:center}
.armiran-contact-footer span:last-child{justify-self:end}
.armiran-contact-footer a:hover,.armiran-contact-footer a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}

@media (max-width:1180px){
    .armiran-contact-main{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}
    .armiran-contact-copy{padding-inline:clamp(26px,5vw,54px)}
    .armiran-contact-actions{padding-inline:clamp(26px,4vw,48px)}
    .armiran-contact-copy h2{font-size:clamp(54px,7.8vw,92px)}
    .armiran-contact-row{min-height:clamp(64px,8.5dvh,82px)}
    .armiran-contact-footer{padding-inline:clamp(26px,5vw,54px)}
}

@media (max-width:768px) and (orientation:portrait){
    .armiran-contact-stage{display:block;min-height:100dvh}
    .armiran-contact-main{display:block;border-bottom:1px solid rgba(255,255,255,.72)}
    .armiran-contact-copy{
        min-height:0;
        padding:var(--contact-nav-clear) max(20px,0px) clamp(28px,4.5dvh,42px) max(20px,0px);
        justify-content:flex-start;
    }
    .armiran-contact-kicker{margin-bottom:clamp(28px,5dvh,42px);font-size:8px}
    .armiran-contact-copy h2{font-size:clamp(44px,13.7vw,66px);line-height:.86}
    .armiran-contact-copy p{max-width:330px;margin-top:24px;font-size:11px;line-height:1.8;text-align:right}
    .armiran-contact-actions{
        min-height:0;
        border-left:0;
        padding:clamp(18px,3dvh,28px) max(20px,0px) max(54px,calc(0px + 30px)) max(20px,0px);
        justify-content:flex-start;
    }
    .armiran-contact-primary{margin-bottom:clamp(34px,6dvh,56px);font-size:clamp(21px,6vw,28px)}
    .armiran-contact-row{min-height:78px;gap:16px}
    .armiran-contact-row span,.armiran-contact-row strong{font-size:clamp(9px,2.8vw,12px)}
    .armiran-contact-footer{
        min-height:150px;
        padding:34px max(20px,0px) max(34px,0px) max(20px,0px);
        grid-template-columns:1fr auto;
        grid-template-rows:auto auto;
        gap:26px 16px;
        font-size:8px;
    }
    .armiran-contact-footer span:nth-child(2){justify-self:end}
    .armiran-contact-footer span:last-child{grid-column:1/3;justify-self:start}
}

@media (max-width:950px) and (orientation:landscape) and (max-height:620px){
    .armiran-contact-stage{min-height:100dvh}
    .armiran-contact-main{grid-template-columns:minmax(0,1.42fr) minmax(300px,1fr)}
    .armiran-contact-copy{
        padding:var(--contact-nav-clear) max(26px,0px) max(22px,calc(0px + 10px));
        justify-content:flex-start;
    }
    .armiran-contact-kicker{margin-bottom:12px;font-size:7px}
    .armiran-contact-copy h2{font-size:clamp(36px,6.1vw,58px);line-height:.84}
    .armiran-contact-copy p{margin-top:12px;font-size:8px;line-height:1.6}
    .armiran-contact-actions{
        padding:var(--contact-nav-clear) max(26px,0px) max(22px,calc(0px + 10px)) 24px;
        justify-content:flex-start;
    }
    .armiran-contact-primary{margin-bottom:12px;padding-bottom:6px;font-size:15px}
    .armiran-contact-row{min-height:42px;gap:10px}
    .armiran-contact-row span,.armiran-contact-row strong{font-size:7px}
    .armiran-contact-footer{min-height:48px;padding-inline:max(26px,0px);font-size:7px}
}

@media (prefers-reduced-motion:reduce){
    .armiran-contact-primary::after,.armiran-contact-row::after{transition:none}
}

/* =========================================================
   HEADER BASE — REFERENCE MAIN.CSS LAYER
========================================================= */
/* =========================
   ARMIRAN GLASS NAV
========================= */

.armiran-nav {
    position: fixed;

    top: 20px;
    left: 50%;
    transform: translateX(-50%);

    width: min(1040px, calc(100% - 40px));
    height: 50px;

    padding: 0 18px;

    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;

    direction: ltr;

    background:
    rgba(15,15,15,.55);

    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 18px;

    box-shadow:
    0 10px 40px rgba(0,0,0,.35);

    z-index: 9999;

    isolation: isolate;
}



.armiran-nav-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    height: 100%;

    position: relative;
    z-index: 3;
}



.armiran-nav-logo img {
    height:22px;
    width:auto;
    object-fit:contain;
    display:block;

    filter:brightness(0) invert(1);
    -webkit-filter:brightness(0) invert(1);
}


/* =========================
   DESKTOP INLINE NAVIGATION
   Apple-like distribution + hover
========================= */

.armiran-nav-links {
    position: absolute;
    left: 50%;
    top: 0;

    width: max-content;
    height: 100%;

    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;

    gap: clamp(18px, 1.7vw, 26px);

    direction: ltr;

    transform: translateX(-50%);

    z-index: 2;
}


.armiran-nav-link {
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 4px;

    direction: rtl;

    color: rgba(255,255,255,.74);
    text-decoration: none;

    font-family: "Modam", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;

    white-space: nowrap;

    opacity: 1;

    transition:
        color .22s cubic-bezier(.25,.1,.25,1);
}


/* Apple-style nav has no underline / lift animation. */
.armiran-nav-link::after {
    content: none;
}


.armiran-nav-link:hover,
.armiran-nav-link:focus-visible {
    color: rgba(255,255,255,.98);
    outline: none;
}


/* Keep submenu hooks in markup, but no visible chevron in the top bar.
   Future submenu panels can still use data-submenu. */
.armiran-nav-link-indicator {
    display: none;
}


/* The desktop hamburger must never win the cascade. */
@media (min-width: 1181px) {

    .armiran-nav > .armiran-nav-toggle {
        display: none !important;
    }

}


/* =========================
   MENU BUTTON
========================= */

.armiran-nav-toggle {
    border:none;
    background:none;

    width:auto;
    height:auto;

    padding:8px 0;

    display:flex;

    flex-direction:column;

    justify-content:center;
    align-items:center;

    gap:5px;

    cursor:pointer;
}



.armiran-nav-toggle span {
    width:18px;
    height:1.5px;
    background:white;
    display:block;
}





/* =========================
   FULLSCREEN GLASS MENU
========================= */

.menu-overlay {
    position:fixed;

    inset:0;

    width:100vw;
    height:100vh;

    background:
    rgba(0,0,0,.72);

    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);

    z-index:9998;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .6s ease,
        visibility .6s ease;
}



.menu-inner {
    width:100%;
    height:100%;

    display:flex;

    align-items:center;
    justify-content:center;
}



.menu-links {
    display:flex;

    flex-direction:column;
    align-items:center;

    gap:32px;
}



.menu-links a {
    color:white;

    text-decoration:none;

    font-family:"Modam",sans-serif;

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

    opacity:.9;

    display:block;
}



.menu-links a:hover {
    opacity:1;
}





/* =========================================================
   NAVIGATION MODE BREAKPOINT
   Desktop inline menu only on true desktop widths.
   Tablets + all phone orientations use hamburger.
========================================================= */
@media (max-width: 1180px) {

    .armiran-nav {
        display: flex;
        grid-template-columns: none;
        justify-content: space-between;
    }

    .armiran-nav-links {
        display: none;
    }

    .armiran-nav-toggle {
        display: flex;
    }

}


@media(max-width:768px){

    .armiran-nav-links { display:none; }

    .armiran-nav-toggle { display:flex; }

    .armiran-nav {
        display: flex;
        grid-template-columns: none;
        justify-content: space-between;
        height:58px;
        top:16px;

        width:calc(100% - 32px);

        padding-left:18px;
        padding-right:18px;

    }


    /* GSAP owns the open/close timing. No CSS transition here,
       so the logo/navbar cannot lead or lag the overlay by even one frame. */
    .armiran-nav-logo {
        opacity: 1;
        visibility: visible;
    }


    .armiran-nav-toggle {
        position: relative;
        z-index: 5;
        opacity: 1;
        visibility: visible;
    }


    .armiran-nav-logo img {
        height:20px;
    }


    .armiran-nav-toggle span {
        width:16px;
    }


    .menu-links {
        gap:24px;
    }


    .menu-links a {
        font-size:32px;
    }

}





/* =========================
   MENU TOGGLE ANIMATION
========================= */

.armiran-nav-toggle span {
    transition:
        transform .60s cubic-bezier(.25,.1,.25,1),
        opacity .60s cubic-bezier(.25,.1,.25,1);
}



.armiran-nav-toggle.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}



.armiran-nav-toggle.active span:nth-child(2) {
    opacity: 0;
}



.armiran-nav-toggle.active span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}





/* =========================
   MOBILE LANDSCAPE MENU
========================= */

@media (max-width: 900px) and (orientation: landscape) {

    .menu-inner {
        align-items: flex-start;

        padding-top: 110px;
        padding-bottom: 40px;

        overflow-y: auto;
    }

}

/* =========================================================
   FOOTER — LOCKED SERVICES HUB V21
========================================================= */
/* ==================================================
   PACKAGES FOOTER
================================================== */

.packages-footer {
  position: relative;
  background: #030303;
  color: #fff;
  padding: 0 0 26px;
}

.packages-footer__inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.packages-footer__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  direction: rtl;
  padding: 52px 0 54px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.packages-footer__column {
  min-width: 0;
  padding: 0 48px;
  text-align: right;
}

.packages-footer__column:first-child {
  padding-right: 8px;
}

.packages-footer__column:last-child {
  padding-left: 8px;
}

.packages-footer__column + .packages-footer__column {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.packages-footer__title {
  margin: 0 0 24px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.5;
}

.packages-footer__column a,
.packages-footer__column span {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 13px;
  color: rgba(255, 255, 255, 0.58);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
}

.packages-footer__column a {
  transition: color 180ms ease;
}

.packages-footer__column a:hover {
  color: #fff;
}

.packages-footer__contact-label {
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 17px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.packages-footer__contact-label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 116px;
  max-width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
}

.packages-footer__phone {
  direction: ltr;
  text-align: right;
  font-family: "BelfastGrotesk", sans-serif;
  font-size: 12px !important;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.76) !important;
}

.packages-footer__phone:last-child {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 0 !important;
}

.packages-footer__phone:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 116px;
  max-width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
}

.packages-footer__bottom {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.packages-footer__brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 94px;
  text-decoration: none;
}

.packages-footer__brand img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 0.92;
}

.packages-footer__copyright {
  font-family: "BelfastGrotesk", sans-serif;
  font-size: 9px;
  letter-spacing: 0.26em;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}

/* Tablet */
@media (max-width: 900px) {
  .packages-footer__grid {
    padding: 44px 0 46px;
  }

  .packages-footer__column {
    padding: 0 30px;
  }

  .packages-footer__column:first-child {
    padding-right: 4px;
  }

  .packages-footer__column:last-child {
    padding-left: 4px;
  }

  .packages-footer__title {
    margin-bottom: 20px;
    font-size: 13px;
  }

  .packages-footer__column a,
  .packages-footer__column span {
    font-size: 11px;
  }
}

/* Mobile portrait */
@media (max-width: 600px) {
  .packages-footer {
    padding-bottom: 18px;
  }

  .packages-footer__inner {
    width: calc(100% - 28px);
  }

  .packages-footer__grid {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .packages-footer__column,
  .packages-footer__column:first-child,
  .packages-footer__column:last-child {
    padding: 28px 0;
    border-right: 0;
  }

  .packages-footer__column + .packages-footer__column {
    border-right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .packages-footer__title {
    margin-bottom: 16px;
    font-size: 12px;
  }

  .packages-footer__column a,
  .packages-footer__column span {
    margin-bottom: 10px;
    font-size: 10px;
  }

  .packages-footer__phone {
    font-size: 10px !important;
  }

  .packages-footer__bottom {
    min-height: 62px;
    gap: 16px;
  }

  .packages-footer__brand {
    width: 74px;
  }

  .packages-footer__copyright {
    font-size: 7px;
    letter-spacing: 0.18em;
  }
}

/* Phone landscape / compact viewport */
@media (orientation: landscape) and (max-height: 600px) and (max-width: 950px) {
  .packages-footer__inner {
    width: calc(100% - 36px);
  }

  .packages-footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 28px 0 30px;
  }

  .packages-footer__column,
  .packages-footer__column:first-child,
  .packages-footer__column:last-child {
    padding: 0 22px;
    border-top: 0;
  }

  .packages-footer__column:first-child {
    padding-right: 2px;
  }

  .packages-footer__column:last-child {
    padding-left: 2px;
  }

  .packages-footer__column + .packages-footer__column {
    border-top: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
  }

  .packages-footer__title {
    margin-bottom: 14px;
    font-size: 11px;
  }

  .packages-footer__column a,
  .packages-footer__column span {
    margin-bottom: 7px;
    font-size: 9px;
  }

  .packages-footer__phone {
    font-size: 9px !important;
  }

  .packages-footer__bottom {
    min-height: 56px;
  }

  .packages-footer__brand {
    width: 68px;
  }

  .packages-footer__copyright {
    font-size: 7px;
  }
}


/* ==================================================
   PACKAGES FOOTER — FINAL CONTENT + SERVICE BULLET HOVER
================================================== */

.packages-footer__column--services .packages-footer__service {
  position: relative;
  width: 100%;
  padding-right: 15px;
  cursor: default;
  transition: color 180ms ease;
}

.packages-footer__column--services .packages-footer__service::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.9em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transform: translateY(-50%);
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.packages-footer__column--services .packages-footer__service:hover {
  color: rgba(255, 255, 255, 0.94);
}

.packages-footer__column--services .packages-footer__service:hover::before {
  background: #fff;
  transform: translateY(-50%) scale(1.18);
  box-shadow:
    0 0 5px rgba(255, 255, 255, 0.7),
    0 0 11px rgba(255, 255, 255, 0.28);
}

.packages-footer__column--contact .packages-footer__email {
  direction: ltr;
  text-align: right;
  font-family: "BelfastGrotesk", sans-serif;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.68);
}

.packages-footer__brand {
  width: 70px;
}

.packages-footer__brand img {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.packages-footer__bottom {
  flex-direction: row-reverse;
}

@media (max-width: 600px) {
  .packages-footer__brand {
    width: 56px;
  }

  .packages-footer__column--services .packages-footer__service {
    padding-right: 13px;
  }

  .packages-footer__column--services .packages-footer__service::before {
    width: 3px;
    height: 3px;
  }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 950px) {
  .packages-footer__brand {
    width: 52px;
  }
}




/* Footer QA matching Packages */
.packages-footer__column {
  overflow-wrap: anywhere;
}

.packages-footer a:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.85);
  outline-offset: 4px;
}

.packages-footer {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  .packages-footer {
    overflow-x: hidden;
  }
}

html.about-menu-open,
html.about-menu-open body {
  overflow: hidden;
}

/* =========================================================
   HEADER / NAVIGATION — LOCKED SERVICES HUB V21
========================================================= */
/* =========================================================
   V5 — APPLE-LIKE GLOBAL NAVIGATION
   - Original header DOM preserved
   - Portrait mobile = Apple-like full-screen drill-down
   - Landscape phone/tablet = desktop navigation, no hamburger
========================================================= */

.packages-footer__service{
  text-decoration:none;
  color:rgba(255,255,255,.58);
  transition:color .18s ease;
}
.packages-footer__service:hover,
.packages-footer__service:focus-visible{
  color:#fff;
  outline:none;
}

/* Desktop navigation mode also applies to phone/tablet landscape. */
@media (min-width:901px), (orientation:landscape) and (min-width:568px){
  .armiran-nav{
    z-index:1002 !important;
  }

  .armiran-nav-toggle{
    display:none !important;
  }

  .armiran-nav-links{
    display:flex !important;
  }

  .apple-mobile-menu{
    display:none !important;
  }

  .apple-services-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1000;
    background:rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
      opacity .32s cubic-bezier(.4,0,.6,1),
      visibility .32s step-end;
  }

  .apple-services-menu{
    --apple-nav-bottom:74px;
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1001;
    padding-top:var(--apple-nav-bottom);
    background:#161617;
    color:#f5f5f7;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    clip-path:inset(0 0 100% 0);
    transition:
      clip-path .42s cubic-bezier(.4,0,.2,1),
      transform .42s cubic-bezier(.4,0,.2,1),
      opacity .24s ease,
      visibility .42s step-end;
    box-shadow:0 24px 50px rgba(0,0,0,.18);
  }

  .apple-services-menu.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    clip-path:inset(0 0 0 0);
    transition:
      clip-path .42s cubic-bezier(.4,0,.2,1),
      transform .42s cubic-bezier(.4,0,.2,1),
      opacity .2s ease,
      visibility 0s step-start;
  }

  .apple-services-backdrop.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:
      opacity .32s cubic-bezier(.4,0,.6,1),
      visibility 0s step-start;
  }

  .apple-services-menu__inner{
    width:min(980px,calc(100vw - 64px));
    margin:0 auto;
    padding:36px 0 48px;
    direction:rtl;
  }

  .apple-services-menu__eyebrow{
    margin:0 0 18px;
    color:#86868b;
    font:500 11px/1.4 Modam,system-ui,sans-serif;
  }

  .apple-services-menu__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:48px;
    row-gap:0;
  }

  .apple-services-menu__grid a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:4px 0;
    color:#f5f5f7;
    text-decoration:none;
    font:700 17px/1.55 Modam,system-ui,sans-serif;
    letter-spacing:-.015em;
    transition:color .18s ease;
  }

  .apple-services-menu__grid a:hover,
  .apple-services-menu__grid a:focus-visible{
    color:#fff;
    outline:none;
  }

  .apple-services-menu__grid:has(a:hover) a:not(:hover){
    color:#8d8d92;
  }

  .apple-services-menu__all{
    display:inline-flex;
    gap:8px;
    align-items:center;
    margin-top:24px;
    color:#a1a1a6;
    text-decoration:none;
    font:500 11px/1.5 Modam,system-ui,sans-serif;
    transition:color .18s ease;
  }

  .apple-services-menu__all:hover,
  .apple-services-menu__all:focus-visible{
    color:#fff;
    outline:none;
  }

  .apple-services-menu__all span{
    display:inline-block;
    transition:transform .2s ease;
  }

  .apple-services-menu__all:hover span{
    transform:translateX(-3px);
  }
}

/* Tighter desktop treatment for phone landscape: same nav, no hamburger. */
@media (orientation:landscape) and (min-width:568px) and (max-width:900px){
  .armiran-nav{
    width:calc(100% - 26px) !important;
    max-width:860px !important;
  }

  .armiran-nav-logo img{
    max-height:20px !important;
  }

  .armiran-nav-links{
    gap:clamp(14px,2.6vw,30px) !important;
  }

  .armiran-nav-link{
    font-size:11px !important;
    white-space:nowrap;
  }

  .apple-services-menu__inner{
    width:min(760px,calc(100vw - 40px));
    padding:22px 0 30px;
  }

  .apple-services-menu__grid{
    column-gap:28px;
  }

  .apple-services-menu__grid a{
    min-height:38px;
    font-size:13px;
  }
}

/* Portrait mobile only. */
@media (max-width:900px) and (orientation:portrait){
  html.services-menu-open,
  html.services-menu-open body{
    overflow:hidden !important;
  }

  .apple-services-menu,
  .apple-services-backdrop{
    display:none !important;
  }

  .armiran-nav{
    z-index:1202 !important;
    transition:
      background-color .3s cubic-bezier(.4,0,.2,1),
      border-color .3s ease,
      box-shadow .3s ease,
      backdrop-filter .3s ease !important;
  }

  html.services-menu-open .armiran-nav{
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /* Logo disappears while menu is open, exactly as requested. */
  .armiran-nav-logo{
    transition:opacity .22s ease, visibility .22s ease;
  }

  html.services-menu-open .armiran-nav-logo{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Apple-like compact two-line menu glyph.
     Keep original three spans, hide the middle one. */
  .armiran-nav-toggle{
    display:flex !important;
    position:relative;
    z-index:3;
    width:30px !important;
    height:30px !important;
    align-items:center;
    justify-content:center;
    padding:0 !important;
  }

  .armiran-nav-toggle span{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    width:14px !important;
    height:1px !important;
    margin:0 !important;
    border-radius:1px;
    background:#f5f5f7 !important;
    transform-origin:50% 50%;
    will-change:transform;
    transition:
      transform .34s cubic-bezier(.4,0,.2,1),
      opacity .18s ease,
      background-color .24s ease !important;
  }

  .armiran-nav-toggle span:nth-child(1){
    transform:translate(-50%,-4px) rotate(0deg);
  }

  .armiran-nav-toggle span:nth-child(2){
    opacity:0 !important;
    transform:translate(-50%,0) scaleX(.4);
  }

  .armiran-nav-toggle span:nth-child(3){
    transform:translate(-50%,4px) rotate(0deg);
  }

  html.services-menu-open .armiran-nav-toggle span{
    background:#f5f5f7 !important;
  }

  .armiran-nav-toggle.active span:nth-child(1){
    transform:translate(-50%,0) rotate(45deg) !important;
  }

  .armiran-nav-toggle.active span:nth-child(3){
    transform:translate(-50%,0) rotate(-45deg) !important;
  }

  .apple-mobile-menu.menu-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:1201 !important;
    display:block !important;
    width:100% !important;
    height:100dvh !important;
    background:#161617 !important;
    color:#f5f5f7 !important;
    opacity:1;
    visibility:hidden;
    pointer-events:none;
    overflow:hidden !important;
    transform:none !important;
    clip-path:inset(0 0 100% 0);
    will-change:clip-path;
  }

  .apple-mobile-menu__viewport{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:#161617;
  }

  .apple-mobile-panel{
    position:absolute;
    inset:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:
      max(105px,calc(0px + 78px))
      38px
      44px;
    background:#161617;
  }

  .apple-mobile-panel--main{
    transform:translateX(0);
    opacity:1;
  }

  .apple-mobile-panel--services{
    transform:translateX(-100%);
    opacity:1;
    padding-top:max(116px,calc(0px + 88px));
    transition:transform .46s cubic-bezier(.32,.72,0,1);
  }

  .apple-mobile-menu.is-services .apple-mobile-panel--main{
    transform:translateX(26%);
    opacity:0;
    pointer-events:none;
    transition:
      transform .46s cubic-bezier(.32,.72,0,1),
      opacity .28s ease;
  }

  .apple-mobile-menu.is-services .apple-mobile-panel--services{
    transform:translateX(0);
  }

  .apple-mobile-main-links{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .apple-mobile-main-links > a,
  .apple-mobile-services-trigger{
    position:relative;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent;
    color:#f5f5f7 !important;
    text-decoration:none;
    text-align:right;
    font:700 clamp(20px,6vw,24px)/1.22 Modam,system-ui,sans-serif !important;
    letter-spacing:-.025em;
    opacity:1 !important;
    transform:none !important;
    cursor:pointer;
  }

  .apple-mobile-services-trigger i{
    position:relative;
    flex:0 0 11px;
    width:11px;
    height:16px;
    margin-right:12px;
    opacity:.84;
  }

  .apple-mobile-services-trigger i::before,
  .apple-mobile-services-trigger i::after{
    content:"";
    position:absolute;
    left:4px;
    width:7px;
    height:1px;
    border-radius:2px;
    background:#f5f5f7;
    transform-origin:left center;
  }

  .apple-mobile-services-trigger i::before{
    top:5px;
    transform:rotate(45deg);
  }

  .apple-mobile-services-trigger i::after{
    top:10px;
    transform:rotate(-45deg);
  }

  /* Separate back button, like Apple's submenu top bar. */
  .apple-mobile-back{
    position:fixed;
    top:max(58px,calc(0px + 18px));
    left:28px;
    z-index:1204;
    width:32px;
    height:32px;
    border:0;
    padding:0;
    background:transparent;
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transform:translateX(-8px);
    transition:
      opacity .22s ease,
      transform .32s cubic-bezier(.32,.72,0,1);
  }

  .apple-mobile-menu.is-services .apple-mobile-back{
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }

  .apple-mobile-back i::before,
  .apple-mobile-back i::after{
    content:"";
    position:absolute;
    left:8px;
    width:12px;
    height:1px;
    border-radius:2px;
    background:#f5f5f7;
    transform-origin:left center;
  }

  .apple-mobile-back i::before{
    top:12px;
    transform:rotate(-45deg);
  }

  .apple-mobile-back i::after{
    top:20px;
    transform:rotate(45deg);
  }

  /* Apple submenu structure: no mini heading / no "all services" label.
     The first row is "همه خدمات", followed by the full large list. */
  .apple-mobile-service-links{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    gap:0;
  }

  .apple-mobile-service-links a{
    display:block;
    padding:8px 0;
    color:#f5f5f7;
    text-decoration:none;
    font:700 clamp(20px,5.8vw,25px)/1.3 Modam,system-ui,sans-serif;
    letter-spacing:-.027em;
  }

  .apple-mobile-service-links a:first-child{
    margin-bottom:2px;
  }

  @media (max-width:390px){
    .apple-mobile-panel{
      padding-left:28px;
      padding-right:28px;
    }

    .apple-mobile-main-links > a,
    .apple-mobile-services-trigger{
      font-size:20px !important;
    }

    .apple-mobile-service-links a{
      font-size:19px;
      padding:7px 0;
    }

    .apple-mobile-back{
      left:20px;
    }
  }
}

@media (prefers-reduced-motion:reduce){
  .apple-services-menu,
  .apple-services-backdrop,
  .apple-mobile-menu,
  .apple-mobile-panel,
  .armiran-nav,
  .armiran-nav-logo,
  .armiran-nav-toggle span{
    transition:none !important;
  }
}


/* =========================================================
   V18 — APPLE MOBILE FLYOUT MOTION
   Whole menu level only:
   forward: old 0 -> -8px / new +8px -> 0
   back:    old 0 -> +8px / new -8px -> 0
========================================================= */

@keyframes armiran-flyout-forward-next{
  0%{
    opacity:0;
    transform:translate3d(8px,0,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes armiran-flyout-forward-previous{
  0%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  100%{
    opacity:0;
    transform:translate3d(-8px,0,0);
  }
}

@keyframes armiran-flyout-back-previous{
  0%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  100%{
    opacity:0;
    transform:translate3d(8px,0,0);
  }
}

@keyframes armiran-flyout-back-next{
  0%{
    opacity:0;
    transform:translate3d(-8px,0,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@media (max-width:900px) and (orientation:portrait){

  /* Never animate individual typography in the submenu transition. */
  .apple-mobile-main-links > *,
  .apple-mobile-service-links a{
    filter:none !important;
    -webkit-filter:none !important;
    text-shadow:none !important;
    -webkit-mask:none !important;
    mask:none !important;
  }

  /* Normal hamburger level is always the default. */
  .apple-mobile-panel--main,
  .apple-mobile-menu.is-services .apple-mobile-panel--main{
    transform:translate3d(0,0,0);
    opacity:1;
  }

  .apple-mobile-panel--services,
  .apple-mobile-menu.is-services .apple-mobile-panel--services{
    transform:translate3d(0,0,0);
    opacity:1;
  }

  .apple-mobile-panel--services{
    visibility:hidden;
    pointer-events:none;
  }

  /* Authoritative whole-level animations. */
  .apple-mobile-panel.anim-forward-out{
    animation:armiran-flyout-forward-previous .36s cubic-bezier(.4,0,.6,1) both !important;
  }

  .apple-mobile-panel.anim-forward-in{
    animation:armiran-flyout-forward-next .36s cubic-bezier(.4,0,.6,1) both !important;
  }

  .apple-mobile-panel.anim-back-out{
    animation:armiran-flyout-back-previous .36s cubic-bezier(.4,0,.6,1) both !important;
  }

  .apple-mobile-panel.anim-back-in{
    animation:armiran-flyout-back-next .36s cubic-bezier(.4,0,.6,1) both !important;
  }

  /* No extra transition can fight the keyframes. */
  .apple-mobile-panel--main,
  .apple-mobile-panel--services,
  .apple-mobile-menu.is-services .apple-mobile-panel--main,
  .apple-mobile-menu.is-services .apple-mobile-panel--services{
    transition:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  /* The transparent header must not steal taps from Back.
     X/hamburger remains interactive. */
  html.services-menu-open .armiran-nav{
    pointer-events:none !important;
  }

  html.services-menu-open .armiran-nav-toggle{
    pointer-events:auto !important;
  }

  /* Back control: mirror the real X box through JS. */
  .apple-mobile-back{
    position:fixed !important;
    top:var(--apple-back-top,48px) !important;
    left:var(--apple-back-left,28px) !important;
    width:var(--apple-back-size,30px) !important;
    height:var(--apple-back-size,30px) !important;
    z-index:1210 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  .apple-mobile-menu.is-services .apple-mobile-back{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .apple-mobile-back i{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
  }

  /* Compact Apple-like chevron, optically matched to the X. */
  .apple-mobile-back i::before,
  .apple-mobile-back i::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:10px !important;
    height:1.15px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:2px !important;
    background:#f5f5f7 !important;
    transform-origin:0 50% !important;
  }

  .apple-mobile-back i::before{
    transform:translate(-4px,-.6px) rotate(-45deg) !important;
  }

  .apple-mobile-back i::after{
    transform:translate(-4px,-.6px) rotate(45deg) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .apple-mobile-panel.anim-forward-out,
  .apple-mobile-panel.anim-forward-in,
  .apple-mobile-panel.anim-back-out,
  .apple-mobile-panel.anim-back-in{
    animation-duration:.01ms !important;
  }
}


/* =========================================================
   V19 — MOBILE MENU CONTENT ALIGNMENT ONLY
   Matches the user-marked top and right guides.
   No navigation or animation changes.
========================================================= */
@media (max-width:900px) and (orientation:portrait){

  /* Apply the same content origin to BOTH menu levels. */
  .apple-mobile-panel,
  .apple-mobile-panel--main,
  .apple-mobile-panel--services{
    padding-top:70px !important;
    padding-right:44px !important;
    padding-left:38px !important;
  }

  /* Neutralize the older submenu-specific top offset. */
  .apple-mobile-panel--services{
    padding-top:70px !important;
  }
}


/* =========================================================
   V21 — DEBUGGED BACK EXIT
   Only the chevron glyph animates; button geometry stays untouched.
========================================================= */
@keyframes armiran-back-glyph-exit{
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
  55%{
    opacity:.42;
    transform:translate3d(-1px,0,0) scale(.985);
  }
  100%{
    opacity:0;
    transform:translate3d(-2px,0,0) scale(.96);
  }
}

@media (max-width:900px) and (orientation:portrait){
  .apple-mobile-back.is-leaving i{
    animation:armiran-back-glyph-exit .20s cubic-bezier(.4,0,.6,1) both !important;
    transform-origin:50% 50% !important;
    will-change:opacity,transform;
  }

  /* Guarantee the glyph starts clean whenever the submenu opens again. */
  .apple-mobile-back:not(.is-leaving) i{
    opacity:1;
    transform:none;
    animation:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .apple-mobile-back.is-leaving i{
    animation-duration:.01ms !important;
  }
}


/* =========================================================
   PROJECT BRIEF — CONTACT + EMAIL DELIVERY
   ========================================================= */
.armiran-brief-contact{padding:27px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.armiran-brief-contact__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px}
.armiran-brief-contact__head>span{font:400 8px/1.4 "Belfast",Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.3);direction:ltr}
.armiran-brief-contact__head>p{max-width:560px;margin:0;font:300 11px/1.9 "Modam",sans-serif;color:rgba(255,255,255,.44)}
.armiran-brief-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.armiran-brief-contact__grid label{display:flex;flex-direction:column;gap:9px}
.armiran-brief-contact__grid label>span{font:300 10px/1.5 "Modam",sans-serif;color:rgba(255,255,255,.48)}
.armiran-brief-contact__grid input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.11);border-radius:9px;outline:0;background:rgba(0,0,0,.3);color:#fff;font:300 12px/1 "Modam",sans-serif;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
.armiran-brief-contact__grid input::placeholder{color:rgba(255,255,255,.2)}
.armiran-brief-contact__grid input:focus{border-color:rgba(var(--brief-accent-rgb),.58);box-shadow:0 0 0 3px rgba(var(--brief-accent-rgb),.055);background:rgba(0,0,0,.42)}
.armiran-brief-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.armiran-brief-send-status{min-height:24px;padding-top:12px;font:300 10px/1.7 "Modam",sans-serif;color:rgba(255,255,255,.42)}
.armiran-brief-send-status:empty{min-height:0;padding-top:0}
.armiran-brief-send-status.is-error{color:#ff806f}.armiran-brief-send-status.is-success{color:#62d68b}
.armiran-brief-submit{border:1px solid rgba(var(--brief-accent-rgb),.75);cursor:pointer}
.armiran-brief-submit:disabled{opacity:.58;cursor:wait}.armiran-brief-submit.is-sending i{animation:armiranBriefSendSpin .8s linear infinite}
@keyframes armiranBriefSendSpin{to{transform:rotate(315deg)}}
.armiran-brief-success{padding:clamp(46px,6vw,84px) 0 24px;text-align:right}
.armiran-brief-success h3{margin:18px 0 0;font:300 clamp(40px,5vw,72px)/1.07 "Modam",sans-serif;letter-spacing:-.05em;color:#fff}.armiran-brief-success h3 strong{font-weight:inherit;color:rgba(255,255,255,.42)}
.armiran-brief-success p{max-width:620px;margin:24px 0 0;font:300 12px/2 "Modam",sans-serif;color:rgba(255,255,255,.5)}
.armiran-brief-success__reset{margin-top:28px;padding:13px 0;border:0;border-bottom:1px solid rgba(var(--brief-accent-rgb),.55);background:none;color:#fff;font:400 11px/1.4 "Modam",sans-serif;cursor:pointer}
@media(max-width:900px) and (orientation:portrait){.armiran-brief-contact__head{display:block}.armiran-brief-contact__head>p{margin-top:11px}.armiran-brief-contact__grid{grid-template-columns:1fr}.armiran-brief-contact__grid input{height:50px}.armiran-brief-success{padding:42px 0 18px}.armiran-brief-success h3{font-size:clamp(34px,9vw,52px)}}
@media(max-height:560px) and (orientation:landscape){.armiran-brief-contact{padding:14px 0}.armiran-brief-contact__head{margin-bottom:10px}.armiran-brief-contact__head>p{font-size:9px;line-height:1.6}.armiran-brief-contact__grid input{height:42px}.armiran-brief-contact__grid label>span{font-size:8px}.armiran-brief-success{padding:22px 0 10px}.armiran-brief-success p{margin-top:12px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.armiran-brief-submit.is-sending i{animation-duration:.01ms!important}}

/* Brief Builder — mobile keyboard stability / iOS form zoom prevention */
@media (pointer: coarse), (max-width: 1024px) {
  .armiran-brief-contact__grid input,
  .armiran-brief-note textarea {
    font-size:16px;
  }
}



/* =========================================================
   PROJECT BRIEF V5 — ZERO-CHASE UX
   Keep every questionnaire step inside one practical viewport.
   The user should not have to chase options by page scrolling.
   ========================================================= */
.armiran-brief-builder{
  scroll-margin-top:clamp(74px,9vh,102px);
}
.armiran-brief-stage{
  min-height:clamp(410px,40vw,560px);
}
.armiran-brief-panel{
  grid-template-columns:minmax(250px,.68fr) minmax(0,1.85fr);
  gap:clamp(28px,4vw,64px);
  padding:clamp(28px,3.6vw,50px);
}
.armiran-brief-panel__copy{
  position:relative;
  top:auto;
}
.armiran-brief-panel h3{
  font-size:clamp(30px,3vw,48px);
}
.armiran-brief-panel__copy>p{
  margin-top:16px;
  line-height:1.8;
}
.armiran-brief-options--project{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.armiran-brief-options--objective,
.armiran-brief-options--timeline{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.armiran-brief-option{
  min-height:104px;
  padding:19px 18px 16px;
}
.armiran-brief-options--project .armiran-brief-option--wide{
  min-height:78px;
}
.armiran-brief-options--services{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.armiran-brief-service{
  min-height:68px;
  padding:14px 35px 14px 12px;
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.armiran-brief-service:nth-child(3n),
.armiran-brief-service:nth-child(2n){
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.armiran-brief-service:nth-child(5n){
  border-left:0!important;
}
.armiran-brief-service--delegate{
  grid-column:1/-1;
  min-height:50px;
  border-left:0!important;
}
.armiran-brief-service b{
  font-size:clamp(9px,.72vw,11px);
  line-height:1.55;
}

/* Once a brief is successfully submitted, navigation is finished. */
.armiran-brief-builder.is-submitted .armiran-brief-rail,
.armiran-brief-builder.is-submitted .armiran-brief-controls{
  display:none!important;
}
.armiran-brief-builder.is-submitted .armiran-brief-stage,
.armiran-brief-builder.is-submitted .armiran-brief-result{
  min-height:0!important;
}
.armiran-brief-builder.is-submitted .armiran-brief-success{
  padding-block:clamp(46px,7vw,92px);
}

/* Tablet portrait / compact notebook */
@media (max-width:1120px) and (orientation:portrait){
  .armiran-brief-stage{min-height:0}
  .armiran-brief-panel{
    grid-template-columns:minmax(190px,.55fr) minmax(0,1.7fr);
    gap:24px;
    min-height:0;
    padding:24px;
  }
  .armiran-brief-panel h3{font-size:clamp(27px,4.3vw,39px)}
  .armiran-brief-panel__copy>p{font-size:10px;line-height:1.7}
  .armiran-brief-options--project,
  .armiran-brief-options--objective,
  .armiran-brief-options--timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .armiran-brief-option{min-height:86px;padding:17px 14px 14px}
  .armiran-brief-options--project .armiran-brief-option--wide{grid-column:span 3;min-height:64px}
  .armiran-brief-options--services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .armiran-brief-service{min-height:58px;border-left:1px solid rgba(255,255,255,.08)!important}
  .armiran-brief-service:nth-child(2n){border-left:0!important}
  .armiran-brief-service--delegate{grid-column:1/-1;min-height:48px;border-left:0!important}
}

/* Phones — portrait: compact two-column choice matrix, no page-scroll chase. */
@media (max-width:820px) and (orientation:portrait){
  .armiran-brief-shell{width:calc(100% - 20px)}
  .armiran-brief-builder{border-radius:13px;scroll-margin-top:72px}
  .armiran-brief-rail{min-height:52px}
  .armiran-brief-step{padding:6px 4px}
  .armiran-brief-step span{width:25px;height:25px;font-size:8px}
  .armiran-brief-stage{min-height:0}
  .armiran-brief-panel{
    display:block;
    min-height:0;
    padding:15px 12px 14px;
  }
  .armiran-brief-panel__copy{padding:0 2px 13px}
  .armiran-brief-panel__index{font-size:8px;letter-spacing:.14em}
  .armiran-brief-panel h3{
    margin-top:7px;
    font-size:clamp(23px,6.6vw,31px);
    line-height:1.2;
  }
  .armiran-brief-panel h3 br{display:none}
  .armiran-brief-panel__copy>p{display:none}
  .armiran-brief-options{gap:6px}
  .armiran-brief-options--project,
  .armiran-brief-options--objective,
  .armiran-brief-options--timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .armiran-brief-option{
    min-height:64px;
    padding:24px 11px 9px;
    border-radius:9px;
    justify-content:center;
  }
  .armiran-brief-option:before{width:72px;height:72px;left:-35px;top:-42px}
  .armiran-brief-option__mark{top:9px;right:10px;font-size:7px}
  .armiran-brief-option b{font-size:10px;line-height:1.45}
  .armiran-brief-option small{display:none}
  .armiran-brief-option>i{width:6px;height:6px;left:10px;bottom:10px}
  .armiran-brief-options--project .armiran-brief-option--wide,
  .armiran-brief-option--wide{
    grid-column:span 2;
    min-height:52px;
  }
  .armiran-brief-options--services{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:9px;
  }
  .armiran-brief-service{
    min-height:56px;
    padding:18px 26px 8px 9px;
    gap:4px;
    align-items:center;
    border-left:1px solid rgba(255,255,255,.08)!important;
  }
  .armiran-brief-service:nth-child(2n){border-left:0!important}
  .armiran-brief-service>span{right:8px;top:8px;font-size:7px}
  .armiran-brief-service b{font-size:8.7px;line-height:1.45}
  .armiran-brief-service>i{width:6px;height:6px;left:8px;bottom:50%}
  .armiran-brief-service--delegate{
    grid-column:1/-1;
    min-height:46px;
    padding:12px 28px 8px 10px;
    border-left:0!important;
  }
  .armiran-brief-controls{
    min-height:54px;
    padding:6px 14px;
  }
  .armiran-brief-back,.armiran-brief-next{min-height:40px;font-size:9px;gap:7px}
  .armiran-brief-status{font-size:8px;gap:7px}
  .armiran-brief-status i{width:30px}
}

/* Small phones must stay two-column too; the old one-column stack caused the long chase. */
@media (max-width:420px) and (orientation:portrait){
  .armiran-brief-options--project,
  .armiran-brief-options--objective,
  .armiran-brief-options--timeline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .armiran-brief-options--project .armiran-brief-option--wide,
  .armiran-brief-option--wide{
    grid-column:span 2!important;
  }
  .armiran-brief-option{min-height:61px!important}
  .armiran-brief-options--project .armiran-brief-option--wide{min-height:49px!important}
  .armiran-brief-status{display:flex}
  .armiran-brief-controls{grid-template-columns:1fr auto 1fr}
  .armiran-brief-next{grid-column:auto}
  .armiran-brief-back{grid-column:auto}
}

/* Phones/tablets — landscape: one compact workspace inside the short viewport. */
@media (orientation:landscape) and (max-height:620px){
  .armiran-brief-builder{scroll-margin-top:56px}
  .armiran-brief-rail{min-height:44px}
  .armiran-brief-step{padding:5px 12px}
  .armiran-brief-step span{width:23px;height:23px;font-size:8px}
  .armiran-brief-step b{font-size:9px}
  .armiran-brief-stage{min-height:0}
  .armiran-brief-panel{
    grid-template-columns:minmax(150px,.42fr) minmax(0,2fr);
    gap:18px;
    min-height:0;
    padding:13px 18px;
    align-items:center;
  }
  .armiran-brief-panel__index{font-size:7px}
  .armiran-brief-panel h3{margin-top:7px;font-size:clamp(20px,5.2vh,28px);line-height:1.18}
  .armiran-brief-panel h3 br{display:none}
  .armiran-brief-panel__copy>p{display:none}
  .armiran-brief-options{gap:5px}
  .armiran-brief-option{min-height:58px;padding:18px 11px 8px;border-radius:8px}
  .armiran-brief-option__mark{top:8px;right:9px;font-size:6px}
  .armiran-brief-option b{font-size:9px;line-height:1.4}
  .armiran-brief-option small{display:none}
  .armiran-brief-options--project{grid-template-columns:repeat(4,minmax(0,1fr))}
  .armiran-brief-options--project .armiran-brief-option--wide{grid-column:span 2;min-height:50px}
  .armiran-brief-options--objective,.armiran-brief-options--timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .armiran-brief-options--services{grid-template-columns:repeat(5,minmax(0,1fr))}
  .armiran-brief-service{min-height:50px;padding:15px 20px 6px 6px;border-left:1px solid rgba(255,255,255,.08)!important}
  .armiran-brief-service:nth-child(5n){border-left:0!important}
  .armiran-brief-service>span{right:6px;top:6px;font-size:6px}
  .armiran-brief-service b{font-size:7px;line-height:1.35}
  .armiran-brief-service>i{width:5px;height:5px;left:6px}
  .armiran-brief-service--delegate{grid-column:1/-1;min-height:38px;border-left:0!important}
  .armiran-brief-controls{min-height:46px;padding:4px 18px}
  .armiran-brief-back,.armiran-brief-next{min-height:34px;font-size:8px}
  .armiran-brief-status{font-size:8px}
}

/* Extra-short portrait phones: preserve the same UX without shrinking into a one-column form. */
@media (max-width:480px) and (orientation:portrait) and (max-height:700px){
  .armiran-brief-rail{min-height:44px}
  .armiran-brief-step span{width:22px;height:22px}
  .armiran-brief-panel{padding:11px 10px 10px}
  .armiran-brief-panel__copy{padding-bottom:9px}
  .armiran-brief-panel h3{font-size:20px;margin-top:5px}
  .armiran-brief-option{min-height:54px!important;padding:20px 9px 7px}
  .armiran-brief-options--project .armiran-brief-option--wide{min-height:44px!important}
  .armiran-brief-service{min-height:48px;padding:15px 23px 6px 7px}
  .armiran-brief-service--delegate{min-height:40px}
  .armiran-brief-controls{min-height:46px;padding:3px 12px}
  .armiran-brief-back,.armiran-brief-next{min-height:34px}
}


/* =========================================================
   PROJECT BRIEF BUILDER — V6 UX CONSISTENCY + PACKAGE ISOLATION
   - Step 03 uses the exact same option component as steps 01/02/04.
   - Final send state is intentionally compact; no duplicated preview UI.
   - Mobile package scene uses native CSS sticky only (no JS pin layer).
   ========================================================= */
.armiran-brief-options--services{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  border:0;
  border-radius:0;
  overflow:visible;
}
.armiran-brief-options--services .armiran-brief-option{
  min-width:0;
}
.armiran-brief-option--delegate{grid-column:auto!important}

.armiran-brief-builder.is-result .armiran-brief-rail,
.armiran-brief-builder.is-result .armiran-brief-controls,
.armiran-brief-builder.is-submitted .armiran-brief-rail,
.armiran-brief-builder.is-submitted .armiran-brief-controls{
  display:none!important;
}
.armiran-brief-builder.is-result .armiran-brief-stage,
.armiran-brief-builder.is-submitted .armiran-brief-stage{
  min-height:0!important;
}
.armiran-brief-result--compact{
  min-height:0!important;
  padding:clamp(28px,4vw,52px)!important;
}
.armiran-brief-result--compact .armiran-brief-result__head{
  display:block;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.armiran-brief-result--compact .armiran-brief-result__head h3{
  font-size:clamp(31px,4.1vw,56px);
  margin-top:12px;
}
.armiran-brief-result--compact .armiran-brief-result__head p{
  max-width:650px;
  margin:14px 0 0;
  font:300 11px/1.9 "Modam",sans-serif;
  color:rgba(255,255,255,.44);
}
.armiran-brief-result--compact .armiran-brief-contact{
  padding:24px 0 0;
}
.armiran-brief-result--compact .armiran-brief-result__actions{
  padding-top:18px;
}

/* Featured Packages pin ownership — V8 ROOT FIX
   Do not force position/top with !important here. The base mobile rule keeps
   the stage in normal flow before activation, then ScrollTrigger must be able
   to apply its inline fixed/transform pin styles while the scene is active. */

@media (max-width:1120px) and (orientation:portrait){
  .armiran-brief-options--services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .armiran-brief-options--services .armiran-brief-option{min-height:86px}
}

@media (max-width:820px) and (orientation:portrait){
  .armiran-brief-options--services{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .armiran-brief-options--services .armiran-brief-option{
    min-height:64px!important;
    padding:24px 11px 9px!important;
    border-radius:9px!important;
  }
  .armiran-brief-options--services .armiran-brief-option b{
    font-size:9px;
    line-height:1.4;
  }
  .armiran-brief-options--services .armiran-brief-option small{display:none}
  .armiran-brief-result--compact{padding:20px 14px!important}
  .armiran-brief-result--compact .armiran-brief-result__head{padding-bottom:15px}
  .armiran-brief-result--compact .armiran-brief-result__head h3{font-size:clamp(25px,7vw,34px);line-height:1.18}
  .armiran-brief-result--compact .armiran-brief-result__head p{font-size:10px;line-height:1.75;margin-top:9px}
  .armiran-brief-result--compact .armiran-brief-contact{padding-top:14px}
  .armiran-brief-result--compact .armiran-brief-contact__grid{gap:8px}
  .armiran-brief-result--compact .armiran-brief-contact__grid label{min-height:74px;padding:12px 12px 9px}
  .armiran-brief-result--compact .armiran-brief-result__actions{padding-top:12px;gap:12px}
}

@media (orientation:landscape) and (max-height:620px){
  .armiran-brief-options--services{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .armiran-brief-options--services .armiran-brief-option{
    min-height:58px!important;
    padding:18px 11px 8px!important;
    border-radius:8px!important;
  }
  .armiran-brief-options--services .armiran-brief-option b{font-size:7.5px;line-height:1.35}
  .armiran-brief-options--services .armiran-brief-option small{display:none}
  .armiran-brief-result--compact{padding:16px 22px!important}
  .armiran-brief-result--compact .armiran-brief-result__head{padding-bottom:10px}
  .armiran-brief-result--compact .armiran-brief-result__head h3{font-size:26px;margin-top:6px}
  .armiran-brief-result--compact .armiran-brief-result__head p{display:none}
  .armiran-brief-result--compact .armiran-brief-contact{padding-top:10px}
  .armiran-brief-result--compact .armiran-brief-result__actions{padding-top:8px}
}

/* =========================================================
   HOME V12 — ABOUT / CONTACT CINEMATIC DNA
   Scope: WHY + PROCESS + CONTACT only
========================================================= */
.aw-cinema{--gold:#9b782d;position:relative;background:#050505;color:#f3f2ef;overflow:clip;isolation:isolate}
.aw-cinema>.aw-stage{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(155,120,45,.055),transparent 34%),#050505}
.aw-lightfield,.aw-lightfield>*{position:absolute;pointer-events:none}.aw-lightfield{inset:0;z-index:0;overflow:hidden}.aw-grain{inset:-30%;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.aw-grid{inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 80%,transparent 100%)}
.aw-beam{height:1px;width:72vw;left:8vw;top:45%;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(155,120,45,.15) 12%,rgba(220,190,120,.8) 52%,transparent);box-shadow:0 0 24px rgba(155,120,45,.28)}
.aw-beam--a{transform:rotate(-18deg)}.aw-beam--b{top:63%;left:28vw;transform:rotate(12deg);opacity:.52}.aw-beam--c{top:24%;left:-8vw;transform:rotate(31deg);opacity:.35}
.aw-orb{width:42vw;height:42vw;left:33vw;top:20%;border:1px solid rgba(155,120,45,.22);border-radius:50%;box-shadow:inset 0 0 80px rgba(155,120,45,.025),0 0 60px rgba(155,120,45,.035)}
.aw-index{position:absolute;z-index:3;left:clamp(22px,3vw,46px);top:50%;transform:translateY(-50%);height:52%;display:grid;grid-template-rows:auto 1fr auto;gap:13px;align-items:center;color:rgba(255,255,255,.48);font:300 9px/1 Belfast,Arial,sans-serif;letter-spacing:.18em}.aw-index span{font-size:12px;color:rgba(255,255,255,.8)}.aw-index i{display:block;width:1px;height:100%;margin:auto;background:linear-gradient(to bottom,var(--gold),rgba(255,255,255,.12),transparent);transform-origin:top}.aw-index small{writing-mode:vertical-rl;font:inherit}
.aw-kicker{display:block;margin-bottom:24px;font:700 clamp(11px,.95vw,15px)/1.5 Modam,sans-serif;color:rgba(255,255,255,.72);direction:rtl}
.aw-why-copy,.aw-process-head,.aw-contact-copy{position:absolute;z-index:2;direction:rtl;text-align:right}
.aw-why-copy{right:clamp(44px,8vw,130px);top:20%;max-width:620px}.aw-why-copy h2,.aw-process-head h2,.aw-contact-copy h2{margin:0;font:700 clamp(62px,7.6vw,118px)/.92 Modam,sans-serif;letter-spacing:-.045em}.aw-why-copy h2 strong,.aw-process-head h2 strong,.aw-contact-copy h2 strong{font:inherit;color:#c5a35a}.aw-why-copy p,.aw-process-head p,.aw-contact-copy p{max-width:520px;margin:28px 0 0 auto;font:300 clamp(11px,.9vw,14px)/2 Modam,sans-serif;color:rgba(255,255,255,.55)}
.aw-why-values{position:absolute;z-index:2;left:clamp(78px,9vw,145px);right:clamp(44px,8vw,130px);bottom:9%;display:grid;grid-template-columns:repeat(3,1fr);direction:rtl;border-top:1px solid rgba(255,255,255,.15)}.aw-why-values article{position:relative;min-height:150px;padding:25px 24px 10px;border-left:1px solid rgba(255,255,255,.12)}.aw-why-values article:last-child{border-left:0}.aw-why-values b{display:block;margin-bottom:14px;font:300 11px/1 Belfast,Arial;color:#b48b36}.aw-why-values strong{font:700 clamp(14px,1.15vw,18px)/1.7 Modam}.aw-why-values p{max-width:330px;margin:10px 0 0;font:300 10px/1.9 Modam;color:rgba(255,255,255,.45)}
.aw-trace{position:absolute;z-index:1;inset:0}.aw-trace i{position:absolute;display:block;width:1px;height:38vh;background:linear-gradient(transparent,rgba(155,120,45,.72),transparent);left:22%;top:10%}.aw-trace i:nth-child(2){left:49%;top:30%;height:55vh}.aw-trace i:nth-child(3){left:76%;top:4%;height:43vh}
.aw-cinema--why{height:430vh;min-height:2800px}.aw-cinema--process{height:430vh;min-height:2800px}.aw-cinema--contact{height:330vh;min-height:2200px}
.aw-process-head{right:clamp(44px,8vw,130px);top:17%;max-width:650px}.aw-path{position:absolute;left:8%;right:5%;bottom:10%;width:87%;height:56%;overflow:visible}.aw-path path{fill:none;stroke:rgba(180,142,60,.62);stroke-width:1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 9px rgba(155,120,45,.35));stroke-dasharray:1;stroke-dashoffset:1;pathLength:1}
.aw-process-steps{position:absolute;z-index:2;left:clamp(80px,9vw,145px);right:clamp(44px,8vw,130px);bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);direction:rtl}.aw-process-steps article{min-height:145px;padding:20px 22px;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.1)}.aw-process-steps b{font:300 12px/1 Belfast;color:#b48b36}.aw-process-steps strong{display:block;margin-top:15px;font:700 clamp(13px,1vw,17px)/1.6 Modam}.aw-process-steps p{margin:8px 0 0;font:300 9px/1.9 Modam;color:rgba(255,255,255,.43)}
.aw-lightfield--process .aw-orb{left:7%;top:30%;width:34vw;height:34vw}.aw-lightfield--process .aw-beam--a{top:69%;transform:rotate(-8deg)}
.aw-contact-copy{right:clamp(44px,8vw,130px);top:20%;max-width:700px}.aw-contact-lines{position:absolute;z-index:2;right:clamp(44px,8vw,130px);left:clamp(80px,9vw,145px);bottom:13%;direction:rtl;border-top:1px solid rgba(255,255,255,.18)}.aw-contact-lines a{position:relative;min-height:86px;display:grid;grid-template-columns:1fr auto;align-items:center;color:#f3f2ef;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.13);overflow:hidden}.aw-contact-lines a span{font:300 11px/1.5 Modam;color:rgba(255,255,255,.48)}.aw-contact-lines a strong{font:300 clamp(18px,2vw,31px)/1 Belfast,Arial;letter-spacing:-.02em}.aw-contact-lines a i{position:absolute;bottom:0;right:0;width:100%;height:1px;background:#b48b36;transform:scaleX(0);transform-origin:right}.aw-contact-lines a:hover i,.aw-contact-lines a:focus-visible i{transform:scaleX(1)}
.aw-lightfield--contact .aw-orb{width:55vw;height:55vw;left:8%;top:8%;border-color:rgba(155,120,45,.28)}.aw-aperture{left:23%;top:20%;width:32vw;height:32vw;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 110px rgba(155,120,45,.08)}.aw-contact-mark{position:absolute;z-index:2;left:clamp(80px,9vw,145px);top:21%;display:flex;align-items:center;gap:16px;font:300 9px/1 Belfast;letter-spacing:.28em;color:rgba(255,255,255,.36)}.aw-contact-mark i{display:block;width:70px;height:1px;background:linear-gradient(90deg,#9b782d,transparent)}
@media(max-width:900px) and (orientation:portrait){.aw-cinema--why,.aw-cinema--process,.aw-cinema--contact{height:auto;min-height:0}.aw-cinema>.aw-stage{height:auto;min-height:100svh;padding:120px 20px 70px}.aw-index{display:none}.aw-why-copy,.aw-process-head,.aw-contact-copy{position:relative;inset:auto;max-width:none}.aw-why-copy h2,.aw-process-head h2,.aw-contact-copy h2{font-size:clamp(42px,13vw,62px)}.aw-why-values,.aw-process-steps,.aw-contact-lines{position:relative;inset:auto;margin-top:70px;grid-template-columns:1fr}.aw-why-values article,.aw-process-steps article{min-height:0;padding:22px 4px;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}.aw-contact-lines a{min-height:78px;grid-template-columns:1fr}.aw-contact-lines a strong{margin-top:7px;font-size:clamp(17px,5.5vw,24px)}.aw-contact-mark{position:relative;inset:auto;margin-top:60px}.aw-orb{width:90vw!important;height:90vw!important;left:5vw!important;top:20%!important}.aw-grid{background-size:22vw 22vw}.aw-path{left:0;bottom:20%;width:100%;opacity:.5}}
@media(max-width:950px) and (orientation:landscape) and (max-height:620px){.aw-cinema--why,.aw-cinema--process,.aw-cinema--contact{height:340vh;min-height:1500px}.aw-cinema>.aw-stage{min-height:100svh}.aw-why-copy,.aw-process-head,.aw-contact-copy{right:8%;top:18%}.aw-why-copy h2,.aw-process-head h2,.aw-contact-copy h2{font-size:clamp(34px,6.6vw,58px)}.aw-why-values,.aw-process-steps,.aw-contact-lines{bottom:6%}.aw-why-values article,.aw-process-steps article{min-height:105px;padding:12px}.aw-why-values p,.aw-process-steps p{font-size:7px}.aw-contact-lines a{min-height:48px}.aw-contact-mark{top:19%}}
@media(prefers-reduced-motion:reduce){.aw-cinema--why,.aw-cinema--process,.aw-cinema--contact{height:auto;min-height:100svh}.aw-cinema>.aw-stage{position:relative!important;height:auto;min-height:100svh}.aw-beam,.aw-orb,.aw-grid,.aw-grain{transform:none!important}}

/* =========================================================
   V13 — WHY ARMIRAN mobile pin/parallax + landscape nav clearance
   Surgical override: FEATURED PACKAGES intentionally untouched.
========================================================= */
@media (max-width:900px) and (orientation:portrait){
  .aw-cinema--why{
    height:390vh;
    min-height:2400px;
    overflow:clip;
  }
  .aw-cinema--why>.aw-stage{
    position:relative;
    height:100svh;
    min-height:0;
    overflow:hidden;
    padding:112px 20px max(34px,0px);
    display:flex;
    flex-direction:column;
  }
  .aw-cinema--why .aw-why-copy{
    position:relative;
    inset:auto;
    flex:0 0 auto;
  }
  .aw-cinema--why .aw-why-copy h2{
    font-size:clamp(40px,12.5vw,58px);
    line-height:.91;
  }
  .aw-cinema--why .aw-why-copy p{
    margin-top:16px;
  }
  .aw-cinema--why .aw-why-values{
    position:relative;
    inset:auto;
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr;
  }
  .aw-cinema--why .aw-why-values article{
    min-height:0;
    padding:12px 4px;
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .aw-cinema--why .aw-why-values article:last-child{border-bottom:0}
  .aw-cinema--why .aw-why-values b{margin-bottom:6px}
  .aw-cinema--why .aw-why-values p{margin-top:4px;line-height:1.7}
}

@media (orientation:landscape) and (min-width:568px) and (max-width:950px) and (max-height:620px){
  .aw-cinema--why .aw-why-copy{
    top:max(84px,18%);
  }
}

/* =========================================================
   V14 — LANDSCAPE-ONLY COLLISION FIX
   Scope: Featured Packages number visibility + WHY layout only.
   No structure, package sequence, pin logic, or non-landscape rules changed.
========================================================= */
@media (orientation:landscape) and (min-width:568px) and (max-width:1180px) and (max-height:620px){
  /* Keep the oversized active package number clear of Safari's bottom chrome. */
  .armiran-packages-featured .armiran-packages-number-wrap{
    top:-22px;
  }

  /* Reserve a clean title zone below the desktop-style navigation. */
  .aw-cinema--why .aw-why-copy{
    top:max(84px,21%);
    right:max(30px,6vw);
    max-width:min(44vw,390px);
  }
  .aw-cinema--why .aw-kicker{
    margin-bottom:8px;
    font-size:clamp(8px,1.15vw,10px);
    line-height:1.35;
  }
  .aw-cinema--why .aw-why-copy h2{
    font-size:clamp(30px,5.15vw,42px);
    line-height:.9;
  }
  .aw-cinema--why .aw-why-copy p{
    max-width:360px;
    margin-top:10px;
    font-size:clamp(7px,.92vw,9px);
    line-height:1.65;
  }

  /* Keep the three reasons in their own lower band with no title collision. */
  .aw-cinema--why .aw-why-values{
    left:max(52px,7vw);
    right:max(30px,6vw);
    bottom:max(10px,2.5%);
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .aw-cinema--why .aw-why-values article{
    min-height:84px;
    padding:9px 14px 7px;
  }
  .aw-cinema--why .aw-why-values b{
    margin-bottom:5px;
    font-size:7px;
  }
  .aw-cinema--why .aw-why-values strong{
    font-size:clamp(9px,1.35vw,12px);
    line-height:1.45;
  }
  .aw-cinema--why .aw-why-values p{
    margin-top:4px;
    font-size:clamp(6px,.82vw,7.5px);
    line-height:1.55;
  }
}

/* Extra-short landscape phones: add a little more vertical safety. */
@media (orientation:landscape) and (min-width:568px) and (max-width:950px) and (max-height:430px){
  .armiran-packages-featured .armiran-packages-number-wrap{
    top:-30px;
  }
  .aw-cinema--why .aw-why-copy{
    top:max(80px,20%);
  }
  .aw-cinema--why .aw-why-copy h2{
    font-size:clamp(28px,4.85vw,38px);
  }
  .aw-cinema--why .aw-why-copy p{
    margin-top:8px;
  }
  .aw-cinema--why .aw-why-values article{
    min-height:76px;
    padding-top:7px;
    padding-bottom:5px;
  }
}

/* =========================================================
   V16 — CONTACT DESKTOP + LANDSCAPE RESPONSIVE COLLISION FIX
   Scope: LET'S TALK / شروع یک همکاری only.
   Portrait layout and all other Home sections intentionally untouched.
========================================================= */

/* Desktop / wide tablet: create a clear vertical hand-off between the
   headline block and the three contact rows instead of letting them meet. */
@media (min-width:901px){
  .aw-cinema--contact .aw-contact-copy{
    top:max(116px,16%);
    right:clamp(44px,8vw,130px);
    max-width:min(46vw,620px);
  }
  .aw-cinema--contact .aw-contact-copy .aw-kicker{
    margin-bottom:14px;
  }
  .aw-cinema--contact .aw-contact-copy h2{
    font-size:clamp(46px,5.25vw,86px);
    line-height:.9;
  }
  .aw-cinema--contact .aw-contact-copy p{
    max-width:470px;
    margin-top:18px;
    font-size:clamp(10px,.78vw,13px);
    line-height:1.75;
  }
  .aw-cinema--contact .aw-contact-lines{
    bottom:clamp(34px,7.5%,72px);
  }
  .aw-cinema--contact .aw-contact-lines a{
    min-height:clamp(64px,8svh,76px);
  }
  .aw-cinema--contact .aw-contact-mark{
    top:max(118px,18%);
  }
}

/* Phone/tablet landscape: fit the whole composition inside the short
   viewport and reserve separate title + contact bands. */
@media (orientation:landscape) and (min-width:568px) and (max-width:1180px) and (max-height:700px){
  .aw-cinema--contact>.aw-stage{
    height:100svh;
    min-height:0;
  }
  .aw-cinema--contact .aw-contact-copy{
    top:max(78px,17%);
    right:max(30px,6vw);
    max-width:min(45vw,430px);
  }
  .aw-cinema--contact .aw-contact-copy .aw-kicker{
    margin-bottom:6px;
    font-size:clamp(8px,1.05vw,10px);
    line-height:1.3;
  }
  .aw-cinema--contact .aw-contact-copy h2{
    font-size:clamp(30px,4.75vw,46px);
    line-height:.88;
    letter-spacing:-.04em;
  }
  .aw-cinema--contact .aw-contact-copy p{
    max-width:360px;
    margin-top:8px;
    font-size:clamp(7px,.9vw,9px);
    line-height:1.55;
  }
  .aw-cinema--contact .aw-contact-lines{
    left:max(52px,7vw);
    right:max(30px,6vw);
    bottom:max(10px,2.5%);
  }
  .aw-cinema--contact .aw-contact-lines a{
    min-height:clamp(40px,10svh,48px);
    gap:12px;
  }
  .aw-cinema--contact .aw-contact-lines a span{
    font-size:clamp(7px,.82vw,9px);
  }
  .aw-cinema--contact .aw-contact-lines a strong{
    font-size:clamp(15px,2vw,20px);
    white-space:nowrap;
  }
  .aw-cinema--contact .aw-contact-mark{
    left:max(52px,7vw);
    top:max(80px,18%);
    gap:10px;
    font-size:7px;
  }
  .aw-cinema--contact .aw-contact-mark i{
    width:48px;
  }
}

/* Extra-short landscape phones: preserve a visible gap even with browser
   chrome consuming a large share of the viewport. */
@media (orientation:landscape) and (min-width:568px) and (max-width:950px) and (max-height:430px){
  .aw-cinema--contact .aw-contact-copy{
    top:max(72px,16%);
    max-width:43vw;
  }
  .aw-cinema--contact .aw-contact-copy h2{
    font-size:clamp(27px,4.3vw,38px);
  }
  .aw-cinema--contact .aw-contact-copy p{
    margin-top:6px;
    font-size:7px;
    line-height:1.45;
  }
  .aw-cinema--contact .aw-contact-lines{
    bottom:max(7px,1.8%);
  }
  .aw-cinema--contact .aw-contact-lines a{
    min-height:38px;
  }
  .aw-cinema--contact .aw-contact-lines a strong{
    font-size:clamp(14px,1.9vw,18px);
  }
  .aw-cinema--contact .aw-contact-mark{
    top:max(74px,17%);
  }
}


/* =========================================================
   SERVICES — PORTRAIT SCROLL CUE
   Mobile + tablet portrait only. Decorative / non-interactive.
========================================================= */
.armiran-services-scroll-cue {
    display: none;
}

@media (max-width: 1180px) and (orientation: portrait) {
    .armiran-services-scroll-cue {
        position: absolute;
        left: 50%;
        top: calc(100% + 24px);
        z-index: 5;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: max-content;
        color: rgba(255,255,255,.68);
        pointer-events: none;
        transform: translate3d(-50%,0,0);
        opacity: 1;
        transition: opacity .42s cubic-bezier(.4,0,.2,1), transform .42s cubic-bezier(.4,0,.2,1);
        will-change: opacity, transform;
    }

    .armiran-services-scroll-cue.is-hidden {
        opacity: 0;
        transform: translate3d(-50%,8px,0);
    }

    .armiran-services-scroll-cue__label {
        font-size: 11px;
        line-height: 1;
        font-weight: 500;
        letter-spacing: .01em;
        white-space: nowrap;
        text-shadow: 0 0 18px rgba(155,120,45,.15);
    }

    .armiran-services-scroll-cue__track {
        position: relative;
        width: 1px;
        height: 30px;
        overflow: hidden;
        background: linear-gradient(
            to bottom,
            rgba(155,120,45,.12),
            rgba(155,120,45,.78) 48%,
            rgba(155,120,45,.10)
        );
    }

    .armiran-services-scroll-cue__dot {
        position: absolute;
        top: -5px;
        left: 50%;
        width: 3px;
        height: 8px;
        border-radius: 999px;
        background: #b08b3c;
        box-shadow: 0 0 10px rgba(155,120,45,.52);
        transform: translateX(-50%);
        animation: armiran-services-scroll-dot 1.7s cubic-bezier(.4,0,.2,1) infinite;
    }

    .armiran-services-scroll-cue__chevron {
        width: 8px;
        height: 8px;
        border-right: 1px solid rgba(176,139,60,.82);
        border-bottom: 1px solid rgba(176,139,60,.82);
        transform: rotate(45deg);
        animation: armiran-services-scroll-chevron 1.7s ease-in-out infinite;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .armiran-services-scroll-cue {
        top: calc(100% + 22px);
    }
}

@keyframes armiran-services-scroll-dot {
    0%   { transform: translate3d(-50%,0,0); opacity: 0; }
    18%  { opacity: 1; }
    72%  { opacity: .95; }
    100% { transform: translate3d(-50%,35px,0); opacity: 0; }
}

@keyframes armiran-services-scroll-chevron {
    0%,100% { opacity: .28; transform: rotate(45deg) translate3d(0,0,0); }
    50%     { opacity: 1; transform: rotate(45deg) translate3d(2px,2px,0); }
}

@media (prefers-reduced-motion: reduce) {
    .armiran-services-scroll-cue,
    .armiran-services-scroll-cue__dot,
    .armiran-services-scroll-cue__chevron {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   HOME MOBILE COMPATIBILITY V1 — SHORT PORTRAIT DEVICES
   iPhone 6/7/8-class viewport hardening.
   Scope: Services + Featured Packages only.
   No visual redesign; desktop/tablet-tall layouts remain untouched.
========================================================= */
@media (max-width:430px) and (orientation:portrait) and (max-height:700px) {

    /* SERVICES — keep the pinned card clear of the fixed navigation and
       fit the complete composition inside a short Safari viewport. */
    .armiran-services {
        padding:24px 12px 76px;
    }

    .armiran-services-intro {
        margin-bottom:14px;
    }

    .armiran-services-eyebrow {
        margin-bottom:8px;
        font-size:9px;
    }

    .armiran-services-heading {
        font-size:25px;
        line-height:1.12;
    }

    .armiran-service-card {
        width:100%;
        height:414px;
        min-height:0;
        max-height:calc(100svh - 86px);
        grid-template-columns:1fr;
        grid-template-rows:164px minmax(0,1fr);
        border-radius:24px;
        contain:paint;
    }

    .armiran-service-copy {
        min-height:0;
        padding:22px 20px 4px;
    }

    .armiran-service-copy-state--02,
    .armiran-service-copy-state--03,
    .armiran-service-copy-state--04,
    .armiran-service-copy-state--05,
    .armiran-service-copy-state--06,
    .armiran-service-copy-state--07,
    .armiran-service-copy-state--08,
    .armiran-service-copy-state--09 {
        inset-inline:20px;
        top:22px;
        transform:none;
    }

    .armiran-service-number,
    .armiran-service-copy-state--09 .armiran-service-number {
        margin-bottom:10px;
        font-size:9px;
    }

    .armiran-service-title,
    .armiran-service-copy-state--07 .armiran-service-title,
    .armiran-service-copy-state--08 .armiran-service-title,
    .armiran-service-copy-state--09 .armiran-service-title {
        max-width:100%;
        font-size:clamp(23px,7vw,29px);
        line-height:1.10;
        letter-spacing:-.025em;
    }

    .armiran-service-title-en,
    .armiran-service-copy-state--07 .armiran-service-title-en,
    .armiran-service-copy-state--08 .armiran-service-title-en,
    .armiran-service-copy-state--09 .armiran-service-title-en {
        margin-top:8px;
        font-size:8px;
        line-height:1.2;
        letter-spacing:.075em;
    }

    .armiran-service-object {
        height:100%;
        min-height:0;
    }

    .armiran-service-object::before {
        width:82%;
        filter:blur(12px);
    }

    .armiran-service-object::after {
        bottom:12%;
        filter:blur(14px);
    }

    /* Container blur is the expensive part of the state transition on older
       WebKit GPUs. Child artwork remains unchanged; only transition blur is
       removed so transforms stay fluid instead of smearing/overlapping. */
    .armiran-service-copy-state,
    .armiran-service-object-state {
        filter:none !important;
    }

    .armiran-service-object-layer {
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
    }

    .armiran-services-scroll-cue {
        top:calc(100% + 12px);
    }

    /* FEATURED PACKAGES — compact the locked composition instead of clipping
       the package list below the viewport on 667px-class devices. */
    .armiran-packages-stage {
        padding:calc(var(--pkg-nav-clear) + 4px) 14px 10px;
    }

    .armiran-packages-kicker {
        margin-bottom:5px;
        font-size:8px;
        letter-spacing:.16em;
    }

    .armiran-packages-head h2 {
        font-size:25px;
        line-height:1.20;
    }

    .armiran-packages-head p {
        display:none;
    }

    .armiran-packages-showcase {
        flex:0 0 120px;
        min-height:120px;
        margin-top:2px;
    }

    .armiran-packages-number-wrap {
        top:2px;
        width:calc(100vw - 28px);
        gap:10px;
    }

    .armiran-packages-number {
        font-size:88px;
        line-height:.80;
    }

    .armiran-packages-number-wrap i {
        flex-basis:34px;
    }

    .armiran-packages-active-copy {
        bottom:0;
    }

    .armiran-packages-active-en {
        margin-bottom:4px;
        font-size:7px;
    }

    .armiran-packages-active-fa {
        font-size:18px;
        line-height:1.30;
    }

    .armiran-packages-list {
        flex:0 0 auto;
        margin:4px 0 0;
    }

    .armiran-package-row {
        height:34px;
        grid-template-columns:20px minmax(0,1fr);
        gap:7px;
    }

    .armiran-package-index {
        font-size:7px;
    }

    .armiran-package-name {
        font-size:12px;
        line-height:1.15;
    }

    .armiran-packages-progress {
        right:5px;
        top:calc(var(--pkg-nav-clear) + 6px);
        bottom:8px;
    }

    .armiran-packages-post-cta {
        padding:18px 16px 20px;
    }

    .armiran-packages-cta--mobile-post {
        min-height:40px;
        padding-inline:18px;
        font-size:11px;
    }
}

/* =========================================================
   HOME MOBILE COMPATIBILITY V2 — REMOVE PACKAGE SAFE-AREA BAR
   The separate post-pin CTA strip created an artificial black band on
   Safari/PWA/Android. Keep the CTA inside the package stage instead.
========================================================= */
@media (max-width:1180px) {
    /* Remove the standalone strip completely — no reserved extra layout block. */
    .armiran-packages-post-cta {
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        background:transparent !important;
    }

    .armiran-packages-cta--mobile-post {
        display:none !important;
    }

    /* Keep the packages CTA in the actual stage so the section ends cleanly
       and the next section starts immediately after pin release. */
    .armiran-packages-featured .armiran-packages-cta--stage {
        display:inline-flex !important;
        position:absolute !important;
        left:50% !important;
        right:auto !important;
        top:auto !important;
        bottom:14px !important;
        z-index:12 !important;
        margin:0 !important;
        transform:translateX(-50%) !important;
        align-items:center;
        justify-content:center;
        white-space:nowrap;
    }

    .armiran-packages-featured .armiran-packages-cta--stage:hover {
        transform:translateX(-50%) translateY(-1px) !important;
    }
}

@media (max-width:680px) and (orientation:portrait) {
    /* Reserve only real in-stage room for the button; no browser-bar shim. */
    .armiran-packages-list {
        margin-bottom:54px;
    }
}

@media (max-width:430px) and (orientation:portrait) and (max-height:700px) {
    .armiran-packages-list {
        margin:4px 0 48px;
    }

    .armiran-packages-featured .armiran-packages-cta--stage {
        bottom:8px !important;
        min-height:38px;
        padding-inline:17px;
        font-size:10px;
    }
}


/* =========================================================
   SERVICES — LEGACY IPHONE ULTRA-LITE MOTION
   iPhone 6/7/8-class: no internal object animation.
   Objects hard-switch; copy uses only an 80ms opacity fade.
========================================================= */
.armiran-services.is-lite-motion .armiran-service-card,
.armiran-services.is-lite-motion .armiran-service-card *,
.armiran-services.is-lite-motion .armiran-service-object,
.armiran-services.is-lite-motion .armiran-service-object * {
    -webkit-filter: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
}

.armiran-services.is-ultra-lite-motion [data-service-object],
.armiran-services.is-ultra-lite-motion [data-service-object] * {
    animation: none !important;
    transition: none !important;
    transform-style: flat !important;
    will-change: auto !important;
}

.armiran-services.is-ultra-lite-motion [data-service-copy] {
    transition: opacity 80ms linear !important;
    will-change: auto !important;
}

.armiran-services.is-lite-motion .armiran-service-object::before,
.armiran-services.is-lite-motion .armiran-service-object::after {
    display: none !important;
}

.armiran-services.is-lite-motion .armiran-service-card {
    /* Static, cheap shadow on old iPhones. */
    box-shadow: 0 14px 30px rgba(0,0,0,.28) !important;
}

/* =========================================================
   HOME MOBILE COMPOSITOR PROFILE V13
   Full visual language is preserved on mobile. Decorative layers stay live;
   continuous scroll motion is prepared for transform/opacity compositing.
========================================================= */
@media (max-width: 1180px) and (pointer: coarse) {
    html.armiran-mobile-compositor .armiran-nav {
        background: rgba(15,15,15,.76) !important;
        -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
        backdrop-filter: blur(18px) saturate(118%) !important;
        box-shadow: 0 8px 28px rgba(0,0,0,.30) !important;
    }

    /* Keep cinematic glows/grain/lightfields. These effects are static-raster
       layers; GSAP only moves/fades the layers themselves. */
    html.armiran-mobile-compositor .armiran-packages-glow,
    html.armiran-mobile-compositor .aw-grain {
        display: block !important;
    }

    /* GPU pre-promotion is scoped to the scene currently near the viewport.
       This keeps the glow/blur look but avoids keeping dozens of large Safari
       backing stores resident for the entire Home document. */
    html.armiran-mobile-compositor .armiran-packages-featured.is-gpu-active .armiran-packages-glow,
    html.armiran-mobile-compositor .aw-cinema.is-gpu-active .aw-beam,
    html.armiran-mobile-compositor .aw-cinema.is-gpu-active .aw-orb,
    html.armiran-mobile-compositor .aw-cinema.is-gpu-active .aw-grid,
    html.armiran-mobile-compositor .aw-cinema.is-gpu-active .aw-aperture,
    html.armiran-mobile-compositor .armiran-vision-pin-shell.is-gpu-active .armiran-vision-cinematic-light,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-ribbon,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-light,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-art,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-word {
        will-change: transform, opacity;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    html.armiran-mobile-compositor .aw-cinema.is-gpu-active .aw-lightfield {
        contain: paint;
    }

    html.armiran-mobile-compositor .hero-video,
    html.armiran-mobile-compositor .vision-video,
    html.armiran-mobile-compositor .armiran-service-object-state,
    html.armiran-mobile-compositor .armiran-service-copy-state {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* The hero already sits on a black canvas, so a fixed radius is visually
       invisible at scale(1) and becomes apparent only as the scene recedes.
       This preserves the rounded cinematic frame without repainting a full
       1080p video layer for a border-radius tween on every scroll frame. */
    html.armiran-mobile-compositor .hero {
        border-radius: 40px;
    }

    /* Full Services choreography stays active. Only three neighbouring state
       trees are painted at once; JS manages display without clearing transforms. */
    html.armiran-mobile-compositor .armiran-services.is-compositor-motion .armiran-service-object-state,
    html.armiran-mobile-compositor .armiran-services.is-compositor-motion .armiran-service-copy-state {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Override legacy blanket will-change declarations that included filter,
       clip-path and box-shadow. Those hints can force expensive backing stores
       even when the property is not currently animating. */
    html.armiran-mobile-compositor .armiran-services-heading,
    html.armiran-mobile-compositor .armiran-services-eyebrow,
    html.armiran-mobile-compositor .armiran-service-card {
        will-change: transform, opacity !important;
    }

    html.armiran-mobile-compositor .armiran-services.is-gpu-active .armiran-service-object-state,
    html.armiran-mobile-compositor .armiran-services.is-gpu-active .armiran-service-copy-state {
        will-change: transform, opacity;
    }

    html.armiran-mobile-compositor .armiran-service-card {
        contain: paint;
        isolation: isolate;
    }
}

/* =========================================================
   V13 — MOBILE NATIVE PIN SHELLS
   Static scroll ranges exist before JS, eliminating ScrollTrigger pin-spacer
   layout shifts. Sticky is handled by the browser; GSAP only samples progress.
========================================================= */
@media (max-width:1180px) {
    .armiran-hero-pin-shell { position:relative; height:220svh; }
    .armiran-vision-pin-shell { position:relative; height:245svh; }
    .armiran-hero-pin-shell > .hero,
    .armiran-vision-pin-shell > .vision-section {
        position:sticky;
        top:0;
        height:100svh;
    }
}

/* =========================================================
   V13 — MOBILE NATIVE STICKY SCENES
   Equivalent static scroll travel replaces runtime pin spacers for the large
   full-screen scenes. All scene effects remain active.
========================================================= */
@media (max-width:1180px) and (orientation:portrait) {
    html.armiran-mobile-compositor .armiran-impact {
        height:245svh !important;
        min-height:245svh !important;
        overflow:visible;
    }
    html.armiran-mobile-compositor .armiran-impact-stage {
        position:sticky;
        top:0;
        height:100svh;
    }

    html.armiran-mobile-compositor .armiran-packages-featured {
        height:580svh !important;
        min-height:580svh !important;
    }
    html.armiran-mobile-compositor .armiran-packages-stage {
        position:sticky !important;
        top:0 !important;
        height:100svh !important;
        min-height:100svh !important;
        overflow:hidden !important;
    }

    html.armiran-mobile-compositor .aw-cinema--why > .aw-stage {
        position:sticky !important;
        top:0;
    }
}

@media (max-width:1180px) and (orientation:landscape) and (max-height:520px) {
    html.armiran-mobile-compositor .armiran-impact {
        height:215svh !important;
        min-height:215svh !important;
        overflow:visible;
    }
    html.armiran-mobile-compositor .armiran-impact-stage {
        position:sticky;
        top:0;
        height:100svh;
    }
    html.armiran-mobile-compositor .armiran-packages-featured {
        height:620svh !important;
        min-height:620svh !important;
    }
    html.armiran-mobile-compositor .armiran-packages-stage {
        position:sticky !important;
        top:0 !important;
        height:100svh !important;
        overflow:hidden !important;
    }
}

@media (max-width:1180px) and (orientation:landscape) and (min-height:521px) {
    html.armiran-mobile-compositor .armiran-packages-featured {
        height:580svh !important;
        min-height:580svh !important;
    }
    html.armiran-mobile-compositor .armiran-packages-stage {
        position:sticky !important;
        top:0 !important;
        height:100svh !important;
        overflow:hidden !important;
    }
}

@media (max-width:1180px) and (pointer:coarse) {
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-ribbon,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-light,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-art,
    html.armiran-mobile-compositor .armiran-impact.is-gpu-active .armiran-impact-word {
        will-change:transform,opacity;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
    }
}

/* =========================================================
   HOME MOBILE RUNTIME CORRECTIONS V14
   Targeted fixes on top of V13. Desktop choreography/layout is untouched.
========================================================= */
@media (max-width:1180px) and (pointer:coarse) {
    /* Vision: retain the light-sweep look without moving a live 24px CSS blur
       on every frame. The softness is baked into the gradient itself. */
    html.armiran-mobile-compositor .armiran-vision-cinematic-light {
        filter:none !important;
        -webkit-filter:none !important;
        background:linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.012) 17%,
            rgba(255,255,255,.055) 33%,
            rgba(255,255,255,.14) 50%,
            rgba(255,255,255,.055) 67%,
            rgba(255,255,255,.012) 83%,
            transparent 100%
        ) !important;
        transform:translate3d(-50%,-50%,0) translateX(-65%);
    }

    /* Services: no paint containment/clipping on the 3D illustration viewport.
       The full responsive geometry stays measurable for every state. */
    html.armiran-mobile-compositor .armiran-service-card {
        contain:none !important;
        isolation:auto !important;
    }

    html.armiran-mobile-compositor .armiran-services.is-compositor-motion
    .armiran-service-object-state,
    html.armiran-mobile-compositor .armiran-services.is-compositor-motion
    .armiran-service-copy-state {
        -webkit-filter:none !important;
        filter:none !important;
    }

    html.armiran-mobile-compositor .armiran-services.is-compositor-motion
    .armiran-service-object-state.is-service-gpu-near,
    html.armiran-mobile-compositor .armiran-services.is-compositor-motion
    .armiran-service-copy-state.is-service-gpu-near {
        will-change:transform,opacity;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
    }
}

/* Featured Packages: CTA participates in layout after row 05 instead of
   sitting absolutely on top of the Event row. No extra post-section bar. */
@media (max-width:1180px) and (orientation:portrait) {
    .armiran-packages-featured .armiran-packages-list {
        margin-bottom:0 !important;
    }

    .armiran-packages-featured .armiran-packages-cta--stage {
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        align-self:center !important;
        justify-self:center !important;
        flex:0 0 auto;
        margin:10px auto max(2px,0px) !important;
        transform:none !important;
        z-index:12 !important;
    }

    .armiran-packages-featured .armiran-packages-cta--stage:hover,
    .armiran-packages-featured .armiran-packages-cta--stage:active {
        transform:translateY(-1px) !important;
    }
}

@media (max-width:430px) and (orientation:portrait) and (max-height:700px) {
    .armiran-packages-featured .armiran-packages-list {
        margin:4px 0 0 !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage {
        min-height:36px;
        margin-top:6px !important;
        padding-inline:17px;
        font-size:10px;
    }
}

@media (max-width:1180px) and (orientation:landscape) {
    .armiran-packages-featured .armiran-packages-cta--stage {
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        grid-column:2;
        grid-row:3;
        justify-self:center !important;
        align-self:start !important;
        margin:8px 0 0 !important;
        transform:none !important;
        z-index:12 !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage:hover,
    .armiran-packages-featured .armiran-packages-cta--stage:active {
        transform:translateY(-1px) !important;
    }
}

/* =========================================================
   HOME MOBILE RESPONSIVE GEOMETRY V16
   No device inset variables. Layout is driven only by viewport geometry.
========================================================= */
@media (max-width:1180px) {
    .armiran-hero-pin-shell > .hero,
    .armiran-vision-pin-shell > .vision-section {
        height:100svh;
        min-height:100svh;
    }
}

/* Landscape phones need less scroll runway than portrait. Keeping the same
   245svh shell made Vision linger long after its readable composition. */
@media (max-width:1180px) and (orientation:landscape) and (max-height:520px) {
    .armiran-vision-pin-shell {
        height:185svh !important;
        min-height:185svh !important;
    }
    .vision-content {
        width:min(920px, calc(100% - 72px));
        top:clamp(70px, 11svh, 96px);
        bottom:clamp(-70px, -8svh, -44px);
    }
    .vision-eyebrow { margin-bottom:clamp(10px,2.2svh,18px); }
    .vision-content h2 {
        font-size:clamp(40px,5.6vw,70px);
        margin-bottom:clamp(16px,3svh,24px);
    }
    .vision-description {
        max-width:min(1120px, 88vw);
        font-size:clamp(13px,1.45vw,17px);
        line-height:1.9;
        margin-bottom:0;
    }
}

@media (max-width:1180px) and (orientation:landscape) and (min-height:521px) {
    .armiran-vision-pin-shell {
        height:205svh !important;
        min-height:205svh !important;
    }
}

/* Featured Packages — CTA is part of the scene's own responsive layout.
   There is no bottom rail and no extra post-section strip. */
@media (max-width:1180px) {
    .armiran-packages-post-cta {
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }
    .armiran-packages-cta--mobile-post { display:none !important; }
    .armiran-packages-featured .armiran-packages-cta--stage {
        display:inline-flex !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
}

@media (max-width:1180px) and (orientation:portrait) {
    html.armiran-mobile-compositor .armiran-packages-stage,
    .armiran-packages-stage {
        box-sizing:border-box !important;
        height:100svh !important;
        min-height:100svh !important;
        padding-bottom:10px !important;
        overflow:hidden !important;
        display:flex !important;
        flex-direction:column !important;
    }
    .armiran-packages-featured .armiran-packages-list {
        margin-top:auto !important;
        margin-bottom:0 !important;
        flex:0 0 auto;
    }
    .armiran-packages-featured .armiran-packages-cta--stage {
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        align-self:center !important;
        justify-self:center !important;
        flex:0 0 auto !important;
        min-height:40px !important;
        margin:8px auto 0 !important;
        padding:0 18px !important;
        transform:none !important;
        z-index:20 !important;
        white-space:nowrap !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage:hover,
    .armiran-packages-featured .armiran-packages-cta--stage:active {
        transform:translateY(-1px) !important;
    }
}

@media (max-width:430px) and (orientation:portrait) and (max-height:700px) {
    .armiran-packages-stage {
        padding-bottom:6px !important;
    }
    .armiran-packages-head h2 { font-size:clamp(27px,7vw,34px) !important; }
    .armiran-packages-head p {
        margin-top:6px !important;
        font-size:9px !important;
        line-height:1.65 !important;
    }
    .armiran-packages-showcase {
        flex:0 1 155px !important;
        min-height:140px !important;
    }
    .armiran-package-row { height:46px !important; }
    .armiran-packages-featured .armiran-packages-cta--stage {
        min-height:35px !important;
        margin-top:5px !important;
        padding-inline:16px !important;
        font-size:10px !important;
    }
}

@media (max-width:1180px) and (orientation:landscape) {
    html.armiran-mobile-compositor .armiran-packages-stage,
    .armiran-packages-stage {
        box-sizing:border-box !important;
        height:100svh !important;
        min-height:100svh !important;
        padding-left:clamp(22px,3.6vw,42px) !important;
        padding-right:clamp(22px,3.6vw,42px) !important;
        padding-bottom:10px !important;
        overflow:hidden !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage {
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        grid-column:2 !important;
        grid-row:3 !important;
        justify-self:center !important;
        align-self:start !important;
        min-height:34px !important;
        margin:6px 0 0 !important;
        padding:0 15px !important;
        transform:none !important;
        z-index:20 !important;
        white-space:nowrap !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage:hover,
    .armiran-packages-featured .armiran-packages-cta--stage:active {
        transform:translateY(-1px) !important;
    }
}


/* =========================================================
   HOME MOBILE FULL-VIEWPORT STABILITY V17
   Only three fixes: Packages CTA visibility, Hero landscape runway,
   Vision landscape composition. No safe-area/inset spacer logic.
========================================================= */

/* Full-screen sticky scenes follow the CURRENT visible viewport. Using svh on
   iOS landscape/standalone can leave a real black strip equal to the browser's
   smallest viewport delta. dvh tracks the actual visible viewport instead. */
@media (max-width:1180px) {
    .armiran-hero-pin-shell > .hero,
    .armiran-vision-pin-shell > .vision-section,
    html.armiran-mobile-compositor .armiran-packages-stage,
    .armiran-packages-stage {
        height:100dvh !important;
        min-height:100dvh !important;
    }
}

/* 1 — HERO LANDSCAPE
   Give the cinematic timeline substantially more physical scroll runway.
   The sticky stage still fills one dynamic viewport; only the shell is longer. */
@media (max-width:1180px) and (orientation:landscape) {
    .armiran-hero-pin-shell {
        height:320dvh !important;
        min-height:320dvh !important;
    }
}

/* Very shallow landscape phones need the most runway because 120% of a
   350–430px viewport is too little finger travel for a scrubbed video. */
@media (max-width:950px) and (orientation:landscape) and (max-height:520px) {
    .armiran-hero-pin-shell {
        height:340dvh !important;
        min-height:340dvh !important;
    }
}

/* 2 — VISION LANDSCAPE
   Restore a deliberate scroll duration and compose the copy inside the usable
   viewport below the fixed nav. No top/bottom inset variables or reserved bars. */
@media (max-width:1180px) and (orientation:landscape) {
    .armiran-vision-pin-shell {
        height:280dvh !important;
        min-height:280dvh !important;
    }

    .armiran-vision-pin-shell > .vision-section {
        height:100dvh !important;
        min-height:100dvh !important;
    }

    .vision-content {
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:clamp(96px, 16dvh, 138px) !important;
        bottom:0 !important;
        width:min(980px, calc(100% - 72px)) !important;
        height:fit-content !important;
        max-width:none !important;
        margin:auto !important;
        margin-top:auto !important;
        margin-bottom:auto !important;
        padding:0 18px !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .vision-eyebrow {
        margin-bottom:clamp(8px,1.8dvh,14px) !important;
        font-size:clamp(11px,1.35vw,16px) !important;
        line-height:1.2 !important;
    }

    .vision-content h2 {
        margin-bottom:clamp(12px,2.2dvh,20px) !important;
        font-size:clamp(34px,5vw,64px) !important;
        line-height:1.08 !important;
    }

    .vision-description {
        width:min(100%, 980px) !important;
        max-width:min(980px, 88vw) !important;
        margin:0 auto !important;
        font-size:clamp(12px,1.45vw,17px) !important;
        line-height:1.72 !important;
    }
}

@media (max-width:950px) and (orientation:landscape) and (max-height:520px) {
    .armiran-vision-pin-shell {
        height:300dvh !important;
        min-height:300dvh !important;
    }
    .vision-content {
        top:clamp(86px, 22dvh, 108px) !important;
        width:min(820px, calc(100% - 54px)) !important;
        padding-inline:12px !important;
    }
    .vision-content h2 {
        font-size:clamp(30px,5.1vw,46px) !important;
        margin-bottom:10px !important;
    }
    .vision-description {
        max-width:min(760px, 90vw) !important;
        font-size:clamp(11px,1.55vw,14px) !important;
        line-height:1.55 !important;
    }
}

/* 3 — FEATURED PACKAGES CTA
   The CTA is anchored inside the actual stage, while the list itself reserves
   the same physical room. Therefore row 05 can never sit under the button and
   the button cannot be clipped out of a flex/grid track. */
@media (max-width:1180px) {
    .armiran-packages-post-cta,
    .armiran-packages-cta--mobile-post {
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .armiran-packages-featured .armiran-packages-cta--stage {
        display:inline-flex !important;
        position:absolute !important;
        left:50% !important;
        right:auto !important;
        top:auto !important;
        bottom:clamp(10px,1.6dvh,16px) !important;
        margin:0 !important;
        transform:translateX(-50%) !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:40px !important;
        padding:0 18px !important;
        z-index:30 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        white-space:nowrap !important;
    }

    .armiran-packages-featured .armiran-packages-cta--stage:hover,
    .armiran-packages-featured .armiran-packages-cta--stage:active {
        transform:translateX(-50%) translateY(-1px) !important;
    }
}

@media (max-width:1180px) and (orientation:portrait) {
    .armiran-packages-featured .armiran-packages-list {
        margin-bottom:clamp(56px,7dvh,70px) !important;
    }
}

@media (max-width:430px) and (orientation:portrait) and (max-height:760px) {
    .armiran-packages-featured .armiran-packages-list {
        margin-bottom:50px !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage {
        min-height:36px !important;
        bottom:7px !important;
        padding-inline:16px !important;
        font-size:10px !important;
    }
}

@media (max-width:1180px) and (orientation:landscape) {
    /* Keep rows and CTA in separate physical zones in shallow landscape. */
    .armiran-packages-featured .armiran-packages-list {
        margin-bottom:46px !important;
    }
    .armiran-packages-featured .armiran-packages-cta--stage {
        min-height:34px !important;
        bottom:7px !important;
        padding:0 15px !important;
        font-size:9px !important;
    }
}

/* Vision landscape shell must begin at its own viewport origin; the desktop
   -8vh blend overlap is not part of the mobile-landscape geometry. */
@media (max-width:1180px) and (orientation:landscape) {
    .armiran-vision-pin-shell > .vision-section {
        margin-top:0 !important;
    }
}


/* =========================================================
   V22 — iPhone 7 WHY ARMIRAN only
   Unpin the scene in portrait + landscape. Keep layout and all
   other devices/sections untouched. No safe-area compensation.
========================================================= */
html.armiran-legacy-why .aw-cinema--why {
    height: auto !important;
    min-height: 100svh !important;
    overflow: clip;
}
html.armiran-legacy-why .aw-cinema--why > .aw-stage {
    position: relative !important;
    top: auto !important;
    height: 100svh !important;
    min-height: 100svh !important;
}