.elementor-7 .elementor-element.elementor-element-d8cbad9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-1550bcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-29f4540{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-4b7fd26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-4b7fd26:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-4b7fd26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-289bd6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-289bd6e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-289bd6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-722efd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-722efd7:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-722efd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-c19b5b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-c19b5b3:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-c19b5b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-4d138b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4d138b0:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-4d138b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-6c6f724{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-7 .elementor-element.elementor-element-6c6f724:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6c6f724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-7 .elementor-element.elementor-element-f27c6e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-abc4156 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:0.24em;color:#FF8C2E;}.elementor-7 .elementor-element.elementor-element-08b5199 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:400;letter-spacing:0em;color:#F8F2EC;}.elementor-7 .elementor-element.elementor-element-9a2357d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0em;color:#D6DDE88C;}.elementor-7 .elementor-element.elementor-element-5c8ed43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-27a4677{--display:flex;}.elementor-7 .elementor-element.elementor-element-27a4677:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-27a4677 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-1550bcd{--width:50%;}.elementor-7 .elementor-element.elementor-element-29f4540{--width:50%;}.elementor-7 .elementor-element.elementor-element-f27c6e0{--width:50%;}.elementor-7 .elementor-element.elementor-element-5c8ed43{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-f072af0 */.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:10px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color: #ff8c2e;
  margin-bottom:32px;
  border:1px solid rgba(232,106,0,0.35);
  padding:8px 16px;
}
.hero-badge::before{content:'';
  width:6px;
  height:6px;
  background: #e86a00;
  border-radius:50%;
  animation:pulse 2.5s ease-in-out infinite}

@keyframes pulse{0%,100%{
  opacity:1;
  transform:scale(1)}50%{opacity:0.5;transform:scale(0.75)}}
.hero-headline{
  font-family: 'Cormorant Garamond',Georgia,serif;
  font-size:clamp(44px,6vw,86px);
  font-weight:300;
  line-height:1.08;
  letter-spacing:-0.02em;
  margin-bottom:36px;
  color: #f8f2ec;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92ac77c *//* === HERO SECTION (uncharted integrity, enhanced with right flash card) === */
        .hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 140px 5vw 100px;
            overflow: hidden;
        }

        /* Background ambiance */
        .hero-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 55% 65% at 75% 45%, rgba(90,40,0,0.55) 0%, transparent 65%),
                        radial-gradient(ellipse 35% 35% at 20% 80%, rgba(232,106,0,0.07) 0%, transparent 60%);
            pointer-events: none;
        }

        .hero-grid-lines {
            position: absolute;
            inset: 0;
            opacity: 0.04;
            background-image: linear-gradient(var(--cream) 1px, transparent 1px),
                              linear-gradient(90deg, var(--cream) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 900px;
        }

        /* Badge (optional but kept) */
        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px 16px;
            margin-bottom: 32px;
            font-size: 10px;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: var(--accent2);
            border: 1px solid rgba(232,106,0,0.35);
        }

        .hero-badge::before {
            content: '';
            width: 6px;
            height: 6px;
            background: var(--accent);
            border-radius: 50%;
            animation: pulse 2.5s ease-in-out infinite;
        }

        @keyframes pulse {
            0%,100%{opacity:1; transform:scale(1);}
            50%{opacity:0.5; transform:scale(0.75);}
        }

        /* Headline */
        .hero-headline {
            font-family: var(--ff-serif);
            font-size: clamp(44px, 6vw, 86px);
            font-weight: 300;
            line-height: 1.08;
            letter-spacing: -0.02em;
            margin-bottom: 36px;
            color: var(--cream);
        }

        .hero-headline em {
            font-style: italic;
            color: var(--accent2);
        }

        .hero-headline strong {
            font-weight: 500;
            color: #fff;
        }

        .hero-sub {
            max-width: 520px;
            margin-bottom: 52px;
            font-size: 15px;
            line-height: 1.85;
            font-weight: 300;
            color: rgba(214,221,232,0.6);
        }

        /* Buttons row */
        .hero-actions {
            display: flex;
            align-items: center;
            gap: 24px;
            flex-wrap: wrap;
        }

        .btn-primary {
            background: var(--accent);
            color: #fff;
            font-size: 11px;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            padding: 15px 36px;
            text-decoration: none;
            font-family: var(--ff-sans);
            font-weight: 500;
            transition: background .2s,transform .2s;
            display: inline-block;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            color: black;
            transform: translateY(-2px);
            background: var(--accent2);
        }

        .btn-ghost {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 11px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--cream2);
            opacity: 0.6;
            text-decoration: none;
            transition: opacity .2s;
        }

        .btn-ghost:hover {
            opacity: 1;
            color: white;
        }

        .btn-ghost .arr {
            font-size: 16px;
            transition: transform .2s;
        }

        .btn-ghost:hover .arr {
            transform: translateX(5px);
        }

        /* Original stats (right side) */
        .hero-stats {
            position: absolute;
            right: 5vw;
            bottom: 80px;
            display: flex;
            flex-direction: column;
            gap: 24px;
            z-index: 1;
        }

        .h-stat {
            text-align: right;
        }

        .h-stat .num {
            font-family: var(--ff-serif);
            font-size: 42px;
            font-weight: 300;
            line-height: 1;
            color: var(--accent2);
        }

        .h-stat .lbl {
            margin-top: 4px;
            font-size: 10px;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: var(--muted);
        }

        /* ========== NEW PROMINENT RIGHT CALLOUT (expanded flash card) ========== */
        .hero-right-flash {
            position: absolute;
            right: 12vw;
            top: 50%;
            transform: translateY(-35%);
            z-index: 15;
            max-width: 280px;
            width: auto;
            pointer-events: auto;
        }

        .flash-card {
            background: rgba(18, 20, 24, 0.75);
            backdrop-filter: blur(12px);
            border-left: 4px solid var(--accent);
            border-radius: 0px;
            padding: 1.6rem 1.8rem;
            transition: all 0.25s ease;
            box-shadow: 0 20px 35px -12px rgba(0,0,0,0.4), 0 0 0 1px rgba(232,106,0,0.15);
            width: 100%;
        }

        .flash-card:hover {
            transform: translateX(-6px);
            background: rgba(20, 22, 28, 0.9);
            border-left-width: 5px;
            box-shadow: 0 25px 40px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(232,106,0,0.35);
        }

        .flash-badge {
            display: inline-block;
            font-size: 10px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            background: rgba(232,106,0,0.2);
            padding: 4px 10px;
            margin-bottom: 16px;
            color: var(--accent2);
            font-weight: 500;
            border-radius: 20px;
        }

        .flash-title {
            font-family: var(--ff-serif);
            font-size: 1.55rem;
            font-weight: 500;
            line-height: 1.25;
            margin-bottom: 14px;
            color: #fff3e6;
        }

        .flash-title span {
            color: var(--accent);
            border-bottom: 1px dashed rgba(232,106,0,0.5);
        }

        .flash-description {
            font-size: 0.85rem;
            line-height: 1.5;
            color: rgba(214, 221, 232, 0.7);
            margin-bottom: 22px;
            font-weight: 300;
        }

        .flash-link-main {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: var(--accent2);
            text-decoration: none;
            border-bottom: 1px solid rgba(232,106,0,0.5);
            padding-bottom: 5px;
            transition: all 0.2s;
        }

        .flash-link-main:hover {
            color: #FFBC7A;
            gap: 16px;
            border-bottom-color: var(--accent);
        }

        .flash-arrow {
            font-size: 1.2rem;
            transition: transform 0.2s;
        }

        .flash-link-main:hover .flash-arrow {
            transform: translateX(5px);
        }

        /* subtle pulsing indicator for attention */
        .pulse-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: #E86A00;
            border-radius: 50%;
            margin-right: 8px;
            animation: softPulse 1.8s infinite;
            vertical-align: middle;
        }

        @keyframes softPulse {
            0% { opacity: 0.5; transform: scale(0.8); box-shadow: 0 0 0 0 rgba(232,106,0,0.4);}
            70% { opacity: 1; transform: scale(1.1); box-shadow: 0 0 0 4px rgba(232,106,0,0);}
            100% { opacity: 0.5; transform: scale(0.8);}
        }

        /* ========== RESPONSIVE: TABLET & MOBILE REARRANGE ========== */
        @media (max-width: 1200px) {
            .hero-right-flash {
                right: 3vw;
                max-width: 260px;
                transform: translateY(-30%);
            }
            .flash-card {
                padding: 1.4rem 1.5rem;
            }
            .flash-title {
                font-size: 1.4rem;
            }
        }

        @media (max-width: 992px) {
            .hero {
                padding: 120px 4vw 80px;
                min-height: auto;
            }
            .hero-content {
                max-width: 700px;
            }
            .hero-right-flash {
                position: relative;
                right: auto;
                top: auto;
                transform: none;
                max-width: 100%;
                margin-top: 48px;
                margin-bottom: 24px;
                width: 100%;
            }
            .flash-card {
                background: rgba(18,20,24,0.85);
                backdrop-filter: blur(8px);
                border-left: 4px solid var(--accent);
                width: 100%;
            }
            .hero-stats {
                position: static;
                flex-direction: row;
                justify-content: flex-start;
                gap: 32px;
                margin-top: 48px;
                flex-wrap: wrap;
            }
            .h-stat {
                text-align: left;
            }
        }

        @media (max-width: 768px) {
            .hero {
                padding: 100px 24px 60px;
            }
            .hero-headline {
                font-size: clamp(32px, 6vw, 52px);
            }
            .hero-sub {
                font-size: 14px;
                max-width: 100%;
            }
            .hero-stats {
                margin-top: 40px;
                gap: 24px;
            }
            .hero-right-flash {
                margin-top: 40px;
            }
            .flash-title {
                font-size: 1.3rem;
            }
            .flash-description {
                font-size: 0.8rem;
            }
        }

        @media (max-width: 576px) {
            .hero {
                padding: 80px 20px 50px;
            }
            .hero-actions {
                flex-direction: column;
                align-items: stretch;
                gap: 16px;
            }
            .btn-primary {
                text-align: center;
                width: 100%;
            }
            .btn-ghost {
                justify-content: center;
                background: rgba(255,255,255,0.02);
                padding: 12px;
            }
            .hero-right-flash {
                margin-top: 32px;
            }
            .flash-card {
                padding: 1.2rem 1.2rem;
            }
            .flash-title {
                font-size: 1.25rem;
            }
            .flash-badge {
                font-size: 9px;
            }
        }

        @media (max-width: 380px) {
            .hero {
                padding: 70px 16px 40px;
            }
            .flash-title {
                font-size: 1.1rem;
            }
            .flash-description {
                font-size: 0.75rem;
            }
        }

        /* landscape adjustments */
        @media (max-height: 550px) and (orientation: landscape) {
            .hero {
                min-height: auto;
                padding: 80px 5vw 60px;
            }
            .hero-right-flash {
                margin-top: 20px;
            }
        }

        /* preserve existing "New Times Countrymen" line */
        .new-times-signature {
            font-family: var(--ff-serif);
            font-size: clamp(18px, 2vw, 26px);
            font-style: italic;
            color: rgba(232,216,200,0.55);
            margin-top: 12px;
            letter-spacing: 0.02em;
        }
        .new-times-signature span {
            color: var(--accent2);
            font-style: normal;
            font-weight: 500;
        }

        /* additional micro-animations */
        .hero-content {
            animation: fadeSlideUp 0.8s ease-out;
        }
        @keyframes fadeSlideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .section-label, hr.rule {
            display: none; /* not needed for hero only demo */
        }
        /* just to preserve body rhythm */
        .main-wrapper {
            background: var(--bg-deep);
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee5cf1 *//* ── SHARED ── */
section{padding:100px 5vw}
.section-label{font-size:16px;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent2);margin-bottom:16px}
.section-title{font-family:var(--ff-serif);font-size:clamp(32px,3.8vw,52px);font-weight:300;line-height:1.2;margin-bottom:52px;color:var(--cream)}
.section-title em{font-style:italic;color:var(--accent2)}
.section-title strong{font-weight:500}
hr.rule{border:none;border-top:1px solid var(--border);margin-bottom:52px}

