/* ============================================================
   ARHA PLASTIC & RECONSTRUCTIVE SURGERY

   Porcelain + Graphite + Surgical Teal + Copper
   ============================================================ */


#arhaPlasticPage {

    --plastic-white:#FFFFFF;
    --plastic-porcelain:#FBFBF8;
    --plastic-light:#F3F6F4;
    --plastic-teal-soft:#E8F1EF;

    --plastic-charcoal:#232D30;
    --plastic-graphite:#405055;

    --plastic-teal:#356F70;
    --plastic-teal-dark:#28595A;

    --plastic-copper:#B67D55;
    --plastic-copper-soft:#F3E8DF;

    --plastic-muted:#748185;

    --plastic-red:#B94D50;
    --plastic-red-soft:#F7E8E8;

    --plastic-border:#E1E6E3;

    --plastic-heading:'Outfit',sans-serif;
    --plastic-body:'Inter',sans-serif;

    width:100%;
    overflow:hidden;

    background:
        var(--plastic-porcelain);

    color:
        var(--plastic-graphite);

    font-family:
        var(--plastic-body);
}


#arhaPlasticPage *,
#arhaPlasticPage *::before,
#arhaPlasticPage *::after {

    box-sizing:border-box;
}


#arhaPlasticPage img {

    display:block;
    width:100%;
}


#arhaPlasticPage a {

    text-decoration:none;
}


.plastic-container {

    width:min(
        1280px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}



/* ============================================================
   REVEAL
   ============================================================ */

#arhaPlasticPage [data-plastic-reveal] {

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.7,.2,1);
}


#arhaPlasticPage
[data-plastic-reveal].plastic-visible {

    opacity:1;

    transform:none;
}



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

.plastic-hero {

    position:relative;

    padding:
        82px 0 102px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 84% 20%,
            rgba(53,111,112,.11),
            transparent 27%
        ),

        linear-gradient(
            120deg,
            #FFFFFF,
            #F4F7F5
        );
}


.plastic-grid-pattern {

    position:absolute;
    inset:0;

    opacity:.18;

    background-image:

        linear-gradient(
            rgba(53,111,112,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(53,111,112,.06) 1px,
            transparent 1px
        );

    background-size:
        60px 60px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 55%,
            transparent
        );
}


.plastic-orbit {

    position:absolute;

    border-radius:50%;

    border:
        1px solid rgba(53,111,112,.11);

    animation:
        plasticOrbit
        10s ease-in-out infinite alternate;
}


.plastic-orbit-one {

    width:560px;
    height:560px;

    right:-260px;
    top:-270px;
}


.plastic-orbit-two {

    width:230px;
    height:230px;

    left:-105px;
    bottom:-90px;

    border-color:
        rgba(182,125,85,.13);

    animation-delay:2s;
}


@keyframes plasticOrbit {

    to {

        transform:
            translate(25px,35px)
            scale(1.06);

    }
}



/* ============================================================
   HERO LAYOUT
   ============================================================ */

.plastic-hero-layout {

    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        1fr .92fr;

    align-items:center;

    gap:80px;
}


.plastic-breadcrumb {

    margin-bottom:25px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:9px;

    color:
        var(--plastic-muted);
}


.plastic-breadcrumb a {

    color:
        var(--plastic-teal);
}


.plastic-breadcrumb i {

    font-size:6px;
}


.plastic-consultant-label {

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-bottom:18px;

    padding:
        7px 10px;

    border-radius:30px;

    background:
        var(--plastic-copper-soft);

    color:
        #895B3E;

    font-size:8px;

    font-weight:800;

    letter-spacing:.7px;
}


.plastic-kicker,
.plastic-section-label {

    display:block;

    margin-bottom:10px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.25px;

    color:
        var(--plastic-teal);
}


.plastic-hero h1 {

    max-width:730px;

    margin:0;

    font-family:
        var(--plastic-heading);

    font-size:
        clamp(49px,5.3vw,73px);

    font-weight:800;

    line-height:.98;

    letter-spacing:-2.3px;

    color:
        var(--plastic-charcoal);
}


