:root{--ink:#312216;--gold:#e4ad32;--gold2:#f4cf69;--ivory:#fffaf0;--line:rgba(60,40,20,.14);--muted:#76695a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,240,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:220px}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:800}.nav-cta{background:#332216;color:#fff;padding:13px 18px;border-radius:999px}.menu-btn{display:none}.language-switcher{position:relative}.language-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-weight:900;cursor:pointer;padding:12px 5px}.language-icon{font-size:21px;color:#d69620}.chevron{font-size:18px;transition:.2s}.language-switcher.open .chevron{transform:rotate(180deg)}.language-menu{display:none;position:absolute;right:0;top:49px;width:240px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 60px rgba(45,28,12,.16)}.language-switcher.open .language-menu{display:block}.language-menu a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:10px}.language-menu a:hover,.language-menu a.active{background:#fff2cc}.language-menu small{color:var(--muted)}.hero{min-height:700px;background-position:center;background-size:cover;display:grid;align-items:center;color:#fff;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,25,13,.62),rgba(40,25,13,.14))}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#f6d97d}.gold{color:#94671e}.hero h1,.page-hero h1,.section h2{font-family:Georgia,serif;letter-spacing:-.04em}.hero h1{font-size:clamp(58px,8vw,105px);line-height:.9;margin:28px 0}.hero p{font-size:19px;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:14px 20px;border-radius:999px;font-weight:900;border:1px solid transparent}.btn-primary{background:var(--gold2)}.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff}.btn-outline{border-color:var(--line)}.btn-dark{background:var(--ink);color:#fff}.section{padding:95px 0}.dark{background:#2d2016;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section h2{font-size:clamp(38px,5vw,60px);line-height:1.05;margin:12px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.news-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.news-card{padding:0;overflow:hidden}.news-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:23px}.icon{width:54px;height:54px;border-radius:16px;background:#f3dfad;display:grid;place-items:center;font-weight:900}.tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#fff0c4;color:#6a4811;font-size:12px;font-weight:900}.values{display:grid;grid-template-columns:1fr 1fr;gap:60px}.value{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13)}.value strong{font-family:Georgia,serif;font-size:34px;color:var(--gold2)}.page-hero{padding:95px 0;background:linear-gradient(130deg,#60401e,#d9a343);color:#fff}.page-hero h1{font-size:clamp(50px,7vw,78px);margin:10px 0}.article{max-width:850px}.featured{width:100%;border-radius:24px;margin-bottom:30px}.article-body{font-size:18px;line-height:1.9}.market{display:grid;grid-template-columns:1.5fr .7fr;gap:22px}.chart,.trade{background:#21170f;color:#fff;border-radius:22px;padding:25px}.chart svg{width:100%;height:320px}.price{font-size:32px;color:#68d49b}.trade input,.search-form input{width:100%;padding:14px;margin:8px 0;border-radius:12px;border:1px solid var(--line)}.search-form{display:flex;gap:10px;max-width:680px}.footer{background:#2d2016;color:#fff;padding:65px 0}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-grid a{display:block;color:#c7b9a8;margin:8px 0}.footer-logo{width:230px;filter:brightness(0) invert(1)}@media(max-width:900px){.menu-btn{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ivory);padding:20px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.grid-3,.values,.market,.footer-grid{grid-template-columns:1fr}.language-menu{left:0;right:auto}.section{padding:70px 0}}
/* Enterprise V2 motion and trust system */
.hero{overflow:hidden;isolation:isolate}
.hero .sun-glow{position:absolute;z-index:1;right:7%;top:5%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,242,178,.55),rgba(255,210,88,.12) 45%,transparent 72%);filter:blur(3px);animation:sunPulse 7s ease-in-out infinite}
.sand-field{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.sand-field i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,235,172,.8);box-shadow:0 0 8px rgba(255,222,125,.35);animation:sandFly var(--d) linear var(--delay) infinite}
.wind-line{position:absolute;z-index:2;left:-20%;width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,236,176,.48),transparent);filter:blur(.4px);transform:rotate(-7deg);animation:windSweep 8s linear infinite}
.wind-one{top:32%}.wind-two{top:56%;animation-delay:-3s;animation-duration:11s}.wind-three{top:73%;animation-delay:-6s;animation-duration:13s}
.hero-content{z-index:4}.hero-scroll{position:absolute;z-index:4;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;font-weight:900;color:rgba(255,255,255,.72)}.hero-scroll span{display:block;text-align:center;font-size:18px;animation:scrollBob 1.8s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.card,.news-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.card:hover,.news-card:hover{transform:translateY(-8px);box-shadow:0 24px 65px rgba(63,40,16,.12);border-color:rgba(226,170,49,.55)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.sand-field,.wind-line{display:none}}

/* V3 — cinematic motion, clean footer */
#sand-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.72}
.bird-flock{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.bird{position:absolute;left:-10%;color:rgba(54,35,20,.72);font:700 38px/1 Georgia,serif;transform:rotate(-10deg);animation:birdFly 18s linear infinite}
.b1{top:16%;animation-delay:-2s}.b2{top:22%;font-size:26px;animation-delay:-7s;animation-duration:22s}.b3{top:12%;font-size:19px;animation-delay:-12s;animation-duration:25s}.b4{top:28%;font-size:23px;animation-delay:-16s;animation-duration:21s}.b5{top:19%;font-size:16px;animation-delay:-4s;animation-duration:28s}
@keyframes birdFly{0%{transform:translateX(-15vw) translateY(0) rotate(-7deg);opacity:0}10%{opacity:.75}50%{transform:translateX(58vw) translateY(-28px) rotate(5deg)}90%{opacity:.7}100%{transform:translateX(120vw) translateY(10px) rotate(-4deg);opacity:0}}
#cursor-glow{position:fixed;z-index:9999;width:220px;height:220px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(238,189,73,.14),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease}
body.cursor-active #cursor-glow{opacity:1}
.cursor-particle{position:fixed;z-index:9998;width:5px;height:5px;border-radius:50%;background:#e8b843;pointer-events:none;animation:cursorDust .9s ease-out forwards}
@keyframes cursorDust{to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}
.footer{background:linear-gradient(180deg,#2b1d12,#1f150e);padding:75px 0 28px}.footer-grid{grid-template-columns:1.45fr .7fr .7fr 1.15fr;align-items:start}.footer-brand p{max-width:360px;color:#b7a896}.official-links{display:flex;gap:10px;margin-top:18px}.official-links a{border:1px solid rgba(255,255,255,.14);padding:9px 12px;border-radius:999px}.footer-cta{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}.footer-cta span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8ad47}.footer-cta h3{font-family:Georgia,serif;font-size:26px;line-height:1.1;margin:12px 0 20px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#8f7e6b;font-size:12px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);margin-top:38px}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(40,24,12,.64),rgba(55,32,12,.2) 52%,rgba(255,210,105,.08));animation:heroBreath 9s ease-in-out infinite}
@keyframes heroBreath{50%{filter:brightness(1.08) saturate(1.08)}}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-cta{grid-column:1/-1}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-cta{grid-column:auto}.footer-bottom{flex-direction:column}.bird:nth-child(n+4){display:none}}

.exchange-page{background:#0f0c09;color:#f7f0e3;min-height:100vh}.exchange-hero{padding:78px 0 42px;background:radial-gradient(circle at 80% 10%,rgba(230,177,57,.14),transparent 32%),linear-gradient(180deg,#1a130d,#100d0a)}.exchange-hero-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:45px;align-items:center}.exchange-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#e9ba4c}.exchange-kicker i,.market-state i{width:8px;height:8px;border-radius:50%;background:#55d898;box-shadow:0 0 16px #55d898}.exchange-hero h1{font:700 clamp(52px,7vw,82px)/.95 Georgia,serif;margin:18px 0}.exchange-hero p{max-width:720px;color:#b8aa98;font-size:18px}.exchange-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.exchange-badges span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:11px;color:#c9baa7;background:rgba(255,255,255,.03)}.exchange-wallet-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(238,190,78,.22);border-radius:24px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.wallet-head,.wallet-row{display:flex;justify-content:space-between;gap:15px;color:#a99c8c;font-size:13px}.wallet-head b{color:#f0c45c}.wallet-balance{font-size:42px;font-weight:900;margin:22px 0}.wallet-balance small{font-size:14px;color:#d8b55b}.wallet-row{padding:15px 0;border-top:1px solid rgba(255,255,255,.08);margin-bottom:15px}.exchange-wallet-card .btn{width:100%;justify-content:center;color:#2e210f}.exchange-shell{padding:25px 0 85px}.ticker-bar{display:grid;grid-template-columns:1.25fr 1fr repeat(3,.8fr) .7fr;gap:15px;align-items:center;background:#18130f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 18px;margin-bottom:15px}.pair-block{display:flex;align-items:center;gap:12px}.elp-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#efc25c,#9d6816);color:#211508;font-weight:950}.pair-block b,.pair-block small,.ticker-bar>div>small,.ticker-bar>div>b{display:block}.pair-block small,.ticker-bar small{color:#85796c;font-size:11px}.ticker-main strong{font-size:25px}.ticker-main span{color:#55d898;font-size:12px;margin-left:8px}.market-state{display:flex;align-items:center;gap:8px;color:#a99d8e;font-size:12px}.exchange-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.68fr) minmax(290px,.68fr);gap:15px}.panel-dark{background:linear-gradient(180deg,#18130f,#13100d);border:1px solid rgba(255,255,255,.075);border-radius:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.panel-head h2{font-size:15px;margin:0}.panel-head span{font-size:11px;color:#807467}.chart-tools{display:flex;gap:5px}.chart-tools button,.trade-tabs button,.type-tabs button,.percent-row button{border:0;background:transparent;color:#85796c;cursor:pointer}.chart-tools button{width:31px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.exchange-chart{grid-column:1/2;grid-row:1/3}.chart-stage{height:430px;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 78px,90px 100%}.market-chart-svg{position:absolute;inset:30px 55px 28px 18px;width:calc(100% - 73px);height:calc(100% - 58px)}.price-scale{position:absolute;right:9px;top:20px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;color:#776d62;font-size:10px}.current-price-line{position:absolute;left:0;right:0;top:38%;border-top:1px dashed rgba(240,190,73,.48)}.current-price-line span{position:absolute;right:5px;top:-11px;background:#dca93d;color:#20150b;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:900}.chart-bottom{display:flex;justify-content:space-between;padding:10px 18px;color:#756b61;font-size:10px}.orderbook{grid-column:2/3}.book-header,.book-row,.trade-list-head,.trade-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:7px 14px;font-size:11px}.book-header,.trade-list-head{color:#786e63;border-bottom:1px solid rgba(255,255,255,.055)}.book-row{position:relative}.book-row span{z-index:1;text-align:right}.book-row span:first-child,.book-header span:first-child{text-align:left}.book-row i{position:absolute;right:0;top:2px;bottom:2px;opacity:.12}.asks .book-row span:first-child{color:#ff7770}.asks .book-row i{background:#ff5f57}.bids .book-row span:first-child{color:#55d898}.bids .book-row i{background:#38c786}.mid-price{padding:11px 14px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.mid-price strong{color:#f0c35a;font-size:18px}.mid-price span{color:#7c7267;font-size:10px;margin-left:8px}.trade-panel{padding-bottom:16px}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.08)}.trade-tabs button{padding:16px;font-weight:900}.trade-tabs button.active{color:#53d492;border-bottom:2px solid #53d492;background:rgba(83,212,146,.05)}.type-tabs{display:flex;gap:12px;padding:14px 16px 3px}.type-tabs button.active{color:#f0c45c}.trade-panel label{display:block;margin:12px 16px 5px;color:#877b6e;font-size:11px}.input-wrap{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#100d0b;margin-top:6px}.input-wrap input{min-width:0;flex:1;border:0;background:transparent;color:#eee5d8;padding:11px}.input-wrap span{padding:0 10px;color:#807466;font-size:10px}.percent-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 16px}.percent-row button{border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:6px;font-size:9px}.available-row{display:flex;justify-content:space-between;padding:8px 16px;color:#7e7368;font-size:10px}.disabled-trade{width:calc(100% - 32px);margin:8px 16px 0;padding:12px;border:0;border-radius:10px;background:linear-gradient(90deg,#a9771f,#e6b94c);font-weight:900;color:#271a0c;opacity:.55}.trade-note{padding:0 16px;color:#756b61;font-size:10px;text-align:center}.recent-trades{grid-column:2/4}.trade-line span{text-align:right}.trade-line span:first-child,.trade-list-head span:first-child{text-align:left}.trade-line.up span:first-child{color:#55d898}.trade-line.down span:first-child{color:#ff7770}.trade-line{border-bottom:1px solid rgba(255,255,255,.035)}@media(max-width:1050px){.ticker-bar{grid-template-columns:1fr 1fr 1fr}.exchange-grid{grid-template-columns:1fr 1fr}.exchange-chart{grid-column:1/-1;grid-row:auto}.orderbook,.trade-panel,.recent-trades{grid-column:auto}.recent-trades{grid-column:1/-1}}@media(max-width:700px){.exchange-hero-grid,.exchange-grid{grid-template-columns:1fr}.ticker-bar{grid-template-columns:1fr 1fr}.exchange-chart,.orderbook,.trade-panel,.recent-trades{grid-column:auto}.chart-stage{height:330px}}

[data-cms-section="hero"]{position:relative}[data-cms-section="hero"]::before{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:0}[data-cms-section="hero"] .hero-content,[data-cms-section="hero"] .sun-glow,[data-cms-section="hero"] canvas,[data-cms-section="hero"] .sand-field,[data-cms-section="hero"] .wind-line,[data-cms-section="hero"] .bird-flock,[data-cms-section="hero"] .hero-scroll{position:relative;z-index:1}

/* =========================================================
   ELEPHANT RISE — VIEWPORT SECTION EXPERIENCE
   Mỗi lần cuộn chuyển theo từng khu vực của website
   ========================================================= */

:root {
    --er-header-desktop: 79px;
    --er-header-tablet: 76px;
    --er-header-mobile: 72px;

    --er-section-desktop:
        calc(100svh - var(--er-header-desktop));

    --er-section-tablet:
        calc(100svh - var(--er-header-tablet));

    --er-section-mobile:
        calc(100svh - var(--er-header-mobile));
}

html {
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
    scroll-padding-top: var(--er-header-desktop);
}

body {
    overflow-x: hidden;
}

/*
 * Mọi section chính:
 * - Ít nội dung: chiếm trọn một màn hình.
 * - Nhiều nội dung: tự cao thêm, không cắt nội dung.
 */
[data-cms-section] {
    box-sizing: border-box !important;

    min-height: var(--er-section-desktop) !important;

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

    scroll-snap-align: start;
    scroll-snap-stop: normal;
    scroll-margin-top: var(--er-header-desktop);

    padding-top: clamp(46px, 7vh, 88px) !important;
    padding-bottom: clamp(46px, 7vh, 88px) !important;
}

/* Header không tính là một section cuộn */
[data-cms-section="header"] {
    min-height: 0 !important;
    display: block;
    padding: 0 !important;
    scroll-snap-align: none;
}

/* Hero luôn đúng một màn hình */
[data-cms-section="hero"] {
    height: var(--er-section-desktop) !important;
    min-height: var(--er-section-desktop) !important;
    max-height: var(--er-section-desktop) !important;

    justify-content: center;
    overflow: hidden !important;

    padding-top: clamp(30px, 5vh, 64px) !important;
    padding-bottom: clamp(30px, 5vh, 64px) !important;
}

/* Ecosystem */
[data-cms-section="ecosystem"] {
    min-height: var(--er-section-desktop) !important;
}

/* Core Values */
[data-cms-section="values"] {
    min-height: var(--er-section-desktop) !important;
}

/* Latest News */
[data-cms-section="latest"] {
    min-height: var(--er-section-desktop) !important;
}

/* Footer cũng ít nhất một màn hình */
[data-cms-section="footer"] {
    min-height: var(--er-section-desktop) !important;
}

/*
 * Container bên trong không tạo thêm khoảng trống thừa
 */
[data-cms-section] > .container {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

/* Hero typography responsive */
[data-cms-section="hero"] .hero-content {
    width: 100%;
    max-width: min(920px, 84vw);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[data-cms-section="hero"] h1 {
    font-size: clamp(48px, 6vw, 92px) !important;
    line-height: 0.98 !important;

    margin-top: clamp(14px, 2vh, 25px) !important;
    margin-bottom: clamp(18px, 2.5vh, 30px) !important;
}

[data-cms-section="hero"] .hero-content > p {
    font-size: clamp(17px, 1.4vw, 22px) !important;
    line-height: 1.5 !important;
    margin-bottom: clamp(20px, 3vh, 34px) !important;
}

[data-cms-section="hero"] .actions {
    margin-top: 0 !important;
}

/*
 * Section heading gọn hơn để thẻ nằm trọn trong màn hình
 */
[data-cms-section] .section-head {
    margin-bottom: clamp(24px, 4vh, 48px) !important;
}

[data-cms-section] .section-head h2 {
    line-height: 1.05 !important;
}

/* Grid không tạo khoảng cách quá lớn */
[data-cms-section] .grid-3 {
    gap: clamp(16px, 2.2vw, 30px) !important;
}

/*
 * Không ép chiều cao từng card.
 * Card tự theo nội dung nhưng giảm padding quá lớn.
 */
[data-cms-section] .card,
[data-cms-section] .news-card {
    box-sizing: border-box;
}

/* TABLET */
@media (max-width: 1024px) {
    html {
        scroll-padding-top: var(--er-header-tablet);
    }

    [data-cms-section] {
        min-height: var(--er-section-tablet) !important;
        scroll-margin-top: var(--er-header-tablet);

        padding-top: clamp(38px, 6vh, 68px) !important;
        padding-bottom: clamp(38px, 6vh, 68px) !important;
    }

    [data-cms-section="hero"] {
        height: var(--er-section-tablet) !important;
        min-height: var(--er-section-tablet) !important;
        max-height: var(--er-section-tablet) !important;

        padding-left: clamp(24px, 5vw, 60px) !important;
        padding-right: clamp(24px, 5vw, 60px) !important;
    }

    [data-cms-section="hero"] h1 {
        font-size: clamp(44px, 7vw, 72px) !important;
    }

    [data-cms-section] .section-head {
        margin-bottom: clamp(22px, 3.5vh, 38px) !important;
    }
}

/* MOBILE */
@media (max-width: 700px) {
    html {
        scroll-snap-type: y proximity;
        scroll-padding-top: var(--er-header-mobile);
    }

    [data-cms-section] {
        min-height: var(--er-section-mobile) !important;
        scroll-margin-top: var(--er-header-mobile);

        justify-content: center;

        padding-top: clamp(28px, 5vh, 46px) !important;
        padding-right: 20px !important;
        padding-bottom: clamp(28px, 5vh, 46px) !important;
        padding-left: 20px !important;
    }

    [data-cms-section="hero"] {
        height: var(--er-section-mobile) !important;
        min-height: var(--er-section-mobile) !important;
        max-height: var(--er-section-mobile) !important;

        padding-top: clamp(22px, 4vh, 38px) !important;
        padding-bottom: clamp(22px, 4vh, 38px) !important;

        background-position: center center !important;
    }

    [data-cms-section="hero"] .hero-content {
        max-width: 100% !important;
    }

    [data-cms-section="hero"] .eyebrow {
        font-size: clamp(11px, 3vw, 13px) !important;
        line-height: 1.35 !important;
    }

    [data-cms-section="hero"] h1 {
        font-size: clamp(36px, 11vw, 56px) !important;
        line-height: 0.98 !important;

        margin-top: 12px !important;
        margin-bottom: 16px !important;
    }

    [data-cms-section="hero"] .hero-content > p {
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.45 !important;
        margin-bottom: 20px !important;
    }

    [data-cms-section="hero"] .actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 10px !important;
    }

    [data-cms-section="hero"] .actions .btn {
        width: 100% !important;
        min-height: 46px !important;
        justify-content: center !important;
    }

    [data-cms-section="hero"] .scroll,
    [data-cms-section="hero"] .scroll-hint,
    [data-cms-section="hero"] [class*="scroll"] {
        display: none !important;
    }

    /*
     * Các grid chuyển một cột.
     * Nếu nhiều card thì section được phép cao hơn một màn hình,
     * tránh cắt nội dung.
     */
    [data-cms-section] .grid-3 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    [data-cms-section] .section-head {
        margin-bottom: 22px !important;
    }

    /*
     * Footer mobile không để các cột cách quá xa nhau.
     */
    [data-cms-section="footer"] .footer-grid {
        gap: 24px !important;
    }
}

/*
 * Điện thoại thấp: thu nhỏ để mỗi section ít nội dung
 * vẫn nằm gọn trong một lần vuốt.
 */
@media (max-width: 700px) and (max-height: 720px) {
    [data-cms-section] {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    [data-cms-section="hero"] {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    [data-cms-section="hero"] h1 {
        font-size: clamp(32px, 9.5vw, 46px) !important;
        margin-top: 8px !important;
        margin-bottom: 12px !important;
    }

    [data-cms-section="hero"] .hero-content > p {
        font-size: 14px !important;
        line-height: 1.38 !important;
        margin-bottom: 14px !important;
    }

    [data-cms-section="hero"] .actions .btn {
        min-height: 42px !important;
    }

    [data-cms-section] .section-head {
        margin-bottom: 18px !important;
    }
}

/*
 * Tôn trọng người dùng không muốn hiệu ứng cuộn.
 */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
        scroll-snap-type: none;
    }
}

/* END ELEPHANT RISE — VIEWPORT SECTION EXPERIENCE */