:root {
    --brand-primary: #312e81;
    --brand-secondary: #0f766e;
    --brand-accent: #d4a72c;
    --ink: #13213c;
    --ink-soft: #334155;
    --muted: #64748b;
    --line: #e5eaf1;
    --surface: #ffffff;
    --surface-soft: #f7f9fc;
    --surface-tint: #eef2ff;
    --dark: #0b1224;
    --dark-soft: #111a35;
    --success: #059669;
    --warning: #b7791f;
    --radius-xs: 10px;
    --radius-sm: 14px;
    --radius-md: 20px;
    --radius-lg: 30px;
    --radius-xl: 40px;
    --shadow-xs: 0 4px 16px rgba(15, 23, 42, .05);
    --shadow-sm: 0 12px 34px rgba(15, 23, 42, .08);
    --shadow-md: 0 24px 70px rgba(15, 23, 42, .12);
    --shadow-lg: 0 36px 100px rgba(2, 6, 23, .2);
    --container: 1200px;
    --section-space: clamp(72px, 7.5vw, 108px);
    --heading-xl: clamp(40px, 4.35vw, 58px);
    --heading-lg: clamp(30px, 3vw, 43px);
    --heading-md: clamp(23px, 2vw, 30px);
    --font-bangla: "Inter", "Noto Sans Bengali", "Nirmala UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--surface);
    font-family: var(--font-bangla);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.68;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
img, svg, video, iframe { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 {
    color: inherit;
    font-family: var(--font-bangla);
    font-weight: 700;
    line-height: 1.24;
    text-wrap: balance;
}
p { text-wrap: pretty; }
ul { padding: 0; margin: 0; list-style: none; }
[hidden] { display: none !important; }
::selection { color: #fff; background: var(--brand-primary); }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { position: relative; padding: var(--section-space) 0; overflow: clip; }
.section--soft { background: var(--surface-soft); }
.section-copy { max-width: 610px; }
.section-heading { max-width: 720px; margin: 0 auto clamp(32px, 4vw, 48px); text-align: center; }
.section-heading--left { max-width: 620px; margin-inline: 0; text-align: left; }
.section-heading--light { color: #fff; }
.section-heading h2, .section-copy h2 {
    margin-bottom: 14px;
    color: var(--ink);
    font-size: var(--heading-lg);
    letter-spacing: -.025em;
}
.section-heading--light h2 { color: #fff; }
.section-heading p, .section-copy > p {
    max-width: 680px;
    margin-bottom: 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.75;
}
.section-heading--light p { color: rgba(255,255,255,.72); }
.eyebrow, .premium-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: var(--brand-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.eyebrow::before, .premium-kicker::before {
    width: 26px;
    height: 2px;
    content: "";
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-accent), var(--brand-secondary));
}
.eyebrow--light { color: rgba(0, 57, 36, 0.84); }

.skip-link {
    position: fixed;
    z-index: 9999;
    top: 12px;
    left: 12px;
    padding: 10px 16px;
    color: #fff;
    background: var(--dark);
    border-radius: 10px;
    transform: translateY(-150%);
    transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }

/* Announcement */
.announcement {
    position: relative;
    z-index: 70;
    color: #fff;
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
    border-bottom: 1px solid rgba(255,255,255,.12);
    font-size: 13px;
}
.announcement__inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-block: 6px;
    text-align: center;
}
.announcement__inner a { font-weight: 600; }
.announcement__pulse {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255,255,255,.65);
    animation: pulse 2.2s infinite;
}
.announcement button {
    position: absolute;
    right: 12px;
    width: 28px;
    height: 28px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 20px;
}
.announcement button:hover { background: rgba(255,255,255,.12); }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(255,255,255,0); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); } }

/* Header */
.site-header {
    position: sticky;
    z-index: 60;
    top: 0;
    border-bottom: 1px solid rgba(226,232,240,.8);
    background: rgba(255,255,255,.93);
    backdrop-filter: saturate(170%) blur(18px);
    transition: box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.site-header.is-scrolled {
    border-color: transparent;
    background: rgba(255,255,255,.98);
    box-shadow: 0 12px 38px rgba(15,23,42,.08);
}
.site-header__inner {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}
.brand { min-width: 0; display: inline-flex; align-items: center; gap: 12px; }
.brand__logo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 15px;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--brand-primary) 20%, transparent);
    font-size: 23px;
    font-weight: 800;
}
.brand__logo img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.brand__text { min-width: 0; display: grid; line-height: 1.15; }
.brand__text strong {
    max-width: 285px;
    overflow: hidden;
    color: var(--ink);
    font-family: var(--font-bangla);
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.brand__text small { margin-top: 4px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 2px; }
.desktop-nav a {
    position: relative;
    padding: 9px 10px;
    color: #475569;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: color .2s ease, background .2s ease;
}
.desktop-nav a::after {
    position: absolute;
    right: 12px;
    bottom: 5px;
    left: 12px;
    height: 2px;
    content: "";
    background: var(--brand-primary);
    border-radius: 99px;
    transform: scaleX(0);
    transition: transform .2s ease;
}
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--brand-primary); background: var(--surface-tint); }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { transform: scaleX(1); }
.site-header__actions { display: flex; align-items: center; gap: 8px; }
.mobile-menu-button {
    width: 44px;
    height: 44px;
    display: none;
    place-items: center;
    padding: 10px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 13px;
}
.mobile-menu-button span { width: 20px; height: 2px; display: block; margin: 2px 0; background: var(--ink); border-radius: 99px; }
.mobile-menu {
    position: fixed;
    z-index: 120;
    inset: 0;
    background: rgba(2,6,23,.62);
    backdrop-filter: blur(7px);
}
.mobile-menu__panel {
    width: min(88%, 400px);
    height: 100%;
    margin-left: auto;
    overflow-y: auto;
    background: #fff;
    box-shadow: -30px 0 90px rgba(2,6,23,.26);
    animation: slideIn .22s ease-out;
}
.mobile-menu__head { display: flex; align-items: center; justify-content: space-between; padding: 22px; border-bottom: 1px solid var(--line); font-weight: 700; }
.mobile-menu__head button { width: 38px; height: 38px; color: var(--ink); background: var(--surface-soft); border: 0; border-radius: 50%; font-size: 24px; }
.mobile-menu nav { padding: 14px 18px; }
.mobile-menu nav a { display: flex; align-items: center; justify-content: space-between; padding: 13px 10px; border-bottom: 1px solid #eef2f7; font-weight: 600; }
.mobile-menu nav a:hover { color: var(--brand-primary); }
.mobile-menu__actions { display: grid; gap: 10px; padding: 16px 22px 30px; }
@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

/* Buttons */
.button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 17px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand-primary) 24%, transparent); outline-offset: 3px; }
.button--large { min-height: 50px; padding-inline: 22px; border-radius: 14px; font-size: 15px; }
.button--primary {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 70%, var(--brand-secondary)));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--brand-primary) 24%, transparent);
}
.button--primary:hover { box-shadow: 0 16px 34px color-mix(in srgb, var(--brand-primary) 30%, transparent); }
.button--soft { color: var(--brand-primary); background: var(--surface-tint); border-color: color-mix(in srgb, var(--brand-primary) 12%, white); }
.button--soft:hover { background: color-mix(in srgb, var(--brand-primary) 11%, white); }
.button--white { color: var(--brand-primary); background: #fff; box-shadow: var(--shadow-sm); }
.button--glass, .button--outline-light { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.26); backdrop-filter: blur(8px); }
.button--glass:hover, .button--outline-light:hover { background: rgba(255,255,255,.14); }
.button--facebook { color: #fff; background: #1877f2; box-shadow: 0 12px 28px rgba(24,119,242,.25); }
.text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--brand-primary); font-weight: 700; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }

/* Hero */
.premium-hero {
    position: relative;
    min-height: 620px;
    display: grid;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 78% 20%, rgba(15,118,110,.42), transparent 31%),
        radial-gradient(circle at 10% 90%, rgba(212,167,44,.14), transparent 26%),
        linear-gradient(135deg, #11183c 0%, color-mix(in srgb, var(--brand-primary) 77%, #111827) 48%, #0b1224 100%);
}
.premium-hero::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0;
    transform: scale(1.025);
    background-image:
        linear-gradient(90deg, rgba(8,15,40,.97) 0%, rgba(10,22,57,.89) 42%, rgba(9,22,48,.62) 72%, rgba(5,12,29,.72) 100%),
        linear-gradient(180deg, rgba(4,11,29,.08), rgba(4,11,29,.52)),
        var(--hero-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: saturate(1.04) contrast(1.02);
    transition: opacity .35s ease, transform 1.2s ease;
}
.premium-hero--has-image::before {
    opacity: 1;
    transform: scale(1);
}
.premium-hero::after {
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    height: 150px;
    content: "";
    background: linear-gradient(transparent, rgba(2,6,23,.35));
    pointer-events: none;
}
.premium-hero__aurora,
.premium-hero__gridlines {
    z-index: 1;
}
.premium-hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: center;
    gap: clamp(44px, 6vw, 82px);
    padding-block: clamp(82px, 8vw, 112px);
}
.premium-hero__gridlines {
    position: absolute;
    inset: 0;
    opacity: .09;
    background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}
.premium-hero__aurora { position: absolute; width: 430px; height: 430px; filter: blur(90px); opacity: .23; border-radius: 50%; }
.premium-hero__aurora--one { top: -190px; right: 8%; background: var(--brand-accent); }
.premium-hero__aurora--two { bottom: -230px; left: 6%; background: var(--brand-secondary); }
.premium-hero__copy { max-width: 690px; }
.premium-hero__copy h1 {
    max-width: 16ch;
    margin-bottom: 20px;
    color: #fff;
    font-size: var(--heading-xl);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -.03em;
}
.premium-hero__copy > p {
    max-width: 610px;
    margin-bottom: 28px;
    color: rgba(255,255,255,.76);
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.78;
}
.premium-kicker { color: rgba(255,255,255,.86); }
.premium-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; }
.premium-hero__trust { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.premium-hero__trust span, .registration-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    font-size: 12px;
    backdrop-filter: blur(8px);
}
.premium-hero__trust b { color: var(--brand-accent); }
.premium-hero__visual {
    position: relative;
    min-height: 440px;
    display: grid;
    place-items: center;
    padding: 34px;
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: var(--radius-xl);
    box-shadow: 0 32px 100px rgba(2,6,23,.3), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
}
.premium-hero__visual::before {
    position: absolute;
    inset: 18px;
    content: "";
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 30px;
    pointer-events: none;
}
.premium-hero__identity {
    position: relative;
    width: min(100%, 390px);
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.premium-hero__emblem { position: relative; width: 235px; height: 235px; display: grid; place-items: center; }
.premium-hero__emblem-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    box-shadow: 0 0 0 24px rgba(255,255,255,.025), 0 0 0 48px rgba(255,255,255,.018);
    animation: spin 22s linear infinite;
}
.premium-hero__emblem-ring::before, .premium-hero__emblem-ring::after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    background: var(--brand-accent);
    border-radius: 50%;
    box-shadow: 0 0 18px color-mix(in srgb, var(--brand-accent) 75%, transparent);
}
.premium-hero__emblem-ring::before { top: 16px; left: 48px; }
.premium-hero__emblem-ring::after { right: 20px; bottom: 44px; }
.premium-hero__emblem-core {
    width: 164px;
    height: 164px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 50%;
    box-shadow: inset 0 0 42px rgba(255,255,255,.07), 0 30px 60px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
    font-size: 56px;
    font-weight: 800;
}
.premium-hero__emblem-core img { width: 76%; height: 76%; object-fit: contain; }
.premium-hero__identity > small { margin-top: 34px; color: rgba(255,255,255,.54); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.premium-hero__identity > strong { max-width: 310px; margin-top: 4px; color: #fff; font-family: var(--font-bangla); font-size: 18px; line-height: 1.35; }
.premium-hero__identity > span { max-width: 300px; margin-top: 4px; color: rgba(255,255,255,.62); font-size: 12px; }
.premium-hero__faces { position: absolute; inset: 0; pointer-events: none; }
.premium-hero__faces img, .premium-hero__faces > span {
    position: absolute;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    object-fit: cover;
    overflow: hidden;
    color: var(--brand-primary);
    background: #fff;
    border: 3px solid rgba(255,255,255,.62);
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
    font-weight: 800;
}
.premium-hero__faces > :nth-child(1) { top: 5%; left: 8%; }
.premium-hero__faces > :nth-child(2) { top: 17%; right: 0; }
.premium-hero__faces > :nth-child(3) { right: 8%; bottom: 17%; }
.premium-hero__faces > :nth-child(4) { bottom: 6%; left: 10%; }
.premium-hero__faces em {
    position: absolute;
    right: 50%;
    bottom: -4px;
    padding: 6px 10px;
    color: rgba(255,255,255,.78);
    background: rgba(2,6,23,.38);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    transform: translateX(50%);
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Assurance */
.premium-assurance {
    position: relative;
    z-index: 5;
    padding: 0 0 10px;
    background: linear-gradient(#fff 0 70%, var(--surface-soft) 70%);
}
.premium-assurance__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0;
    overflow: hidden;
    margin-top: -24px;
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(226,232,240,.9);
    border-radius: 22px;
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(16px);
}
.premium-assurance article { display: flex; align-items: flex-start; gap: 14px; padding: 22px 24px; }
.premium-assurance article + article { border-left: 1px solid var(--line); }
.premium-assurance article > span { color: var(--brand-accent); font-family: var(--font-bangla); font-size: 20px; font-weight: 800; }
.premium-assurance article strong { display: block; color: var(--ink); font-size: 16px; line-height: 1.35; }
.premium-assurance article small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.55; }

/* Page hero */
.page-hero, .premium-news-page-hero, .premium-news-article-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 86% 12%, rgba(15,118,110,.34), transparent 24%),
        linear-gradient(135deg, var(--brand-primary), #0b1224);
}
.page-hero__inner, .premium-news-article-hero__inner { position: relative; z-index: 2; padding: clamp(68px, 8vw, 96px) 0; }
.page-hero--compact .page-hero__inner { padding-block: 58px; }
.page-hero--article .page-hero__inner { padding-block: 70px; }
.page-hero h1, .premium-news-page-hero h1, .premium-news-article-hero h1 {
    max-width: 850px;
    margin-bottom: 12px;
    color: #fff;
    font-size: clamp(32px, 4vw, 42px);
    letter-spacing: -.02em;
}
.page-hero p { max-width: 700px; margin-bottom: 0; color: rgba(255,255,255,.72); font-size: 17px; }
.page-hero__mesh, .premium-news-article-hero__mesh {
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image: radial-gradient(circle at 25% 30%, #fff 0 1px, transparent 1.5px);
    background-size: 24px 24px;
}

/* About */
.premium-about { background: var(--surface-soft); }
.premium-about__grid, .about-grid, .contact-page-grid, .premium-facebook-grid, .contact-preview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: clamp(36px, 6vw, 72px);
}
.premium-about__visual, .about-visual {
    min-height: 400px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, var(--surface-tint), #fff);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}
.premium-about__visual::after, .about-visual::after {
    position: absolute;
    inset: 18px;
    content: "";
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 22px;
    pointer-events: none;
}
.premium-about__visual > img, .about-image { width: 100%; height: 100%; min-height: 400px; object-fit: cover; }
.premium-about__art {
    min-height: 400px;
    display: grid;
    place-content: center;
    gap: 11px;
    padding: 30px;
    text-align: center;
    background:
        radial-gradient(circle at 20% 15%, rgba(212,167,44,.25), transparent 28%),
        linear-gradient(145deg, var(--brand-primary), #0b1224);
    color: #fff;
}
.premium-about__seal {
    width: 132px;
    height: 132px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin: 0 auto 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    box-shadow: 0 20px 55px rgba(2,6,23,.28);
    font-size: 48px;
    font-weight: 800;
}
.premium-about__seal img { width: 80%; height: 80%; object-fit: contain; }
.premium-about__art strong { color: #fff; font-family: var(--font-bangla); font-size: 24px; }
.premium-about__art small { color: rgba(255,255,255,.68); }
.premium-about__pillars { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 24px 0; }
.premium-about__pillars article, .mission-card {
    padding: 18px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-xs);
}
.premium-about__pillars span { color: var(--brand-secondary); font-size: 13px; font-weight: 800; }
.premium-about__pillars p { margin: 5px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.about-grid--page { align-items: stretch; }
.about-image--page { min-height: 100%; }
.about-pattern { position: absolute; inset: 0; opacity: .08; background-image: radial-gradient(var(--brand-primary) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; }
.registration-chip { margin-top: 18px; color: var(--brand-primary); background: var(--surface-tint); border-color: color-mix(in srgb, var(--brand-primary) 14%, white); }

/* Shared grids and cards */
.feature-grid, .mission-grid, .premium-activities-grid, .listing-grid, .premium-news-listing-grid, .contact-mini-grid, .values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}
.premium-members-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.feature-card, .mission-card, .premium-activity-card, .notice-card, .meeting-card, .content-card, .sidebar-card, .attachment-card, .empty-card, .contact-form-card, .contact-info-panel, .value-card {
    position: relative;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}
.feature-card, .mission-card, .notice-card, .meeting-card, .content-card, .sidebar-card, .attachment-card, .empty-card, .value-card { padding: 22px; }
.feature-card, .value-card { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.feature-card:hover, .value-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--brand-primary) 22%, white); box-shadow: var(--shadow-md); }
.feature-card__icon, .premium-activity-card__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
    border-radius: 14px;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--brand-primary) 20%, transparent);
    font-size: 20px;
}
.feature-card h3, .premium-activity-card h3, .notice-card h3, .meeting-card h3, .value-card h3 { margin-bottom: 8px; font-size: 19px; line-height: 1.35; }
.feature-card p, .premium-activity-card p, .notice-card p, .meeting-card p, .value-card p { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.68; }
.values-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.value-card { text-align: center; }
.value-card::before { width: 44px; height: 3px; display: block; margin: 0 auto 16px; content: ""; background: linear-gradient(90deg, var(--brand-accent), var(--brand-secondary)); border-radius: 99px; }

/* Members */
.premium-members-section {
    isolation: isolate;
    background:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--brand-primary) 8%, transparent), transparent 28%),
        radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--brand-accent) 13%, transparent), transparent 30%),
        linear-gradient(180deg, #fbfcff 0%, #f5f8fc 100%);
}
.premium-members-section::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: .32;
    background-image: radial-gradient(color-mix(in srgb, var(--brand-primary) 18%, transparent) .75px, transparent .75px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
    pointer-events: none;
}
.premium-members-section__glow {
    position: absolute;
    z-index: -1;
    width: 460px;
    height: 460px;
    top: -260px;
    right: -150px;
    background: color-mix(in srgb, var(--brand-accent) 20%, transparent);
    filter: blur(85px);
    border-radius: 50%;
}
.premium-members-section .section-heading { max-width: 780px; }
.premium-members-section .section-heading h2 { font-size: clamp(32px, 3.15vw, 44px); }
.premium-members-section .section-heading p { max-width: 640px; margin-inline: auto; }

.premium-member-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: 24px;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .075);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.premium-member-card::after {
    position: absolute;
    z-index: 3;
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 3px;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary), var(--brand-accent));
    border-radius: 999px 999px 0 0;
    transform: scaleX(.5);
    transition: opacity .3s ease, transform .3s ease;
}
.premium-member-card:hover {
    transform: translateY(-8px);
    border-color: color-mix(in srgb, var(--brand-primary) 26%, white);
    box-shadow: 0 28px 72px rgba(15, 23, 42, .14);
}
.premium-member-card:hover::after { opacity: 1; transform: scaleX(1); }
.premium-member-card__shine {
    position: absolute;
    z-index: 4;
    width: 86px;
    height: 190%;
    top: -45%;
    left: -170px;
    transform: rotate(24deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    transition: left .75s ease;
    pointer-events: none;
}
.premium-member-card:hover .premium-member-card__shine { left: calc(100% + 90px); }

.premium-member-card__portrait {
    position: relative;
    aspect-ratio: 1 / .88;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #fff;
    background:
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
    font-size: 58px;
    font-weight: 800;
}
.premium-member-card__portrait::before {
    position: absolute;
    z-index: 2;
    inset: 12px;
    content: "";
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 16px;
    pointer-events: none;
}
.premium-member-card__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 22%;
    transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.premium-member-card:hover .premium-member-card__portrait img { transform: scale(1.045); filter: saturate(1.04) contrast(1.02); }
.premium-member-card__initial { position: relative; z-index: 1; text-shadow: 0 12px 35px rgba(0,0,0,.25); }
.premium-member-card__portrait-overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, transparent 54%, rgba(7, 15, 34, .78) 100%);
    pointer-events: none;
}
.premium-member-card__verified {
    position: absolute;
    z-index: 3;
    right: 17px;
    bottom: 15px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: #fff;
    background: rgba(5, 150, 105, .88);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(2, 44, 34, .22);
    backdrop-filter: blur(10px);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
.premium-member-card__verified i {
    width: 7px;
    height: 7px;
    background: #d1fae5;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(209,250,229,.16);
}

.premium-member-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 19px 18px 18px;
}
.premium-member-card__identity { min-width: 0; }
.premium-member-card__role {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 7px;
    padding: 4px 9px;
    color: var(--brand-secondary);
    background: color-mix(in srgb, var(--brand-secondary) 8%, white);
    border: 1px solid color-mix(in srgb, var(--brand-secondary) 14%, white);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}