.plastic-hero h1 strong {

    display:block;

    color:
        var(--plastic-teal);
}


.plastic-hero-description {

    max-width:670px;

    margin:
        24px 0 0;

    font-size:14.5px;

    line-height:1.8;

    color:
        var(--plastic-graphite);
}



/* ============================================================
   BUTTONS
   ============================================================ */

.plastic-actions {

    margin-top:30px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


.plastic-primary,
.plastic-secondary {

    min-height:55px;

    padding:
        0 18px;

    display:inline-flex;

    align-items:center;

    gap:9px;

    border-radius:8px;

    font-size:11px;

    font-weight:700;
}


.plastic-primary {

    background:
        var(--plastic-teal);

    color:#fff !important;

    box-shadow:
        0 13px 28px rgba(53,111,112,.17);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.plastic-primary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 36px rgba(53,111,112,.23);
}


.plastic-secondary {

    border:
        1px solid var(--plastic-border);

    background:#fff;

    color:
        var(--plastic-charcoal) !important;
}


.plastic-focus-strip {

    margin-top:25px;

    display:flex;

    flex-wrap:wrap;

    gap:7px;
}


.plastic-focus-strip span {

    padding:
        8px 10px;

    border:
        1px solid var(--plastic-border);

    border-radius:30px;

    background:
        rgba(255,255,255,.73);

    font-size:8.5px;

    font-weight:600;
}



/* ============================================================
   HERO PHOTO
   ============================================================ */

.plastic-hero-visual {

    position:relative;
}


.plastic-main-photo {

    position:relative;

    height:570px;

    overflow:hidden;

    border-radius:
        18px 120px 18px 120px;

    box-shadow:
        0 30px 65px rgba(38,60,62,.13);
}


.plastic-main-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform 7s ease;
}


.plastic-main-photo:hover img {

    transform:
        scale(1.05);
}


.plastic-photo-overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(35,45,48,.76),
            transparent 53%
        );
}


.plastic-photo-caption {

    position:absolute;

    left:24px;
    right:24px;
    bottom:22px;

    display:flex;

    flex-direction:column;
}


.plastic-photo-caption small {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#C8E1DC;
}


.plastic-photo-caption strong {

    margin-top:4px;

    font-family:
        var(--plastic-heading);

    font-size:20px;

    color:#fff;
}


.plastic-floating-card {

    position:absolute;

    left:-50px;
    bottom:70px;

    padding:
        13px 15px;

    display:flex;

    align-items:center;

    gap:11px;

    border:
        1px solid var(--plastic-border);

    border-radius:10px;

    background:
        rgba(255,255,255,.97);

    box-shadow:
        0 15px 35px rgba(38,60,62,.11);

    animation:
        plasticFloat
        4s ease-in-out infinite;
}


@keyframes plasticFloat {

    50% {

        transform:
            translateY(-7px);

    }
}


.plastic-floating-card > span {

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:9px;

    background:
        var(--plastic-copper-soft);

    color:
        var(--plastic-copper);
}


.plastic-floating-card div {

    display:flex;

    flex-direction:column;
}


.plastic-floating-card small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--plastic-teal);
}


.plastic-floating-card strong {

    margin-top:3px;

    font-family:
        var(--plastic-heading);

    font-size:11px;
}



/* ============================================================
   SHARED HEADING
   ============================================================ */

.plastic-heading {

    max-width:870px;

    margin-bottom:45px;
}


.plastic-heading h2,
.plastic-trauma-content h2,
.plastic-precision-copy h2,
.plastic-consult-copy h2,
.plastic-infra-copy h2 {

    margin:0;

    font-family:
        var(--plastic-heading);

    font-size:
        clamp(34px,4vw,50px);

    line-height:1.05;

    letter-spacing:-1.1px;

    color:
        var(--plastic-charcoal);
}


.plastic-heading h2 em {

    display:block;

    font-style:normal;

    color:
        var(--plastic-teal);
}


.plastic-heading > p {

    max-width:720px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--plastic-muted);
}



