/* lien-he.css — TRÍCH NGUYÊN VĂN bộ .lx-* từ trang liên hệ bên Ái Vân
   (bản đang chạy trên host). Sinh lại bằng scratchpad/trich-lien-he.js —
   sửa tay ở đây là mất khi trích lại. Phần riêng để ở lien-he-mht.css. */

.lx{--navy:#0d1f38;--navy2:#1e3a5f;--gold:#b8933d;--gold2:#d4b978;
        --ink:#1b2530;--mute:#6f7a85;--line:#e7e3da;--cream:#faf8f4}
.lx-sec{padding:88px 0;background:#fff}
.lx-sec.kem{background:var(--cream)}
.lx-in{max-width:1180px;margin:0 auto;padding:0 28px}
.lx-eb{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;
      color:var(--gold);font-weight:700;margin:0 0 16px}
.lx-eb-c{text-align:center}
.lx-rule{width:56px;height:1px;background:var(--gold);margin:0 0 26px}
.lx-rule-c{margin-left:auto;margin-right:auto}
.lx-h2{font-size:clamp(24px,3.4vw,36px);font-weight:300;line-height:1.28;
      letter-spacing:-.4px;color:var(--navy2);margin:0 0 14px}
.lx-lead{font-size:16.5px;line-height:1.9;color:var(--mute);margin:0;max-width:640px}
.lx-head-c{text-align:center;max-width:720px;margin:0 auto 54px}
.lx-head-c .lx-lead{margin:0 auto}
.lx-hero{position:relative;background:linear-gradient(155deg,#0a1830 0%,#0d1f38 45%,#16324f 100%);
      color:#fff;padding:96px 28px 92px;text-align:center;overflow:hidden}
.lx-hero::before{content:"";position:absolute;inset:22px;border:1px solid rgba(184,147,61,.34);
      pointer-events:none}
.lx-hero::after{content:"";position:absolute;left:50%;top:-140px;width:420px;height:420px;
      transform:translateX(-50%);border-radius:50%;
      background:radial-gradient(circle,rgba(184,147,61,.16),transparent 68%);pointer-events:none}
.lx-hero-in{position:relative;max-width:760px;margin:0 auto;z-index:1}
.lx-hero .lx-eb{color:var(--gold2)}
.lx-hero h1{font-size:clamp(28px,4.6vw,46px);font-weight:200;letter-spacing:1.5px;
      line-height:1.24;margin:0 0 22px;color:#fff}
.lx-hero .lx-rule{background:var(--gold2)}
.lx-hero p{font-size:16.5px;line-height:1.9;color:rgba(255,255,255,.8);margin:0;
      max-width:600px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.lx-hero{padding:64px 20px 60px}.lx-hero::before{inset:12px}}
.lx-ho{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:70px;align-items:start}
.lx-anh{position:relative}
.lx-anh-khung{position:relative;z-index:1;overflow:hidden}
.lx-anh-khung img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.lx-anh::after{content:"";position:absolute;left:18px;top:18px;right:-18px;bottom:-18px;
      border:1px solid var(--gold);z-index:0}
.lx-chip{position:absolute;left:0;bottom:20px;z-index:2;background:var(--navy);
      color:var(--gold2);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
      font-weight:700;padding:9px 18px}
.lx-ten{font-size:clamp(26px,3.6vw,38px);font-weight:300;letter-spacing:-.4px;
      color:var(--navy2);margin:0 0 8px;line-height:1.2}
.lx-chuc{font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:var(--mute);
      margin:0 0 24px;font-weight:600}
.lx-trich{font-size:18px;line-height:1.85;color:#3b4652;font-weight:300;margin:0 0 8px;
      padding-left:24px;border-left:2px solid var(--gold)}
.lx-giayphep{font-size:13.5px;color:var(--mute);line-height:1.8;margin:22px 0 0}
.lx-giayphep b{color:var(--navy2);font-weight:600}
.lx-so{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 30px;
      border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lx-so>div{padding:22px 16px;text-align:center;border-left:1px solid var(--line)}
.lx-so>div:first-child{border-left:0;text-align:left;padding-left:0}
.lx-so b{display:block;font-size:38px;font-weight:200;color:var(--navy2);line-height:1;
      letter-spacing:-1.5px;margin-bottom:8px}
.lx-so span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
      font-weight:600;line-height:1.5;display:block}
.lx-nut-row{display:flex;flex-wrap:wrap;gap:12px}
.lx-nut{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;font-size:14.5px;
      font-weight:600;letter-spacing:.04em;text-decoration:none;border:1px solid transparent;
      transition:.22s}
.lx-nut.chinh{background:var(--gold);color:#15211f}
.lx-nut.chinh:hover{background:#c9a556;color:#15211f}
.lx-nut.vien{background:transparent;color:var(--navy2);border-color:var(--line)}
.lx-nut.vien:hover{border-color:var(--gold);color:var(--gold);background:#fff}
@media(max-width:900px){
      .lx-ho{grid-template-columns:1fr;gap:50px}
      .lx-anh{max-width:380px}
      .lx-anh::after{left:12px;top:12px;right:-12px;bottom:-12px}
      .lx-so>div:first-child{text-align:center;padding-left:16px}
      .lx-so b{font-size:30px}
    }
@media(max-width:560px){.lx-so{grid-template-columns:1fr}
      .lx-so>div{border-left:0;border-top:1px solid var(--line);text-align:center!important;padding-left:16px!important}
      .lx-so>div:first-child{border-top:0}}
.lx-dv{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
      border-top:1px solid var(--line);border-left:1px solid var(--line)}
.lx-dv>article{padding:40px 34px;border-right:1px solid var(--line);
      border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;
      transition:.24s;position:relative}
.lx-dv>article::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;
      background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.28s}
.lx-dv>article:hover::before{transform:scaleX(1)}
.lx-dv>article:hover{background:var(--cream)}
.lx-dv-so{font-size:11px;letter-spacing:.3em;color:var(--gold);font-weight:700;margin-bottom:20px}
.lx-dv h3{font-size:20px;font-weight:400;color:var(--navy2);margin:0 0 12px;line-height:1.4;
      letter-spacing:-.2px}
.lx-vaitro{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:700;
      letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;margin-bottom:18px;
      border:1px solid}
.lx-vaitro.tu{color:#2c6b3f;border-color:#bcd8c5;background:#f2f8f4}
.lx-vaitro.hop{color:#a8632b;border-color:#e6cdb4;background:#fdf7f1}
.lx-dv>article>p{font-size:15.5px;line-height:1.85;color:#4b5661;margin:0 0 20px}
.lx-ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.lx-ul li{position:relative;padding:0 0 12px 22px;font-size:14.5px;line-height:1.75;color:#556}
.lx-ul li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:1px;
      background:var(--gold)}
.lx-dv .lx-nut{align-self:flex-start}
@media(max-width:980px){.lx-dv{grid-template-columns:1fr}}
.lx-dm{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.lx-dm>div{padding:0 30px;border-left:1px solid var(--line)}
.lx-dm>div:first-child{border-left:0;padding-left:0}
.lx-dm dt{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
      font-weight:700;margin:0 0 12px}
.lx-dm dd{margin:0;font-size:15.5px;line-height:1.75;color:var(--ink)}
.lx-dm dd a{color:var(--navy2);text-decoration:none;border-bottom:1px solid rgba(30,58,95,.24)}
.lx-dm dd a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.lx-dm dd.to{font-size:22px;font-weight:300;letter-spacing:-.3px}
.lx-dm dd.to a{border-bottom:0}
.lx-dm small{display:block;margin-top:6px;font-size:12.5px;color:var(--mute)}
@media(max-width:900px){.lx-dm{grid-template-columns:1fr 1fr;gap:34px 0}}
@media(max-width:560px){.lx-dm{grid-template-columns:1fr;gap:28px}
      .lx-dm>div{border-left:0;padding:0}}
.lx-lien{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lx-form-panel{background:#fff;border:1px solid var(--line);padding:44px 40px}
.lx-form-panel .lx-h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:10px}
.lx-form-panel>p.lx-lead{font-size:15.5px;margin-bottom:32px}
#contactForm .lx-fg{margin-bottom:26px}
#contactForm .lx-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lx-riengtu{margin:18px 0 0;font-size:12.5px;color:var(--mute);line-height:1.75}
.lx-map-panel{border:1px solid var(--line);background:#fff;padding:10px}
.lx-map-head{padding:26px 30px 22px}
.lx-map-head .lx-h2{font-size:clamp(20px,2.4vw,25px);margin-bottom:8px}
.lx-map-head p{margin:0;font-size:14.5px;color:var(--mute);line-height:1.8}
.lx-map-frame{position:relative;aspect-ratio:4/3;background:#eef1f4;overflow:hidden}
.lx-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lx-map-nut{display:flex;flex-wrap:wrap;gap:10px;padding:22px 30px 26px}
@media(max-width:900px){
      .lx-lien{grid-template-columns:1fr;gap:44px}
      .lx-form-panel{padding:32px 22px}
      #contactForm .lx-row{grid-template-columns:1fr;gap:0}
      #contactForm .lx-row .lx-fg{margin-bottom:26px}
      .lx-map-head{padding:22px 18px 18px}.lx-map-nut{padding:18px 18px 22px}
    }