.premium-member-card__identity h3 {
    margin-bottom: 6px;
    font-size: clamp(18px, 1.45vw, 21px);
    line-height: 1.3;
    letter-spacing: -.01em;
}
.premium-member-card__organization {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
}
.premium-member-card__organization svg { width: 15px; flex: 0 0 15px; fill: color-mix(in srgb, var(--brand-primary) 72%, #64748b); }

.premium-member-card__contacts {
    display: grid;
    gap: 7px;
    margin-top: auto;
    padding-top: 16px;
}
.premium-member-card__contacts a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    background: linear-gradient(135deg, #f8fafc, #f3f6fb);
    border: 1px solid #e9edf4;
    border-radius: 12px;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.premium-member-card__contacts a:hover {
    background: #fff;
    border-color: color-mix(in srgb, var(--brand-primary) 18%, white);
    box-shadow: 0 8px 22px rgba(15,23,42,.07);
    transform: translateX(2px);
}
.premium-member-card__contacts a > span {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: grid;
    place-items: center;
    color: var(--brand-primary);
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 9px;
    box-shadow: 0 4px 12px rgba(15,23,42,.05);
}
.premium-member-card__contacts a > span svg { width: 15px; fill: currentColor; }
.premium-member-card__contacts a > div { min-width: 0; flex: 1; }
.premium-member-card__contacts small,
.premium-member-card__contacts b { display: block; line-height: 1.24; }
.premium-member-card__contacts small { margin-bottom: 2px; color: var(--muted); font-size: 9px; }
.premium-member-card__contacts b {
    max-width: 100%;
    overflow: hidden;
    color: var(--ink-soft);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.premium-member-card__contact-arrow {
    width: 15px;
    flex: 0 0 15px;
    fill: none;
    stroke: #94a3b8;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s ease, transform .2s ease;
}
.premium-member-card__contacts a:hover .premium-member-card__contact-arrow { stroke: var(--brand-primary); transform: translateX(2px); }

/* Activities */
.premium-activities-section {
    color: #fff;
    background:
        radial-gradient(circle at 14% 0, rgba(15,118,110,.24), transparent 26%),
        linear-gradient(140deg, #0b1224, color-mix(in srgb, var(--brand-primary) 60%, #0b1224));
}
.premium-activities-section__mesh { position: absolute; inset: 0; opacity: .06; background-image: linear-gradient(45deg, #fff 1px, transparent 1px); background-size: 42px 42px; }
.premium-activities-grid { position: relative; z-index: 1; }
.premium-activity-card {
    padding: 0;
    background: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.12);
    box-shadow: none;
    backdrop-filter: blur(10px);
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.premium-activity-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.2); }
.premium-activity-card__media { aspect-ratio: 16 / 9; overflow: hidden; }
.premium-activity-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.premium-activity-card:hover .premium-activity-card__media img { transform: scale(1.045); }
.premium-activity-card__content { padding: 22px; }
.premium-activity-card__topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.premium-activity-card__topline b { padding: 5px 9px; color: #fde68a; background: rgba(212,167,44,.12); border: 1px solid rgba(212,167,44,.2); border-radius: 999px; font-size: 10px; }
.premium-activity-card h3 { color: #fff; }
.premium-activity-card p { color: rgba(255,255,255,.68); }
.premium-activity-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 15px; color: #fff; font-size: 13px; font-weight: 700; }

/* News */
.premium-news-section { background: #fff; }
.premium-news-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 22px; }
.premium-news-feature, .premium-news-card, .premium-news-article-card, .article-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}
.premium-news-feature { transition: transform .25s ease, box-shadow .25s ease; }
.premium-news-feature:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.premium-news-feature__media, .premium-news-card__media, .premium-news-article-image { position: relative; overflow: hidden; background: #e8edf5; }
.premium-news-feature__media { display: block; aspect-ratio: 16 / 9; }
.premium-news-feature__media > b { position: absolute; top: 14px; left: 14px; padding: 6px 10px; color: #fff; background: var(--brand-primary); border-radius: 999px; font-size: 10px; }
.premium-news-card__media { display: block; min-height: 132px; }
.premium-news-feature__media img, .premium-news-card__media img, .premium-news-article-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.premium-news-feature:hover img, .premium-news-card:hover img { transform: scale(1.04); }
.premium-news-feature__body { padding: 24px; }
.premium-news-feature__body time, .premium-news-card__body time { display: block; margin-bottom: 7px; color: var(--muted); font-size: 11px; }
.premium-news-feature__body h3 { margin-bottom: 9px; font-size: 26px; line-height: 1.35; }
.premium-news-feature__body p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.premium-news-stack { display: grid; gap: 14px; }
.premium-news-card { display: grid; grid-template-columns: 136px minmax(0, 1fr); transition: transform .22s ease, box-shadow .22s ease; }
.premium-news-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.premium-news-card__body { padding: 15px 16px; }
.premium-news-card__body h3 { display: -webkit-box; overflow: hidden; margin-bottom: 6px; font-size: 17px; line-height: 1.36; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.premium-news-card__body p { display: -webkit-box; overflow: hidden; margin-bottom: 0; color: var(--muted); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.premium-news-card__body .text-link { margin-top: 8px; font-size: 12px; }
.premium-news-placeholder { min-height: 100%; display: grid; place-items: center; color: var(--brand-primary); background: linear-gradient(135deg, #e0e7ff, #ecfeff); font-family: var(--font-bangla); font-size: 38px; font-weight: 800; }
.premium-news-placeholder--small { font-size: 22px; }
.premium-section-action, .section-more { display: flex; justify-content: center; margin-top: 30px; }
.premium-news-listing-section, .premium-news-article-section, .article-section { padding: var(--section-space) 0; background: var(--surface-soft); }
.premium-news-listing-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.premium-news-listing-grid .premium-news-card { display: block; }
.premium-news-listing-grid .premium-news-card__media { aspect-ratio: 16 / 9; }
.premium-news-listing-grid .premium-news-card__body { padding: 20px; }
.premium-news-listing-grid .premium-news-card__body h3 { font-size: 20px; -webkit-line-clamp: 3; }

/* Media gallery */
.premium-media-showcase {
    position: relative;
    color: #fff;
    background:
        radial-gradient(circle at 80% 100%, rgba(212,167,44,.1), transparent 28%),
        linear-gradient(145deg, #0b1224, #111a35);
}
.premium-media-showcase__orb { position: absolute; width: 360px; height: 360px; filter: blur(80px); opacity: .16; border-radius: 50%; }
.premium-media-showcase__orb--one { top: -180px; left: -80px; background: var(--brand-secondary); }
.premium-media-showcase__orb--two { right: -120px; bottom: -180px; background: var(--brand-accent); }
.premium-media-showcase__heading { position: relative; z-index: 2; color: #fff; }
.premium-media-showcase__heading h2 { color: #fff; }
.premium-media-showcase__heading p { color: rgba(255,255,255,.68); }
.premium-media-showcase__grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.premium-media-panel { overflow: hidden; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.11); border-radius: 22px; box-shadow: 0 22px 60px rgba(2,6,23,.2); }
.premium-media-panel--video { background: rgba(255,255,255,.045); }
.premium-media-panel__head { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.09); }
.premium-media-panel__head strong { font-size: 16px; }
.premium-media-panel__head span { color: rgba(255,255,255,.55); font-size: 11px; }
.premium-media-panel__head--light { color: #fff; border-color: rgba(255,255,255,.09); }
.premium-media-photos, .premium-media-videos { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 12px; }
.premium-media-photo { aspect-ratio: 1; overflow: hidden; border-radius: 13px; cursor: zoom-in; }
.premium-media-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.premium-media-photo:hover img { transform: scale(1.05); filter: saturate(1.08); }
.premium-media-video-card { overflow: hidden; color: var(--ink); background: #fff; border-radius: 13px; box-shadow: var(--shadow-xs); }
.premium-media-video-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #020617; }
.premium-media-video-card__media img, .premium-media-video-card__media iframe, .premium-media-video-card__media video { width: 100%; height: 100%; object-fit: cover; border: 0; }
.premium-media-video-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(255,255,255,.75); background: linear-gradient(135deg, #111827, #1e293b); }
.premium-media-video-card__duration { position: absolute; right: 7px; bottom: 7px; padding: 3px 7px; color: #fff; background: rgba(0,0,0,.76); border-radius: 6px; font-size: 10px; }
.premium-media-video-card__body { padding: 12px; }
.premium-media-video-card__body h3 { margin-bottom: 0; font: 700 14px/1.42 var(--font-bangla); }
.premium-media-empty { min-height: 180px; display: grid; place-items: center; padding: 24px; text-align: center; }
.premium-media-empty--dark, .premium-media-empty--light { color: rgba(255,255,255,.58); }

/* Facebook */
.premium-facebook-section { background: linear-gradient(180deg, #f5f8ff, #eef4ff); }
.premium-facebook-copy h2 { margin-bottom: 14px; color: var(--ink); font-size: var(--heading-lg); }
.premium-facebook-copy > p { color: var(--muted); font-size: 17px; }
.premium-facebook-points { display: grid; gap: 9px; margin: 23px 0; }
.premium-facebook-points > span { display: flex; align-items: center; gap: 10px; color: var(--ink-soft); }
.premium-facebook-points b { width: 29px; height: 29px; display: grid; place-items: center; color: #1877f2; background: #fff; border: 1px solid #dbeafe; border-radius: 9px; font-size: 10px; box-shadow: var(--shadow-xs); }
.premium-facebook-visual {
    min-height: 450px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(145deg, #1877f2, #0f4ab8);
    border: 1px solid rgba(24,119,242,.2);
    border-radius: 26px;
    box-shadow: var(--shadow-md);
}
.premium-facebook-visual iframe { width: 100%; max-width: 500px; height: 620px; }
.premium-facebook-visual img { width: 100%; height: 100%; object-fit: cover; }

/* Features and updates */
.premium-features-section { background: #fff; }
.premium-updates-section { background: var(--surface-soft); }
.updates-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(28px, 5vw, 54px); align-items: start; }
.stack-list { display: grid; gap: 14px; }
.notice-card, .meeting-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.notice-card:hover, .meeting-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--brand-primary) 20%, white); box-shadow: var(--shadow-md); }
.notice-card { display: block; }
.meeting-card { display: flex; gap: 16px; align-items: flex-start; }
.notice-card h3, .meeting-card h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.meeting-card > div:last-child { min-width: 0; }
.meeting-card__date { width: 61px; flex: 0 0 61px; padding: 10px 6px; color: #fff; background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary)); border-radius: 15px; text-align: center; box-shadow: 0 12px 26px color-mix(in srgb, var(--brand-primary) 20%, transparent); }
.meeting-card__date strong, .meeting-card__date span { display: block; line-height: 1.08; }
.meeting-card__date strong { font-family: var(--font-bangla); font-size: 24px; }
.meeting-card__date span { margin-top: 4px; font-size: 10px; }
.content-card__meta, .article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 10px; color: var(--muted); font-size: 12px; }
.badge { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; }
.badge--green { color: #047857; background: #d1fae5; }
.badge--gold { color: #92400e; background: #fef3c7; }
.badge--neutral { color: #475569; background: #e2e8f0; }
.meeting-listing { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }

/* CTA */
.premium-cta-section, .cta-section { padding: 20px 0 var(--section-space); background: var(--surface-soft); }
.premium-cta-card, .cta-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: clamp(32px, 5vw, 52px);
    color: #fff;
    background:
        radial-gradient(circle at 92% 0, rgba(212,167,44,.30), transparent 29%),
        linear-gradient(135deg, var(--brand-primary), #0b1224);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 28px;
    box-shadow: var(--shadow-md);
}
.premium-cta-card > div:not(.premium-cta-card__mark), .cta-card > div { position: relative; z-index: 2; }
.premium-cta-card h2, .cta-card h2 { max-width: 720px; margin-bottom: 9px; color: #fff; font-size: clamp(27px, 3vw, 28px); }
.premium-cta-card p, .cta-card p { max-width: 680px; margin-bottom: 0; color: rgba(255,255,255,.69); }
.premium-cta-card__actions { display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: 9px; }
.premium-cta-card__mark { position: absolute; right: -55px; bottom: -100px; width: 240px; height: 240px; display: grid; place-items: center; color: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 50%; font-family: var(--font-bangla); font-size: 110px; font-weight: 800; }

/* Contact */
.premium-contact-preview { background: #fff; }
.contact-preview__grid { align-items: center; }
.contact-mini-grid { margin: 24px 0; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.contact-mini-grid > * { min-width: 0; padding: 14px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 13px; }
.contact-mini-grid span, .contact-visual__card span { display: block; color: var(--muted); font-size: 11px; }
.contact-mini-grid strong { display: block; overflow-wrap: anywhere; margin-top: 3px; color: var(--ink); font-size: 14px; }
.contact-visual { position: relative; min-height: 390px; display: grid; place-items: center; }
.contact-visual__ring { position: absolute; width: 320px; height: 320px; border: 1px solid color-mix(in srgb, var(--brand-primary) 18%, white); border-radius: 50%; box-shadow: 0 0 0 38px color-mix(in srgb, var(--brand-primary) 4%, transparent), 0 0 0 76px color-mix(in srgb, var(--brand-secondary) 3%, transparent); }
.contact-visual__card { position: relative; z-index: 2; width: min(100%, 390px); padding: 30px; background: rgba(255,255,255,.94); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow-md); backdrop-filter: blur(14px); }
.contact-visual__card strong { display: block; margin: 7px 0 12px; font-size: 19px; line-height: 1.55; }
.contact-page-grid { align-items: stretch; }
.contact-info-panel, .contact-form-card { padding: clamp(24px, 4vw, 38px); }
.contact-info-panel { color: #fff; background: linear-gradient(145deg, var(--brand-primary), #0b1224); border: 0; }
.contact-info-panel h2, .contact-info-panel h3 { color: #fff; }
.contact-info-panel p { color: rgba(255,255,255,.7); }
.contact-info-list { display: grid; gap: 12px; margin-top: 24px; }
.contact-info-list li, .contact-info-list a { color: rgba(255,255,255,.8); }
.contact-form { display: grid; gap: 17px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
.contact-form label { display: grid; gap: 7px; color: #334155; font-weight: 700; }
.contact-form input, .contact-form textarea, .contact-form select {
    width: 100%;
    padding: 12px 14px;
    color: var(--ink);
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 11px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 11%, transparent); }
.contact-form textarea { min-height: 145px; resize: vertical; }
.form-note { color: var(--muted); font-size: 12px; }
.honeypot { position: absolute !important; left: -9999px !important; }
.alert { margin-bottom: 20px; padding: 13px 16px; border-radius: 11px; font-weight: 600; }
.alert--success { color: #065f46; background: #d1fae5; border: 1px solid #a7f3d0; }
.alert--error { color: #991b1b; background: #fee2e2; border: 1px solid #fecaca; }

/* Articles */
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 26px; }
.content-card, .premium-news-article-card { padding: clamp(22px, 3.5vw, 36px); }
.premium-news-article-card { padding: 0; }
.premium-news-article-card .rich-text, .premium-news-article-card .article-share { margin-inline: clamp(22px, 3.5vw, 36px); }
.premium-news-article-card .rich-text { margin-top: clamp(22px, 3.5vw, 36px); }
.premium-news-article-card .article-share { margin-bottom: clamp(22px, 3.5vw, 36px); }
.premium-news-article-image { aspect-ratio: 16 / 8.5; }
.article-sidebar { position: sticky; top: 98px; display: grid; gap: 16px; }
.sidebar-card h3 { margin-bottom: 12px; font-size: 18px; }
.rich-text { color: var(--ink-soft); font-size: 16px; line-height: 1.82; }
.rich-text h2, .rich-text h3 { margin: 1.5em 0 .55em; color: var(--ink); }
.rich-text h2 { font-size: 28px; }
.rich-text h3 { font-size: 23px; }
.rich-text p, .rich-text ul, .rich-text ol { margin-bottom: 1.05em; }
.rich-text ul, .rich-text ol { padding-left: 1.25em; }
.rich-text ul { list-style: disc; }
.rich-text ol { list-style: decimal; }
.rich-text a { color: var(--brand-primary); text-decoration: underline; text-underline-offset: 3px; }
.rich-text blockquote { margin: 1.35em 0; padding: 17px 20px; color: #334155; background: var(--surface-tint); border-left: 4px solid var(--brand-accent); border-radius: 0 13px 13px 0; }
.rich-text--large { font-size: 17px; }
.article-share { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); }
.attachment-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.meeting-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; margin-bottom: 24px; }
.meeting-summary-grid > * { padding: 16px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 13px; }

/* Empty, pagination, lightbox */
.empty-card { text-align: center; color: var(--muted); }
.empty-card--large { min-height: 240px; display: grid; place-content: center; }
.pagination-wrap { display: flex; justify-content: center; margin-top: 32px; }
.pagination-wrap nav { max-width: 100%; }
.back-to-top {
    position: fixed;
    z-index: 45;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--brand-primary);
    border: 0;
    border-radius: 13px;
    box-shadow: var(--shadow-md);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 2.4; }
.frontend-lightbox { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 36px; color: #fff; background: rgba(2,6,23,.95); }
.frontend-lightbox img { max-width: min(1100px, 94vw); max-height: 82vh; object-fit: contain; border-radius: 12px; box-shadow: 0 30px 90px rgba(0,0,0,.5); }
.frontend-lightbox p { position: absolute; bottom: 14px; margin: 0; }
.frontend-lightbox__close { position: absolute; top: 16px; right: 18px; width: 45px; height: 45px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; font-size: 28px; }

/* Footer */
.site-footer {
    position: relative;
    overflow: hidden;
    padding: 72px 0 24px;
    color: rgba(255,255,255,.68);
    background: #090f1f;
}
.site-footer::before { position: absolute; inset: 0; content: ""; opacity: .035; background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); background-size: 42px 42px; }
.site-footer__glow { position: absolute; width: 420px; height: 420px; top: -250px; left: -160px; background: color-mix(in srgb, var(--brand-primary) 36%, transparent); filter: blur(80px); border-radius: 50%; }
.site-footer__grid { position: relative; display: grid; grid-template-columns: 1.25fr .72fr .72fr 1fr; gap: 40px; }
.site-footer h3 { margin-bottom: 14px; color: #fff; font-family: var(--font-bangla); font-size: 17px; }
.brand--footer .brand__text strong { color: #fff; }
.footer-brand p { max-width: 400px; margin: 17px 0; font-size: 14px; }
.footer-links { display: grid; gap: 8px; }
.footer-links a, .footer-contact a { font-size: 13px; transition: color .2s ease, transform .2s ease; }
.footer-links a:hover, .footer-contact a:hover { color: #fff; }
.footer-contact { display: grid; gap: 10px; }
.footer-contact li { font-size: 13px; line-height: 1.55; }
.footer-contact span { display: block; margin-bottom: 2px; color: rgba(255,255,255,.4); font-size: 12px; text-transform: uppercase; }
.social-links { display: flex; flex-wrap: wrap; gap: 7px; }
.social-links a { padding: 6px 10px; color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; font-size: 11px; transition: background .2s ease, transform .2s ease; }
.social-links a:hover { background: rgba(255,255,255,.13); transform: translateY(-2px); }
.site-footer__bottom { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 44px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); font-size: 12px; }

/* Maintenance */
.maintenance-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #fff; background: linear-gradient(135deg, var(--brand-primary), #0b1224); }
.maintenance-card { width: min(100%, 580px); padding: 40px; text-align: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 26px; backdrop-filter: blur(15px); }
.maintenance-card h1 { color: #fff; }
.maintenance-card p { color: rgba(255,255,255,.72); }

/* Motion */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .62s ease, transform .62s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
}

@media (max-width: 1160px) {
    .desktop-nav a { padding-inline: 8px; font-size: 13px; }
    .desktop-action { padding-inline: 13px; }
    .premium-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .8fr); gap: 34px; }
    .site-footer__grid { grid-template-columns: 1.2fr .8fr .8fr; }
    .site-footer__grid > :last-child { grid-column: 2 / -1; }
}

@media (max-width: 1020px) {
    .desktop-nav { display: none; }
    .mobile-menu-button { display: grid; }
    .premium-hero__grid { grid-template-columns: 1fr .78fr; }
    .feature-grid, .mission-grid, .premium-activities-grid, .listing-grid, .premium-news-listing-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .premium-members-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    :root { --section-space: 68px; }
    body { font-size: 15px; }
    .container { width: min(calc(100% - 32px), var(--container)); }
    .site-header__inner { min-height: 70px; }
    .brand__logo { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; }
    .brand__text strong { max-width: 235px; font-size: 17px; }
    .brand__text small { display: none; }
    .desktop-action { display: none; }
    .premium-hero { min-height: auto; }
    .premium-hero__grid { grid-template-columns: 1fr; gap: 46px; padding-block: 68px 78px; }
    .premium-hero__copy { max-width: 660px; }
    .premium-hero__copy h1 { max-width: 18ch; font-size: clamp(38px, 8vw, 52px); }
    .premium-hero__visual { width: min(100%, 520px); min-height: 390px; margin-inline: auto; }
    .premium-assurance__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .premium-assurance article + article { border-left: 0; }
    .premium-assurance article:nth-child(even) { border-left: 1px solid var(--line); }
    .premium-assurance article:nth-child(n+3) { border-top: 1px solid var(--line); }
    .premium-about__grid, .about-grid, .contact-page-grid, .premium-facebook-grid, .contact-preview__grid, .premium-media-showcase__grid, .premium-news-layout, .article-layout { grid-template-columns: 1fr; }
    .premium-about__visual, .about-visual { min-height: 360px; }
    .premium-about__visual > img, .about-image, .premium-about__art { min-height: 360px; }
    .premium-news-layout { gap: 18px; }
    .premium-news-stack { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .premium-news-card { display: block; }
    .premium-news-card__media { aspect-ratio: 16 / 9; }
    .updates-grid { grid-template-columns: 1fr; gap: 54px; }
    .meeting-listing { grid-template-columns: 1fr; }
    .article-sidebar { position: static; }
    .premium-cta-card, .cta-card { align-items: flex-start; flex-direction: column; }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; }
    .site-footer__grid > :last-child { grid-column: auto; }
    .meeting-summary-grid { grid-template-columns: 1fr; }
}


@media (max-width: 840px) {
    .premium-hero--has-image::before {
        background-image:
            linear-gradient(180deg, rgba(8,15,40,.88) 0%, rgba(8,15,40,.92) 54%, rgba(5,12,29,.96) 100%),
            linear-gradient(180deg, rgba(4,11,29,.08), rgba(4,11,29,.58)),
            var(--hero-image);
        background-position: center top;
    }
}

@media (max-width: 680px) {
    .premium-members-grid { grid-template-columns: 1fr; }
    .premium-member-card { width: min(100%, 430px); margin-inline: auto; }
    .premium-member-card__portrait { aspect-ratio: 1 / .82; }
    .premium-member-card__body { padding: 20px; }
    .premium-member-card__identity h3 { font-size: 21px; }
}

@media (max-width: 580px) {
    :root { --section-space: 58px; }
    .container { width: min(calc(100% - 24px), var(--container)); }
    .announcement__inner { min-height: 40px; padding-right: 36px; text-align: left; }
    .brand { gap: 9px; }
    .brand__logo { width: 42px; height: 42px; flex-basis: 42px; }
    .brand__text strong { max-width: 190px; font-size: 15px; }
    .site-header__actions { gap: 5px; }
    .mobile-menu-button { width: 42px; height: 42px; }
    .section-heading { margin-bottom: 30px; }
    .section-heading h2, .section-copy h2 { font-size: clamp(27px, 8.5vw, 35px); }
    .section-heading p, .section-copy > p { font-size: 15px; }
    .premium-hero__grid { gap: 34px; padding-block: 56px 66px; }
    .premium-hero__copy h1 { max-width: none; margin-bottom: 16px; font-size: clamp(34px, 10.5vw, 43px); line-height: 1.24; }
    .premium-hero__copy > p { margin-bottom: 23px; font-size: 15px; }
    .premium-hero__actions, .premium-cta-card__actions { display: grid; width: 100%; }
    .premium-hero__actions .button, .premium-cta-card__actions .button { width: 100%; }
    .premium-hero__trust { margin-top: 22px; }
    .premium-hero__visual { min-height: 330px; padding: 24px 16px; border-radius: 28px; }
    .premium-hero__identity { min-height: 300px; }
    .premium-hero__emblem { width: 190px; height: 190px; }
    .premium-hero__emblem-core { width: 132px; height: 132px; font-size: 46px; }
    .premium-hero__faces img, .premium-hero__faces > span { width: 42px; height: 42px; }
    .premium-hero__identity > small { margin-top: 24px; }
    .premium-assurance__grid { grid-template-columns: 1fr; margin-top: -15px; }
    .premium-assurance article:nth-child(even) { border-left: 0; }
    .premium-assurance article + article { border-top: 1px solid var(--line); }
    .feature-grid, .mission-grid, .premium-activities-grid, .premium-members-grid, .listing-grid, .premium-news-listing-grid, .contact-mini-grid, .premium-news-stack, .premium-media-photos, .premium-media-videos, .form-grid, .values-grid { grid-template-columns: 1fr; }
    .premium-members-grid { justify-content: stretch; }
    .premium-about__pillars { grid-template-columns: 1fr; }
    .premium-about__visual, .about-visual, .premium-about__visual > img, .about-image, .premium-about__art { min-height: 315px; }
    .premium-news-feature__body h3 { font-size: 22px; }
    .premium-news-card { display: grid; grid-template-columns: 108px minmax(0, 1fr); }
    .premium-news-card__media { min-height: 120px; aspect-ratio: auto; }
    .premium-news-card__body { padding: 13px; }
    .premium-news-card__body p { display: none; }
    .premium-media-showcase__grid { gap: 16px; }
    .premium-media-panel { border-radius: 18px; }
    .premium-facebook-visual { min-height: 390px; }
    .premium-cta-card, .cta-card { padding: 28px 22px; border-radius: 22px; }
    .contact-visual { min-height: 330px; }
    .contact-visual__ring { width: 250px; height: 250px; }
    .contact-visual__card { padding: 24px; }
    .site-footer { padding-top: 58px; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-brand, .site-footer__grid > :last-child { grid-column: auto; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; }
    .notice-card, .meeting-card { padding: 18px; }
    .meeting-card__date { width: 56px; flex-basis: 56px; }
    .attachment-card { align-items: flex-start; flex-direction: column; }
    .frontend-lightbox { padding: 18px; }
}

/* ================================================================
   Ultra Premium Public Notice & Meeting Experience — v12.0
   ================================================================ */
.public-updates-hero,
.public-detail-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--brand-secondary) 48%, transparent), transparent 28%),
        radial-gradient(circle at 10% 100%, color-mix(in srgb, var(--brand-accent) 16%, transparent), transparent 30%),
        linear-gradient(135deg, #111a38 0%, color-mix(in srgb, var(--brand-primary) 80%, #071126) 55%, #081426 100%);
}
.public-updates-hero::after,
.public-detail-hero::after {
    position: absolute;
    z-index: -1;
    right: -8%;
    bottom: -120px;
    width: 420px;
    height: 420px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(255, 255, 255, .025),
        0 0 0 92px rgba(255, 255, 255, .018);
}
.public-updates-hero__pattern,
.public-detail-hero__pattern {
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .11;
    background-image:
        linear-gradient(rgba(255,255,255,.34) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.34) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, #000, transparent 86%);
}
.public-updates-hero__orb,
.public-detail-hero__glow {
    position: absolute;
    z-index: -1;
    display: block;
    border-radius: 50%;
    filter: blur(72px);
    pointer-events: none;
}
.public-updates-hero__orb--one,
.public-detail-hero__glow--one {
    top: -140px;
    left: -100px;
    width: 360px;
    height: 360px;
    background: color-mix(in srgb, var(--brand-secondary) 38%, transparent);
}
.public-updates-hero__orb--two,
.public-detail-hero__glow--two {
    right: 13%;
    bottom: -180px;
    width: 420px;
    height: 420px;
    background: color-mix(in srgb, var(--brand-accent) 22%, transparent);
}
.public-updates-hero__inner {
    position: relative;
    z-index: 2;
    padding: clamp(62px, 7vw, 92px) 0 clamp(68px, 8vw, 104px);
}
.public-detail-hero__inner {
    position: relative;
    z-index: 2;
    padding: 38px 0 clamp(56px, 6vw, 82px);
}
.public-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
    font-weight: 600;
}
.public-breadcrumb a {
    transition: color .2s ease;
}
.public-breadcrumb a:hover {
    color: #fff;
}
.public-breadcrumb--light {
    color: rgba(255, 255, 255, .63);
}
.public-updates-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: end;
    gap: clamp(38px, 8vw, 110px);
}
.public-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}
.public-hero-kicker svg,
.public-detail-hero__meta svg,
.public-notice-card svg,
.public-meeting-card svg,
.public-attachment-card svg,
.public-document-actions svg,
.meeting-facts-grid svg,
.meeting-content-block svg,
.meeting-document-card__actions svg,
.public-empty-state svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.public-hero-kicker svg {
    width: 18px;
    height: 18px;
}
.public-updates-hero h1,
.public-detail-hero h1 {
    max-width: 930px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 4.8vw, 42px);
    line-height: 1.16;
    letter-spacing: -.035em;
}
.public-updates-hero p {
    max-width: 720px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.75;
}
.public-updates-hero__stat {
    padding: 23px 24px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    box-shadow: 0 22px 60px rgba(2, 6, 23, .18);
    backdrop-filter: blur(18px);
}
.public-updates-hero__stat span,
.public-updates-hero__stat small {
    display: block;
    color: rgba(255,255,255,.64);
}
.public-updates-hero__stat span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.public-updates-hero__stat strong {
    display: block;
    margin: 3px 0 5px;
    color: #fff;
    font: 800 46px/1 var(--font-bangla);
}
.public-updates-hero__stat small {
    font-size: 11px;
    line-height: 1.55;
}
.public-updates-section,
.public-detail-section {
    position: relative;
    padding: clamp(62px, 7vw, 96px) 0;
    background:
        radial-gradient(circle at 94% 5%, color-mix(in srgb, var(--brand-secondary) 6%, transparent), transparent 24%),
        linear-gradient(180deg, #f8faff 0%, #fff 45%, #f8fafc 100%);
}
.public-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 34px;
    margin-bottom: 36px;
}
.public-section-heading > div > span {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--brand-secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.public-section-heading h2 {
    margin: 0;
    color: var(--ink);
    font-size: clamp(29px, 3vw, 42px);
}
.public-section-heading > p {
    max-width: 510px;
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    text-align: right;
}
.public-notice-grid,
.public-meeting-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}
.public-notice-card,
.public-meeting-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: rgba(255,255,255,.96);
    border: 1px solid #e5eaf2;
    border-radius: 22px;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .065);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.public-notice-card::before,
.public-meeting-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: linear-gradient(180deg, var(--brand-accent), var(--brand-secondary));
    opacity: 0;
    transform: scaleY(.35);
    transform-origin: top;
    transition: opacity .28s ease, transform .28s ease;
}
.public-notice-card:hover,
.public-meeting-card:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--brand-primary) 22%, #e5eaf2);
    box-shadow: 0 24px 64px rgba(15, 23, 42, .13);
}
.public-notice-card:hover::before,
.public-meeting-card:hover::before {
    opacity: 1;
    transform: scaleY(1);
}
.public-notice-card {
    display: flex;
    min-height: 325px;
    flex-direction: column;
    padding: 25px;
}
.public-notice-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.public-notice-card__icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    flex: 0 0 47px;
    color: var(--brand-primary);
    background: linear-gradient(145deg, #eef2ff, #fff);
    border: 1px solid #e0e7ff;
    border-radius: 15px;
}
.public-notice-card__icon svg {
    width: 22px;
    height: 22px;
}
.public-notice-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    color: var(--muted);
    font-size: 11px;
}
.public-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}
.public-status-pill--notice {
    color: #3730a3;
    background: #eef2ff;
    border: 1px solid #e0e7ff;
}
.public-status-pill--important {
    color: #8a4b05;
    background: #fff7df;
    border: 1px solid #fde5a8;
}
.public-status-pill--upcoming {
    color: #047857;
    background: #e7fbf3;
    border: 1px solid #c4f1df;
}
.public-status-pill--completed {
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}
.public-status-pill--light {
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.15);
}
.public-status-dot {
    width: 6px;
    height: 6px;
    display: block;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
}
.public-notice-card__body {
    padding: 24px 0 20px;
}
.public-notice-card__body h3,
.public-meeting-card h3 {
    margin-bottom: 10px;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.35;
}
.public-notice-card__body h3 a,
.public-meeting-card h3 a {
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: color .2s ease, background-size .24s ease;
}
.public-notice-card__body h3 a:hover,
.public-meeting-card h3 a:hover {
    color: var(--brand-primary);
    background-size: 100% 1px;
}
.public-notice-card__body p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.public-notice-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #eef1f6;
}
.public-notice-card__footer > a,
.public-meeting-card__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--brand-primary);
    font-size: 13px;
    font-weight: 800;
}
.public-notice-card__footer > a svg,
.public-meeting-card__link svg {
    width: 15px;
    height: 15px;
    transition: transform .2s ease;
}
.public-notice-card__footer > a:hover svg,
.public-meeting-card__link:hover svg {
    transform: translateX(3px);
}
.public-file-mark {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--muted);
    font-size: 11px;
}
.public-file-mark svg {
    width: 14px;
    height: 14px;
}
.public-meeting-card {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 272px;
    padding: 20px;
}
.public-meeting-card__date {
    min-height: 142px;
    display: flex;
    align-items: center;
    align-self: start;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 50% 110%, rgba(255,255,255,.2), transparent 45%),
        linear-gradient(155deg, var(--brand-primary), color-mix(in srgb, var(--brand-secondary) 80%, #111827));
    border-radius: 18px;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
.public-meeting-card__date span {
    padding: 7px 7px 5px;
    color: rgba(255,255,255,.7);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}
.public-meeting-card__date strong {
    color: #fff;
    font: 800 42px/1 var(--font-bangla);
}
.public-meeting-card__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
}
.public-meeting-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--muted);
    font-size: 11px;
}
.public-meeting-card__place {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 19px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}
.public-meeting-card__place svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-top: 2px;
    color: var(--brand-secondary);
}
.public-meeting-card__link {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #eef1f6;
}
.public-empty-state {
    display: grid;
    place-items: center;
    min-height: 300px;
    padding: 42px;
    text-align: center;
    background: #fff;
    border: 1px dashed #d9e0eb;
    border-radius: 24px;
}
.public-empty-state--wide {
    grid-column: 1 / -1;
}
.public-empty-state > span {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    color: var(--brand-primary);
    background: #eef2ff;
    border-radius: 20px;
}
.public-empty-state svg {
    width: 28px;
    height: 28px;
}
.public-empty-state h3 {
    margin-bottom: 6px;
    color: var(--ink);
    font-size: 23px;
}
.public-empty-state p {
    margin: 0;
    color: var(--muted);
}

/* Detail hero */
.public-detail-hero__content {
    max-width: 940px;
}
.public-detail-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 17px;
}
.public-detail-hero h1 {
    font-size: clamp(34px, 4.4vw, 58px);
}
.public-detail-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 22px;
    margin-top: 23px;
    color: rgba(255,255,255,.72);
    font-size: 14px;
}
.public-detail-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.public-detail-hero__meta svg {
    width: 17px;
    height: 17px;
    color: color-mix(in srgb, var(--brand-accent) 75%, #fff);
}
.meeting-detail-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 188px;
    align-items: center;
    gap: clamp(34px, 8vw, 110px);
}
.meeting-detail-hero__copy {
    min-width: 0;
}
.meeting-detail-date-card {
    min-height: 218px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 23px;
    color: #fff;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 28px;
    box-shadow: 0 26px 70px rgba(2,6,23,.2);
    backdrop-filter: blur(18px);
}
.meeting-detail-date-card > span {
    color: rgba(255,255,255,.72);
    font-size: 15px;
    font-weight: 700;
}
.meeting-detail-date-card > strong {
    color: #fff;
    font: 800 76px/.95 var(--font-bangla);
}
.meeting-detail-date-card > small {
    color: rgba(255,255,255,.72);
    font-size: 14px;
}
.meeting-detail-date-card > em {
    margin-top: 12px;
    padding: 5px 11px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
}
.public-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 325px;
    align-items: start;
    gap: 28px;
}
.official-document-card,
.meeting-document-card,
.public-sidebar-card {
    background: #fff;
    border: 1px solid #e6ebf2;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .07);
}
.official-document-card,
.meeting-document-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 26px;
}
.official-document-card {
    position: relative;
}
.official-document-card::before {
    position: absolute;
    top: 118px;
    right: -50px;
    width: 250px;
    height: 250px;
    content: "";
    opacity: .035;
    background: radial-gradient(circle, var(--brand-primary) 0 3px, transparent 4px);
    background-size: 19px 19px;
    border-radius: 50%;
    pointer-events: none;
}
.official-document-card__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    background: linear-gradient(180deg, #fbfcff, #f7f9fd);
    border-bottom: 1px solid #e8edf4;
}
.official-document-card__brand {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}
.official-document-card__logo,
.public-publisher > span {
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
    border-radius: 16px;
    font-family: var(--font-bangla);
    font-weight: 800;
}
.official-document-card__logo {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    padding: 4px;
}
.official-document-card__logo img,
.public-publisher img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    border-radius: inherit;
}
.official-document-card__brand strong {
    display: block;
    color: var(--ink);
    font-family: var(--font-bangla);
    font-size: 17px;
    line-height: 1.3;
}
.official-document-card__brand span {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
}
.official-document-card__type {
    flex: 0 0 auto;
    padding: 7px 12px;
    color: #3730a3;
    background: #eef2ff;
    border: 1px solid #e0e7ff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}
.official-document-card__title {
    position: relative;
    padding: 30px 34px 24px;
    text-align: center;
    border-bottom: 1px solid #edf0f5;
}
.official-document-card__title > span {
    display: block;
    margin-bottom: 8px;
    color: var(--muted);
    font-size: 12px;
}
.official-document-card__title h2 {
    max-width: 780px;
    margin: 0 auto;
    color: var(--ink);
    font-size: clamp(25px, 3vw, 35px);
    line-height: 1.35;
}
.official-document-card__body {
    position: relative;
    min-height: 300px;
    padding: clamp(28px, 4vw, 46px);
}
.public-rich-text {
    color: #334155;
    font-size: 16px;
    line-height: 1.95;
}
.public-rich-text > :first-child {
    margin-top: 0;
}
.public-rich-text > :last-child {
    margin-bottom: 0;
}
.public-rich-text h2,
.public-rich-text h3,
.public-rich-text h4 {
    color: var(--ink);
    line-height: 1.35;
}
.public-rich-text h2 {
    margin: 1.45em 0 .55em;
    font-size: 25px;
}
.public-rich-text h3 {
    margin: 1.35em 0 .5em;
    font-size: 21px;
}
.public-rich-text p {
    margin-bottom: 1.12em;
}
.public-rich-text ul,
.public-rich-text ol {
    display: grid;
    gap: 8px;
    margin: 1em 0;
    padding-left: 23px;
}
.public-rich-text ul {
    list-style: disc;
}
.public-rich-text ol {
    list-style: decimal;
}
.public-rich-text blockquote {
    margin: 1.4em 0;
    padding: 18px 20px;
    background: #f7f9fd;
    border-left: 4px solid var(--brand-accent);
    border-radius: 0 15px 15px 0;
}
.public-attachment-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 14px;
    margin: 0 clamp(24px, 4vw, 44px) 34px;
    padding: 16px 18px;
    color: var(--ink);
    background: linear-gradient(145deg, #f7f9ff, #fff);
    border: 1px solid #e2e8f7;
    border-radius: 17px;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.public-attachment-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--brand-primary) 28%, #e2e8f7);
    box-shadow: var(--shadow-sm);
}
.public-attachment-card__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: var(--brand-primary);
    background: #eef2ff;
    border-radius: 14px;
}
.public-attachment-card__icon svg {
    width: 22px;
    height: 22px;
}
.public-attachment-card small,
.public-attachment-card strong {
    display: block;
}
.public-attachment-card small {
    color: var(--muted);
    font-size: 11px;
}
.public-attachment-card strong {
    margin-top: 2px;
    font-size: 14px;
}
.public-attachment-card__arrow {
    width: 18px;
    height: 18px;
    color: var(--brand-primary);
}
.official-document-card__footer,
.meeting-document-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 30px;
    background: #fafbfe;
    border-top: 1px solid #e8edf4;
}
.official-document-card__footer > div:first-child span,
.official-document-card__footer > div:first-child strong {
    display: block;
}
.official-document-card__footer > div:first-child span {
    color: var(--muted);
    font-size: 11px;
}
.official-document-card__footer > div:first-child strong {
    color: var(--ink);
    font-size: 14px;
}
.public-document-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.public-document-actions button,
.meeting-document-card__actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 8px 13px;
    color: var(--ink-soft);
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.public-document-actions button:hover,
.meeting-document-card__actions > a:hover {
    color: var(--brand-primary);
    background: #f7f8ff;
    border-color: #cdd5f5;
}
.public-document-actions svg,
.meeting-document-card__actions svg {
    width: 16px;
    height: 16px;
}
.public-detail-sidebar {
    position: sticky;
    top: 98px;
    display: grid;
    gap: 18px;
}
.public-sidebar-card {
    overflow: hidden;
    padding: 22px;
    border-radius: 20px;
}
.public-sidebar-card--publisher {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand-secondary) 7%, transparent), transparent 35%),
        #fff;
}
.public-sidebar-card__eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--brand-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.public-publisher {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}
.public-publisher > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    padding: 3px;
}
.public-publisher strong {
    display: block;
    color: var(--ink);
    font-family: var(--font-bangla);
    font-size: 16px;
    line-height: 1.35;
}
.public-publisher p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}
.public-sidebar-card h3 {
    margin-bottom: 15px;
    color: var(--ink);
    font-size: 19px;
}
.public-info-list {
    display: grid;
    gap: 0;
}
.public-info-list li {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid #edf0f5;
}
.public-info-list li:first-child {
    padding-top: 0;
}
.public-info-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.public-info-list span {
    color: var(--muted);
    font-size: 12px;
}
.public-info-list strong {
    min-width: 0;
    color: var(--ink-soft);
    font-size: 12px;
    text-align: right;
    overflow-wrap: anywhere;
}
.public-sidebar-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.public-sidebar-card__heading h3 {
    margin: 0;
}
.public-sidebar-card__heading > a {
    color: var(--brand-primary);
    font-size: 11px;
    font-weight: 800;
}
.public-related-list {
    display: grid;
}
.public-related-list > a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f5;
}
.public-related-list > a:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.public-related-list > a > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--brand-primary);
    background: #eef2ff;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
}
.public-related-list strong,
.public-related-list small {
    display: block;
}
.public-related-list strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ink-soft);
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.public-related-list small {
    margin-top: 4px;
    color: var(--muted);
    font-size: 10px;
}