/* ============================================================
   SCOPE
   ============================================================ */

.plastic-scope {

    padding:
        105px 0;

    background:
        var(--plastic-porcelain);
}


.plastic-scope-grid {

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    border-top:
        1px solid var(--plastic-border);

    border-left:
        1px solid var(--plastic-border);
}


.plastic-scope-card {

    position:relative;

    min-height:235px;

    padding:24px;

    border-right:
        1px solid var(--plastic-border);

    border-bottom:
        1px solid var(--plastic-border);

    background:#fff;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.plastic-scope-card:hover {

    z-index:2;

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px rgba(36,55,57,.08);
}


.plastic-scope-card > span {

    position:absolute;

    right:19px;
    top:18px;

    font-family:
        var(--plastic-heading);

    font-size:9px;

    color:#A4AEAD;
}


.plastic-scope-card > i {

    width:44px;
    height:44px;

    margin-bottom:24px;

    display:flex;

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

    border-radius:10px;

    background:
        var(--plastic-teal-soft);

    color:
        var(--plastic-teal);
}


.plastic-feature > i {

    background:
        var(--plastic-copper-soft);

    color:
        var(--plastic-copper);
}


.plastic-scope-card h3 {

    margin:0;

    font-family:
        var(--plastic-heading);

    font-size:17px;

    color:
        var(--plastic-charcoal);
}


.plastic-scope-card p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.68;

    color:
        var(--plastic-muted);
}



/* ============================================================
   TRAUMA
   ============================================================ */

.plastic-trauma {

    padding:
        110px 0;

    background:
        var(--plastic-light);
}


.plastic-trauma-layout {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.plastic-trauma-image {

    position:relative;

    height:590px;

    overflow:hidden;

    border-radius:
        90px 18px 18px 18px;
}


.plastic-trauma-image img {

    height:100%;

    object-fit:cover;
}


.plastic-trauma-tag {

    position:absolute;

    left:20px;
    bottom:20px;

    padding:
        12px 15px;

    display:flex;

    align-items:center;

    gap:10px;

    border-radius:9px;

    background:
        rgba(35,45,48,.82);

    color:#fff;
}


.plastic-trauma-tag > i {

    color:#D7AD8D;
}


.plastic-trauma-tag span {

    display:flex;

    flex-direction:column;

    font-family:
        var(--plastic-heading);

    font-size:11px;
}


.plastic-trauma-tag small {

    font-family:
        var(--plastic-body);

    font-size:7px;

    color:#C6DEDA;
}


.plastic-trauma-content > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--plastic-muted);
}


.plastic-trauma-steps {

    margin-top:27px;

    border-top:
        1px solid var(--plastic-border);
}


.plastic-trauma-steps > div {

    padding:
        15px 0;

    display:grid;

    grid-template-columns:
        37px 1fr;

    gap:12px;

    border-bottom:
        1px solid var(--plastic-border);
}


.plastic-trauma-steps > div > span {

    width:28px;
    height:28px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--plastic-teal);

    color:#fff;

    font-size:8px;

    font-weight:800;
}


.plastic-trauma-steps strong {

    font-family:
        var(--plastic-heading);

    font-size:12px;
}


.plastic-trauma-steps p {

    margin:
        4px 0 0;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--plastic-muted);
}


.plastic-trauma-link {

    margin-top:22px;

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:
        var(--plastic-teal) !important;

    font-size:10px;

    font-weight:700;
}



/* ============================================================
   SPECIAL CARE
   ============================================================ */

.plastic-special-care {

    padding:
        105px 0;

    background:#fff;
}


.plastic-heading-center {

    margin:
        0 auto 45px;

    text-align:center;
}


.plastic-special-grid {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;
}


.plastic-special-grid article {

    overflow:hidden;

    border:
        1px solid var(--plastic-border);

    border-radius:13px;

    background:
        var(--plastic-porcelain);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.plastic-special-grid article:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px rgba(36,55,57,.08);
}


.plastic-special-photo {

    height:310px;

    overflow:hidden;
}