/* ── ABOUT ── */
#about{border-top:1px solid var(--border2)}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about-text p{font-size:15px;color:rgba(214,221,232,0.65);line-height:1.9;margin-bottom:22px}
.about-text p:last-child{margin-bottom:0}
.about-text a{color:var(--accent2);text-decoration:none !important;
font-size:12px;
letter-spacing:0.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-top:16px}
.about-text a .arr{transition:transform .2s}
.about-text a:hover .arr{transform:translateX(4px)}
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.a-card{background:var(--ink2);padding:28px 24px}
.a-card .big{font-family:var(--ff-serif);font-size:44px;font-weight:300;color:var(--accent2);line-height:1}
.a-card p{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-top:8px}

/* ── RESPONSIVE: TABLET (max-width: 992px) ── */
@media (max-width: 992px) {
  section {
    padding: 80px 4vw;
  }
  
  .section-label {
    font-size: 14px;
    margin-bottom: 14px;
  }
  
  .section-title {
    font-size: clamp(28px, 4vw, 44px);
    margin-bottom: 44px;
  }
  
  hr.rule {
    margin-bottom: 44px;
  }
  
  .about-inner {
    gap: 60px;
  }
  
  .about-text p {
    font-size: 14px;
    line-height: 1.85;
  }
}

/* ── RESPONSIVE: TABLET SMALL (max-width: 768px) ── */
@media (max-width: 768px) {
  section {
    padding: 70px 24px;
  }
  
  .section-label {
    font-size: 12px;
    letter-spacing: 0.2em;
    margin-bottom: 12px;
  }
  
  .section-title {
    font-size: clamp(26px, 5vw, 36px);
    margin-bottom: 36px;
  }
  
  hr.rule {
    margin-bottom: 36px;
  }
  
  .about-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  
  .about-text p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
  
  .about-text a {
    font-size: 11px;
    letter-spacing: 0.1em;
    margin-top: 12px;
    gap: 6px;
  }
  
  .about-cards {
    grid-template-columns: 1fr 1fr;
    gap: 1px;
  }
  
  .a-card {
    padding: 24px 20px;
  }
  
  .a-card .big {
    font-size: 38px;
  }
  
  .a-card p {
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 6px;
  }
}