/* Meeting document */
.meeting-document-card {
    padding: 0;
}
.meeting-facts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e9edf4;
    border-bottom: 1px solid #e9edf4;
}
.meeting-facts-grid > div {
    min-width: 0;
    padding: 22px;
    background: #fff;
}
.meeting-facts-grid__icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    color: var(--brand-primary);
    background: #eef2ff;
    border-radius: 12px;
}
.meeting-facts-grid__icon svg {
    width: 19px;
    height: 19px;
}
.meeting-facts-grid > div > span:not(.meeting-facts-grid__icon),
.meeting-facts-grid > div > strong {
    display: block;
}
.meeting-facts-grid > div > span:not(.meeting-facts-grid__icon) {
    color: var(--muted);
    font-size: 11px;
}
.meeting-facts-grid > div > strong {
    margin-top: 4px;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.meeting-content-block {
    padding: clamp(28px, 4vw, 44px);
    border-bottom: 1px solid #e8edf4;
}
.meeting-content-block--minutes {
    background: linear-gradient(180deg, #fbfcff, #fff);
}
.meeting-content-block__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 23px;
}
.meeting-content-block__header > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    color: var(--brand-primary);
    background: linear-gradient(145deg, #eef2ff, #fff);
    border: 1px solid #e0e7ff;
    border-radius: 15px;
}
.meeting-content-block__header svg {
    width: 21px;
    height: 21px;
}
.meeting-content-block__header small,
.meeting-content-block__header h2 {
    display: block;
}
.meeting-content-block__header small {
    color: var(--muted);
    font-size: 11px;
}
.meeting-content-block__header h2 {
    margin: 1px 0 0;
    color: var(--ink);
    font-size: 25px;
}
.public-inline-empty {
    padding: 18px 20px;
    color: var(--muted);
    background: #f8fafc;
    border: 1px dashed #d9e0eb;
    border-radius: 15px;
    font-size: 14px;
}
.meeting-document-card .public-attachment-card {
    margin-top: 30px;
}
.meeting-document-card__actions > a {
    color: var(--brand-primary);
}

@media (max-width: 1050px) {
    .public-notice-grid,
    .public-meeting-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .public-detail-layout {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 840px) {
    .public-updates-hero__grid,
    .meeting-detail-hero__grid,
    .public-detail-layout {
        grid-template-columns: 1fr;
    }
    .public-updates-hero__stat {
        width: min(100%, 360px);
    }
    .meeting-detail-date-card {
        width: min(100%, 230px);
        min-height: 190px;
        align-items: flex-start;
        justify-content: center;
    }
    .public-detail-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .public-detail-sidebar > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .public-updates-hero__inner {
        padding: 46px 0 60px;
    }
    .public-detail-hero__inner {
        padding: 26px 0 50px;
    }
    .public-breadcrumb {
        margin-bottom: 21px;
        font-size: 11px;
    }
    .public-updates-hero h1,
    .public-detail-hero h1 {
        font-size: clamp(31px, 9vw, 42px);
        line-height: 1.22;
    }
    .public-updates-hero p {
        font-size: 15px;
    }
    .public-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
    .public-section-heading > p {
        max-width: none;
        text-align: left;
    }
    .public-notice-grid,
    .public-meeting-grid,
    .public-detail-sidebar {
        grid-template-columns: 1fr;
    }
    .public-detail-sidebar > :last-child:nth-child(odd) {
        grid-column: auto;
    }
    .public-notice-card {
        min-height: auto;
        padding: 21px;
    }
    .public-meeting-card {
        grid-template-columns: 72px minmax(0, 1fr);
        min-height: 242px;
        padding: 17px;
    }
    .public-meeting-card__date {
        min-height: 126px;
        border-radius: 15px;
    }
    .public-meeting-card__date strong {
        font-size: 36px;
    }
    .public-meeting-card__content {
        padding-left: 14px;
    }
    .public-notice-card__body h3,
    .public-meeting-card h3 {
        font-size: 19px;
    }
    .public-detail-hero__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
        margin-top: 18px;
    }
    .meeting-detail-date-card {
        width: 100%;
        min-height: 126px;
        display: grid;
        grid-template-columns: auto auto auto;
        place-content: center;
        align-items: baseline;
        gap: 6px 10px;
        border-radius: 21px;
    }
    .meeting-detail-date-card > strong {
        grid-row: 1 / span 2;
        font-size: 64px;
    }
    .meeting-detail-date-card > span,
    .meeting-detail-date-card > small {
        align-self: end;
    }
    .meeting-detail-date-card > em {
        grid-column: 1 / -1;
        justify-self: center;
        margin-top: 2px;
    }
    .official-document-card__header,
    .official-document-card__footer,
    .meeting-document-card__actions {
        align-items: flex-start;
        flex-direction: column;
    }
    .official-document-card__type {
        align-self: flex-start;
    }
    .official-document-card__title {
        padding: 25px 22px 21px;
        text-align: left;
    }
    .official-document-card__body,
    .meeting-content-block {
        padding: 25px 22px;
    }
    .public-rich-text {
        font-size: 15px;
        line-height: 1.88;
    }
    .public-attachment-card {
        grid-template-columns: 44px minmax(0, 1fr);
        margin: 0 20px 28px;
        padding: 14px;
    }
    .public-attachment-card__arrow {
        display: none;
    }
    .public-document-actions {
        width: 100%;
    }
    .public-document-actions button {
        flex: 1 1 0;
    }
    .meeting-facts-grid {
        grid-template-columns: 1fr;
    }
    .meeting-facts-grid > div {
        display: grid;
        grid-template-columns: 40px 78px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 16px 20px;
    }
    .meeting-facts-grid__icon {
        margin: 0;
    }
    .meeting-facts-grid > div > strong {
        margin: 0;
        text-align: right;
    }
    .meeting-content-block__header h2 {
        font-size: 22px;
    }
}

@media print {
    .announcement,
    .site-header,
    .site-footer,
    .back-to-top,
    .public-detail-hero,
    .public-detail-sidebar,
    .public-document-actions,
    .meeting-document-card__actions {
        display: none !important;
    }
    .public-detail-section {
        padding: 0;
        background: #fff;
    }
    .container,
    .public-detail-layout {
        width: 100%;
        display: block;
    }
    .official-document-card,
    .meeting-document-card {
        border: 0;
        box-shadow: none;
    }
}

/* Homepage compact variants for shared notice/meeting cards */
.stack-list .public-notice-card {
    min-height: 268px;
}
.stack-list .public-meeting-card {
    min-height: 238px;
}
.public-document-actions button.is-success {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

/* ========================================================================
   Somiti Manager v13.0 — Mobile-first ultra dynamic frontend
   ======================================================================== */
:root {
    --ui-bg: #f5f7fb;
    --ui-surface: rgba(255, 255, 255, 0.92);
    --ui-surface-strong: #ffffff;
    --ui-text: #101a36;
    --ui-muted: #66728b;
    --ui-line: rgba(15, 23, 42, 0.09);
    --ui-soft-line: rgba(49, 46, 129, 0.10);
    --ui-shadow-sm: 0 10px 30px rgba(15, 23, 42, 0.06);
    --ui-shadow-md: 0 22px 60px rgba(15, 23, 42, 0.10);
    --ui-shadow-lg: 0 34px 90px rgba(15, 23, 42, 0.16);
    --ui-radius-sm: 14px;
    --ui-radius-md: 22px;
    --ui-radius-lg: 30px;
    --ui-header-height: 80px;
    --ui-mobile-dock-height: 74px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--ui-header-height) + 20px);
    text-rendering: optimizeLegibility;
}

body.frontend-body--mobile-first {
    color: var(--ui-text);
    background:
        radial-gradient(circle at 4% 4%, rgba(49, 46, 129, 0.08), transparent 25rem),
        radial-gradient(circle at 94% 14%, rgba(15, 118, 110, 0.07), transparent 24rem),
        var(--ui-bg);
    overflow-x: clip;
}

body.menu-open,
body.lightbox-open {
    overflow: hidden;
}

.frontend-body--mobile-first main {
    min-height: 55vh;
}

.frontend-body--mobile-first .container {
    width: min(100% - 28px, 1240px);
}

.frontend-body--mobile-first .section {
    position: relative;
    padding-block: clamp(64px, 8vw, 112px);
}

.frontend-body--mobile-first .section-heading {
    max-width: 760px;
    margin-inline: auto;
    margin-bottom: clamp(30px, 5vw, 54px);
}

.frontend-body--mobile-first .section-heading h2,
.frontend-body--mobile-first .section-copy h2 {
    font-size: clamp(2rem, 4.1vw, 3.55rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.frontend-body--mobile-first .section-heading p,
.frontend-body--mobile-first .section-copy > p,
.frontend-body--mobile-first .rich-text {
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.82;
    color: var(--ui-muted);
}

.frontend-body--mobile-first .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid rgba(15, 118, 110, 0.15);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    backdrop-filter: blur(14px);
}

.frontend-body--mobile-first .eyebrow::before {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--brand-secondary);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand-secondary) 13%, transparent);
}

/* Header and progress */
.site-header--premium {
    position: sticky;
    top: 0;
    z-index: 1000;
    min-height: var(--ui-header-height);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(22px) saturate(145%);
    transition: box-shadow .25s ease, background-color .25s ease, transform .25s ease;
}

.site-header--premium.is-scrolled {
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.09);
}

.site-scroll-progress {
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    overflow: hidden;
    pointer-events: none;
}

.site-scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary), var(--brand-accent));
    transition: transform .08s linear;
}

.site-header--premium .brand__logo {
    box-shadow: 0 10px 25px rgba(49, 46, 129, 0.16);
}

.site-header--premium .brand__text strong {
    max-width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.desktop-nav a {
    position: relative;
    padding: 13px 12px;
    border-radius: 13px;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.desktop-nav a:hover {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--brand-primary) 7%, white);
}

.desktop-nav a.is-active {
    color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-primary) 9%, white);
}

.desktop-nav a.is-active::after {
    content: '';
    position: absolute;
    right: 12px;
    bottom: 6px;
    left: 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
}

/* Hero */
.premium-hero--v10 {
    min-height: min(780px, calc(100svh - var(--ui-header-height)));
    display: grid;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 24%, rgba(45, 212, 191, 0.18), transparent 28rem),
        radial-gradient(circle at 20% 28%, rgba(129, 140, 248, 0.22), transparent 31rem),
        linear-gradient(145deg, #101735 0%, #171d49 50%, #0b2439 100%);
}

.premium-hero--v10.premium-hero--has-image {
    background-image:
        linear-gradient(100deg, rgba(5, 10, 29, 0.94) 4%, rgba(11, 17, 48, 0.82) 47%, rgba(7, 28, 41, 0.62) 100%),
        var(--hero-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.premium-hero--v10::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 135px;
    z-index: -1;
    background: linear-gradient(180deg, transparent, rgba(3, 8, 25, 0.28));
    pointer-events: none;
}

.premium-hero--v10 .premium-hero__grid {
    min-height: inherit;
    padding-block: clamp(74px, 9vw, 128px);
}

.premium-hero--v10 .premium-hero__copy h1 {
    max-width: 760px;
    font-size: clamp(2.7rem, 6.2vw, 5.65rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
    text-wrap: balance;
    text-shadow: 0 8px 35px rgba(0, 0, 0, 0.22);
}

.premium-hero--v10 .premium-hero__copy > p {
    max-width: 680px;
    font-size: clamp(1.05rem, 1.65vw, 1.3rem);
    line-height: 1.75;
}

.premium-hero__actions .button {
    min-height: 56px;
    padding-inline: 24px;
}

.premium-hero__visual {
    filter: drop-shadow(0 34px 60px rgba(0, 0, 0, .28));
}

.premium-hero__emblem-core {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

/* Quick command bar */
.home-command-shell {
    position: relative;
    z-index: 25;
    margin-top: -42px;
    padding-bottom: 8px;
}

.home-command-bar {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(24px) saturate(140%);
}

.home-command-bar a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 68px;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 17px;
    color: var(--ui-text);
    background: transparent;
    transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-command-bar a:hover,
.home-command-bar a.is-active {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--brand-primary) 14%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 8%, white), color-mix(in srgb, var(--brand-secondary) 7%, white));
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.home-command-bar a > span {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    font-size: 1.15rem;
    color: white;
    background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
    box-shadow: 0 9px 22px color-mix(in srgb, var(--brand-primary) 25%, transparent);
}

.home-command-bar div {
    min-width: 0;
}

.home-command-bar small,
.home-command-bar strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-command-bar small {
    margin-bottom: 2px;
    font-size: .72rem;
    color: var(--ui-muted);
}

.home-command-bar strong {
    font-size: .95rem;
}

/* Premium surfaces */
.premium-assurance--editable article,
.premium-about__visual,
.premium-about__pillars article,
.premium-member-card,
.feature-card,
.empty-card,
.contact-visual__card,
.contact-mini-grid > *,
.premium-news-feature,
.premium-news-stack > *,
.stack-list > * {
    border-color: var(--ui-line);
    box-shadow: var(--ui-shadow-sm);
}

.premium-assurance--editable article,
.premium-member-card,
.feature-card,
.contact-mini-grid > *,
.premium-news-feature,
.stack-list > * {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.premium-assurance--editable article:hover,
.premium-member-card:hover,
.feature-card:hover,
.premium-news-feature:hover,
.stack-list > *:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--brand-primary) 18%, transparent);
    box-shadow: var(--ui-shadow-md);
}

.premium-about {
    overflow: hidden;
}

.premium-about::before {
    content: '';
    position: absolute;
    top: 8%;
    right: -12rem;
    width: 30rem;
    height: 30rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-secondary) 8%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.premium-about__visual {
    overflow: hidden;
    border-radius: var(--ui-radius-lg);
}

.premium-about__visual > img {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}

.premium-about__visual:hover > img {
    transform: scale(1.035);
    filter: saturate(1.06) contrast(1.02);
}

/* Members */
.premium-members-section--directory {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,247,252,.96)),
        radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--brand-primary) 8%, transparent), transparent 30rem);
}

.premium-members-grid--directory {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
}

.premium-member-card--contact {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 25px;
    background: rgba(255, 255, 255, .96);
}

.premium-member-card__portrait {
    aspect-ratio: 4 / 3.25;
    overflow: hidden;
    background: linear-gradient(145deg, #eef2ff, #ecfeff);
}

.premium-member-card__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity .35s ease, transform .6s cubic-bezier(.2,.8,.2,1);
}

.premium-member-card__portrait img.is-loaded {
    opacity: 1;
}

.premium-member-card:hover .premium-member-card__portrait img {
    transform: scale(1.055);
}

.premium-member-card__body {
    padding: 20px;
}

.premium-member-card__body h3 {
    font-size: clamp(1.25rem, 1.6vw, 1.52rem);
    line-height: 1.28;
    letter-spacing: -0.02em;
}

/* Activities */
.premium-activities-section {
    background:
        radial-gradient(circle at 10% 20%, rgba(99, 102, 241, .18), transparent 30rem),
        radial-gradient(circle at 90% 80%, rgba(13, 148, 136, .16), transparent 28rem),
        linear-gradient(145deg, #101735, #141b48 55%, #092b38);
}

.premium-activities-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.premium-activity-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 25px;
    background: rgba(255,255,255,.08);
    box-shadow: 0 24px 65px rgba(0,0,0,.18);
    backdrop-filter: blur(14px);
}

.premium-activity-card__media {
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.premium-activity-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.8,.2,1);
}

.premium-activity-card:hover .premium-activity-card__media img {
    transform: scale(1.06);
}

.premium-activity-card__content {
    padding: 22px;
}

/* News and updates */
.premium-news-section {
    background: rgba(255, 255, 255, .72);
}

.premium-news-layout {
    align-items: stretch;
}

.premium-news-feature {
    overflow: hidden;
    border-radius: var(--ui-radius-lg);
    background: #fff;
}

.premium-news-feature__media {
    min-height: 330px;
}

.premium-news-feature__media img {
    transition: transform .7s cubic-bezier(.2,.8,.2,1);
}

.premium-news-feature:hover .premium-news-feature__media img {
    transform: scale(1.04);
}

.premium-updates-section {
    background:
        linear-gradient(180deg, rgba(247,249,253,.86), #fff),
        radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--brand-accent) 10%, transparent), transparent 24rem);
}

.updates-grid > div {
    min-width: 0;
    padding: clamp(18px, 2.3vw, 30px);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-lg);
    background: rgba(255,255,255,.88);
    box-shadow: var(--ui-shadow-sm);
}

/* CTA and contact */
.premium-cta-card {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 35px 90px rgba(14, 18, 52, .28);
}

.premium-cta-card::after {
    content: '';
    position: absolute;
    right: -8rem;
    bottom: -9rem;
    width: 23rem;
    height: 23rem;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    filter: blur(4px);
    pointer-events: none;
}

.premium-contact-preview {
    background: linear-gradient(180deg, #fff, #f5f8fc);
}

.contact-visual__card {
    border-radius: var(--ui-radius-lg);
    background: rgba(255,255,255,.94);
}

/* Buttons and interaction */
.frontend-body--mobile-first .button,
.home-command-bar a,
.mobile-bottom-dock a,
.mobile-bottom-dock button {
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.frontend-body--mobile-first .button {
    min-height: 48px;
    border-radius: 14px;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .2s ease, filter .2s ease;
}

.frontend-body--mobile-first .button:hover {
    transform: translateY(-2px);
    filter: saturate(1.05);
}

.frontend-body--mobile-first .button:active,
.home-command-bar a:active,
.mobile-bottom-dock a:active,
.mobile-bottom-dock button:active {
    transform: scale(.975);
}

.ui-ripple {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.35);
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0);
    animation: ui-ripple .55s ease-out forwards;
}

@keyframes ui-ripple {
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(18);
    }
}

.reveal {
    opacity: 0;
    transform: translateY(24px) scale(.992);
    transition:
        opacity .7s cubic-bezier(.2,.8,.2,1),
        transform .7s cubic-bezier(.2,.8,.2,1);
    transition-delay: calc(var(--reveal-order, 0) * 38ms);
}

.reveal.is-visible {
    opacity: 1;
    transform: none;
}

/* Mobile bottom dock */
.mobile-bottom-dock {
    display: none;
}

/* Defer off-screen rendering for better mobile performance */
@supports (content-visibility: auto) {
    .frontend-body--mobile-first main > section:not(.premium-hero):not(.home-command-shell) {
        content-visibility: auto;
        contain-intrinsic-size: 1px 700px;
    }
}