.plastic-special-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.plastic-special-grid article:hover img {

    transform:
        scale(1.045);
}


.plastic-special-content {

    padding:25px;
}


.plastic-special-content small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:
        var(--plastic-copper);
}


.plastic-special-content h3 {

    margin:
        6px 0 0;

    font-family:
        var(--plastic-heading);

    font-size:23px;

    color:
        var(--plastic-charcoal);
}


.plastic-special-content p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.7;

    color:
        var(--plastic-muted);
}



/* ============================================================
   PRECISION
   ============================================================ */

.plastic-precision {

    padding:
        110px 0;

    background:
        var(--plastic-teal-soft);
}


.plastic-precision-layout {

    display:grid;

    grid-template-columns:
        .9fr 1fr;

    align-items:center;

    gap:80px;
}


.plastic-precision-copy > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--plastic-muted);
}


.plastic-principles {

    margin-top:25px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;
}


.plastic-principles > div {

    min-height:115px;

    padding:17px;

    display:grid;

    grid-template-columns:
        36px 1fr;

    gap:10px;

    border:
        1px solid rgba(53,111,112,.13);

    border-radius:9px;

    background:
        rgba(255,255,255,.63);
}


.plastic-principles i {

    color:
        var(--plastic-teal);
}


.plastic-principles span {

    display:flex;

    flex-direction:column;

    font-size:9px;

    line-height:1.55;

    color:
        var(--plastic-muted);
}


.plastic-principles strong {

    margin-bottom:3px;

    font-family:
        var(--plastic-heading);

    font-size:11px;

    color:
        var(--plastic-charcoal);
}


.plastic-precision-image {

    position:relative;

    height:500px;

    overflow:hidden;

    border-radius:
        18px 100px 18px 100px;
}


.plastic-precision-image img {

    height:100%;
    object-fit:cover;
}


.plastic-precision-image::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(35,45,48,.66),
            transparent 50%
        );
}


.plastic-precision-image > div {

    position:absolute;

    z-index:2;

    left:20px;
    bottom:19px;

    display:flex;

    flex-direction:column;

    color:#fff;
}


.plastic-precision-image small {

    font-size:7px;

    color:#C8E0DB;
}


.plastic-precision-image strong {

    margin-top:3px;

    font-family:
        var(--plastic-heading);

    font-size:17px;
}



/* ============================================================
   CONSULTATION
   ============================================================ */

.plastic-consultation {

    padding:
        110px 0;

    background:
        var(--plastic-porcelain);
}


.plastic-consult-layout {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.plastic-consult-photo {

    position:relative;

    height:560px;

    overflow:hidden;

    border-radius:
        100px 18px 100px 18px;
}


.plastic-consult-photo img {

    height:100%;
    object-fit:cover;
}


.plastic-consult-photo::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(35,45,48,.70),
            transparent 52%
        );
}


.plastic-consult-caption {

    position:absolute;

    z-index:2;

    left:20px;
    bottom:19px;

    display:flex;

    flex-direction:column;

    color:#fff;
}


.plastic-consult-caption small {

    font-size:7px;

    letter-spacing:.8px;

    color:#D4B39C;
}


.plastic-consult-caption strong {

    margin-top:3px;

    font-family:
        var(--plastic-heading);

    font-size:17px;
}


.plastic-consult-copy > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--plastic-muted);
}


.plastic-consult-list {

    margin-top:27px;

    border-top:
        1px solid var(--plastic-border);
}


.plastic-consult-list > div {

    padding:
        15px 0;

    display:grid;

    grid-template-columns:
        37px 1fr;

    gap:12px;

    border-bottom:
        1px solid var(--plastic-border);
}


.plastic-consult-list > div > span {

    width:28px;
    height:28px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--plastic-copper-soft);

    color:
        #8D6043;

    font-size:8px;

    font-weight:800;
}


.plastic-consult-list strong {

    font-family:
        var(--plastic-heading);

    font-size:12px;
}


.plastic-consult-list p {

    margin:
        4px 0 0;

    font-size:9.5px;

    color:
        var(--plastic-muted);
}