/* ── RESPONSIVE: MOBILE (max-width: 576px) ── */
@media (max-width: 576px) {
  section {
    padding: 60px 20px;
  }
  
  .section-label {
    font-size: 11px;
    letter-spacing: 0.18em;
    margin-bottom: 10px;
  }
  
  .section-title {
    font-size: clamp(24px, 6vw, 32px);
    margin-bottom: 28px;
    line-height: 1.25;
  }
  
  hr.rule {
    margin-bottom: 28px;
  }
  
  .about-inner {
    gap: 40px;
  }
  
  .about-text p {
    font-size: 13px;
    line-height: 1.75;
    margin-bottom: 16px;
  }
  
  .about-text a {
    font-size: 10px;
    letter-spacing: 0.09em;
    padding: 8px 0;
    margin-top: 8px;
  }
  
  .about-cards {
    grid-template-columns: 1fr;
    gap: 12px;
    background: transparent;
  }
  
  .a-card {
    background: var(--ink2);
    border: 1px solid var(--border);
    padding: 20px 18px;
    text-align: center;
  }
  
  .a-card .big {
    font-size: 36px;
  }
  
  .a-card p {
    font-size: 10px;
    letter-spacing: 0.12em;
    margin-top: 8px;
  }
}

/* ── RESPONSIVE: SMALL MOBILE (max-width: 380px) ── */
@media (max-width: 380px) {
  section {
    padding: 50px 16px;
  }
  
  .section-label {
    font-size: 10px;
    letter-spacing: 0.16em;
    margin-bottom: 8px;
  }
  
  .section-title {
    font-size: clamp(22px, 5vw, 28px);
    margin-bottom: 24px;
  }
  
  hr.rule {
    margin-bottom: 24px;
  }
  
  .about-inner {
    gap: 32px;
  }
  
  .about-text p {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  
  .about-text a {
    font-size: 9px;
    letter-spacing: 0.08em;
  }
  
  .a-card {
    padding: 18px 16px;
  }
  
  .a-card .big {
    font-size: 32px;
  }
  
  .a-card p {
    font-size: 9px;
    letter-spacing: 0.1em;
    margin-top: 6px;
  }
}

/* ── PORTRAIT TABLET OPTIMIZATION (768px - 992px landscape fix) ── */
@media (min-width: 769px) and (max-width: 992px) and (orientation: portrait) {
  .about-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  
  .about-cards {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    margin: 0 auto;
  }
}

/* ── EXTRA: HOVER EFFECTS DISABLED ON TOUCH DEVICES ── */
@media (hover: none) and (pointer: coarse) {
  .about-text a:hover .arr {
    transform: none;
  }
  
  .about-text a:active .arr {
    transform: translateX(4px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b75e63 *//* ── PRACTICE ── */
#practice{background:var(--ink2);border-top:1px solid var(--border)}
.practice-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:0}
.practice-header a{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent2);text-decoration:none;opacity:0.7;transition:opacity .2s}
.practice-header a:hover{opacity:1}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:52px}
.p-card{
  background:var(--ink2);padding:44px 36px 40px;
  cursor:pointer;position:relative;overflow:hidden;
  transition:background .3s;
}
.p-card::before{
  content:'';position:absolute;left:0;top:0;
  width:3px;height:0;background:var(--accent);
  transition:height .35s ease;
}
.p-card:hover{background:rgba(46,125,247,0.06)}
.p-card:hover::before{height:100%}
.p-icon{
  width:44px;height:44px;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:28px;font-size:18px;
  color:var(--accent2);transition:border-color .3s,background .3s;
}
.p-card:hover .p-icon{border-color:var(--accent);background:rgba(46,125,247,0.1)}
.p-num{font-size:10px;letter-spacing:0.22em;color:var(--accent);margin-bottom:16px;opacity:0.6}
.p-card h3{font-family:var(--ff-serif);font-size:24px;font-weight:400;line-height:1.3;margin-bottom:18px;color:var(--cream)}
.p-card p{font-size:13px;color:var(--muted);line-height:1.8}
.p-areas{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.p-tag{font-size:10px;letter-spacing:0.1em;border:1px solid var(--border);color:var(--muted);padding:4px 10px}
.p-card:hover .p-tag{border-color:rgba(46,125,247,0.3);color:var(--accent2)}
.p-arrow{
  position:absolute;bottom:28px;right:28px;
  font-size:18px;color:var(--accent2);opacity:0;
  transform:translateX(-6px);
  transition:opacity .3s,transform .3s;
}
.p-card:hover .p-arrow{opacity:1;transform:translateX(0)}

/* 📱 PRACTICE Responsive */
@media (max-width:768px){

  .practice-header{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .practice-grid{
    grid-template-columns:1fr; /* 3 → 1 column */
    margin-top:32px;
  }

  .p-card{
    padding:28px 20px;
  }

  .p-icon{
    width:38px;
    height:38px;
    font-size:16px;
    margin-bottom:20px;
  }

  .p-card h3{
    font-size:20px;
  }

  .p-card p{
    font-size:13px;
  }

  .p-areas{
    gap:6px;
  }

  .p-tag{
    font-size:9px;
    padding:4px 8px;
  }

  .p-arrow{
    bottom:20px;
    right:20px;
    font-size:16px;
    opacity:1; /* mobile pe hover nahi hota */
    transform:none;
  }
}

 /* FLASH / PROMINENT STYLES */
  .whats-new-flash {
      font-family: "Cormorant Garamond", Sans-serif;
    margin-top: 1.2rem;
    /*text-align: center;*/
    animation: subtlePulse 1.2s ease-in-out infinite;
  }
  .flash-link {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 800;
    /*background: linear-gradient(135deg, #1a2a3a, #0f1a24);*/
    color: #7a6855;
    padding: 0.5rem 1rem;
    /*border-radius: 10px;*/
    text-decoration: none;
    letter-spacing: 0.3px;
    border: 1px solid rgba(232,106,0,0.18);
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  .flash-link:hover {
    background: #2c3e2f;
    color: #FFE08C;
    transform: scale(1.02);
    border-color: #FFD966;
  }
  @keyframes subtlePulse {
    0% { opacity: 0.8; text-shadow: 0 0 0px rgba(255,217,102,0); }
    50% { opacity: 1; text-shadow: 0 0 3px rgba(255,217,102,0.5); }
    100% { opacity: 0.8; text-shadow: 0 0 0px rgba(255,217,102,0); }
  }
  /* optional: make sure responsive looks good */
  @media (max-width: 700px) {
    .flash-link { font-size: 0.9rem; padding: 0.4rem 0.9rem; }
  }
  
  
/* ========= NEW FOOTER WITH ARROW LINK ========= */
.p-card-footer {
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(232,106,0,0.2);
  display: flex;
  justify-content: flex-start;
}

.p-card-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #D6CFC4;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  transition: all 0.2s ease;
  background: transparent;
  padding: 6px 0;
}

.p-card-link .arrow-symbol {
  font-size: 1rem;
  transition: transform 0.2s ease;
  display: inline-block;
}

.p-card-link:hover {
  color: #E86A00;
  gap: 16px;
}

.p-card-link:hover .arrow-symbol {
  transform: translateX(5px);
}

/* Prevent visited link from turning blue — keep original color */
.p-card-link:visited,
.p-card-link:link,
.p-card-link:active {
  color: #D6CFC4;
  text-decoration: none;
}

/* Keep hover state unchanged */
.p-card-link:hover {
  color: #E86A00;
}

/* If you want to completely remove default blue/purple from ALL links inside .p-card */
.p-card a,
.p-card a:visited,
.p-card a:link,
.p-card a:active {
  color: #D6CFC4;
  text-decoration: none;
}

.p-card a:hover {
  color: #E86A00;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ba711f *//* ===== NEW SEPARATE STATS SECTION ===== */
.stats-section{
  padding:80px 5vw;
  /*background:;*/
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.stats-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}
.stat-block{
  flex:1;
  text-align:center;
  padding:32px 24px;
  background:var(--ink);
  border:1px solid var(--border);
  transition:transform .3s ease, border-color .3s;
}
.stat-block:hover{
  transform:translateY(-5px);
  border-color:rgba(232,106,0,0.4);
}
.stat-number{
  font-family:var(--ff-serif);
  font-size:64px;
  font-weight:300;
  line-height:1;
  color:var(--accent2);
  margin-bottom:12px;
  letter-spacing:-0.02em;
}
.stat-label{
  font-size:11px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:400;
}
.stat-desc{
  font-size:13px;
  color:rgba(214,221,232,0.5);
  margin-top:12px;
  line-height:1.6;
}
@media(max-width:768px){
  .stats-container{flex-direction:column;}
  .stat-block{width:100%;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70ce4c6 *//* Simplified Team Section — only title + message */
.team-section-simple{
  /*background:var(--ink2);*/
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  text-align:center;
}
.team-message{
  max-width:700px;
  margin:0 auto;
  padding:32px 24px 48px;
}
.team-message p{
  font-size:15px;
  color:rgba(214,221,232,0.65);
  line-height:1.9;
  margin-bottom:16px;
}
.team-note{
  font-size:13px;
  color:var(--muted);
  letter-spacing:0.02em;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--border);
  display:inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68fc302 */.contact-detail{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.cd-row{display:flex;gap:20px;align-items:flex-start}
.cd-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent2);min-width:80px;padding-top:2px}
.cd-val{font-size:14px;color:var(--cream2);opacity:0.75}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5680f07 *//* ── DISCLAIMER ── */
.modal-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:#050608;z-index:9999;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.modal{
  background:var(--ink2);border:1px solid var(--border);
  padding:52px;max-width:580px;width:100%;position:relative;
}
.modal-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7a3500,var(--accent))}
.modal-tag{font-size:10px;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent2);margin-bottom:20px}
.modal h2{font-family:var(--ff-serif);font-size:32px;font-weight:300;color:var(--cream);margin-bottom:22px}
.modal p{font-size:13px;color:rgba(214,221,232,0.6);line-height:1.85;margin-bottom:32px}
.modal-btns{display:flex;gap:14px}
.btn-agree{
  background:var(--accent);color:#fff;border:none;cursor:pointer;
  font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
  padding:14px 32px;font-family:var(--ff-sans);font-weight:500;
  transition:background .2s;
}
.btn-agree:hover{background:var(--accent2)}
.btn-disagree{
  background:transparent;color:var(--muted);
  border:1px solid var(--border2);cursor:pointer;
  font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
  padding:14px 24px;font-family:var(--ff-sans);transition:color .2s;
}
.btn-disagree:hover{color:var(--cream)}


/* ── RESPONSIVE: TABLET (max-width: 768px) ── */
@media (max-width: 768px) {
  .modal-overlay {
    padding: 16px;
  }
  
  .modal {
    padding: 40px;
    max-width: 520px;
  }
  
  .modal h2 {
    font-size: 28px;
    margin-bottom: 18px;
  }
  
  .modal p {
    font-size: 12px;
    line-height: 1.75;
    margin-bottom: 28px;
  }
  
  .modal-btns {
    gap: 12px;
  }
  
  .btn-agree,
  .btn-disagree {
    padding: 12px 28px;
    font-size: 10px;
  }
}

/* ── RESPONSIVE: MOBILE (max-width: 480px) ── */
@media (max-width: 480px) {
  .modal-overlay {
    padding: 12px;
    align-items: flex-start; /* Better UX on small screens */
    padding-top: 20px;
  }
  
  .modal {
    padding: 28px 24px;
    max-width: 100%;
    margin: auto;
  }
  
  .modal-accent-bar {
    height: 2px;
  }
  
  .modal-tag {
    font-size: 9px;
    letter-spacing: 0.2em;
    margin-bottom: 16px;
  }
  
  .modal h2 {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 1.3;
  }
  
  .modal p {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 28px;
  }
  
  .modal-btns {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  
  .btn-agree,
  .btn-disagree {
    width: 100%;
    text-align: center;
    padding: 14px 20px;
    font-size: 11px;
    letter-spacing: 0.16em;
  }
  
  .btn-disagree {
    background: rgba(255, 255, 255, 0.03);
  }
}

/* ── RESPONSIVE: SMALL MOBILE (max-width: 360px) ── */
@media (max-width: 360px) {
  .modal {
    padding: 24px 20px;
  }
  
  .modal h2 {
    font-size: 22px;
  }
  
  .modal p {
    font-size: 11px;
    margin-bottom: 24px;
  }
  
  .btn-agree,
  .btn-disagree {
    padding: 12px 16px;
    font-size: 10px;
  }
}/* End custom CSS */