@media (max-width: 1120px) {
    .home-command-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-activities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    :root {
        --ui-header-height: 70px;
    }

    .frontend-body--mobile-first .container {
        width: min(100% - 24px, 760px);
    }

    .site-header--premium .site-header__inner {
        min-height: var(--ui-header-height);
    }

    .site-header--premium .brand__logo {
        width: 48px;
        height: 48px;
    }

    .site-header--premium .brand__text strong {
        max-width: min(52vw, 330px);
        font-size: 1.08rem;
    }

    .site-header--premium .brand__text small {
        max-width: 48vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .premium-hero--v10 {
        min-height: auto;
    }

    .premium-hero--v10 .premium-hero__grid {
        padding-top: 76px;
        padding-bottom: 110px;
    }

    .premium-hero--v10 .premium-hero__copy h1 {
        font-size: clamp(2.5rem, 8.8vw, 4.7rem);
    }

    .home-command-shell {
        margin-top: -56px;
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-about__visual > img {
        min-height: 350px;
    }
}

@media (max-width: 767px) {
    :root {
        --ui-header-height: 66px;
    }

    html {
        scroll-padding-top: calc(var(--ui-header-height) + 12px);
    }

    body.frontend-body--mobile-first {
        padding-bottom: calc(var(--ui-mobile-dock-height) + env(safe-area-inset-bottom));
        background:
            radial-gradient(circle at 15% 4%, rgba(49,46,129,.07), transparent 18rem),
            #f6f8fc;
    }

    .frontend-body--mobile-first .container {
        width: min(100% - 20px, 640px);
    }

    .frontend-body--mobile-first .section {
        padding-block: 62px;
    }

    .frontend-body--mobile-first .section-heading {
        margin-bottom: 28px;
        text-align: left;
    }

    .frontend-body--mobile-first .section-heading h2,
    .frontend-body--mobile-first .section-copy h2 {
        font-size: clamp(2rem, 9.5vw, 2.85rem);
        line-height: 1.12;
    }

    .frontend-body--mobile-first .section-heading p,
    .frontend-body--mobile-first .section-copy > p,
    .frontend-body--mobile-first .rich-text {
        font-size: 1rem;
        line-height: 1.72;
    }

    .announcement__inner {
        min-height: 42px;
        gap: 8px;
        font-size: .82rem;
    }

    .site-header--premium {
        min-height: var(--ui-header-height);
    }

    .site-header--premium .site-header__inner {
        width: calc(100% - 20px);
        min-height: var(--ui-header-height);
        gap: 10px;
    }

    .site-header--premium .brand {
        min-width: 0;
        gap: 9px;
    }

    .site-header--premium .brand__logo {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        border-radius: 13px;
    }

    .site-header--premium .brand__text strong {
        max-width: calc(100vw - 128px);
        font-size: .98rem;
    }

    .site-header--premium .brand__text small {
        max-width: calc(100vw - 140px);
        font-size: .68rem;
    }

    .mobile-menu-button {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        background: color-mix(in srgb, var(--brand-primary) 8%, white);
    }

    .mobile-menu__panel {
        width: min(92vw, 390px);
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
        border-radius: 28px 0 0 28px;
    }

    .mobile-menu__panel nav a {
        min-height: 54px;
        border-radius: 14px;
    }

    .premium-hero--v10,
    .premium-hero--v10.premium-hero--has-image {
        background-position: 63% center;
    }

    .premium-hero--v10.premium-hero--has-image {
        background-image:
            linear-gradient(180deg, rgba(6,10,28,.82) 0%, rgba(8,13,36,.88) 54%, rgba(7,24,37,.96) 100%),
            var(--hero-image);
    }

    .premium-hero--v10 .premium-hero__grid {
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 94px;
        text-align: left;
    }

    .premium-hero--v10 .premium-hero__copy {
        width: 100%;
    }

    .premium-hero--v10 .premium-hero__copy h1 {
        max-width: 100%;
        font-size: clamp(2.45rem, 13vw, 3.65rem);
        line-height: 1.03;
        letter-spacing: -0.04em;
        text-align: left;
    }

    .premium-hero--v10 .premium-hero__copy > p {
        max-width: 96%;
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.7;
        text-align: left;
    }

    .premium-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
        margin-top: 26px;
    }

    .premium-hero__actions .button {
        width: 100%;
        min-height: 54px;
        justify-content: center;
    }

    .premium-hero__trust {
        display: flex;
        gap: 8px;
        width: calc(100vw - 20px);
        margin-inline: -1px;
        padding: 2px 0 8px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .premium-hero__trust::-webkit-scrollbar {
        display: none;
    }

    .premium-hero__trust span {
        flex: 0 0 auto;
        scroll-snap-align: start;
        white-space: nowrap;
    }

    .premium-hero__visual {
        margin-top: 36px;
    }

    .premium-hero__identity {
        max-width: 100%;
    }

    .home-command-shell {
        margin-top: -52px;
    }

    .home-command-shell .container {
        width: 100%;
    }

    .home-command-bar {
        display: flex;
        gap: 10px;
        padding: 9px 10px 13px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        border-inline: 0;
        border-radius: 0;
        background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,253,.96));
        box-shadow: 0 18px 48px rgba(15,23,42,.12);
        scrollbar-width: none;
        scroll-padding-inline: 10px;
        scroll-snap-type: x mandatory;
    }

    .home-command-bar::-webkit-scrollbar {
        display: none;
    }

    .home-command-bar a {
        flex: 0 0 146px;
        min-height: 64px;
        padding: 10px;
        scroll-snap-align: start;
        border-color: rgba(15,23,42,.06);
        background: #fff;
        box-shadow: 0 8px 20px rgba(15,23,42,.05);
    }

    .home-command-bar a > span {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .home-command-bar strong {
        font-size: .9rem;
    }

    .premium-assurance__grid {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .premium-assurance__grid::-webkit-scrollbar {
        display: none;
    }

    .premium-assurance__grid article {
        flex: 0 0 min(84vw, 320px);
        scroll-snap-align: center;
    }

    .premium-about__grid {
        gap: 28px;
    }

    .premium-about__visual {
        border-radius: 23px;
    }

    .premium-about__visual > img {
        min-height: 270px;
        max-height: 410px;
    }

    .premium-about__pillars {
        grid-template-columns: 1fr;
    }

    .premium-members-grid--directory {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .premium-member-card--contact {
        width: 100%;
        max-width: 520px;
        margin-inline: auto;
        border-radius: 23px;
    }

    .premium-member-card__portrait {
        aspect-ratio: 16 / 12.5;
    }

    .premium-member-card__body {
        padding: 18px;
    }

    .premium-activities-grid {
        display: flex;
        gap: 14px;
        margin-inline: -10px;
        padding-inline: 10px;
        padding-bottom: 14px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }

    .premium-activities-grid::-webkit-scrollbar {
        display: none;
    }

    .premium-activity-card {
        flex: 0 0 min(88vw, 380px);
        scroll-snap-align: center;
        border-radius: 22px;
    }

    .premium-news-layout {
        gap: 16px;
    }

    .premium-news-feature {
        border-radius: 23px;
    }

    .premium-news-feature__media {
        min-height: 230px;
        aspect-ratio: 16 / 10;
    }

    .premium-news-feature__body {
        padding: 20px;
    }

    .premium-news-stack {
        display: flex;
        gap: 12px;
        margin-inline: -10px;
        padding: 2px 10px 12px;
        overflow-x: auto;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }

    .premium-news-stack::-webkit-scrollbar {
        display: none;
    }

    .premium-news-stack > * {
        flex: 0 0 min(86vw, 360px);
        scroll-snap-align: center;
    }

    .premium-facebook-grid,
    .updates-grid,
    .contact-preview__grid {
        gap: 24px;
    }

    .premium-facebook-visual iframe {
        width: 100%;
        min-height: 500px;
    }

    .feature-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .feature-card {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 4px 14px;
        padding: 17px;
        border-radius: 19px;
    }

    .feature-card__icon {
        grid-row: 1 / span 2;
        align-self: start;
    }

    .feature-card h3,
    .feature-card p {
        margin: 0;
    }

    .updates-grid > div {
        padding: 16px;
        border-radius: 22px;
    }

    .premium-cta-section {
        padding-inline: 10px;
    }

    .premium-cta-card {
        padding: 26px 20px;
        border-radius: 25px;
        text-align: left;
    }

    .premium-cta-card__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .premium-cta-card__actions .button {
        width: 100%;
        justify-content: center;
    }

    .contact-mini-grid {
        grid-template-columns: 1fr;
    }

    .contact-mini-grid > * {
        min-height: 76px;
        border-radius: 18px;
    }

    .site-footer--premium {
        padding-bottom: calc(32px + env(safe-area-inset-bottom));
    }

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .site-footer__bottom {
        align-items: flex-start;
        text-align: left;
    }

    .back-to-top {
        right: 16px;
        bottom: calc(var(--ui-mobile-dock-height) + 18px + env(safe-area-inset-bottom));
        width: 46px;
        height: 46px;
    }

    .mobile-bottom-dock {
        position: fixed;
        right: 10px;
        bottom: max(8px, env(safe-area-inset-bottom));
        left: 10px;
        z-index: 1100;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: var(--ui-mobile-dock-height);
        padding: 7px 8px;
        border: 1px solid rgba(255,255,255,.8);
        border-radius: 24px;
        background: rgba(255,255,255,.93);
        box-shadow: 0 20px 55px rgba(15,23,42,.22);
        backdrop-filter: blur(22px) saturate(150%);
    }

    .mobile-bottom-dock a,
    .mobile-bottom-dock button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-width: 0;
        min-height: 58px;
        padding: 5px 2px;
        border: 0;
        border-radius: 17px;
        color: #68738b;
        background: transparent;
        font-family: inherit;
        font-size: .68rem;
        font-weight: 700;
        cursor: pointer;
    }

    .mobile-bottom-dock svg {
        width: 22px;
        height: 22px;
        fill: currentColor;
    }

    .mobile-bottom-dock a.is-active {
        color: var(--brand-primary);
        background: color-mix(in srgb, var(--brand-primary) 9%, white);
    }

    .mobile-bottom-dock .mobile-bottom-dock__primary {
        overflow: visible;
        color: var(--brand-primary);
    }

    .mobile-bottom-dock__primary-icon {
        display: grid;
        width: 48px;
        height: 48px;
        margin-top: -28px;
        place-items: center;
        border: 5px solid rgba(255,255,255,.96);
        border-radius: 999px;
        color: #fff;
        background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
        box-shadow: 0 12px 30px color-mix(in srgb, var(--brand-primary) 35%, transparent);
    }

    .mobile-bottom-dock__primary-icon svg {
        width: 22px;
        height: 22px;
    }

    .mobile-bottom-dock__primary > span:last-child {
        margin-top: -2px;
        color: var(--brand-primary);
    }

    .frontend-lightbox {
        padding: 18px;
    }

    .frontend-lightbox img {
        max-height: 72svh;
        border-radius: 18px;
    }
}

@media (max-width: 420px) {
    .site-header--premium .brand__text strong {
        max-width: calc(100vw - 120px);
        font-size: .92rem;
    }

    .site-header--premium .brand__text small {
        display: none;
    }

    .premium-hero--v10 .premium-hero__copy h1 {
        font-size: clamp(2.25rem, 12.5vw, 3.25rem);
    }

    .premium-hero__faces em {
        display: none;
    }

    .home-command-bar a {
        flex-basis: 138px;
    }

    .mobile-bottom-dock {
        right: 7px;
        left: 7px;
        padding-inline: 5px;
        border-radius: 21px;
    }

    .mobile-bottom-dock a,
    .mobile-bottom-dock button {
        font-size: .64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    .reveal {
        opacity: 1;
        transform: none;
    }
}

@media print {
    .home-command-shell,
    .mobile-bottom-dock,
    .site-scroll-progress {
        display: none !important;
    }

    body.frontend-body--mobile-first {
        padding-bottom: 0;
        background: #fff;
    }
}

/* Facebook cover + live page — v13.1 */
.premium-facebook-visual.has-cover {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: 0;
    padding: 14px;
    overflow: visible;
    background:
        radial-gradient(circle at 14% 10%, rgba(255,255,255,.26), transparent 30%),
        linear-gradient(145deg, #1877f2, #0b3f9f);
}

.premium-facebook-visual__cover {
    position: relative;
    width: 100%;
    min-height: clamp(260px, 34vw, 410px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    background: #0f172a;
    box-shadow: 0 24px 55px rgba(4, 32, 91, .26);
}

.premium-facebook-visual__cover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(3, 15, 40, .88));
    pointer-events: none;
}

.premium-facebook-visual__cover > img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    object-position: center;
    transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .4s ease;
}

.premium-facebook-visual__cover:hover > img {
    transform: scale(1.025);
    filter: saturate(1.04) contrast(1.02);
}

.premium-facebook-visual__cover figcaption {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 17px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.premium-facebook-visual__cover figcaption small,
.premium-facebook-visual__cover figcaption strong {
    display: block;
}

.premium-facebook-visual__cover figcaption small {
    margin-bottom: 2px;
    color: rgba(255,255,255,.72);
    font-size: .76rem;
}

.premium-facebook-visual__cover figcaption strong {
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.3;
}

.premium-facebook-visual__badge {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 15px;
    color: #1877f2;
    background: #fff;
    font: 900 1.7rem/1 Arial, sans-serif;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.premium-facebook-visual__plugin {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 46px rgba(4, 32, 91, .2);
}

.premium-facebook-visual__plugin iframe {
    display: block;
    width: 100% !important;
    max-width: none;
    min-height: 540px;
    margin: 0 auto;
    background: #fff;
}

.premium-facebook-visual__empty {
    display: grid;
    min-height: 310px;
    place-items: center;
    padding: 28px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

@media (max-width: 767px) {
    .premium-facebook-visual.has-cover {
        gap: 10px;
        padding: 9px;
        border-radius: 22px;
    }

    .premium-facebook-visual__cover {
        min-height: 250px;
        border-radius: 16px;
    }

    .premium-facebook-visual__cover figcaption {
        right: 13px;
        bottom: 12px;
        left: 13px;
    }

    .premium-facebook-visual__badge {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.45rem;
    }

    .premium-facebook-visual__plugin {
        border-radius: 16px;
    }

    .premium-facebook-visual__plugin iframe {
        min-height: 500px;
    }
}

/* ======================================================================
   Balanced Premium Frontend v13.2
   Compact hero, refined Bangla typography, consistent section rhythm,
   and mobile-first spacing. These rules are intentionally authoritative.
   ====================================================================== */

:root {
    --container: 1180px;
    --section-space: clamp(62px, 6vw, 88px);
    --heading-xl: clamp(38px, 4.25vw, 52px);
    --heading-lg: clamp(28px, 2.7vw, 32px);
    --heading-md: clamp(21px, 1.8vw, 27px);
}

.frontend-body--mobile-first {
    color: #17233b;
    background: #fff;
    font-size: 16px;
    line-height: 1.66;
}

.frontend-body--mobile-first h1,
.frontend-body--mobile-first h2,
.frontend-body--mobile-first h3,
.frontend-body--mobile-first h4 {
    letter-spacing: -.018em;
    text-wrap: balance;
}

.frontend-body--mobile-first .section {
    padding-block: var(--section-space);
}

.frontend-body--mobile-first .section-heading {
    max-width: 700px;
    margin-bottom: clamp(28px, 3.2vw, 40px);
}

.frontend-body--mobile-first .section-heading h2,
.frontend-body--mobile-first .section-copy h2,
.frontend-body--mobile-first .premium-facebook-copy h2 {
    margin-bottom: 10px;
    font-size: var(--heading-lg);
    line-height: 1.2;
    letter-spacing: -.025em;
}

.frontend-body--mobile-first .section-heading p,
.frontend-body--mobile-first .section-copy > p,
.frontend-body--mobile-first .premium-facebook-copy > p,
.frontend-body--mobile-first .rich-text {
    font-size: 16px;
    line-height: 1.7;
}

.frontend-body--mobile-first .eyebrow,
.frontend-body--mobile-first .premium-kicker {
    margin-bottom: 9px;
    font-size: 12px;
    letter-spacing: .065em;
}

/* Header */
.site-header--premium {
    --balanced-header-height: 78px;
    min-height: var(--balanced-header-height);
}

.site-header--premium .site-header__inner {
    min-height: var(--balanced-header-height);
}

.site-header--premium .brand {
    gap: 11px;
}

.site-header--premium .brand__logo {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 15px;
}

.site-header--premium .brand__text strong {
    max-width: 300px;
    font-size: 18px;
    line-height: 1.2;
}

.site-header--premium .brand__text small {
    margin-top: 2px;
    font-size: 11px;
}

.desktop-nav {
    gap: 1px;
}

.desktop-nav a {
    padding: 10px 9px;
    font-size: 14px;
}

.site-header__actions .button {
    min-height: 44px;
    padding: 10px 16px;
    font-size: 14px;
}

/* Compact hero */
.premium-hero--v10,
.premium-hero--v10.premium-hero--has-image {
    min-height: 548px;
}

.premium-hero--v10 .premium-hero__grid {
    min-height: 548px;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
    gap: clamp(30px, 4.5vw, 58px);
    padding-block: 58px 66px;
}

.premium-hero--v10 .premium-hero__copy {
    max-width: 650px;
}

.premium-hero--v10 .premium-hero__copy h1 {
    max-width: 17ch;
    margin-bottom: 14px;
    font-size: clamp(38px, 4.35vw, 54px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.035em;
    text-shadow: 0 7px 28px rgba(0, 0, 0, .22);
}

.premium-hero--v10 .premium-hero__copy > p {
    max-width: 570px;
    margin-bottom: 20px;
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.68;
}

.premium-hero__actions {
    gap: 9px;
}

.premium-hero__actions .button {
    min-height: 48px;
    padding: 10px 18px;
    border-radius: 13px;
    font-size: 14px;
}

.premium-hero__trust {
    gap: 7px;
    margin-top: 19px;
}

.premium-hero__trust span,
.registration-chip {
    padding: 6px 9px;
    font-size: 11px;
}

.premium-hero__visual {
    width: min(100%, 410px);
    min-height: 318px;
    justify-self: end;
    padding: 22px;
    border-radius: 28px;
}

.premium-hero__visual::before {
    inset: 13px;
    border-radius: 22px;
}

.premium-hero__identity {
    width: min(100%, 320px);
    min-height: 275px;
}

.premium-hero__emblem {
    width: 168px;
    height: 168px;
}

.premium-hero__emblem-ring {
    box-shadow: 0 0 0 18px rgba(255,255,255,.024), 0 0 0 36px rgba(255,255,255,.015);
}

.premium-hero__emblem-core {
    width: 118px;
    height: 118px;
    font-size: 42px;
}

.premium-hero__identity > small {
    margin-top: 20px;
    font-size: 10px;
}

.premium-hero__identity > strong {
    max-width: 270px;
    font-size: 16px;
}

.premium-hero__identity > span {
    max-width: 270px;
    font-size: 11px;
}

.premium-hero__faces img,
.premium-hero__faces > span {
    width: 42px;
    height: 42px;
    border-width: 2px;
}

.premium-hero__faces em {
    bottom: 1px;
    font-size: 10px;
}

/* Quick services */
.home-command-shell {
    margin-top: -27px;
    padding-bottom: 0;
}

.home-command-bar {
    min-height: 72px;
    padding: 8px;
    border-radius: 20px;
    box-shadow: 0 16px 44px rgba(15, 23, 42, .11);
}

.home-command-bar a {
    min-height: 55px;
    padding: 8px 9px;
    border-radius: 14px;
}

.home-command-bar a > span {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 16px;
}

.home-command-bar small {
    font-size: 9px;
}

.home-command-bar strong {
    font-size: 13px;
}

/* About */
.premium-about__grid {
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    gap: clamp(38px, 5vw, 70px);
}

.premium-about__visual {
    min-height: 390px;
    border-radius: 28px;
}

.premium-about__visual > img {
    min-height: 390px;
    max-height: 470px;
    object-fit: cover;
}

.premium-about__pillars article {
    padding: 17px;
    border-radius: 17px;
}

/* Members */
.premium-members-section .section-heading h2 {
    font-size: var(--heading-lg);
}

.premium-members-grid--directory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.premium-member-card--contact {
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .08);
}

.premium-member-card__portrait {
    aspect-ratio: 4 / 3;
}

.premium-member-card__verified {
    right: 10px;
    bottom: 10px;
    padding: 5px 8px;
    font-size: 10px;
}

.premium-member-card__body {
    padding: 16px;
}

.premium-member-card__role {
    margin-bottom: 7px;
    padding: 4px 8px;
    font-size: 10px;
}

.premium-member-card__identity h3 {
    font-size: 18px;
    line-height: 1.25;
}

.premium-member-card__organization {
    margin-top: 7px;
    font-size: 12px;
}

.premium-member-card__contacts {
    margin-top: 13px;
    gap: 7px;
}

.premium-member-card__contacts a {
    min-height: 51px;
    padding: 8px 9px;
    border-radius: 13px;
}

.premium-member-card__contacts b {
    font-size: 11px;
}

/* Activities and news */
.premium-activities-grid {
    gap: 17px;
}

.premium-activity-card {
    border-radius: 20px;
}

.premium-activity-card__media {
    aspect-ratio: 16 / 9;
}

.premium-activity-card__content {
    padding: 17px;
}

.premium-activity-card h3,
.feature-card h3 {
    font-size: 18px;
    line-height: 1.3;
}

.premium-activity-card p,
.feature-card p {
    font-size: 14px;
    line-height: 1.62;
}

.premium-news-layout {
    gap: 18px;
}

.premium-news-feature,
.news-card,
.notice-card,
.meeting-card,
.feature-card {
    border-radius: 20px;
}

.premium-news-feature__body {
    padding: 19px;
}

.premium-news-feature h3 {
    font-size: clamp(20px, 2vw, 26px);
    line-height: 1.28;
}

/* Facebook, features, updates and contact */
.premium-facebook-grid {
    grid-template-columns: minmax(280px, .78fr) minmax(360px, 1.1fr);
    gap: clamp(32px, 5vw, 70px);
    align-items: center;
}

.premium-facebook-visual {
    max-width: 570px;
    justify-self: end;
}

.premium-facebook-visual__cover {
    min-height: clamp(210px, 24vw, 300px);
}

.premium-facebook-visual__plugin iframe {
    min-height: 430px;
    height: 430px;
}

.feature-grid {
    gap: 14px;
}

.feature-card {
    padding: 18px;
}

.updates-grid {
    gap: 20px;
}

.updates-grid > div {
    padding: 22px;
    border-radius: 22px;
}

.premium-updates-section .section-heading {
    margin-bottom: 20px;
}

.premium-cta-section {
    padding-block: 18px 52px;
}

.premium-cta-card {
    min-height: 190px;
    padding: 30px 34px;
    border-radius: 26px;
}

.premium-cta-card h2 {
    font-size: clamp(25px, 2.5vw, 26px);
}

.contact-preview__grid {
    gap: clamp(34px, 5vw, 70px);
}

.contact-visual {
    min-height: 330px;
}

/* Tablet */
@media (max-width: 1120px) {
    .premium-hero--v10,
    .premium-hero--v10.premium-hero--has-image,
    .premium-hero--v10 .premium-hero__grid {
        min-height: 520px;
    }

    .premium-hero--v10 .premium-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .68fr);
        padding-block: 52px 62px;
    }

    .premium-hero--v10 .premium-hero__copy h1 {
        font-size: clamp(36px, 5vw, 48px);
    }

    .premium-hero__visual {
        min-height: 290px;
    }

    .premium-hero__identity {
        min-height: 250px;
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .desktop-nav,
    .desktop-action {
        display: none;
    }

    .mobile-menu-button {
        display: inline-flex;
    }

    .premium-hero--v10,
    .premium-hero--v10.premium-hero--has-image {
        min-height: auto;
    }

    .premium-hero--v10 .premium-hero__grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 26px;
        padding-block: 52px 72px;
    }

    .premium-hero__copy {
        max-width: 680px;
    }

    .premium-hero__visual {
        width: min(100%, 520px);
        min-height: 230px;
        justify-self: start;
    }

    .premium-hero__identity {
        min-height: 190px;
    }

    .premium-about__grid,
    .premium-facebook-grid,
    .contact-preview__grid {
        grid-template-columns: 1fr;
    }

    .premium-about__visual,
    .premium-about__visual > img {
        min-height: 330px;
    }

    .premium-facebook-visual {
        max-width: 100%;
        justify-self: stretch;
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --section-space: 48px;
        --heading-lg: clamp(25px, 7.6vw, 31px);
        --heading-md: clamp(20px, 6vw, 25px);
    }

    .frontend-body--mobile-first {
        font-size: 15px;
        line-height: 1.62;
    }

    .frontend-body--mobile-first .container {
        width: min(100% - 24px, 640px);
    }

    .frontend-body--mobile-first .section {
        padding-block: var(--section-space);
    }

    .frontend-body--mobile-first .section-heading {
        margin-bottom: 24px;
        text-align: left;
    }

    .frontend-body--mobile-first .section-heading h2,
    .frontend-body--mobile-first .section-copy h2,
    .frontend-body--mobile-first .premium-facebook-copy h2 {
        font-size: var(--heading-lg);
        line-height: 1.2;
        letter-spacing: -.02em;
    }

    .frontend-body--mobile-first .section-heading p,
    .frontend-body--mobile-first .section-copy > p,
    .frontend-body--mobile-first .premium-facebook-copy > p,
    .frontend-body--mobile-first .rich-text {
        font-size: 15px;
        line-height: 1.68;
    }

    .site-header--premium {
        --balanced-header-height: 64px;
        min-height: var(--balanced-header-height);
    }

    .site-header--premium .site-header__inner {
        min-height: var(--balanced-header-height);
    }

    .site-header--premium .brand__logo {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
        border-radius: 12px;
    }

    .site-header--premium .brand__text strong {
        max-width: calc(100vw - 122px);
        font-size: 15px;
        line-height: 1.18;
    }

    .site-header--premium .brand__text small {
        max-width: calc(100vw - 132px);
        font-size: 9px;
    }

    .premium-hero--v10,
    .premium-hero--v10.premium-hero--has-image {
        background-position: 58% center;
    }

    .premium-hero--v10 .premium-hero__grid {
        gap: 20px;
        padding-top: 36px;
        padding-bottom: 50px;
        text-align: left;
    }

    .premium-hero--v10 .premium-hero__copy h1 {
        max-width: 100%;
        margin-bottom: 11px;
        font-size: clamp(30px, 9.6vw, 39px);
        line-height: 1.13;
        letter-spacing: -.025em;
    }

    .premium-hero--v10 .premium-hero__copy > p {
        max-width: 100%;
        margin-bottom: 17px;
        font-size: 14.5px;
        line-height: 1.62;
    }

    .premium-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 0;
    }

    .premium-hero__actions .button {
        width: auto;
        min-width: min(100%, 142px);
        min-height: 46px;
        flex: 1 1 142px;
        padding: 9px 13px;
        font-size: 13px;
    }

    .premium-hero__trust {
        width: 100%;
        margin-top: 15px;
        padding-bottom: 4px;
    }

    .premium-hero__trust span {
        font-size: 10px;
    }

    .premium-hero__visual {
        width: 100%;
        min-height: 154px;
        margin-top: 0;
        padding: 13px;
        border-radius: 21px;
    }

    .premium-hero__visual::before {
        inset: 8px;
        border-radius: 16px;
    }

    .premium-hero__identity {
        width: 100%;
        min-height: 128px;
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        align-content: center;
        justify-items: start;
        column-gap: 14px;
        text-align: left;
    }

    .premium-hero__emblem {
        grid-row: 1 / 4;
        width: 90px;
        height: 90px;
    }

    .premium-hero__emblem-ring {
        box-shadow: 0 0 0 9px rgba(255,255,255,.025), 0 0 0 18px rgba(255,255,255,.014);
    }

    .premium-hero__emblem-core {
        width: 64px;
        height: 64px;
        font-size: 27px;
    }

    .premium-hero__identity > small {
        align-self: end;
        margin-top: 0;
        font-size: 8px;
    }

    .premium-hero__identity > strong {
        max-width: 100%;
        margin-top: 1px;
        font-size: 14px;
        line-height: 1.28;
    }

    .premium-hero__identity > span {
        max-width: 100%;
        margin-top: 1px;
        font-size: 9px;
    }

    .premium-hero__faces {
        display: none;
    }

    .home-command-shell {
        margin-top: -21px;
    }

    .home-command-bar {
        gap: 8px;
        padding: 7px 12px 10px;
        border-radius: 0;
    }

    .home-command-bar a {
        flex-basis: 126px;
        min-height: 55px;
        padding: 8px;
    }

    .home-command-bar a > span {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .premium-assurance__grid article {
        flex-basis: min(82vw, 300px);
        padding: 17px;
    }

    .premium-about__grid {
        gap: 25px;
    }

    .premium-about__visual,
    .premium-about__visual > img {
        min-height: 245px;
        max-height: 330px;
        border-radius: 22px;
    }

    .premium-members-grid--directory {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .premium-member-card--contact {
        max-width: 430px;
        border-radius: 20px;
    }

    .premium-member-card__portrait {
        aspect-ratio: 16 / 11;
    }

    .premium-member-card__identity h3 {
        font-size: 18px;
    }

    .premium-activities-grid,
    .premium-news-stack {
        gap: 12px;
    }

    .premium-activity-card {
        flex-basis: min(86vw, 350px);
    }

    .premium-news-feature__media {
        min-height: 205px;
    }

    .premium-facebook-grid,
    .updates-grid,
    .contact-preview__grid {
        gap: 22px;
    }

    .premium-facebook-visual__cover {
        min-height: 195px;
    }

    .premium-facebook-visual__plugin iframe {
        min-height: 410px;
        height: 410px;
    }

    .feature-card {
        grid-template-columns: 43px minmax(0, 1fr);
        padding: 15px;
    }

    .feature-card h3 {
        font-size: 16px;
    }

    .feature-card p {
        font-size: 13.5px;
    }

    .updates-grid > div {
        padding: 16px;
    }

    .premium-cta-section {
        padding-block: 10px 42px;
    }

    .premium-cta-card {
        min-height: auto;
        padding: 23px 18px;
        border-radius: 22px;
    }

    .premium-cta-card h2 {
        font-size: 24px;
        line-height: 1.22;
    }

    .contact-visual {
        min-height: 255px;
    }

    .mobile-bottom-dock {
        min-height: 66px;
        border-radius: 20px;
    }

    .mobile-bottom-dock a,
    .mobile-bottom-dock button {
        min-height: 52px;
        font-size: 10px;
    }

    .mobile-bottom-dock__primary-icon {
        width: 44px;
        height: 44px;
        margin-top: -24px;
    }
}

@media (max-width: 420px) {
    .premium-hero--v10 .premium-hero__copy h1 {
        font-size: clamp(28px, 9.2vw, 35px);
    }

    .premium-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .premium-hero__actions .button {
        width: 100%;
        min-width: 0;
    }

    .premium-hero__identity {
        grid-template-columns: 78px minmax(0, 1fr);
        column-gap: 11px;
    }

    .premium-hero__emblem {
        width: 74px;
        height: 74px;
    }

    .premium-hero__emblem-core {
        width: 54px;
        height: 54px;
    }
}

/* Keep one authoritative hero image layer. */
.premium-hero--v10.premium-hero--has-image::before {
    display: none;
}

/* ========================================================================== 
   Human Touch Hero v13.3
   A calm, content-aware hero. No stacked grid children, no negative overlap.
   ========================================================================== */
.premium-hero--human,
.premium-hero--human.premium-hero--has-image {
    min-height: 0;
    isolation: isolate;
    background:
        radial-gradient(circle at 86% 18%, rgba(15,118,110,.22), transparent 30%),
        radial-gradient(circle at 12% 88%, rgba(212,167,44,.12), transparent 28%),
        linear-gradient(135deg, #101738 0%, color-mix(in srgb, var(--brand-primary) 78%, #0f172a) 52%, #0a1122 100%);
}

.premium-hero--human::before,
.premium-hero--v10.premium-hero--human.premium-hero--has-image::before {
    display: block;
    opacity: 0;
    transform: none;
    background-image:
        linear-gradient(90deg, rgba(7,13,34,.94) 0%, rgba(8,18,46,.84) 46%, rgba(8,20,42,.56) 72%, rgba(5,11,27,.74) 100%),
        linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.28)),
        var(--hero-image);
    background-position: center;
    background-size: cover;
    filter: saturate(.98) contrast(1.02);
}

.premium-hero--human.premium-hero--has-image::before {
    opacity: 1;
}

.premium-hero--human::after {
    height: 86px;
    background: linear-gradient(transparent, rgba(2,6,23,.18));
}

.premium-hero--human .premium-hero__grid {
    min-height: 0;
    grid-template-columns: minmax(0, 1.1fr) minmax(330px, .72fr);
    align-items: center;
    gap: clamp(34px, 5vw, 68px);
    padding-block: clamp(54px, 6vw, 76px);
}

.premium-hero--human .premium-hero__copy {
    max-width: 660px;
}

.premium-hero--human .premium-kicker {
    margin-bottom: 15px;
    padding: 7px 12px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: 0;
    backdrop-filter: blur(8px);
}

.premium-hero--human .premium-hero__copy h1 {
    max-width: 18ch;
    margin-bottom: 15px;
    font-size: clamp(36px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -.025em;
    text-wrap: balance;
    text-shadow: 0 8px 28px rgba(0,0,0,.2);
}

.premium-hero--human .premium-hero__copy > p {
    max-width: 590px;
    margin-bottom: 22px;
    color: rgba(255,255,255,.78);
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.72;
}

.premium-hero--human .premium-hero__actions {
    gap: 10px;
}

.premium-hero--human .premium-hero__actions .button {
    min-height: 47px;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    box-shadow: none;
}

.premium-hero--human .premium-hero__actions .button--primary {
    box-shadow: 0 12px 28px color-mix(in srgb, var(--brand-primary) 34%, transparent);
}

.premium-hero--human .premium-hero__trust {
    gap: 7px;
    margin-top: 18px;
}

.premium-hero--human .premium-hero__trust span {
    padding: 6px 10px;
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.12);
    font-size: 11px;
}

.premium-hero--human .premium-hero__visual {
    width: min(100%, 440px);
    min-height: 0;
    display: block;
    justify-self: end;
    padding: 22px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 26px;
    box-shadow: 0 26px 70px rgba(2,6,23,.28), inset 0 1px rgba(255,255,255,.12);
    backdrop-filter: blur(18px) saturate(120%);
    filter: none;
}

.premium-hero--human .premium-hero__visual::before {
    inset: 10px;
    border-radius: 19px;
}

.premium-hero__visual-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.premium-hero__live,
.premium-hero__care {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.7);
    font-size: 10px;
    line-height: 1.35;
}

.premium-hero__live i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #34d399;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(52,211,153,.12);
}

.premium-hero__care {
    color: rgba(255,255,255,.52);
    white-space: nowrap;
}

.premium-hero--human .premium-hero__identity {
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    justify-content: initial;
    gap: 18px;
    padding: 20px;
    text-align: left;
    background: rgba(5,12,29,.25);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
}

.premium-hero--human .premium-hero__emblem {
    width: 104px;
    height: 104px;
}

.premium-hero--human .premium-hero__emblem-ring {
    animation: none;
    border-color: rgba(255,255,255,.18);
    box-shadow: 0 0 0 9px rgba(255,255,255,.025);
}

.premium-hero--human .premium-hero__emblem-ring::before,
.premium-hero--human .premium-hero__emblem-ring::after {
    width: 7px;
    height: 7px;
}

.premium-hero--human .premium-hero__emblem-ring::before {
    top: 9px;
    left: 23px;
}

.premium-hero--human .premium-hero__emblem-ring::after {
    right: 10px;
    bottom: 21px;
}

.premium-hero--human .premium-hero__emblem-core {
    width: 76px;
    height: 76px;
    background: rgba(255,255,255,.96);
    border-color: rgba(255,255,255,.7);
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
    font-size: 30px;
}

.premium-hero__identity-copy {
    min-width: 0;
}

.premium-hero__identity-copy small,
.premium-hero__identity-copy strong,
.premium-hero__identity-copy span {
    display: block;
}

.premium-hero__identity-copy small {
    margin-bottom: 5px;
    color: rgba(255,255,255,.55);
    font-size: 10px;
}

.premium-hero__identity-copy strong {
    color: #fff;
    font-family: var(--font-bangla);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.32;
    text-wrap: balance;
}

.premium-hero__identity-copy span {
    margin-top: 5px;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    line-height: 1.45;
}

.premium-hero__community {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 14px;
    padding: 14px 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 17px;
}

.premium-hero__avatars {
    display: flex;
    flex: 0 0 auto;
    padding-left: 7px;
}

.premium-hero__avatars > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-left: -7px;
    color: var(--brand-primary);
    background: #fff;
    border: 2px solid rgba(255,255,255,.86);
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
    font-size: 11px;
    font-weight: 800;
}