/* ============================================================
   MULTIDISCIPLINARY
   ============================================================ */

.plastic-team {

    padding:
        100px 0;

    background:
        var(--plastic-light);
}


.plastic-team-grid {

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:11px;
}


.plastic-team-grid > * {

    min-height:180px;

    padding:22px;

    display:flex;

    flex-direction:column;

    border:
        1px solid var(--plastic-border);

    border-radius:11px;

    background:#fff;

    color:
        var(--plastic-charcoal) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.plastic-team-grid > a:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 14px 30px rgba(36,55,57,.07);
}


.plastic-team-grid > * > i {

    margin-bottom:20px;

    color:
        var(--plastic-teal);

    font-size:18px;
}


.plastic-team-grid span {

    display:flex;

    flex-direction:column;

    font-size:9px;

    line-height:1.55;

    color:
        var(--plastic-muted);
}


.plastic-team-grid small {

    margin-bottom:4px;

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--plastic-copper);
}


.plastic-team-grid strong {

    margin-bottom:5px;

    font-family:
        var(--plastic-heading);

    font-size:14px;

    color:
        var(--plastic-charcoal);
}



/* ============================================================
   INFRASTRUCTURE
   ============================================================ */

.plastic-infrastructure {

    padding:
        105px 0;

    background:#fff;
}


.plastic-infra-layout {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.plastic-infra-image {

    position:relative;

    height:480px;

    overflow:hidden;

    border-radius:14px;
}


.plastic-infra-image img {

    height:100%;
    object-fit:cover;
}


.plastic-infra-image::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(35,45,48,.72),
            transparent 53%
        );
}


.plastic-infra-image > div {

    position:absolute;

    z-index:2;

    left:20px;
    bottom:19px;

    display:flex;

    flex-direction:column;

    color:#fff;
}


.plastic-infra-image small {

    font-size:7px;

    color:#C9E0DC;
}


.plastic-infra-image strong {

    margin-top:3px;

    font-family:
        var(--plastic-heading);

    font-size:18px;
}


.plastic-infra-copy > p {

    margin:
        17px 0 0;

    font-size:12px;

    line-height:1.75;

    color:
        var(--plastic-muted);
}


.plastic-infra-points {

    margin-top:23px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;
}


.plastic-infra-points span {

    min-height:58px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    gap:9px;

    border:
        1px solid var(--plastic-border);

    border-radius:8px;

    background:
        var(--plastic-porcelain);

    font-size:9.5px;

    font-weight:600;
}


.plastic-infra-points i {

    color:
        var(--plastic-teal);
}



/* ============================================================
   FINAL
   ============================================================ */

.plastic-final {

    position:relative;

    padding:
        63px 0;

    overflow:hidden;

    background:
        var(--plastic-charcoal);

    color:#fff;
}


.plastic-final-line {

    position:absolute;

    width:420px;
    height:420px;

    right:-180px;
    top:-220px;

    border-radius:50%;

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


.plastic-final-inner {

    position:relative;
    z-index:2;

    display:flex;

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

    gap:50px;
}


.plastic-final-inner
> div:first-child
> span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#B9D9D4;
}


.plastic-final h2 {

    margin:
        6px 0 0;

    font-family:
        var(--plastic-heading);

    font-size:
        clamp(29px,3.4vw,43px);
}


.plastic-final p {

    margin:
        8px 0 0;

    font-size:10px;

    color:#C7D0D1;
}


.plastic-final-actions {

    display:flex;

    gap:9px;
}


.plastic-final-primary,
.plastic-final-call {

    min-height:51px;

    padding:
        0 16px;

    display:flex;

    align-items:center;

    gap:8px;

    border-radius:8px;

    font-size:10px;

    font-weight:700;
}


.plastic-final-primary {

    background:
        var(--plastic-teal);

    color:#fff !important;
}


.plastic-final-call {

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

    color:#fff !important;
}



/* ============================================================
   MOBILE BAR
   ============================================================ */

.plastic-mobile-bar {

    display:none;
}



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

@media(max-width:950px) {

    .plastic-hero-layout,
    .plastic-trauma-layout,
    .plastic-precision-layout,
    .plastic-consult-layout,
    .plastic-infra-layout {

        grid-template-columns:1fr;

        gap:45px;
    }


    .plastic-hero-visual {

        max-width:680px;
    }


    .plastic-floating-card {

        left:20px;
    }


    .plastic-team-grid {

        grid-template-columns:
            repeat(2,1fr);
    }

}



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

@media(max-width:600px) {

    #arhaPlasticPage {

        padding-bottom:60px;
    }


    .plastic-container {

        width:
            calc(100% - 30px);
    }


    .plastic-mobile-bar {

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:8500;

        height:60px;

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        background:#fff;

        border-top:
            1px solid var(--plastic-border);

        box-shadow:
            0 -7px 25px rgba(0,0,0,.1);
    }


    .plastic-mobile-bar a {

        display:flex;

        flex-direction:column;

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

        gap:4px;

        font-size:8px;

        font-weight:700;

        color:
            var(--plastic-charcoal) !important;
    }


    .plastic-mobile-bar
    .plastic-mobile-primary {

        background:
            var(--plastic-teal);

        color:#fff !important;
    }


    .plastic-hero {

        padding:
            50px 0 65px;
    }


    .plastic-hero h1 {

        font-size:
            clamp(38px,11vw,48px);

        letter-spacing:-1.4px;
    }


    .plastic-hero-description {

        font-size:12.5px;
    }


    .plastic-actions {

        flex-direction:column;
    }


    .plastic-primary,
    .plastic-secondary {

        width:100%;
    }


    .plastic-main-photo {

        height:380px;

        border-radius:
            13px 65px 13px 65px;
    }


    .plastic-floating-card {

        position:relative;

        left:auto;
        bottom:auto;

        margin:
            -25px 13px 0;
    }


    .plastic-scope,
    .plastic-trauma,
    .plastic-special-care,
    .plastic-precision,
    .plastic-consultation,
    .plastic-team,
    .plastic-infrastructure {

        padding:
            72px 0;
    }


    .plastic-heading {

        margin-bottom:31px;
    }


    .plastic-heading h2,
    .plastic-trauma-content h2,
    .plastic-precision-copy h2,
    .plastic-consult-copy h2,
    .plastic-infra-copy h2 {

        font-size:32px;
    }


    .plastic-scope-grid {

        grid-template-columns:1fr;
    }


    .plastic-scope-card {

        min-height:195px;
    }


    .plastic-trauma-image {

        height:350px;

        border-radius:
            55px 13px 13px 13px;
    }


    .plastic-special-grid {

        grid-template-columns:1fr;
    }


    .plastic-special-photo {

        height:230px;
    }


    .plastic-principles {

        grid-template-columns:1fr;
    }


    .plastic-precision-image {

        height:340px;

        border-radius:
            13px 55px 13px 55px;
    }


    .plastic-consult-photo {

        height:350px;

        border-radius:
            55px 13px 55px 13px;
    }


    .plastic-team-grid {

        grid-template-columns:1fr;
    }


    .plastic-team-grid > * {

        min-height:155px;
    }


    .plastic-infra-image {

        height:330px;
    }


    .plastic-infra-points {

        grid-template-columns:1fr;
    }


    .plastic-final-inner {

        align-items:flex-start;

        flex-direction:column;

        gap:25px;
    }


    .plastic-final-actions {

        width:100%;

        flex-direction:column;
    }


    .plastic-final-primary,
    .plastic-final-call {

        width:100%;
    }

}


@media(max-width:380px) {

    .plastic-focus-strip {

        display:grid;

        grid-template-columns:
            1fr 1fr;
    }

}



/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media(prefers-reduced-motion:reduce) {

    #arhaPlasticPage *,
    #arhaPlasticPage *::before,
    #arhaPlasticPage *::after {

        animation:none !important;

        transition:none !important;
    }


    #arhaPlasticPage
    [data-plastic-reveal] {

        opacity:1 !important;

        transform:none !important;
    }

}