.premium-hero__avatars img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.premium-hero__community-copy {
    min-width: 0;
}

.premium-hero__community-copy strong,
.premium-hero__community-copy span {
    display: block;
}

.premium-hero__community-copy strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
}

.premium-hero__community-copy span {
    margin-top: 2px;
    color: rgba(255,255,255,.58);
    font-size: 10px;
    line-height: 1.4;
}

.premium-hero--human .premium-hero__faces {
    display: none !important;
}

/* Place quick services after the hero instead of on top of it. */
.frontend-body--mobile-first .home-command-shell,
.home-command-shell {
    z-index: 4;
    margin-top: 0;
    padding: 16px 0 10px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.home-command-shell .home-command-bar {
    margin: 0;
    box-shadow: 0 12px 34px rgba(15,23,42,.08);
}

@media (max-width: 900px) {
    .premium-hero--human .premium-hero__grid {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-block: 46px 42px;
    }

    .premium-hero--human .premium-hero__copy {
        max-width: 680px;
    }

    .premium-hero--human .premium-hero__visual {
        width: min(100%, 560px);
        justify-self: start;
    }
}

@media (max-width: 580px) {
    .premium-hero--human::before,
    .premium-hero--v10.premium-hero--human.premium-hero--has-image::before {
        background-image:
            linear-gradient(180deg, rgba(7,13,34,.88) 0%, rgba(7,15,38,.91) 62%, rgba(5,11,27,.95) 100%),
            linear-gradient(180deg, rgba(2,6,23,.05), rgba(2,6,23,.3)),
            var(--hero-image);
        background-position: 58% center;
    }

    .premium-hero--human .premium-hero__grid {
        gap: 20px;
        padding-block: 34px 30px;
    }

    .premium-hero--human .premium-kicker {
        margin-bottom: 12px;
        padding: 6px 10px;
        font-size: 10px;
    }

    .premium-hero--human .premium-hero__copy h1 {
        max-width: 100%;
        margin-bottom: 11px;
        font-size: clamp(29px, 9.2vw, 36px);
        line-height: 1.17;
        letter-spacing: -.018em;
    }

    .premium-hero--human .premium-hero__copy > p {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 1.62;
    }

    .premium-hero--human .premium-hero__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .premium-hero--human .premium-hero__actions .button {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 9px 10px;
        font-size: 12px;
    }

    .premium-hero--human .premium-hero__trust {
        width: calc(100% + 12px);
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-top: 14px;
        margin-right: -12px;
        padding-right: 12px;
        scrollbar-width: none;
    }

    .premium-hero--human .premium-hero__trust::-webkit-scrollbar {
        display: none;
    }

    .premium-hero--human .premium-hero__trust span {
        flex: 0 0 auto;
        font-size: 9.5px;
    }

    .premium-hero--human .premium-hero__visual {
        padding: 13px;
        border-radius: 21px;
    }

    .premium-hero__visual-top {
        margin-bottom: 12px;
    }

    .premium-hero__care {
        display: none;
    }

    .premium-hero--human .premium-hero__identity {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 13px;
        padding: 14px;
        border-radius: 16px;
    }

    .premium-hero--human .premium-hero__emblem {
        width: 72px;
        height: 72px;
    }

    .premium-hero--human .premium-hero__emblem-core {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .premium-hero__identity-copy small {
        margin-bottom: 3px;
        font-size: 8px;
    }

    .premium-hero__identity-copy strong {
        font-size: 14px;
        line-height: 1.28;
    }

    .premium-hero__identity-copy span {
        margin-top: 3px;
        font-size: 9px;
    }

    .premium-hero__community {
        gap: 10px;
        margin-top: 10px;
        padding: 11px 12px;
        border-radius: 14px;
    }

    .premium-hero__avatars > span {
        width: 31px;
        height: 31px;
    }

    .premium-hero__community-copy strong {
        font-size: 11.5px;
    }

    .premium-hero__community-copy span {
        font-size: 9px;
    }

    .frontend-body--mobile-first .home-command-shell,
    .home-command-shell {
        margin-top: 0;
        padding: 10px 0 8px;
    }

    .home-command-shell .container {
        width: 100%;
    }

    .home-command-shell .home-command-bar {
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        box-shadow: none;
    }
}

@media (max-width: 390px) {
    .premium-hero--human .premium-hero__actions {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Premium Human Touch v14
   Hero side image, member directory, Facebook Page and contact refinements.
   ========================================================================== */

/* Hero */
.premium-hero--v14,
.premium-hero--v10.premium-hero--v14 {
    min-height: 700px;
    background:
        radial-gradient(circle at 87% 12%, rgba(15, 118, 110, .25), transparent 31%),
        radial-gradient(circle at 13% 91%, rgba(212, 167, 44, .14), transparent 29%),
        linear-gradient(135deg, #101738 0%, color-mix(in srgb, var(--brand-primary) 78%, #0f172a) 51%, #09101f 100%);
}

.premium-hero--v14::before,
.premium-hero--v10.premium-hero--v14::before {
    display: none !important;
}

.premium-hero--v14 .premium-hero__grid {
    min-height: 700px;
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, .96fr);
    align-items: center;
    gap: clamp(56px, 6.6vw, 92px);
    padding-block: clamp(76px, 7vw, 98px);
}

.premium-hero--v14 .premium-hero__copy {
    max-width: 680px;
}

.premium-hero--v14 .premium-kicker {
    margin-bottom: 20px;
}

.premium-hero--v14 .premium-hero__copy h1 {
    max-width: 19ch;
    margin-bottom: 22px;
    font-size: clamp(42px, 4.45vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.018em;
    text-wrap: pretty;
}

.premium-hero--v14 .premium-hero__copy > p {
    max-width: 620px;
    margin-bottom: 28px;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.82;
}

.premium-hero--v14 .premium-hero__actions {
    gap: 12px;
}

.premium-hero--v14 .premium-hero__actions .button {
    min-height: 51px;
    padding: 11px 20px;
    border-radius: 14px;
    font-size: 14px;
}

.premium-hero--v14 .premium-hero__trust {
    gap: 9px;
    margin-top: 24px;
}

.premium-hero--v14 .premium-hero__trust span {
    padding: 8px 12px;
    font-size: 11px;
}

.premium-hero--v14 .premium-hero__visual {
    width: 100%;
    max-width: 540px;
    min-height: 0;
    justify-self: end;
    padding: 24px;
    border-radius: 30px;
    box-shadow:
        0 34px 90px rgba(2, 6, 23, .35),
        inset 0 1px rgba(255, 255, 255, .14);
}

.premium-hero--v14 .premium-hero__visual::before {
    inset: 10px;
    border-radius: 22px;
}

.premium-hero--v14 .premium-hero__visual-top {
    margin-bottom: 17px;
}

.premium-hero__photo {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0;
    overflow: hidden;
    background: #0b1224;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 22px;
    box-shadow: 0 22px 55px rgba(2, 6, 23, .3);
}

.premium-hero__photo::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 48%, rgba(3, 8, 24, .9)),
        linear-gradient(120deg, rgba(8, 16, 42, .08), transparent 54%);
    pointer-events: none;
}

.premium-hero__photo > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .8s cubic-bezier(.2, .8, .2, 1), filter .4s ease;
}

.premium-hero__photo:hover > img {
    transform: scale(1.025);
    filter: saturate(1.04) contrast(1.02);
}

.premium-hero__photo figcaption {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 17px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.premium-hero__photo figcaption > span:last-child {
    min-width: 0;
}

.premium-hero__photo figcaption small,
.premium-hero__photo figcaption strong {
    display: block;
}

.premium-hero__photo figcaption small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .7);
    font-size: 10px;
}

.premium-hero__photo figcaption strong {
    overflow: hidden;
    font-family: var(--font-bangla);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.32;
    text-overflow: ellipsis;
}

.premium-hero__photo-logo {
    width: 50px;
    height: 50px;
    display: grid;
    flex: 0 0 50px;
    place-items: center;
    overflow: hidden;
    color: var(--brand-primary);
    background: rgba(255, 255, 255, .97);
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    font-weight: 800;
}

.premium-hero__photo-logo img {
    width: 82%;
    height: 82%;
    object-fit: contain;
}

.premium-hero--v14 .premium-hero__identity {
    min-height: 245px;
    padding: 26px;
}

.premium-hero--v14 .premium-hero__community {
    margin-top: 15px;
    padding: 15px 16px;
    background: rgba(255, 255, 255, .075);
    border-color: rgba(255, 255, 255, .11);
}

.premium-hero--v14 .premium-hero__community-copy strong {
    font-size: 14px;
}

.premium-hero--v14 .premium-hero__community-copy span {
    font-size: 11px;
}

/* Premium member directory */
.premium-members-section--directory {
    background:
        radial-gradient(circle at 8% 7%, color-mix(in srgb, var(--brand-secondary) 8%, transparent), transparent 30%),
        linear-gradient(180deg, #f8fafc, #f3f6fb);
}

.premium-members-grid--directory {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.premium-member-card--contact {
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(180deg, #fff, #fbfdff);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 11%, #e2e8f0);
    border-radius: 26px;
    box-shadow:
        0 18px 48px rgba(15, 23, 42, .1),
        0 2px 7px rgba(15, 23, 42, .04);
}

.premium-member-card--contact::before {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary), var(--brand-accent));
}

.premium-member-card--contact:hover {
    transform: translateY(-7px);
    border-color: color-mix(in srgb, var(--brand-primary) 24%, #dbe3ee);
    box-shadow:
        0 28px 66px rgba(15, 23, 42, .14),
        0 5px 12px rgba(15, 23, 42, .05);
}

.premium-member-card--contact .premium-member-card__portrait {
    aspect-ratio: 4 / 3;
}

.premium-member-card--contact .premium-member-card__portrait-overlay {
    background: linear-gradient(180deg, transparent 48%, rgba(4, 13, 32, .7));
}

.premium-member-card--contact .premium-member-card__verified {
    right: 14px;
    bottom: 13px;
    padding: 7px 10px;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    box-shadow: 0 9px 22px rgba(2, 6, 23, .2);
    backdrop-filter: blur(10px);
    font-size: 10.5px;
}

.premium-member-card--contact .premium-member-card__body {
    padding: 23px;
}

.premium-member-card--contact .premium-member-card__role {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
}

.premium-member-card--contact .premium-member-card__identity h3 {
    font-size: 23px;
    line-height: 1.34;
}

.premium-member-card--contact .premium-member-card__organization {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.5;
}

.premium-member-card--contact .premium-member-card__contacts {
    gap: 10px;
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid #edf1f6;
}

.premium-member-card--contact .premium-member-card__contacts a {
    min-height: 66px;
    gap: 12px;
    padding: 11px 12px;
    background: #f8fafc;
    border: 1px solid #e5eaf1;
    border-radius: 17px;
}

.premium-member-card--contact .premium-member-card__contacts a[href^="tel:"] {
    background: color-mix(in srgb, var(--brand-secondary) 6%, #fff);
    border-color: color-mix(in srgb, var(--brand-secondary) 16%, #e5eaf1);
}

.premium-member-card--contact .premium-member-card__contacts a[href^="mailto:"] {
    background: color-mix(in srgb, var(--brand-primary) 5%, #fff);
    border-color: color-mix(in srgb, var(--brand-primary) 14%, #e5eaf1);
}

.premium-member-card--contact .premium-member-card__contacts a > span {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 13px;
}

.premium-member-card--contact .premium-member-card__contacts a > span svg {
    width: 18px;
}

.premium-member-card--contact .premium-member-card__contacts small {
    margin-bottom: 3px;
    font-size: 10.5px;
    font-weight: 600;
}

.premium-member-card--contact .premium-member-card__contacts b {
    color: #172033;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

.premium-member-card--contact .premium-member-card__contacts a[href^="tel:"] b {
    font-size: 17px;
    letter-spacing: .015em;
}

.premium-member-card--contact .premium-member-card__contacts a[href^="mailto:"] b {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.premium-member-card--contact .premium-member-card__contact-arrow {
    width: 17px;
    height: 17px;
}

/* Facebook Page */
.premium-facebook-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 6%, rgba(24, 119, 242, .13), transparent 32%),
        linear-gradient(180deg, #f8fbff, #eef5ff);
}

.premium-facebook-grid {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 500px);
    gap: clamp(46px, 7vw, 96px);
    align-items: center;
}

.premium-facebook-copy {
    max-width: 620px;
}

.premium-facebook-copy h2 {
    margin-bottom: 18px;
    font-size: clamp(34px, 3.3vw, 48px);
    line-height: 1.26;
}

.premium-facebook-copy > p {
    max-width: 580px;
    font-size: 17px;
    line-height: 1.78;
}

.premium-facebook-points {
    gap: 11px;
    margin: 27px 0;
}

.premium-facebook-points > span {
    min-height: 46px;
    padding: 8px 12px 8px 8px;
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(191, 219, 254, .72);
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(24, 119, 242, .06);
}

.premium-facebook-visual--v14 {
    width: 100%;
    max-width: 500px;
    min-height: 0;
    justify-self: end;
    overflow: hidden;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(24, 119, 242, .18);
    border-radius: 27px;
    box-shadow:
        0 30px 80px rgba(17, 76, 160, .17),
        0 5px 16px rgba(15, 23, 42, .06);
}

.premium-facebook-visual--v14.has-cover {
    min-height: 0;
    display: block;
    overflow: hidden;
    padding: 0;
    background: #fff;
}

.premium-facebook-visual--v14 .premium-facebook-visual__frame {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.premium-facebook-visual__frame-header {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 8%, rgba(255, 255, 255, .18), transparent 34%),
        linear-gradient(135deg, #1877f2, #0b4eb1);
}

.premium-facebook-visual__frame-header > span:nth-child(2) {
    min-width: 0;
    flex: 1;
}

.premium-facebook-visual__frame-header small,
.premium-facebook-visual__frame-header strong {
    display: block;
}

.premium-facebook-visual__frame-header small {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .73);
    font-size: 10px;
}

.premium-facebook-visual__frame-header strong {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-facebook-visual__frame-header > b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    font-size: 9px;
    letter-spacing: .06em;
}

.premium-facebook-visual__frame-header > b i {
    width: 7px;
    height: 7px;
    background: #52f3a8;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(82, 243, 168, .14);
}

.premium-facebook-visual--v14 .premium-facebook-visual__badge {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 15px;
}

.premium-facebook-visual--v14 .premium-facebook-visual__plugin {
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.premium-facebook-visual--v14 .premium-facebook-visual__plugin iframe {
    width: 100% !important;
    max-width: 100%;
    height: 650px !important;
    min-height: 650px;
    display: block;
    margin: 0;
    border: 0;
    background: #fff;
}

.premium-facebook-visual--v14 .premium-facebook-visual__cover {
    position: relative;
    width: 100%;
    min-height: 560px;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 0;
}

.premium-facebook-visual--v14 .premium-facebook-visual__cover::after {
    background: linear-gradient(180deg, rgba(7, 21, 50, .04) 28%, rgba(5, 24, 60, .9));
}

.premium-facebook-visual--v14 .premium-facebook-visual__cover > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
}

.premium-facebook-visual__cover-copy {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #fff;
}

.premium-facebook-visual__cover-copy > span {
    min-width: 0;
}

.premium-facebook-visual__cover-copy small,
.premium-facebook-visual__cover-copy strong {
    display: block;
}

.premium-facebook-visual__cover-copy small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
}

.premium-facebook-visual__cover-copy strong {
    font-size: 18px;
    line-height: 1.35;
}

.premium-facebook-visual--v14 .premium-facebook-visual__empty {
    min-height: 430px;
    align-content: center;
    gap: 15px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 255, 255, .2), transparent 31%),
        linear-gradient(145deg, #1877f2, #0b3f9f);
    text-decoration: none;
}

/* Contact */
.premium-contact-preview {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 91% 18%, color-mix(in srgb, var(--brand-secondary) 10%, transparent), transparent 30%),
        linear-gradient(180deg, #fff, #f8fafc);
}

.contact-preview__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
    gap: clamp(54px, 7vw, 96px);
}

.contact-mini-grid--premium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin: 30px 0 27px;
}

.contact-mini-grid--premium > * {
    min-width: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.contact-channel {
    min-height: 94px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px !important;
    color: var(--ink);
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid #e3e9f1 !important;
    border-radius: 20px !important;
    box-shadow:
        0 14px 36px rgba(15, 23, 42, .075),
        0 2px 5px rgba(15, 23, 42, .03);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.contact-channel:hover {
    color: var(--ink);
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--brand-primary) 24%, #dce4ee) !important;
    box-shadow:
        0 21px 46px rgba(15, 23, 42, .11),
        0 3px 7px rgba(15, 23, 42, .04);
}

.contact-channel--hours {
    grid-column: 1 / -1;
}

.contact-channel__icon {
    width: 48px;
    height: 48px;
    display: grid !important;
    flex: 0 0 48px;
    place-items: center;
    color: #fff !important;
    background: linear-gradient(145deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 76%, #111827));
    border-radius: 15px;
    box-shadow: 0 11px 25px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}

.contact-channel--phone .contact-channel__icon {
    background: linear-gradient(145deg, var(--brand-secondary), color-mix(in srgb, var(--brand-secondary) 72%, #0f172a));
    box-shadow: 0 11px 25px color-mix(in srgb, var(--brand-secondary) 22%, transparent);
}

.contact-channel--hours .contact-channel__icon {
    background: linear-gradient(145deg, var(--brand-accent), #a97910);
    box-shadow: 0 11px 25px rgba(169, 121, 16, .2);
}

.contact-channel__icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.contact-channel__copy {
    min-width: 0;
    display: block !important;
    flex: 1;
}

.contact-channel__copy small,
.contact-channel__copy strong,
.contact-channel__copy em {
    display: block;
}

.contact-channel__copy small {
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 10.5px;
    font-style: normal;
    font-weight: 600;
}

.contact-channel__copy strong {
    overflow-wrap: anywhere;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.contact-channel--phone .contact-channel__copy strong {
    font-size: clamp(18px, 1.55vw, 21px);
    letter-spacing: .015em;
}

.contact-channel__copy em {
    margin-top: 3px;
    color: #8490a3;
    font-size: 9.5px;
    font-style: normal;
    line-height: 1.35;
}

.contact-channel__arrow {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: #94a3b8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .2s ease, stroke .2s ease;
}

.contact-channel:hover .contact-channel__arrow {
    stroke: var(--brand-primary);
    transform: translateX(3px);
}

.contact-visual {
    min-height: 440px;
}

.contact-visual__card--human {
    width: min(100%, 430px);
    padding: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-secondary) 11%, transparent), transparent 34%),
        rgba(255, 255, 255, .96);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 14%, #e2e8f0);
    border-radius: 29px;
    box-shadow:
        0 29px 75px rgba(15, 23, 42, .14),
        0 5px 15px rgba(15, 23, 42, .05);
}

.contact-visual__welcome {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 7px 11px;
    color: var(--brand-secondary) !important;
    background: color-mix(in srgb, var(--brand-secondary) 8%, #fff);
    border: 1px solid color-mix(in srgb, var(--brand-secondary) 17%, #e2e8f0);
    border-radius: 999px;
    font-size: 11px !important;
    font-weight: 700;
}

.contact-visual__welcome i {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, .11);
}

.contact-visual__label {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 600;
}

.contact-visual__card--human strong {
    margin: 8px 0 12px;
    color: #172033;
    font-size: clamp(21px, 2.2vw, 27px);
    line-height: 1.5;
}

.contact-visual__card--human p {
    margin-bottom: 20px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 1180px) {
    .premium-hero--v14,
    .premium-hero--v10.premium-hero--v14,
    .premium-hero--v14 .premium-hero__grid {
        min-height: 640px;
    }

    .premium-hero--v14 .premium-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(350px, .82fr);
        gap: 46px;
        padding-block: 66px;
    }

    .premium-hero--v14 .premium-hero__copy h1 {
        font-size: clamp(39px, 4.4vw, 52px);
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .premium-member-card--contact .premium-member-card__body {
        padding: 19px;
    }
}

@media (max-width: 980px) {
    .premium-hero--v14,
    .premium-hero--v10.premium-hero--v14,
    .premium-hero--v14 .premium-hero__grid {
        min-height: auto;
    }

    .premium-hero--v14 .premium-hero__grid {
        grid-template-columns: 1fr;
        gap: 38px;
        padding-block: 64px 72px;
    }

    .premium-hero--v14 .premium-hero__copy {
        max-width: 760px;
    }

    .premium-hero--v14 .premium-hero__visual {
        width: min(100%, 650px);
        max-width: 650px;
        justify-self: start;
    }

    .premium-members-grid--directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .premium-facebook-grid,
    .contact-preview__grid {
        grid-template-columns: 1fr;
    }

    .premium-facebook-visual--v14 {
        justify-self: start;
    }

    .contact-visual {
        width: min(100%, 620px);
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .premium-hero--v14 .premium-hero__grid {
        gap: 27px;
        padding-block: 46px 54px;
    }

    .premium-hero--v14 .premium-kicker {
        margin-bottom: 16px;
    }

    .premium-hero--v14 .premium-hero__copy h1 {
        max-width: 100%;
        margin-bottom: 18px;
        font-size: clamp(32px, 9.8vw, 42px);
        line-height: 1.34;
        letter-spacing: -.012em;
    }

    .premium-hero--v14 .premium-hero__copy > p {
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.76;
    }

    .premium-hero--v14 .premium-hero__trust {
        margin-top: 20px;
    }

    .premium-hero--v14 .premium-hero__visual {
        padding: 14px;
        border-radius: 24px;
    }

    .premium-hero--v14 .premium-hero__visual::before {
        inset: 7px;
        border-radius: 18px;
    }

    .premium-hero--v14 .premium-hero__visual-top {
        margin: 2px 2px 12px;
    }

    .premium-hero__photo {
        min-height: 270px;
        aspect-ratio: 4 / 3.25;
        border-radius: 18px;
    }

    .premium-hero__photo figcaption {
        right: 13px;
        bottom: 13px;
        left: 13px;
    }

    .premium-hero__photo figcaption strong {
        font-size: 14px;
        white-space: normal;
    }

    .premium-hero__photo-logo {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        border-radius: 13px;
    }

    .premium-hero--v14 .premium-hero__community {
        padding: 12px;
    }

    .premium-members-grid--directory {
        grid-template-columns: 1fr;
    }

    .premium-member-card--contact {
        width: min(100%, 470px);
        margin-inline: auto;
        border-radius: 24px;
    }

    .premium-member-card--contact .premium-member-card__body {
        padding: 21px;
    }

    .premium-member-card--contact .premium-member-card__contacts b {
        font-size: 14px;
    }

    .premium-member-card--contact .premium-member-card__contacts a[href^="tel:"] b {
        font-size: 18px;
    }

    .premium-facebook-grid {
        gap: 31px;
    }

    .premium-facebook-copy h2 {
        font-size: clamp(29px, 8vw, 36px);
        line-height: 1.3;
    }

    .premium-facebook-visual--v14 {
        justify-self: stretch;
        border-radius: 23px;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__plugin iframe {
        height: 580px !important;
        min-height: 580px;
    }

    .premium-facebook-visual__frame-header {
        min-height: 71px;
        padding: 11px 12px;
    }

    .premium-facebook-visual__frame-header > b {
        padding: 5px 7px;
        font-size: 8px;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__cover {
        min-height: 460px;
    }

    .contact-mini-grid--premium {
        grid-template-columns: 1fr;
    }

    .contact-channel--hours {
        grid-column: auto;
    }

    .contact-channel {
        min-height: 91px;
    }

    .contact-channel__copy strong {
        font-size: 16px;
    }

    .contact-channel--phone .contact-channel__copy strong {
        font-size: 20px;
    }

    .contact-visual {
        min-height: 370px;
    }

    .contact-visual__card--human {
        padding: 27px;
        border-radius: 25px;
    }
}

@media (max-width: 420px) {
    .premium-hero--v14 .premium-hero__actions {
        grid-template-columns: 1fr;
    }

    .premium-hero--v14 .premium-hero__actions .button {
        min-height: 48px;
    }

    .premium-hero--v14 .premium-hero__community-copy strong {
        font-size: 12px;
    }

    .premium-hero--v14 .premium-hero__community-copy span {
        font-size: 9.5px;
    }

    .premium-facebook-visual__frame-header strong {
        font-size: 14px;
    }

    .premium-facebook-visual__frame-header > b {
        display: none;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__plugin iframe {
        height: 540px !important;
        min-height: 540px;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__cover {
        min-height: 410px;
    }

    .contact-channel {
        padding: 13px !important;
    }

    .contact-channel__icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .contact-channel__arrow {
        display: none;
    }

    .contact-channel--phone .contact-channel__copy strong {
        font-size: 19px;
    }
}

/* ==========================================================================
   Premium Human Touch v14.1
   Member four-column directory, assurance separation and Facebook embed fix.
   ========================================================================== */

/* Keep assurance cards completely below the hero. */
.premium-assurance--editable {
    position: relative;
    z-index: 2;
    clear: both;
    margin: 0;
    padding: 30px 0 18px;
    background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--brand-secondary) 6%, transparent), transparent 28%),
        #fff;
    border-bottom: 1px solid var(--line);
}

.premium-assurance--editable .premium-assurance__grid {
    margin-top: 0;
    background: #fff;
    border-color: color-mix(in srgb, var(--brand-primary) 11%, #e2e8f0);
    box-shadow:
        0 18px 46px rgba(15, 23, 42, .09),
        0 3px 9px rgba(15, 23, 42, .035);
}

/* Four member cards in one desktop row. */
.premium-members-grid--directory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 19px;
}

.premium-member-card--contact {
    height: 100%;
    background:
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--brand-secondary) 5%, transparent), transparent 34%),
        linear-gradient(180deg, #fff, #fbfdff);
    border-color: color-mix(in srgb, var(--brand-primary) 13%, #e2e8f0);
    border-radius: 24px;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, .095),
        0 3px 9px rgba(15, 23, 42, .035);
}

.premium-member-card--contact:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--brand-primary) 25%, #d9e2ed);
    box-shadow:
        0 27px 62px rgba(15, 23, 42, .14),
        0 5px 13px rgba(15, 23, 42, .045);
}

/* Remove the moving white shine/line from member cards. */
.premium-member-card__shine,
.premium-member-card:hover .premium-member-card__shine,
.premium-member-card--contact::after {
    display: none !important;
}

.premium-member-card--contact::before {
    height: 3px;
    opacity: .9;
}

.premium-member-card--contact .premium-member-card__portrait {
    aspect-ratio: 4 / 3.18;
}

.premium-member-card--contact .premium-member-card__verified {
    right: 12px;
    bottom: 11px;
    gap: 7px;
    padding: 7px 10px;
    color: #fff;
    background: linear-gradient(135deg, #059669, #047857);
    border: 1px solid rgba(110, 231, 183, .72);
    box-shadow:
        0 10px 24px rgba(4, 120, 87, .32),
        inset 0 1px rgba(255, 255, 255, .18);
    text-shadow: 0 1px 2px rgba(2, 44, 34, .28);
    backdrop-filter: blur(10px);
    font-size: 10.5px;
    font-weight: 800;
}

.premium-member-card--contact .premium-member-card__verified i {
    background: #ecfdf5;
    box-shadow: 0 0 0 4px rgba(236, 253, 245, .17);
}

.premium-member-card--contact .premium-member-card__body {
    padding: 18px;
}

.premium-member-card--contact .premium-member-card__role {
    margin-bottom: 8px;
    padding: 5px 9px;
    color: color-mix(in srgb, var(--brand-primary) 82%, #0f172a);
    background: color-mix(in srgb, var(--brand-primary) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 13%, #e2e8f0);
    font-size: 10px;
}

.premium-member-card--contact .premium-member-card__identity h3 {
    font-size: 20px;
    line-height: 1.36;
}

.premium-member-card--contact .premium-member-card__organization {
    margin-top: 7px;
    font-size: 12px;
}

.premium-member-card--contact .premium-member-card__contacts {
    margin-top: auto;
    gap: 8px;
    padding-top: 16px;
}

.premium-member-card--contact .premium-member-card__contacts a {
    min-height: 59px;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 15px;
}

.premium-member-card--contact .premium-member-card__contacts a > span {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 12px;
}

.premium-member-card--contact .premium-member-card__contacts a > span svg {
    width: 16px;
}

.premium-member-card--contact .premium-member-card__contacts small {
    font-size: 9.5px;
}

.premium-member-card--contact .premium-member-card__contacts b {
    font-size: 12.5px;
}

.premium-member-card--contact .premium-member-card__contacts a[href^="tel:"] b {
    font-size: 14px;
}

.premium-member-card--contact .premium-member-card__contact-arrow {
    width: 15px;
    height: 15px;
}

/* Force the live Facebook Page iframe to occupy the full premium card. */
.premium-facebook-visual--v14.has-plugin,
.premium-facebook-visual--v14 .premium-facebook-visual__frame,
.premium-facebook-visual--v14 .premium-facebook-visual__plugin {
    min-height: 0;
    visibility: visible;
    opacity: 1;
}

.premium-facebook-visual--v14 .premium-facebook-visual__plugin {
    min-height: 650px;
}

.premium-facebook-visual--v14 .premium-facebook-visual__plugin iframe {
    width: 100% !important;
    max-width: 500px !important;
    height: 650px !important;
    min-height: 650px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff;
}

@media (max-width: 1180px) {
    .premium-members-grid--directory {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .premium-members-grid--directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .premium-assurance--editable {
        padding-top: 20px;
    }

    .premium-assurance--editable .premium-assurance__grid {
        margin-top: 0;
    }

    .premium-members-grid--directory {
        grid-template-columns: 1fr;
    }

    .premium-member-card--contact {
        width: min(100%, 460px);
        margin-inline: auto;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__plugin {
        min-height: 560px;
    }

    .premium-facebook-visual--v14 .premium-facebook-visual__plugin iframe {
        height: 560px !important;
        min-height: 560px !important;
    }
}

/* ==========================================================================
   Premium Human Touch v14.2
   Distinct Facebook showcase and single-line contact email.
   ========================================================================== */

.premium-facebook-section--v142 {
    isolation: isolate;
    background:
        radial-gradient(circle at 9% 12%, rgba(24, 119, 242, .14), transparent 27%),
        radial-gradient(circle at 91% 88%, rgba(15, 118, 110, .08), transparent 25%),
        linear-gradient(180deg, #f4f8ff, #eaf2ff);
}

.premium-facebook-section--v142 .premium-facebook-grid {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
    gap: clamp(42px, 6vw, 82px);
    overflow: hidden;
    padding: clamp(34px, 5vw, 62px);
    background:
        radial-gradient(circle at 92% 8%, rgba(96, 165, 250, .28), transparent 29%),
        radial-gradient(circle at 8% 92%, rgba(45, 212, 191, .14), transparent 26%),
        linear-gradient(135deg, #0d2c68 0%, #124ca5 52%, #0a3478 100%);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 38px;
    box-shadow:
        0 35px 90px rgba(14, 67, 145, .22),
        inset 0 1px rgba(255, 255, 255, .18);
}

.premium-facebook-section--v142 .premium-facebook-grid::before {
    content: 'f';
    position: absolute;
    z-index: -1;
    top: -145px;
    left: -70px;
    color: rgba(255, 255, 255, .035);
    font: 900 410px/1 Arial, sans-serif;
    pointer-events: none;
}

.premium-facebook-section--v142 .premium-facebook-copy {
    max-width: 610px;
}

.premium-facebook-section--v142 .premium-facebook-copy .eyebrow {
    color: #dbeafe;
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .18);
}

.premium-facebook-section--v142 .premium-facebook-copy h2 {
    color: #fff;
    text-shadow: 0 10px 32px rgba(3, 15, 42, .2);
}

.premium-facebook-section--v142 .premium-facebook-copy > p {
    color: rgba(255, 255, 255, .76);
}

.premium-facebook-section--v142 .premium-facebook-points > span {
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    border-color: rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
    backdrop-filter: blur(10px);
}

.premium-facebook-section--v142 .premium-facebook-points b {
    color: #1877f2;
    background: #fff;
    border-color: rgba(255, 255, 255, .65);
}

.premium-facebook-section--v142 .button--facebook {
    color: #135fc5;
    background: #fff;
    box-shadow: 0 17px 38px rgba(3, 25, 67, .24);
}

.premium-facebook-section--v142 .button--facebook:hover {
    color: #0d4fa9;
    background: #eff6ff;
    transform: translateY(-2px);
}

.premium-facebook-section--v142 .premium-facebook-visual--v14 {
    overflow: hidden;
    border: 7px solid rgba(255, 255, 255, .94);
    border-radius: 30px;
    box-shadow:
        0 32px 75px rgba(2, 19, 55, .32),
        0 6px 18px rgba(2, 19, 55, .16);
}

.premium-facebook-section--v142 .premium-facebook-visual__frame-header {
    min-height: 84px;
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 255, 255, .22), transparent 31%),
        linear-gradient(135deg, #1877f2, #0e55bd);
}

.premium-facebook-visual__cover-strip {
    position: relative;
    min-height: 190px;
    display: block;
    overflow: hidden;
    color: #fff;
    background: #0d2c68;
    text-decoration: none;
}

.premium-facebook-visual__cover-strip::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 17, 46, .03), rgba(4, 20, 52, .88));
    pointer-events: none;
}

.premium-facebook-visual__cover-strip > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2, .8, .2, 1);
}

.premium-facebook-visual__cover-strip:hover > img {
    transform: scale(1.035);
}

.premium-facebook-visual__cover-strip > span {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 16px;
    left: 18px;
}

.premium-facebook-visual__cover-strip small,
.premium-facebook-visual__cover-strip strong {
    display: block;
}

.premium-facebook-visual__cover-strip small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .72);
    font-size: 10px;
}

.premium-facebook-visual__cover-strip strong {
    font-size: 16px;
    line-height: 1.35;
}

.premium-facebook-section--v142 .premium-facebook-visual__plugin,
.premium-facebook-section--v142 .premium-facebook-visual__plugin iframe {
    min-height: 590px !important;
    height: 590px !important;
}

/* Give the email channel full width and keep the address on one line. */
.contact-mini-grid--premium {
    grid-template-columns: 1fr;
}

.contact-channel--email {
    grid-column: 1 / -1;
}

.contact-channel--email .contact-channel__copy strong {
    overflow: visible;
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    text-overflow: clip;
    font-size: clamp(13px, 1.35vw, 17px);
    letter-spacing: -.01em;
}

@media (max-width: 980px) {
    .premium-facebook-section--v142 .premium-facebook-grid {
        grid-template-columns: 1fr;
    }

    .premium-facebook-section--v142 .premium-facebook-visual--v14 {
        width: min(100%, 500px);
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .premium-facebook-section--v142 .premium-facebook-grid {
        gap: 30px;
        padding: 22px 15px 16px;
        border-radius: 27px;
    }

    .premium-facebook-section--v142 .premium-facebook-copy {
        padding: 6px 5px 0;
    }

    .premium-facebook-section--v142 .premium-facebook-visual--v14 {
        border-width: 4px;
        border-radius: 23px;
    }

    .premium-facebook-visual__cover-strip {
        min-height: 155px;
    }

    .premium-facebook-section--v142 .premium-facebook-visual__plugin,
    .premium-facebook-section--v142 .premium-facebook-visual__plugin iframe {
        min-height: 540px !important;
        height: 540px !important;
    }
}

@media (max-width: 420px) {
    .contact-channel--email {
        gap: 9px;
        padding: 11px !important;
    }

    .contact-channel--email .contact-channel__icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
    }

    .contact-channel--email .contact-channel__icon svg {
        width: 18px;
    }

    .contact-channel--email .contact-channel__copy strong {
        font-size: clamp(10.5px, 3.15vw, 13.5px);
    }
}

/* ==========================================================================
   Premium Human Touch v14.3
   Unified premium contact canvas after removing the public Facebook section.
   ========================================================================== */

.premium-contact-preview--v143 {
    isolation: isolate;
    padding-block: clamp(62px, 8vw, 108px);
    background:
        radial-gradient(circle at 10% 16%, rgba(15, 118, 110, .11), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(202, 158, 57, .1), transparent 27%),
        linear-gradient(180deg, #f8fbfa 0%, #eef5f2 100%);
}

.premium-contact-preview--v143 .contact-preview__grid {
    position: relative;
    isolation: isolate;
    align-items: stretch;
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
    gap: clamp(42px, 6vw, 84px);
    overflow: hidden;
    padding: clamp(36px, 5.3vw, 72px);
    color: #fff;
    background:
        radial-gradient(circle at 0% 0%, rgba(52, 211, 153, .17), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(251, 191, 36, .13), transparent 31%),
        linear-gradient(135deg, #082f2c 0%, #0b4742 53%, #07302e 100%);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: clamp(30px, 4vw, 44px);
    box-shadow:
        0 42px 100px rgba(6, 50, 47, .22),
        inset 0 1px rgba(255, 255, 255, .13);
}

.premium-contact-preview--v143 .contact-preview__grid::before,
.premium-contact-preview--v143 .contact-preview__grid::after {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    pointer-events: none;
}

.premium-contact-preview--v143 .contact-preview__grid::before {
    top: -170px;
    right: -140px;
    width: 390px;
    height: 390px;
    box-shadow:
        0 0 0 42px rgba(255, 255, 255, .025),
        0 0 0 84px rgba(255, 255, 255, .018);
}

.premium-contact-preview--v143 .contact-preview__grid::after {
    bottom: -95px;
    left: 43%;
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, .018);
}

.premium-contact-preview--v143 .section-copy {
    position: relative;
    z-index: 2;
    align-self: center;
    max-width: 680px;
}

.premium-contact-preview--v143 .section-copy > .eyebrow {
    color: #f9e5ad;
    background: rgba(255, 255, 255, .085);
    border-color: rgba(255, 255, 255, .16);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.premium-contact-preview--v143 .section-copy > h2 {
    max-width: 620px;
    margin-top: 17px;
    color: #fff;
    font-size: clamp(36px, 4.4vw, 38px);
    line-height: 1.16;
    letter-spacing: -.025em;
    text-shadow: 0 12px 35px rgba(2, 25, 23, .24);
}

.premium-contact-preview--v143 .section-copy > p {
    max-width: 610px;
    color: rgba(240, 253, 250, .73);
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.85;
}

.contact-human-note {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 22px;
    padding: 12px 15px 12px 12px;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 17px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(10px);
}

.contact-human-note > span {
    width: 41px;
    height: 41px;
    display: grid;
    flex: 0 0 41px;
    place-items: center;
    color: #083c38;
    background: linear-gradient(145deg, #f8e9b8, #e6bd56);
    border-radius: 13px;
    box-shadow: 0 10px 24px rgba(227, 183, 76, .2);
}

.contact-human-note svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.4;
}

.contact-human-note p,
.contact-human-note strong,
.contact-human-note small {
    display: block;
    margin: 0;
}

.contact-human-note strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
}

.contact-human-note small {
    margin-top: 2px;
    color: rgba(240, 253, 250, .65);
    font-size: 10.5px;
    line-height: 1.4;
}

.premium-contact-preview--v143 .contact-mini-grid--premium {
    gap: 12px;
    margin: 27px 0 25px;
}

.premium-contact-preview--v143 .contact-channel {
    min-height: 88px;
    padding: 14px 15px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .99), rgba(245, 250, 248, .97)) !important;
    border-color: rgba(255, 255, 255, .46) !important;
    box-shadow:
        0 18px 42px rgba(1, 24, 22, .19),
        inset 0 1px #fff;
}

.premium-contact-preview--v143 a.contact-channel:hover {
    transform: translateY(-3px) scale(1.006);
    border-color: rgba(247, 216, 137, .72) !important;
    box-shadow:
        0 24px 52px rgba(1, 24, 22, .25),
        inset 0 1px #fff;
}

.premium-contact-preview--v143 .contact-channel__copy small {
    color: #64748b;
    font-size: 10.5px;
    font-weight: 700;
}

.premium-contact-preview--v143 .contact-channel__copy strong {
    color: #102e2b;
}

.premium-contact-preview--v143 .contact-channel__copy em {
    color: #7c8d8a;
}

.premium-contact-preview--v143 .contact-channel--phone .contact-channel__icon {
    background: linear-gradient(145deg, #13a68d, #08736a);
    box-shadow: 0 12px 27px rgba(8, 115, 106, .26);
}

.premium-contact-preview--v143 .contact-channel--email .contact-channel__icon {
    background: linear-gradient(145deg, #236b63, #103e3a);
    box-shadow: 0 12px 27px rgba(8, 56, 52, .25);
}

.premium-contact-preview--v143 .contact-channel--hours {
    min-height: 78px;
    background: rgba(255, 255, 255, .09) !important;
    border-color: rgba(255, 255, 255, .13) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

.premium-contact-preview--v143 .contact-channel--hours .contact-channel__icon {
    color: #163b36 !important;
    background: linear-gradient(145deg, #f8e9b8, #deb34b);
    box-shadow: 0 12px 26px rgba(222, 179, 75, .19);
}

.premium-contact-preview--v143 .contact-channel--hours .contact-channel__copy small {
    color: rgba(240, 253, 250, .6);
}

.premium-contact-preview--v143 .contact-channel--hours .contact-channel__copy strong {
    color: #fff;
    font-size: 15px;
}

.premium-contact-preview--v143 .section-copy > .button--primary {
    min-height: 52px;
    padding-inline: 24px;
    color: #123a36;
    background: linear-gradient(135deg, #fff8e4, #f1d887);
    border-color: rgba(255, 255, 255, .35);
    box-shadow: 0 16px 34px rgba(2, 29, 26, .22);
}

.premium-contact-preview--v143 .section-copy > .button--primary:hover {
    color: #092e2b;
    background: #fff;
    transform: translateY(-2px);
}

.premium-contact-preview--v143 .contact-visual {
    z-index: 2;
    min-height: 100%;
    align-self: stretch;
}

.premium-contact-preview--v143 .contact-visual__ring {
    width: min(32vw, 390px);
    height: min(32vw, 390px);
    border-color: rgba(247, 216, 137, .28);
    box-shadow:
        0 0 0 42px rgba(255, 255, 255, .035),
        0 0 0 84px rgba(247, 216, 137, .035);
}

.premium-contact-preview--v143 .contact-visual__card--human {
    width: min(100%, 455px);
    padding: clamp(27px, 3vw, 38px);
    background:
        radial-gradient(circle at 100% 0%, rgba(245, 200, 91, .16), transparent 33%),
        linear-gradient(145deg, #ffffff, #f5faf7);
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 32px;
    box-shadow:
        0 33px 76px rgba(1, 24, 22, .34),
        inset 0 1px #fff;
}

.contact-visual__identity {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4ece8;
}

.contact-visual__logo,
.contact-visual__mark {
    width: 54px;
    height: 54px;
    display: grid !important;
    flex: 0 0 54px;
    place-items: center;
    overflow: hidden;
    color: #fff !important;
    background: linear-gradient(145deg, #0c645b, #083b37);
    border: 1px solid rgba(12, 100, 91, .12);
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(8, 59, 55, .18);
}

.contact-visual__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
    background: #fff;
}

.contact-visual__mark {
    font-size: 24px !important;
}

.contact-visual__identity > span:last-child {
    min-width: 0;
    flex: 1;
}

.contact-visual__identity small,
.contact-visual__identity strong {
    display: block;
}

.contact-visual__identity small {
    margin-bottom: 3px;
    color: #788985;
    font-size: 10.5px;
    font-weight: 600;
}

.premium-contact-preview--v143 .contact-visual__identity strong {
    overflow-wrap: anywhere;
    margin: 0;
    color: #123a36;
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.35;
}

.premium-contact-preview--v143 .contact-visual__welcome {
    margin-bottom: 19px;
    color: #08766a !important;
    background: #ecf8f4;
    border-color: #cfe9e1;
}

.premium-contact-preview--v143 .contact-visual__label {
    color: #73837f !important;
    font-size: 10.5px !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.premium-contact-preview--v143 .contact-visual__address {
    margin: 7px 0 12px;
    color: #142f2c;
    font-size: clamp(21px, 2.2vw, 18px);
    line-height: 1.48;
}

.premium-contact-preview--v143 .contact-visual__card--human > p {
    margin-bottom: 18px;
    color: #667773;
}

.contact-visual__promises {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 21px;
}

.contact-visual__promises > span {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    color: #365b56 !important;
    background: #eef7f3;
    border: 1px solid #d8ebe4;
    border-radius: 999px;
    font-size: 10.5px !important;
    font-weight: 700;
}

.contact-visual__promises i {
    width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #0d8a7a;
    border-radius: 50%;
    font-size: 10px;
    font-style: normal;
}

.premium-contact-preview--v143 .contact-visual__card--human .text-link {
    color: #08766a;
    font-weight: 800;
}

@media (max-width: 980px) {
    .premium-contact-preview--v143 .contact-preview__grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .premium-contact-preview--v143 .section-copy,
    .premium-contact-preview--v143 .contact-visual {
        width: min(100%, 680px);
    }

    .premium-contact-preview--v143 .contact-visual {
        min-height: 450px;
        justify-self: start;
    }

    .premium-contact-preview--v143 .contact-visual__ring {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 640px) {
    .premium-contact-preview--v143 {
        padding-block: 48px;
    }

    .premium-contact-preview--v143 .contact-preview__grid {
        gap: 35px;
        padding: 28px 17px 20px;
        border-radius: 29px;
    }

    .premium-contact-preview--v143 .section-copy {
        padding-inline: 4px;
    }

    .premium-contact-preview--v143 .section-copy > h2 {
        margin-top: 14px;
        font-size: clamp(31px, 10vw, 42px);
    }

    .premium-contact-preview--v143 .section-copy > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .contact-human-note {
        width: 100%;
        margin-top: 18px;
    }

    .premium-contact-preview--v143 .contact-mini-grid--premium {
        margin-block: 21px;
    }

    .premium-contact-preview--v143 .contact-channel {
        min-height: 82px;
        gap: 10px;
        padding: 12px !important;
        border-radius: 17px !important;
    }

    .premium-contact-preview--v143 .contact-channel__icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 13px;
    }

    .premium-contact-preview--v143 .contact-channel__arrow {
        display: none;
    }

    .premium-contact-preview--v143 .contact-channel--phone .contact-channel__copy strong {
        font-size: clamp(17px, 5.6vw, 21px);
    }

    .premium-contact-preview--v143 .contact-channel--email .contact-channel__copy strong {
        max-width: 100%;
        overflow: visible;
        white-space: nowrap;
        font-size: clamp(9.5px, 3.05vw, 13.5px);
        letter-spacing: -.025em;
    }

    .premium-contact-preview--v143 .contact-channel--hours {
        min-height: 72px;
    }

    .premium-contact-preview--v143 .contact-visual {
        min-height: 400px;
    }

    .premium-contact-preview--v143 .contact-visual__ring {
        width: 270px;
        height: 270px;
    }

    .premium-contact-preview--v143 .contact-visual__card--human {
        padding: 24px 20px;
        border-radius: 25px;
    }

    .contact-visual__identity {
        margin-bottom: 20px;
        padding-bottom: 17px;
    }

    .contact-visual__logo,
    .contact-visual__mark {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 15px;
    }
}

@media (max-width: 380px) {
    .premium-contact-preview--v143 .contact-preview__grid {
        padding-inline: 12px;
    }

    .premium-contact-preview--v143 .contact-channel {
        gap: 8px;
        padding-inline: 10px !important;
    }

    .premium-contact-preview--v143 .contact-channel--email .contact-channel__icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .premium-contact-preview--v143 .contact-channel--email .contact-channel__copy strong {
        font-size: clamp(8.75px, 2.85vw, 11px);
    }
}

/* =========================================================
   Premium Human Touch v14.5
   Mobile activity/news sliders and premium media gallery
   ========================================================= */

.mobile-slider-toolbar {
    --slider-progress: 0%;
    display: none;
}

.premium-news-card--slider-item {
    min-width: 0;
}

.premium-media-showcase--v145 {
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(45, 212, 191, .18), transparent 30rem),
        radial-gradient(circle at 92% 82%, rgba(250, 204, 21, .11), transparent 28rem),
        linear-gradient(145deg, #061b2b 0%, #092f35 48%, #071a2d 100%);
}

.premium-media-showcase--v145 .premium-media-showcase__orb {
    z-index: -1;
    opacity: .2;
}

.premium-media-showcase__pattern {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .08;
    background-image:
        linear-gradient(rgba(255, 255, 255, .25) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .25) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000, transparent 80%);
    pointer-events: none;
}

.premium-media-showcase--v145 .premium-media-showcase__heading {
    max-width: 780px;
}

.premium-media-showcase--v145 .premium-media-showcase__heading h2 {
    margin-bottom: 13px;
    font-size: clamp(34px, 4vw, 38px);
}

.premium-media-showcase--v145 .premium-media-showcase__heading p {
    max-width: 680px;
    margin-inline: auto;
    color: rgba(255, 255, 255, .74);
}

.premium-media-showcase__quick-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin-top: 20px;
}

.premium-media-showcase__quick-info > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.premium-media-showcase__quick-info svg {
    width: 15px;
    height: 15px;
    fill: #5eead4;
}

.premium-media-showcase--v145 .premium-media-showcase__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: stretch;
    gap: 24px;
}

.premium-media-showcase--v145 .premium-media-panel {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 30px 85px rgba(0, 8, 18, .32);
}

.premium-media-showcase--v145 .premium-media-panel--photo {
    color: #123733;
    background:
        radial-gradient(circle at 100% 0, rgba(16, 185, 129, .1), transparent 18rem),
        linear-gradient(160deg, #ffffff, #f4fbf8);
    border: 1px solid rgba(255, 255, 255, .65);
}

.premium-media-showcase--v145 .premium-media-panel--video {
    color: #fff;
    background:
        radial-gradient(circle at 90% 10%, rgba(45, 212, 191, .14), transparent 18rem),
        linear-gradient(155deg, rgba(14, 48, 61, .98), rgba(5, 25, 42, .98));
    border: 1px solid rgba(255, 255, 255, .12);
}

.premium-media-showcase--v145 .premium-media-panel__head {
    gap: 16px;
    padding: 21px 22px 18px;
    border-color: rgba(12, 76, 67, .1);
}

.premium-media-showcase--v145 .premium-media-panel__head--light {
    border-color: rgba(255, 255, 255, .1);
}

.premium-media-panel__title {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.premium-media-panel__icon {
    width: 43px;
    height: 43px;
    display: grid;
    flex: 0 0 43px;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #0d9488, #0f766e);
    border-radius: 14px;
    box-shadow: 0 12px 25px rgba(13, 148, 136, .22);
}

.premium-media-panel__icon--video {
    color: #0b2c32;
    background: linear-gradient(145deg, #99f6e4, #fef08a);
    box-shadow: 0 12px 28px rgba(94, 234, 212, .16);
}

.premium-media-panel__icon svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.premium-media-showcase--v145 .premium-media-panel__title span {
    display: block;
    margin-bottom: 3px;
    color: #71847f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
}

.premium-media-showcase--v145 .premium-media-panel__head--light .premium-media-panel__title span {
    color: rgba(255, 255, 255, .58);
}

.premium-media-panel__title h3 {
    margin-bottom: 2px;
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.25;
}

.premium-media-panel__title p {
    margin-bottom: 0;
    color: #71847f;
    font-size: 11px;
    line-height: 1.5;
}

.premium-media-panel__head--light .premium-media-panel__title p {
    color: rgba(255, 255, 255, .56);
}

.premium-media-showcase--v145 .premium-media-panel__count {
    flex: 0 0 auto;
    padding: 6px 9px;
    color: #0f766e;
    background: #e9f8f3;
    border: 1px solid #d2eee5;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.premium-media-showcase--v145 .premium-media-panel__head--light .premium-media-panel__count {
    color: #ccfbf1;
    background: rgba(94, 234, 212, .09);
    border-color: rgba(94, 234, 212, .18);
}

.premium-media-showcase--v145 .premium-media-photos {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 9px;
    padding: 12px;
}

.premium-media-showcase--v145 .premium-media-photo {
    position: relative;
    grid-column: span 6;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    color: #fff;
    background: #dcebe7;
    border: 0;
    border-radius: 16px;
    text-align: left;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
}

.premium-media-showcase--v145 .premium-media-photo--featured {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 8.4;
    border-radius: 20px;
}

.premium-media-showcase--v145 .premium-media-photo:last-child:nth-child(even) {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 7;
}

.premium-media-showcase--v145 .premium-media-photo::after {
    position: absolute;
    inset: 0;
    content: '';
    background: linear-gradient(180deg, transparent 45%, rgba(2, 17, 22, .86));
    pointer-events: none;
}

.premium-media-showcase--v145 .premium-media-photo img {
    opacity: 1;
    transform: scale(1.005);
    transition: transform .6s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.premium-media-showcase--v145 .premium-media-photo:hover img {
    transform: scale(1.065);
    filter: saturate(1.08) contrast(1.03);
}

.premium-media-photo > span {
    position: absolute;
    z-index: 2;
    right: 12px;
    bottom: 10px;
    left: 12px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.premium-media-photo > span small {
    color: #5eead4;
    font-family: Inter, sans-serif;
    font-size: 9px;
    font-weight: 800;
}

.premium-media-photo > span strong {
    overflow: hidden;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-media-photo__zoom {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(4, 26, 29, .48);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 10px;
    backdrop-filter: blur(9px);
    transition: background .25s ease, transform .25s ease;
}

.premium-media-photo:hover .premium-media-photo__zoom {
    background: #0d9488;
    transform: scale(1.06);
}

.premium-media-photo__zoom svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-media-showcase--v145 .premium-media-videos {
    align-content: start;
    gap: 12px;
    padding: 12px;
}

.premium-media-showcase--v145 .premium-media-video-card {
    position: relative;
    overflow: hidden;
    color: #16302d;
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    box-shadow: 0 16px 36px rgba(0, 8, 18, .2);
    transition: transform .28s ease, box-shadow .28s ease;
}

.premium-media-showcase--v145 .premium-media-video-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 23px 48px rgba(0, 8, 18, .28);
}

.premium-media-showcase--v145 .premium-media-video-card__media {
    aspect-ratio: 16 / 9;
}

.premium-media-video-card__play {
    position: absolute;
    z-index: 3;
    left: 10px;
    bottom: 9px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: #083b37;
    background: rgba(153, 246, 228, .94);
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    pointer-events: none;
}

.premium-media-video-card__play svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.premium-media-showcase--v145 .premium-media-video-card__duration {
    right: 8px;
    bottom: 9px;
    z-index: 3;
    padding: 4px 7px;
    background: rgba(2, 13, 19, .78);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
}

.premium-media-showcase--v145 .premium-media-video-card__body {
    padding: 13px 14px 14px;
}

.premium-media-video-card__body > span {
    display: inline-flex;
    margin-bottom: 5px;
    padding: 3px 7px;
    color: #0f766e;
    background: #eaf8f4;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.premium-media-video-card__body h4 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.42;
}

.premium-media-video-card__body > small {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #748680;
    font-size: 10px;
    font-weight: 700;
}

.premium-media-video-card__body > small b {
    color: #0f766e;
    font-family: Inter, sans-serif;
    font-size: 15px;
}

.premium-media-panel__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding: 2px 18px 17px;
    color: #51706a;
}

.premium-media-panel__foot > span {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 800;
}

.premium-media-panel__foot i {
    width: 7px;
    height: 7px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, .1);
}

.premium-media-panel__foot small {
    color: #80928d;
    font-size: 9px;
}

.premium-media-panel__foot--video {
    color: rgba(255, 255, 255, .76);
}

.premium-media-panel__foot--video small {
    color: rgba(255, 255, 255, .48);
}

.premium-media-empty {
    min-height: 320px;
    align-content: center;
    gap: 8px;
}

.premium-media-empty > span {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 4px;
    border-radius: 18px;
}

.premium-media-empty > span svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}

.premium-media-empty--light {
    color: #57716c;
}

.premium-media-empty--light > span {
    color: #0f766e;
    background: #e8f7f2;
}

.premium-media-empty--dark {
    color: rgba(255, 255, 255, .64);
}

.premium-media-empty--dark > span {
    color: #99f6e4;
    background: rgba(94, 234, 212, .09);
}

.premium-media-empty strong {
    color: inherit;
    font-size: 16px;
}

.premium-media-empty p {
    max-width: 280px;
    margin-bottom: 0;
    color: inherit;
    font-size: 11px;
}

@media (max-width: 980px) {
    .premium-media-showcase--v145 .premium-media-showcase__grid {
        grid-template-columns: 1fr;
    }

    .premium-media-showcase--v145 .premium-media-panel {
        width: min(100%, 760px);
        margin-inline: auto;
    }
}

@media (max-width: 767px) {
    .mobile-slider-toolbar {
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: -16px 0 18px;
        padding-bottom: 9px;
        color: #536a65;
    }

    .mobile-slider-toolbar::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 2px;
        content: '';
        background:
            linear-gradient(90deg, #0d9488 var(--slider-progress), rgba(13, 148, 136, .12) var(--slider-progress));
        border-radius: 999px;
        transition: background .25s ease;
    }

    .mobile-slider-toolbar--light {
        color: rgba(255, 255, 255, .78);
    }

    .mobile-slider-toolbar--light::after {
        background:
            linear-gradient(90deg, #5eead4 var(--slider-progress), rgba(255, 255, 255, .13) var(--slider-progress));
    }

    .mobile-slider-toolbar__hint {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 10px;
        font-weight: 700;
    }

    .mobile-slider-toolbar__hint svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mobile-slider-toolbar__actions {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 7px;
    }

    .mobile-slider-toolbar__actions > button {
        width: 37px;
        height: 37px;
        display: grid;
        padding: 0;
        place-items: center;
        color: #0f766e;
        background: #fff;
        border: 1px solid #dfece8;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(15, 118, 110, .1);
        transition: transform .2s ease, background .2s ease;
    }

    .mobile-slider-toolbar__actions > button:active {
        transform: scale(.94);
    }

    .mobile-slider-toolbar--light .mobile-slider-toolbar__actions > button {
        color: #fff;
        background: rgba(255, 255, 255, .09);
        border-color: rgba(255, 255, 255, .16);
        box-shadow: 0 9px 24px rgba(0, 0, 0, .14);
        backdrop-filter: blur(10px);
    }

    .mobile-slider-toolbar__actions > button svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mobile-slider-toolbar__count {
        min-width: 48px;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 3px;
        color: #8aa09b;
        font-family: Inter, sans-serif;
        font-size: 9px;
        font-style: normal;
    }

    .mobile-slider-toolbar__count b {
        color: #0f766e;
        font-size: 14px;
    }

    .mobile-slider-toolbar--light .mobile-slider-toolbar__count {
        color: rgba(255, 255, 255, .42);
    }

    .mobile-slider-toolbar--light .mobile-slider-toolbar__count b {
        color: #99f6e4;
    }

    .premium-mobile-slider {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .premium-mobile-slider::-webkit-scrollbar {
        display: none;
    }

    .premium-activities-grid {
        display: flex;
        gap: 14px;
        margin-inline: -20px;
        padding: 3px 20px 19px;
        overflow-x: auto;
    }

    .premium-activity-card {
        flex: 0 0 min(86vw, 360px);
        min-height: 100%;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        border-radius: 24px;
        box-shadow: 0 22px 48px rgba(0, 0, 0, .22);
        transition: opacity .3s ease, transform .3s ease, border-color .3s ease;
    }

    .premium-activity-card:not(.is-slider-active) {
        opacity: .82;
        transform: scale(.975);
    }

    .premium-activity-card.is-slider-active {
        border-color: rgba(153, 246, 228, .32);
    }

    .premium-activity-card__content {
        padding: 19px;
    }

    .premium-news-layout--mobile-slider {
        display: flex;
        gap: 14px;
        margin-inline: -20px;
        padding: 3px 20px 19px;
        overflow-x: auto;
    }

    .premium-news-layout--mobile-slider .premium-news-stack {
        display: contents;
    }

    .premium-news-layout--mobile-slider .premium-news-feature,
    .premium-news-layout--mobile-slider .premium-news-card--slider-item {
        flex: 0 0 min(86vw, 365px);
        min-width: 0;
        display: flex;
        flex-direction: column;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        border-radius: 24px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .1);
        transition: opacity .3s ease, transform .3s ease, border-color .3s ease;
    }

    .premium-news-layout--mobile-slider [data-slider-item]:not(.is-slider-active) {
        opacity: .78;
        transform: scale(.975);
    }

    .premium-news-layout--mobile-slider [data-slider-item].is-slider-active {
        border-color: rgba(13, 148, 136, .25);
    }

    .premium-news-layout--mobile-slider .premium-news-feature__media,
    .premium-news-layout--mobile-slider .premium-news-card__media {
        width: 100%;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .premium-news-layout--mobile-slider .premium-news-feature__body,
    .premium-news-layout--mobile-slider .premium-news-card__body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 19px;
    }

    .premium-news-layout--mobile-slider .premium-news-feature__body h3,
    .premium-news-layout--mobile-slider .premium-news-card__body h3 {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 1.36;
    }

    .premium-news-layout--mobile-slider .premium-news-feature__body p,
    .premium-news-layout--mobile-slider .premium-news-card__body p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.62;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .premium-news-layout--mobile-slider .text-link {
        margin-top: auto;
        padding-top: 4px;
    }

    .premium-media-showcase--v145 .premium-media-showcase__heading {
        margin-bottom: 30px;
    }

    .premium-media-showcase--v145 .premium-media-showcase__heading h2 {
        font-size: clamp(30px, 9vw, 40px);
    }

    .premium-media-showcase__quick-info {
        margin-top: 17px;
    }

    .premium-media-showcase--v145 .premium-media-showcase__grid {
        gap: 18px;
    }

    .premium-media-showcase--v145 .premium-media-panel {
        border-radius: 25px;
    }

    .premium-media-showcase--v145 .premium-media-panel__head {
        align-items: flex-start;
        padding: 17px 16px 15px;
    }

    .premium-media-panel__icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        border-radius: 13px;
    }

    .premium-media-panel__title {
        gap: 10px;
    }

    .premium-media-panel__title h3 {
        font-size: 19px;
    }

    .premium-media-panel__title p {
        max-width: 210px;
        font-size: 10px;
    }

    .premium-media-showcase--v145 .premium-media-photos {
        gap: 7px;
        padding: 9px;
    }

    .premium-media-showcase--v145 .premium-media-photo {
        border-radius: 13px;
    }

    .premium-media-showcase--v145 .premium-media-photo--featured {
        aspect-ratio: 16 / 9.5;
        border-radius: 17px;
    }

    .premium-media-photo > span {
        right: 9px;
        bottom: 8px;
        left: 9px;
    }

    .premium-media-photo__zoom {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
        border-radius: 9px;
    }

    .premium-media-showcase--v145 .premium-media-videos {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 9px;
    }

    .premium-media-showcase--v145 .premium-media-video-card {
        display: grid;
        grid-template-columns: minmax(128px, 42%) minmax(0, 1fr);
        border-radius: 15px;
    }

    .premium-media-showcase--v145 .premium-media-video-card__media {
        height: 100%;
        min-height: 118px;
        aspect-ratio: auto;
    }

    .premium-media-showcase--v145 .premium-media-video-card__body {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 12px;
    }

    .premium-media-video-card__body h4 {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 8px;
        font-size: 13px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .premium-media-panel__foot {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        padding: 5px 15px 16px;
    }
}

@media (max-width: 420px) {
    .mobile-slider-toolbar__hint {
        max-width: 115px;
        line-height: 1.35;
    }

    .premium-media-showcase--v145 .premium-media-panel__count {
        padding-inline: 7px;
        font-size: 9px;
    }

    .premium-media-panel__title p {
        display: none;
    }

    .premium-media-showcase--v145 .premium-media-video-card {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    .premium-media-showcase--v145 .premium-media-video-card__media {
        min-height: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-mobile-slider {
        scroll-behavior: auto;
    }

    .premium-activity-card,
    .premium-news-layout--mobile-slider [data-slider-item] {
        transition: none;
    }
}

/* =========================================================
   Premium Human Touch v14.7
   Premium editorial news and activities updates section
   ========================================================= */

.premium-news-section--v147 {
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 7% 12%, rgba(13, 148, 136, .11), transparent 28rem),
        radial-gradient(circle at 94% 76%, rgba(212, 167, 44, .1), transparent 25rem),
        linear-gradient(180deg, #f7fbfa 0%, #ffffff 48%, #f7faf9 100%);
}

.premium-news-section--v147::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    content: '';
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary) 56%, var(--brand-accent));
}

.premium-news-section--v147 .container {
    position: relative;
    z-index: 2;
}

.premium-news-section__glow {
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.premium-news-section__glow--one {
    top: -210px;
    left: -140px;
    background: rgba(45, 212, 191, .15);
}

.premium-news-section__glow--two {
    right: -170px;
    bottom: -220px;
    background: rgba(250, 204, 21, .12);
}

.premium-news-section__pattern {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .22;
    background-image: radial-gradient(rgba(15, 118, 110, .18) .8px, transparent .8px);
    background-size: 20px 20px;
    mask-image: linear-gradient(90deg, #000, transparent 34%, transparent 66%, #000);
    pointer-events: none;
}

.premium-news-heading {
    max-width: 790px;
}

.premium-news-heading .eyebrow {
    gap: 8px;
    padding: 7px 12px;
    color: #08766a;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(13, 148, 136, .13);
    border-radius: 999px;
    box-shadow: 0 8px 25px rgba(15, 118, 110, .07);
    backdrop-filter: blur(10px);
}

.premium-news-heading .eyebrow::before {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, .11);
}

.premium-news-heading h2 {
    margin-bottom: 13px;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.24;
    letter-spacing: -.035em;
}

.premium-news-heading > p {
    max-width: 690px;
    margin-inline: auto;
    color: #627570;
}

.premium-news-heading__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.premium-news-heading__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    color: #52706a;
    background: rgba(255, 255, 255, .84);
    border: 1px solid rgba(15, 118, 110, .11);
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
    font-size: 10px;
    font-weight: 700;
}

.premium-news-heading__meta i {
    width: 7px;
    height: 7px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, .1);
}

.premium-news-heading__meta svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #0f766e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-news-section--v147 .premium-news-layout {
    grid-template-columns: minmax(0, 1.28fr) minmax(340px, .72fr);
    align-items: start;
    gap: 25px;
}

.premium-news-section--v147 .premium-news-feature {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(15, 118, 110, .12);
    border-radius: 32px;
    box-shadow:
        0 30px 80px rgba(15, 23, 42, .12),
        0 2px 0 rgba(255, 255, 255, .8) inset;
}

.premium-news-section--v147 .premium-news-feature::before {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: '';
    background: linear-gradient(90deg, #0f766e, #2dd4bf 58%, #d4a72c);
}

.premium-news-section--v147 .premium-news-feature__media {
    position: relative;
    min-height: 355px;
    aspect-ratio: 16 / 8.8;
    background: linear-gradient(145deg, #dff5ef, #e8eef8);
}

.premium-news-section--v147 .premium-news-feature__media img {
    opacity: 1;
    transform: scale(1.005);
    transition: transform .65s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.premium-news-feature__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(3, 18, 26, .05) 42%, rgba(3, 20, 27, .72)),
        linear-gradient(110deg, rgba(4, 36, 39, .12), transparent 48%);
    pointer-events: none;
}

.premium-news-section--v147 .premium-news-feature__badge {
    position: absolute;
    z-index: 2;
    top: 19px;
    left: 19px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: #083b37;
    background: rgba(204, 251, 241, .94);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(2, 20, 25, .2);
    font-size: 10px;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.premium-news-feature__badge svg {
    width: 14px;
    height: 14px;
    fill: #0f766e;
}

.premium-news-feature__edition {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 17px;
    display: flex;
    align-items: baseline;
    gap: 7px;
    color: #fff;
}

.premium-news-feature__edition small {
    color: rgba(255, 255, 255, .7);
    font-size: 9px;
    font-weight: 700;
}

.premium-news-feature__edition strong {
    font-family: Inter, sans-serif;
    font-size: 25px;
    line-height: 1;
}

.premium-news-section--v147 .premium-news-feature__body {
    padding: 28px 29px 27px;
}

.premium-news-feature__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 13px;
}

.premium-news-section--v147 .premium-news-feature__meta time,
.premium-news-feature__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #6d817c;
    font-family: Inter, var(--font-bangla);
    font-size: 10px;
    font-weight: 700;
}

.premium-news-feature__meta time svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #0f766e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-news-feature__meta > span {
    padding: 4px 8px;
    color: #0f766e;
    background: #edf9f5;
    border-radius: 999px;
}

.premium-news-feature__meta > span i {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
}

.premium-news-section--v147 .premium-news-feature__body h3 {
    max-width: 780px;
    margin-bottom: 11px;
    color: #102f2c;
    font-size: clamp(25px, 2.7vw, 24px);
    line-height: 1.31;
    letter-spacing: -.025em;
}

.premium-news-section--v147 .premium-news-feature__body h3 a {
    transition: color .2s ease;
}

.premium-news-section--v147 .premium-news-feature__body h3 a:hover {
    color: #0f766e;
}

.premium-news-section--v147 .premium-news-feature__body > p {
    margin-bottom: 20px;
    color: #60746f;
    font-size: 14px;
    line-height: 1.76;
}

.premium-news-feature__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 17px;
    border-top: 1px solid #e7efec;
}

.premium-news-section--v147 .premium-news-feature__footer .text-link,
.premium-news-section--v147 .premium-news-card__body .text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #0f766e;
    font-size: 12px;
    font-weight: 800;
}

.premium-news-section--v147 .text-link > span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #0f9487, #0f766e);
    border-radius: 9px;
    box-shadow: 0 8px 18px rgba(15, 118, 110, .18);
    transition: transform .2s ease;
}

.premium-news-section--v147 .text-link:hover > span {
    transform: translateX(3px);
}

.premium-news-section--v147 .text-link svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-news-feature__footer > small {
    color: #8a9b97;
    font-size: 9px;
}

.premium-news-section--v147 .premium-news-stack {
    gap: 15px;
}

.premium-news-section--v147 .premium-news-card {
    position: relative;
    grid-template-columns: 154px minmax(0, 1fr);
    min-height: 166px;
    overflow: hidden;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(15, 118, 110, .1);
    border-radius: 24px;
    box-shadow: 0 15px 42px rgba(15, 23, 42, .075);
    backdrop-filter: blur(10px);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.premium-news-section--v147 .premium-news-card__media {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: linear-gradient(145deg, #dff5ef, #e8eef8);
}

.premium-news-section--v147 .premium-news-card__media img {
    opacity: 1;
    transform: scale(1.01);
    transition: transform .55s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.premium-news-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(3, 23, 27, .58));
    pointer-events: none;
}

.premium-news-card__number {
    position: absolute;
    z-index: 2;
    right: 9px;
    bottom: 9px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #083b37;
    background: rgba(204, 251, 241, .92);
    border: 1px solid rgba(255, 255, 255, .66);
    border-radius: 9px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
    font-family: Inter, sans-serif;
    font-size: 9px;
    font-weight: 800;
    backdrop-filter: blur(8px);
}

.premium-news-section--v147 .premium-news-card__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 16px 17px;
}

.premium-news-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.premium-news-section--v147 .premium-news-card__meta time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: #7a8c88;
    font-family: Inter, var(--font-bangla);
    font-size: 9px;
    font-weight: 700;
}

.premium-news-card__meta time svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: #0f766e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-news-card__meta > span {
    padding: 3px 7px;
    color: #0f766e;
    background: #edf9f5;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
}

.premium-news-section--v147 .premium-news-card__body h3 {
    margin-bottom: 6px;
    color: #163531;
    font-size: 17px;
    line-height: 1.38;
    -webkit-line-clamp: 2;
}

.premium-news-section--v147 .premium-news-card__body p {
    margin-bottom: 9px;
    color: #6d7f7b;
    font-size: 11px;
    line-height: 1.58;
    -webkit-line-clamp: 2;
}

.premium-news-section--v147 .premium-news-card__body .text-link {
    justify-content: space-between;
    margin-top: auto;
    padding-top: 2px;
    font-size: 10px;
}

.premium-news-section--v147 .premium-news-card__body .text-link > span {
    width: 24px;
    height: 24px;
    border-radius: 8px;
}

.premium-news-section--v147 .premium-news-placeholder {
    color: #0f766e;
    background:
        radial-gradient(circle at 30% 25%, rgba(45, 212, 191, .2), transparent 38%),
        linear-gradient(145deg, #edf9f5, #e8eef8);
}

.premium-news-section__action {
    width: min(100%, 780px);
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 32px auto 0;
    padding: 11px 12px 11px 20px;
    color: #627570;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(15, 118, 110, .1);
    border-radius: 22px;
    box-shadow: 0 15px 42px rgba(15, 23, 42, .06);
    backdrop-filter: blur(12px);
}

.premium-news-section__action > span {
    font-size: 11px;
    font-weight: 700;
}

.premium-news-section__action .button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-inline: 18px;
    color: #fff;
    background: linear-gradient(135deg, #0f766e, #0d9488);
    border-color: transparent;
    border-radius: 15px;
    box-shadow: 0 12px 26px rgba(15, 118, 110, .2);
}

.premium-news-section__action .button svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (hover: hover) {
    .premium-news-section--v147 .premium-news-feature:hover {
        transform: translateY(-5px);
        border-color: rgba(15, 118, 110, .2);
        box-shadow: 0 36px 90px rgba(15, 23, 42, .15);
    }

    .premium-news-section--v147 .premium-news-feature:hover .premium-news-feature__media img {
        transform: scale(1.045);
        filter: saturate(1.06) contrast(1.02);
    }

    .premium-news-section--v147 .premium-news-card:hover {
        transform: translateY(-4px);
        border-color: rgba(15, 118, 110, .2);
        box-shadow: 0 22px 52px rgba(15, 23, 42, .11);
    }

    .premium-news-section--v147 .premium-news-card:hover .premium-news-card__media img {
        transform: scale(1.065);
        filter: saturate(1.06);
    }
}

@media (max-width: 1020px) {
    .premium-news-section--v147 .premium-news-layout {
        grid-template-columns: 1fr;
    }

    .premium-news-section--v147 .premium-news-feature {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    }

    .premium-news-section--v147 .premium-news-feature__media {
        min-height: 100%;
        aspect-ratio: auto;
    }

    .premium-news-section--v147 .premium-news-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-news-section--v147 .premium-news-card {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .premium-news-section--v147 .premium-news-card__media {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .premium-news-section--v147 .premium-news-card__body {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .premium-news-section--v147 {
        padding-block: 62px;
    }

    .premium-news-section__pattern {
        opacity: .16;
        mask-image: linear-gradient(to bottom, #000, transparent 65%);
    }

    .premium-news-heading {
        margin-bottom: 29px;
        text-align: left;
    }

    .premium-news-heading .eyebrow {
        margin-bottom: 13px;
        padding: 6px 10px;
    }

    .premium-news-heading h2 {
        max-width: 520px;
        margin-bottom: 11px;
        font-size: clamp(29px, 9vw, 39px);
        line-height: 1.27;
    }

    .premium-news-heading > p {
        margin-inline: 0;
        font-size: 14px;
        line-height: 1.72;
    }

    .premium-news-heading__meta {
        justify-content: flex-start;
        margin-top: 16px;
    }

    .premium-news-section--v147 .mobile-slider-toolbar {
        margin-top: -6px;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider {
        display: flex;
        grid-template-columns: none;
        gap: 15px;
        padding-top: 7px;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-stack {
        display: contents;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card--slider-item {
        flex: 0 0 min(88vw, 370px);
        display: flex;
        min-height: 100%;
        flex-direction: column;
        overflow: hidden;
        border-radius: 27px;
        box-shadow: 0 22px 52px rgba(15, 23, 42, .12);
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider [data-slider-item]:not(.is-slider-active) {
        opacity: .74;
        transform: scale(.965);
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider [data-slider-item].is-slider-active {
        border-color: rgba(13, 148, 136, .26);
        box-shadow: 0 26px 58px rgba(15, 23, 42, .15);
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature__media,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card__media {
        min-height: 0;
        aspect-ratio: 16 / 9.5;
    }

    .premium-news-section--v147 .premium-news-feature__badge {
        top: 14px;
        left: 14px;
        padding: 7px 10px;
    }

    .premium-news-feature__edition {
        right: 15px;
        bottom: 13px;
    }

    .premium-news-feature__edition strong {
        font-size: 22px;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature__body,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card__body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 19px;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature__body h3,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card__body h3 {
        margin-bottom: 9px;
        font-size: 20px;
        line-height: 1.39;
        -webkit-line-clamp: 3;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature__body > p,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card__body > p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 15px;
        color: #687b76;
        font-size: 12.5px;
        line-height: 1.65;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .premium-news-feature__meta {
        margin-bottom: 10px;
    }

    .premium-news-feature__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        margin-top: auto;
        padding-top: 14px;
    }

    .premium-news-card__meta {
        margin-bottom: 9px;
    }

    .premium-news-section--v147 .premium-news-card__body .text-link {
        margin-top: auto;
        padding-top: 8px;
        border-top: 1px solid #edf2f0;
    }

    .premium-news-section__action {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 24px;
        padding: 15px;
        text-align: center;
        border-radius: 20px;
    }

    .premium-news-section__action .button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 420px) {
    .premium-news-heading__meta > span {
        padding-inline: 8px;
        font-size: 9px;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card--slider-item {
        flex-basis: 89vw;
    }

    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-feature__body,
    .premium-news-section--v147 .premium-news-layout--mobile-slider .premium-news-card__body {
        padding: 17px;
    }

    .premium-news-feature__footer > small {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-news-section--v147 .premium-news-feature,
    .premium-news-section--v147 .premium-news-card,
    .premium-news-section--v147 .premium-news-feature__media img,
    .premium-news-section--v147 .premium-news-card__media img,
    .premium-news-section--v147 .text-link > span {
        transition: none;
    }
}

/* =========================================================
   v14.7.3 — Premium meeting schedule
   ========================================================= */

.premium-updates-panel--meetings {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 18rem),
        linear-gradient(160deg, rgba(255,255,255,.98), color-mix(in srgb, var(--brand-secondary) 4%, #fff)) !important;
}

.premium-updates-panel--meetings::before {
    position: absolute;
    z-index: -1;
    top: -84px;
    right: -72px;
    width: 190px;
    height: 190px;
    content: "";
    border: 1px solid color-mix(in srgb, var(--brand-accent) 18%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 22px color-mix(in srgb, var(--brand-accent) 5%, transparent),
        0 0 0 45px color-mix(in srgb, var(--brand-secondary) 3%, transparent);
    pointer-events: none;
}

.premium-updates-panel--meetings .stack-list {
    gap: 16px;
}

.premium-updates-panel--meetings .public-meeting-card--premium {
    grid-template-columns: 104px minmax(0, 1fr);
    min-height: 236px;
    padding: 15px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--brand-secondary) 6%, transparent), transparent 13rem),
        rgba(255,255,255,.98);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 11%, #e8edf3);
    border-radius: 24px;
    box-shadow:
        0 18px 44px rgba(15, 23, 42, .075),
        inset 0 1px 0 rgba(255,255,255,.82);
}

.premium-updates-panel--meetings .public-meeting-card--premium::before {
    width: 4px;
    opacity: 1;
    background: linear-gradient(180deg, var(--brand-accent), var(--brand-secondary));
    transform: scaleY(.56);
    transform-origin: center;
}

.premium-updates-panel--meetings .public-meeting-card--premium::after {
    position: absolute;
    z-index: -1;
    right: -42px;
    bottom: -58px;
    width: 150px;
    height: 150px;
    content: "";
    background: color-mix(in srgb, var(--brand-secondary) 5%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.premium-updates-panel--meetings .public-meeting-card--premium:hover {
    border-color: color-mix(in srgb, var(--brand-primary) 25%, #e5eaf2);
    box-shadow:
        0 26px 64px rgba(15, 23, 42, .13),
        0 0 0 1px color-mix(in srgb, var(--brand-accent) 8%, transparent);
    transform: translateY(-5px);
}

.premium-updates-panel--meetings .public-meeting-card--premium:hover::before {
    transform: scaleY(1);
}

.premium-updates-panel--meetings .public-meeting-card__date {
    position: relative;
    min-height: 178px;
    padding: 18px 8px 16px;
    align-self: stretch;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 112%, rgba(255,255,255,.21), transparent 43%),
        linear-gradient(155deg, color-mix(in srgb, var(--brand-primary) 94%, #111827), color-mix(in srgb, var(--brand-secondary) 86%, #0f172a));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 20px;
    box-shadow:
        0 16px 34px color-mix(in srgb, var(--brand-primary) 20%, transparent),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.premium-updates-panel--meetings .public-meeting-card__date::before {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 7px;
    height: 7px;
    content: "";
    background: var(--brand-accent);
    border: 3px solid rgba(255,255,255,.18);
    border-radius: 50%;
    box-shadow: 0 0 18px color-mix(in srgb, var(--brand-accent) 75%, transparent);
}

.premium-updates-panel--meetings .public-meeting-card__month {
    max-width: 100%;
    padding: 0;
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.2;
    white-space: nowrap;
}

.premium-updates-panel--meetings .public-meeting-card__date strong {
    margin: 10px 0 8px;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: .94;
    text-shadow: 0 5px 18px rgba(5, 10, 25, .22);
}

.premium-updates-panel--meetings .public-meeting-card__year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 25px;
    padding: 3px 9px;
    color: rgba(255,255,255,.92);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    background: rgba(255,255,255,.11);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}

.premium-updates-panel--meetings .public-meeting-card__content {
    position: relative;
    padding: 4px 2px 2px 20px;
}

.premium-updates-panel--meetings .public-meeting-card__meta {
    align-items: center;
    margin-bottom: 14px;
}

.premium-updates-panel--meetings .public-meeting-card__time {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    color: #536275;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.2;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 999px;
    white-space: nowrap;
}

.premium-updates-panel--meetings .public-meeting-card__time svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: none;
    color: var(--brand-secondary);
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.premium-updates-panel--meetings .public-meeting-card--premium h3 {
    margin: 0 0 13px;
    color: #142033;
    font-size: clamp(18px, 1.55vw, 21px);
    line-height: 1.42;
}

.premium-updates-panel--meetings .public-meeting-card__place {
    min-height: 39px;
    align-items: center;
    margin-bottom: 15px;
    padding: 8px 10px;
    color: #607083;
    background: rgba(248,250,252,.88);
    border: 1px solid #edf1f5;
    border-radius: 12px;
}

.premium-updates-panel--meetings .public-meeting-card__place svg {
    margin-top: 0;
    color: var(--brand-secondary);
}

.premium-updates-panel--meetings .public-meeting-card__link {
    justify-content: space-between;
    margin-top: auto;
    padding-top: 13px;
    border-color: #edf1f5;
}

.premium-updates-panel--meetings .public-meeting-card__link svg {
    width: 18px;
    height: 18px;
    padding: 3px;
    background: color-mix(in srgb, var(--brand-primary) 8%, #fff);
    border-radius: 50%;
}

@media (max-width: 680px) {
    .premium-updates-panel--meetings {
        padding: 15px !important;
    }

    .premium-updates-panel--meetings .public-meeting-card--premium {
        grid-template-columns: 96px minmax(0, 1fr);
        min-height: 226px;
        padding: 12px;
        border-radius: 21px;
    }

    .premium-updates-panel--meetings .public-meeting-card__date {
        min-height: 162px;
        padding-inline: 6px;
        border-radius: 17px;
    }

    .premium-updates-panel--meetings .public-meeting-card__month {
        font-size: 11.5px;
    }

    .premium-updates-panel--meetings .public-meeting-card__date strong {
        margin-block: 9px 7px;
        font-size: 42px;
    }

    .premium-updates-panel--meetings .public-meeting-card__content {
        padding: 2px 0 1px 14px;
    }

    .premium-updates-panel--meetings .public-meeting-card__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        margin-bottom: 12px;
    }

    .premium-updates-panel--meetings .public-meeting-card__time {
        max-width: 100%;
        font-size: 9.5px;
        white-space: normal;
    }

    .premium-updates-panel--meetings .public-meeting-card--premium h3 {
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 1.42;
    }

    .premium-updates-panel--meetings .public-meeting-card__place {
        min-height: 0;
        margin-bottom: 10px;
        padding: 7px 8px;
        font-size: 11.5px;
    }

    .premium-updates-panel--meetings .public-meeting-card__link {
        font-size: 11.5px;
    }
}

@media (max-width: 390px) {
    .premium-updates-panel--meetings .public-meeting-card--premium {
        grid-template-columns: 86px minmax(0, 1fr);
        padding: 10px;
    }

    .premium-updates-panel--meetings .public-meeting-card__date {
        min-height: 150px;
    }

    .premium-updates-panel--meetings .public-meeting-card__month {
        font-size: 10.5px;
    }

    .premium-updates-panel--meetings .public-meeting-card__content {
        padding-left: 11px;
    }

    .premium-updates-panel--meetings .public-status-pill {
        padding-inline: 8px;
        font-size: 9.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-updates-panel--meetings .public-meeting-card--premium {
        transition: none;
    }
}

/* =========================================================
   v14.8.0 — Ultra premium mobile app shell
   ========================================================= */

.site-footer--premium .brand--footer {
    align-items: flex-start;
}

.site-footer--premium .brand--footer .brand__text {
    min-width: 0;
    flex: 1;
}

.site-footer--premium .brand--footer .brand__text strong {
    max-width: 430px;
    overflow: visible;
    color: #fff;
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.35;
    white-space: normal;
    text-overflow: clip;
    text-wrap: pretty;
}

.site-footer--premium .brand--footer .brand__text small {
    display: block;
    margin-top: 5px;
    color: color-mix(in srgb, var(--brand-accent) 76%, #fff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
}

.site-footer--premium .footer-contact strong {
    color: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 600;
}

.site-footer--premium .footer-contact a {
    overflow-wrap: anywhere;
}

/* Full viewport app drawer */
.mobile-menu {
    z-index: 1500;
    display: grid;
    place-items: stretch end;
    padding: 8px;
    background:
        radial-gradient(circle at 18% 12%, rgba(99,102,241,.22), transparent 19rem),
        rgba(3, 7, 18, .72);
    -webkit-backdrop-filter: blur(15px) saturate(125%);
    backdrop-filter: blur(15px) saturate(125%);
}

.mobile-menu[hidden] {
    display: none !important;
}

.mobile-menu__panel {
    width: min(94vw, 430px);
    height: calc(100svh - 16px);
    max-height: 820px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    margin: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 18rem),
        linear-gradient(180deg, #f9fbff 0%, #f4f7fc 100%);
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 30px;
    box-shadow:
        0 35px 110px rgba(2,6,23,.42),
        inset 0 1px 0 rgba(255,255,255,.92);
    animation: mobileAppMenuIn .34s cubic-bezier(.2,.8,.2,1);
    overscroll-behavior: contain;
}

@keyframes mobileAppMenuIn {
    from {
        opacity: 0;
        transform: translate3d(34px, 10px, 0) scale(.97);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.mobile-menu__head {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
    background: rgba(255,255,255,.86);
    border-bottom: 1px solid rgba(15,23,42,.07);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.mobile-menu__brand {
    min-width: 0;
    display: inline-flex;
    flex: 1;
    align-items: center;
    gap: 10px;
}

.mobile-menu__brand-logo {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, var(--brand-primary), var(--brand-secondary));
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 14px;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

.mobile-menu__brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 3px;
}

.mobile-menu__brand-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.mobile-menu__brand-copy strong {
    max-width: 270px;
    overflow: hidden;
    color: #13203a;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.28;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mobile-menu__brand-copy small {
    color: #758198;
    font-size: 9px;
    font-weight: 700;
}

.mobile-menu__head > button {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    padding: 0;
    color: #27334b;
    background: #f1f4f9;
    border: 1px solid #e5eaf2;
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.mobile-menu__head > button:hover {
    color: #fff;
    background: var(--brand-primary);
    transform: rotate(5deg);
}

.mobile-menu__head > button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.mobile-menu__intro {
    padding: 17px 18px 11px;
}

.mobile-menu__intro > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--brand-secondary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
}

.mobile-menu__intro > span i {
    width: 7px;
    height: 7px;
    display: block;
    background: var(--brand-secondary);
    border-radius: 999px;
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand-secondary) 12%, transparent);
}

.mobile-menu__intro h2 {
    margin: 7px 0 2px;
    color: #101a30;
    font-size: clamp(23px, 6.5vw, 29px);
    line-height: 1.16;
}

.mobile-menu__intro p {
    margin: 0;
    color: #758198;
    font-size: 11.5px;
}

.mobile-menu .mobile-menu__nav {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 9px;
    padding: 8px 14px 14px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(49,46,129,.22) transparent;
}

.mobile-menu .mobile-menu__nav a {
    position: relative;
    min-width: 0;
    min-height: 78px;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 11px;
    color: #33415a;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(15,23,42,.075);
    border-radius: 18px;
    box-shadow:
        0 9px 22px rgba(15,23,42,.045),
        inset 0 1px 0 rgba(255,255,255,.92);
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mobile-menu .mobile-menu__nav a:hover {
    color: var(--brand-primary);
    border-color: color-mix(in srgb, var(--brand-primary) 20%, #e5eaf2);
    box-shadow: 0 14px 28px rgba(15,23,42,.09);
    transform: translateY(-2px);
}

.mobile-menu .mobile-menu__nav a.is-active {
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(255,255,255,.18), transparent 7rem),
        linear-gradient(145deg, var(--brand-primary), color-mix(in srgb, var(--brand-secondary) 82%, #0f172a));
    border-color: rgba(255,255,255,.17);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}

.mobile-menu__nav-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-primary) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 11%, #fff);
    border-radius: 13px;
}

.mobile-menu__nav-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.mobile-menu__nav a.is-active .mobile-menu__nav-icon {
    color: #fff;
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.16);
}

.mobile-menu__nav-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.mobile-menu__nav-copy strong {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.28;
}

.mobile-menu__nav-copy small {
    overflow: hidden;
    color: #8792a5;
    font-size: 9px;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mobile-menu__nav a.is-active .mobile-menu__nav-copy small {
    color: rgba(255,255,255,.72);
}

.mobile-menu__nav-arrow {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    opacity: .42;
}

.mobile-menu__actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    gap: 9px;
    padding: 12px 14px calc(13px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.84);
    border-top: 1px solid rgba(15,23,42,.07);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.mobile-menu__actions .button {
    min-width: 0;
    min-height: 45px;
    padding-inline: 11px;
    border-radius: 14px;
    font-size: 12px;
}

.mobile-menu__actions .button svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

@media (max-width: 900px) {
    .site-header--premium {
        min-height: 0;
        padding: 7px 0 4px;
        background: rgba(246,248,252,.78);
        border-bottom: 0;
        box-shadow: none;
        -webkit-backdrop-filter: blur(18px) saturate(140%);
        backdrop-filter: blur(18px) saturate(140%);
    }

    .site-header--premium.is-scrolled {
        background: rgba(246,248,252,.91);
        box-shadow: none;
    }

    .site-header--premium .site-header__inner {
        width: min(calc(100% - 16px), 760px);
        min-height: 58px;
        padding: 6px 7px;
        gap: 8px;
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 9rem),
            rgba(255,255,255,.94);
        border: 1px solid rgba(255,255,255,.96);
        border-radius: 20px;
        box-shadow:
            0 14px 34px rgba(15,23,42,.11),
            inset 0 0 0 1px rgba(15,23,42,.035);
        -webkit-backdrop-filter: blur(20px) saturate(150%);
        backdrop-filter: blur(20px) saturate(150%);
    }

    .site-header--premium .brand {
        min-width: 0;
        flex: 1;
        gap: 9px;
    }

    .site-header--premium .brand__logo {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        padding: 1px;
        border-radius: 13px;
        box-shadow: 0 9px 21px color-mix(in srgb, var(--brand-primary) 18%, transparent);
    }

    .site-header--premium .brand__text {
        min-width: 0;
        flex: 1;
    }

    .site-header--premium .brand__text strong {
        width: 100%;
        max-width: calc(100vw - 128px);
        font-size: 15px;
        line-height: 1.23;
    }

    .site-header--premium .brand__text small {
        display: block;
        max-width: calc(100vw - 136px);
        overflow: hidden;
        color: #7a8598;
        font-size: 9px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .site-header__actions {
        flex: 0 0 auto;
    }

    .mobile-menu-button {
        width: 43px;
        height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        color: #fff;
        background:
            radial-gradient(circle at 76% 20%, rgba(255,255,255,.24), transparent 2.8rem),
            linear-gradient(145deg, var(--brand-primary), color-mix(in srgb, var(--brand-secondary) 78%, #111827));
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 14px;
        box-shadow: 0 11px 25px color-mix(in srgb, var(--brand-primary) 27%, transparent);
    }

    .mobile-menu-button i {
        width: 19px;
        height: 1.8px;
        display: block;
        background: currentColor;
        border-radius: 999px;
        transform-origin: center;
        transition: opacity .2s ease, transform .2s ease;
    }

    .mobile-menu-button i:nth-child(2) {
        width: 14px;
        margin-left: 5px;
    }

    .mobile-menu-button[aria-expanded="true"] i:nth-child(1) {
        transform: translateY(5.8px) rotate(45deg);
    }

    .mobile-menu-button[aria-expanded="true"] i:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }

    .mobile-menu-button[aria-expanded="true"] i:nth-child(3) {
        transform: translateY(-5.8px) rotate(-45deg);
    }

    .site-scroll-progress {
        right: 16px;
        bottom: 1px;
        left: 16px;
        height: 2px;
        border-radius: 999px;
    }
}

@media (max-width: 767px) {
    :root {
        --ui-header-height: 73px;
        --ui-mobile-dock-height: 70px;
    }

    body.frontend-body--mobile-first {
        padding-bottom: 0;
        background:
            radial-gradient(circle at 12% 3%, rgba(49,46,129,.075), transparent 17rem),
            radial-gradient(circle at 92% 26%, rgba(15,118,110,.055), transparent 18rem),
            #f5f7fb;
    }

    .frontend-body--mobile-first main {
        overflow: clip;
    }

    .frontend-body--mobile-first .container {
        width: min(calc(100% - 20px), 640px);
    }

    .frontend-body--mobile-first .section {
        padding-block: clamp(42px, 12vw, 58px);
    }

    .frontend-body--mobile-first .section-heading {
        margin-bottom: 22px;
    }

    .frontend-body--mobile-first .section-heading h2,
    .frontend-body--mobile-first .section-copy h2,
    .frontend-body--mobile-first .premium-facebook-copy h2 {
        font-size: clamp(25px, 7.8vw, 32px);
        line-height: 1.23;
        text-wrap: pretty;
    }

    .frontend-body--mobile-first .button,
    .frontend-body--mobile-first a,
    .frontend-body--mobile-first button {
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-menu {
        padding:
            max(8px, env(safe-area-inset-top))
            8px
            max(8px, env(safe-area-inset-bottom));
    }

    .mobile-menu__panel {
        width: 100%;
        height: 100%;
        max-height: none;
        border-radius: 29px;
    }

    .mobile-menu__intro {
        padding-top: 14px;
    }

    .mobile-menu .mobile-menu__nav {
        padding-inline: 12px;
    }

    body.menu-open .mobile-bottom-dock {
        opacity: 0;
        pointer-events: none;
        transform: translateY(calc(100% + 24px));
    }

    .mobile-bottom-dock {
        right: 9px;
        bottom: max(9px, env(safe-area-inset-bottom));
        left: 9px;
        min-height: var(--ui-mobile-dock-height);
        padding: 6px;
        overflow: visible;
        background:
            linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,253,.94));
        border: 1px solid rgba(255,255,255,.96);
        border-radius: 23px;
        box-shadow:
            0 22px 55px rgba(15,23,42,.2),
            0 0 0 1px rgba(15,23,42,.05),
            inset 0 1px 0 rgba(255,255,255,1);
        -webkit-backdrop-filter: blur(22px) saturate(155%);
        backdrop-filter: blur(22px) saturate(155%);
        transition: opacity .25s ease, transform .32s cubic-bezier(.2,.8,.2,1);
    }

    .mobile-bottom-dock a,
    .mobile-bottom-dock button {
        position: relative;
        min-height: 56px;
        gap: 3px;
        padding: 6px 2px;
        color: #68748b;
        font-size: 9.5px;
        border-radius: 16px;
        transition: color .2s ease, background .2s ease, transform .2s ease;
    }

    .mobile-bottom-dock a:active,
    .mobile-bottom-dock button:active {
        transform: scale(.94);
    }

    .mobile-bottom-dock a.is-active {
        color: var(--brand-primary);
        background:
            linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 10%, #fff), color-mix(in srgb, var(--brand-primary) 5%, #fff));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 8%, transparent);
    }

    .mobile-bottom-dock a.is-active::after {
        position: absolute;
        right: 28%;
        bottom: 3px;
        left: 28%;
        height: 2px;
        content: "";
        background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
        border-radius: 999px;
    }

    .mobile-bottom-dock svg {
        width: 20px;
        height: 20px;
    }

    .mobile-bottom-dock__primary-icon {
        width: 47px;
        height: 47px;
        margin-top: -27px;
        border-width: 5px;
        box-shadow:
            0 13px 28px color-mix(in srgb, var(--brand-primary) 30%, transparent),
            inset 0 1px 0 rgba(255,255,255,.24);
    }

    .back-to-top {
        right: 14px;
        bottom: calc(var(--ui-mobile-dock-height) + 24px + env(safe-area-inset-bottom));
        width: 43px;
        height: 43px;
        border-radius: 14px;
    }

    /* App-like public listing and detail rhythm */
    .public-updates-hero__inner {
        padding: 34px 0 48px;
    }

    .public-updates-hero__grid {
        gap: 22px;
    }

    .public-updates-hero h1,
    .public-detail-hero h1 {
        font-size: clamp(30px, 9.4vw, 40px);
        line-height: 1.2;
    }

    .public-updates-section {
        padding: 34px 0 44px;
    }

    .public-section-heading {
        gap: 8px;
        margin-bottom: 22px;
    }

    .public-section-heading h2 {
        font-size: clamp(25px, 7.6vw, 32px);
        line-height: 1.25;
    }

    .public-notice-grid,
    .public-meeting-grid {
        gap: 14px;
    }

    .public-notice-card,
    .public-meeting-card {
        border-color: rgba(15,23,42,.075);
        border-radius: 22px;
        box-shadow:
            0 15px 36px rgba(15,23,42,.075),
            inset 0 1px 0 rgba(255,255,255,.9);
    }

    .public-notice-card {
        min-height: 0;
        padding: 18px;
    }

    .public-notice-card__body {
        padding-block: 18px 16px;
    }

    .public-notice-card__body h3 {
        font-size: 19px;
        line-height: 1.44;
    }

    .public-notice-card__body p {
        font-size: 13.5px;
        line-height: 1.7;
        -webkit-line-clamp: 5;
    }

    /* Footer remains behind the dock like a native app surface */
    .site-footer--premium {
        margin-top: 0;
        padding: 38px 0 calc(104px + env(safe-area-inset-bottom));
        background:
            radial-gradient(circle at 6% 4%, color-mix(in srgb, var(--brand-primary) 32%, transparent), transparent 20rem),
            radial-gradient(circle at 96% 78%, color-mix(in srgb, var(--brand-secondary) 17%, transparent), transparent 18rem),
            #070d1d;
    }

    .site-footer--premium::before {
        opacity: .045;
        background-size: 34px 34px;
    }

    .site-footer--premium .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .site-footer--premium .footer-panel {
        min-width: 0;
        padding: 18px;
        background: rgba(255,255,255,.045);
        border: 1px solid rgba(255,255,255,.085);
        border-radius: 22px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    }

    .site-footer--premium .footer-panel--brand {
        padding: 20px;
        background:
            radial-gradient(circle at 100% 0, rgba(255,255,255,.08), transparent 11rem),
            linear-gradient(145deg, rgba(49,46,129,.24), rgba(15,118,110,.11));
        border-color: rgba(255,255,255,.12);
    }

    .site-footer--premium .brand--footer {
        width: 100%;
        gap: 12px;
    }

    .site-footer--premium .brand--footer .brand__logo {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        border-radius: 17px;
        box-shadow:
            0 14px 34px rgba(0,0,0,.24),
            inset 0 1px 0 rgba(255,255,255,.24);
    }

    .site-footer--premium .brand--footer .brand__text strong {
        width: 100%;
        max-width: none;
        overflow: visible;
        font-size: clamp(18px, 5.4vw, 22px);
        line-height: 1.38;
        white-space: normal;
        text-overflow: clip;
    }

    .site-footer--premium .brand--footer .brand__text small {
        display: block;
        max-width: none;
        font-size: 10px;
        white-space: normal;
    }

    .site-footer--premium .footer-brand p {
        margin: 17px 0;
        color: rgba(255,255,255,.7);
        font-size: 13.5px;
        line-height: 1.75;
    }

    .site-footer--premium h3 {
        position: relative;
        margin-bottom: 13px;
        padding-left: 15px;
        font-size: 17px;
    }

    .site-footer--premium h3::before {
        position: absolute;
        top: .35em;
        bottom: .28em;
        left: 0;
        width: 4px;
        content: "";
        background: linear-gradient(180deg, var(--brand-accent), var(--brand-secondary));
        border-radius: 999px;
    }

    .site-footer--premium .footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .site-footer--premium .footer-links a {
        min-height: 40px;
        display: flex;
        align-items: center;
        padding: 8px 10px;
        color: rgba(255,255,255,.72);
        background: rgba(255,255,255,.035);
        border: 1px solid rgba(255,255,255,.055);
        border-radius: 12px;
        font-size: 11.5px;
        line-height: 1.35;
    }

    .site-footer--premium .footer-links a:active {
        color: #fff;
        background: rgba(255,255,255,.1);
        transform: scale(.98);
    }

    .site-footer--premium .footer-contact {
        gap: 8px;
    }

    .site-footer--premium .footer-contact li {
        min-width: 0;
        padding: 10px 11px;
        color: rgba(255,255,255,.78);
        background: rgba(255,255,255,.035);
        border: 1px solid rgba(255,255,255,.055);
        border-radius: 13px;
        font-size: 12.5px;
    }

    .site-footer--premium .footer-contact li > span {
        margin-bottom: 4px;
        color: color-mix(in srgb, var(--brand-accent) 60%, #fff);
        font-size: 9px;
        font-weight: 800;
    }

    .site-footer--premium .social-links {
        gap: 8px;
    }

    .site-footer--premium .social-links a {
        min-height: 37px;
        display: inline-flex;
        align-items: center;
        padding: 8px 11px;
        border-radius: 12px;
        font-size: 10.5px;
    }

    .site-footer--premium .site-footer__bottom {
        align-items: center;
        flex-direction: column;
        gap: 8px;
        margin-top: 14px;
        padding: 16px 15px 0;
        color: rgba(255,255,255,.58);
        font-size: 10.5px;
        line-height: 1.65;
        text-align: center;
    }

    .site-footer--premium .site-footer__bottom span {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .site-footer--premium .site-footer__bottom span:last-child {
        color: color-mix(in srgb, var(--brand-accent) 70%, #fff);
        font-weight: 800;
        letter-spacing: .05em;
    }
}

@media (max-width: 390px) {
    .site-header--premium .site-header__inner {
        width: calc(100% - 12px);
    }

    .site-header--premium .brand__logo {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .site-header--premium .brand__text strong {
        max-width: calc(100vw - 116px);
        font-size: 13.5px;
    }

    .site-header--premium .brand__text small {
        display: block;
        max-width: calc(100vw - 122px);
        font-size: 8px;
    }

    .mobile-menu-button {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .mobile-menu__head {
        padding: 11px 12px;
    }

    .mobile-menu__brand-logo {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .mobile-menu__brand-copy strong {
        max-width: 205px;
        font-size: 12.5px;
    }

    .mobile-menu__intro {
        padding: 12px 14px 8px;
    }

    .mobile-menu__intro p {
        font-size: 10.5px;
    }

    .mobile-menu .mobile-menu__nav {
        gap: 7px;
        padding: 7px 10px 10px;
    }

    .mobile-menu .mobile-menu__nav a {
        min-height: 70px;
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 7px;
        padding: 9px;
        border-radius: 16px;
    }

    .mobile-menu__nav-icon {
        width: 35px;
        height: 35px;
        border-radius: 11px;
    }

    .mobile-menu__nav-icon svg {
        width: 18px;
        height: 18px;
    }

    .mobile-menu__nav-copy strong {
        font-size: 11.5px;
    }

    .mobile-menu__nav-copy small {
        font-size: 8px;
    }

    .mobile-menu__actions {
        padding-inline: 10px;
    }

    .mobile-menu__actions .button {
        min-height: 42px;
        font-size: 11px;
    }

    .mobile-bottom-dock {
        right: 6px;
        left: 6px;
        padding-inline: 4px;
        border-radius: 21px;
    }

    .mobile-bottom-dock a,
    .mobile-bottom-dock button {
        font-size: 8.8px;
    }

    .site-footer--premium .footer-panel {
        padding: 15px;
        border-radius: 19px;
    }

    .site-footer--premium .footer-panel--brand {
        padding: 17px;
    }

    .site-footer--premium .brand--footer .brand__logo {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

    .site-footer--premium .brand--footer .brand__text strong {
        font-size: 17px;
    }

    .site-footer--premium .footer-links a {
        padding-inline: 8px;
        font-size: 10.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-menu__panel,
    .mobile-menu__nav a,
    .mobile-menu-button i,
    .mobile-bottom-dock {
        animation: none;
        transition: none;
    }
}