/* Trang Giới thiệu — "Editorial sang trọng", dựng lại 17/10/2026. Markup: snippets/lyx-gt.bwt (lớp .lygt-*), nạp từ templates/page.about.bwt.
   Token lấy từ lyx-base.css (--lyx-*). Tiền tố "html body .lygt" + !important ở chữ vì CSS cũ của theme (main.scss…) nạp sau và ép h1/h2/p/button. */
html body .lygt{--g-ink:var(--lyx-ink,#141414);--g-text:var(--lyx-text,#2b2b2b);--g-muted:var(--lyx-muted,#7a7470);--g-line:var(--lyx-line,#e7e2dc);--g-cream:var(--lyx-cream,#f8f5f0);--g-cta:var(--lyx-cta,#5a2333);--g-wine:var(--lyx-wine,#4a1f2b);--g-f:var(--lyx-font,Montserrat,Arial,sans-serif);--g-y:clamp(56px,7vw,112px);color:var(--g-text);font-family:var(--g-f);overflow-x:clip}
html body .lygt *{box-sizing:border-box}
html body .lygt img{display:block;max-width:100%;height:auto}
html body .lygt figure{margin:0}
html body .lygt .lyx-wrap{max-width:var(--lyx-w,1280px);margin:0 auto;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
html body .lygt .lygt-sec{padding:var(--g-y) 0}

/* chữ dùng chung */
html body .lygt .lygt-eye,html body .lygt .lygt-kick{margin:0 0 16px!important;font:600 11px/1.4 var(--g-f)!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:var(--g-cta)!important}
html body .lygt .lygt-h2{margin:0 0 24px!important;font:500 clamp(24px,2.7vw,38px)/1.25 var(--g-f)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--g-ink)!important}
html body .lygt .lygt-h2 span{display:block;margin-top:10px;font:400 clamp(14px,1.3vw,17px)/1.4 var(--g-f)!important;letter-spacing:.24em!important;color:var(--g-muted)!important}
html body .lygt .lygt-p,html body .lygt .lygt-prose,html body .lygt .lygt-prose p{font:400 15px/1.9 var(--g-f)!important;letter-spacing:.01em;color:var(--g-text)!important}
html body .lygt .lygt-p,html body .lygt .lygt-prose p{margin:0 0 18px!important}
html body .lygt .lygt-prose p:last-child{margin-bottom:0!important}
html body .lygt .lygt-head{margin:0 0 clamp(32px,4vw,56px);text-align:center}
html body .lygt .lygt-head .lygt-h2{margin:0!important}
html body .lygt .lygt-head.is-split{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;text-align:left}

/* link gạch chân + mũi tên, nút phát */
html body .lygt .lygt-link{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:0 0 6px!important;border:0!important;border-bottom:1px solid var(--g-ink)!important;border-radius:0!important;background:none!important;font:600 11px/1.2 var(--g-f)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--g-ink)!important;text-decoration:none!important;cursor:pointer;transition:color .25s,border-color .25s}
html body .lygt .lygt-link svg{width:22px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s var(--lyx-ease,ease)}
html body .lygt .lygt-link:hover{color:var(--g-cta)!important;border-color:var(--g-cta)!important}
html body .lygt .lygt-link:hover svg{transform:translateX(4px)}
html body .lygt .lygt-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:34px}
html body .lygt .lygt-btns .lyx-btn{min-width:200px}
html body .lygt .lygt-play-link{display:inline-flex;align-items:center;gap:12px;padding:0!important;border:0!important;background:none!important;font:600 11px/1 var(--g-f)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--g-ink)!important;cursor:pointer}
html body .lygt .lygt-play-ico{position:relative;width:42px;height:42px;border:1px solid var(--g-ink);border-radius:50%;transition:background .25s,border-color .25s}
html body .lygt .lygt-play-ico::after{content:'';position:absolute;left:50%;top:50%;margin:-5px 0 0 -3px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--g-ink);transition:border-color .25s}
html body .lygt .lygt-play-link:hover .lygt-play-ico{background:var(--g-cta);border-color:var(--g-cta)}
html body .lygt .lygt-play-link:hover .lygt-play-ico::after{border-left-color:#fff}

/* 1. HERO */
html body .lygt .lygt-hero{position:relative;padding:clamp(48px,6vw,96px) 0 0;background:var(--g-cream);overflow:hidden}
html body .lygt .lygt-hero::before{content:'';position:absolute;right:-6vw;top:-10vw;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
html body .lygt .lygt-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,104px)}
html body .lygt .lygt-kick{display:flex;align-items:center;gap:16px}
html body .lygt .lygt-kick i{width:44px;height:1px;background:currentColor}
html body .lygt .lygt-title{margin:18px 0 0!important;padding:0!important;font:inherit!important;color:var(--g-ink)!important;text-align:left!important}
html body .lygt .lygt-ln{display:block;overflow:hidden;padding-bottom:.04em}
html body .lygt .lygt-ln>span{display:block}
html body .lygt .lygt-t1{margin-bottom:10px;font:400 clamp(15px,1.5vw,21px)/1.4 var(--g-f)!important;letter-spacing:.34em!important;text-transform:uppercase;color:var(--g-muted)}
html body .lygt .lygt-t2,html body .lygt .lygt-t3{font:500 clamp(58px,8.2vw,128px)/.98 var(--g-f)!important;letter-spacing:.03em!important;text-transform:uppercase;margin-left:-.04em}
html body .lygt .lygt-t2{color:var(--g-ink)}
/* 17/10: bỏ chữ viền (Montserrat bản biến thiên có nét chồng bên trong, viền làm lộ các đường cắt) → chữ đặc đỏ rượu, nét mảnh */
html body .lygt .lygt-t3{color:var(--g-cta);font-weight:300!important;padding-left:clamp(28px,5vw,88px)}
html body .lygt .lygt-lead{max-width:470px;margin:clamp(26px,3vw,40px) 0 0!important;padding-left:22px;border-left:1px solid var(--g-cta);font:400 clamp(15px,1.2vw,17px)/1.85 var(--g-f)!important;color:var(--g-text)!important}
html body .lygt .lygt-hero .lygt-btns{justify-content:flex-start}
/* bố cục ảnh ghép */
html body .lygt .lygt-hero-art{position:relative;padding:0 0 clamp(36px,5vw,72px) clamp(56px,9vw,150px)}
html body .lygt .lygt-hero-art figure{margin:0;overflow:hidden;border-radius:2px;will-change:translate}
html body .lygt .lygt-hero-art img{width:100%;height:100%;object-fit:cover}
html body .lygt .lygt-art-main{aspect-ratio:1/1}
html body .lygt .lygt-art-main img{object-position:50% 50%}
html body .lygt .lygt-art-sub{position:absolute!important;left:0;bottom:0;width:42%;aspect-ratio:2/3;outline:clamp(6px,.7vw,10px) solid var(--g-cream);box-shadow:0 24px 48px -24px rgba(40,20,26,.35)}
html body .lygt .lygt-art-sub img{object-position:100% 50%}
html body .lygt .lygt-badge{position:absolute;right:clamp(-28px,-2vw,-12px);top:clamp(-36px,-3vw,-20px);display:grid;place-items:center;width:clamp(104px,10vw,148px);aspect-ratio:1;border-radius:50%;background:var(--g-wine);box-shadow:0 18px 40px -18px rgba(40,20,26,.55)}
html body .lygt .lygt-badge svg{position:absolute;inset:0;width:100%;height:100%}
html body .lygt .lygt-badge-ring{animation:lygt-spin 26s linear infinite}
html body .lygt .lygt-badge-ring text{font:600 8.6px var(--g-f);letter-spacing:.06em;fill:rgba(255,255,255,.9)}
html body .lygt .lygt-badge-lotus{inset:auto!important;position:relative!important;width:38%!important;height:auto!important;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes lygt-spin{to{transform:rotate(360deg)}}
html body .lygt .lygt-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(48px,6vw,88px) 0 0;padding:0;list-style:none;border-top:1px solid var(--g-line)}
html body .lygt .lygt-facts li{padding:clamp(26px,3vw,40px) 12px;text-align:center}
html body .lygt .lygt-facts li+li{border-left:1px solid var(--g-line)}
html body .lygt .lygt-facts b{display:block;font:300 clamp(34px,4vw,54px)/1 var(--g-f)!important;letter-spacing:.02em;color:var(--g-cta)!important}
html body .lygt .lygt-facts b.lygt-fact-w{font-size:clamp(24px,2.6vw,36px)!important;line-height:1.5!important;letter-spacing:.06em;text-transform:uppercase}
html body .lygt .lygt-facts sup{top:-.9em;font-size:.45em}
html body .lygt .lygt-facts b i{font-style:normal}

/* HIỆU ỨNG (chỉ khi JS bật .lygt-anim; .lygt-done gỡ hiệu ứng vào cảnh sau 2,5s) */
@keyframes lygt-up{from{transform:translateY(105%)}to{transform:none}}
@keyframes lygt-fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lygt-open{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes lygt-zoom{from{transform:scale(1.18)}to{transform:none}}
@keyframes lygt-pop{from{opacity:0;transform:scale(.6) rotate(-40deg)}to{opacity:1;transform:none}}
html body .lygt.lygt-anim:not(.lygt-done) .lygt-ln>span{animation:lygt-up 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
html body .lygt.lygt-anim:not(.lygt-done) .lygt-a{animation:lygt-fade 1s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
html body .lygt.lygt-anim:not(.lygt-done) .lygt-badge{animation:lygt-pop 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
html body .lygt.lygt-anim:not(.lygt-done) .lygt-clip{animation:lygt-open 1.3s cubic-bezier(.7,0,.2,1) var(--d,0s) both}
html body .lygt.lygt-anim:not(.lygt-done) .lygt-clip img{animation:lygt-zoom 1.8s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
html body .lygt.lygt-anim .lygt-rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
html body .lygt.lygt-anim .lygt-rv:not(.is-in){opacity:0;transform:translateY(28px)}
html body .lygt .lygt-value:nth-child(2n),html body .lygt .lygt-press-card:nth-child(2){--d:.1s}
html body .lygt .lygt-press-card:nth-child(3){--d:.2s}
html body .lygt .lygt-split>:last-child,html body .lygt .lygt-cols>:last-child,html body .lygt .lygt-culture-in>:last-child{--d:.12s}
html body .lygt .lygt-facts span{display:block;margin-top:14px;font:600 10.5px/1.5 var(--g-f);letter-spacing:.18em;text-transform:uppercase;color:var(--g-muted)}

/* bố cục 2 cột ảnh/chữ */
html body .lygt .lygt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,104px)}
html body .lygt .lygt-split.is-rev>figure{order:2}
html body .lygt .lygt-split figure img{width:100%;border-radius:2px}

/* 2. VỀ LOUIS YOGA */
html body .lygt .lygt-about-img img{aspect-ratio:1/1;object-fit:cover}
html body .lygt .lygt-about-txt{max-width:520px}

/* 3. NỀN TẢNG */
html body .lygt .lygt-found{border-top:1px solid var(--g-line)}
html body .lygt .lygt-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,104px);align-items:start}
html body .lygt .lygt-cols-head .lygt-h2{margin:0!important;position:relative;padding-bottom:26px}
html body .lygt .lygt-cols-head .lygt-h2::after{content:'';position:absolute;left:0;bottom:0;width:42px;height:1px;background:var(--g-cta)}

/* 4. GIÁ TRỊ CỐT LÕI */
html body .lygt .lygt-values{background:var(--g-cream)}
html body .lygt .lygt-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--g-line)}
html body .lygt .lygt-value{padding:clamp(28px,3.5vw,48px) clamp(0px,3vw,48px) clamp(28px,3.5vw,48px) 0;border-bottom:1px solid var(--g-line)}
html body .lygt .lygt-value:nth-child(2n){padding-left:clamp(24px,3.5vw,48px);padding-right:0;border-left:1px solid var(--g-line)}
html body .lygt .lygt-num{display:block;margin-bottom:18px;font:300 13px/1 var(--g-f);letter-spacing:.2em;color:var(--g-cta)}
html body .lygt .lygt-value h3{margin:0 0 14px!important;font:600 15px/1.4 var(--g-f)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--g-ink)!important}
html body .lygt .lygt-value p{margin:0!important;font:400 14.5px/1.85 var(--g-f)!important;color:var(--g-text)!important}

/* 5. VĂN HOÁ VIỆT — nền đỏ rượu */
html body .lygt .lygt-culture{padding:var(--g-y) 0;background:var(--g-wine);color:#fff}
html body .lygt .lygt-culture-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,104px);align-items:start}
html body .lygt .lygt-lotus{width:56px;height:36px;margin-bottom:26px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
html body .lygt .lygt-culture .lygt-eye{color:rgba(255,255,255,.62)!important}
html body .lygt .lygt-culture h2{margin:0!important;font:500 clamp(22px,2.4vw,32px)/1.4 var(--g-f)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fff!important}
html body .lygt .lygt-culture .lygt-prose,html body .lygt .lygt-culture .lygt-prose p{color:rgba(255,255,255,.82)!important}

/* 6. NGƯỜI ĐỒNG HÀNH */
html body .lygt .lygt-muse{background:var(--g-cream)}
html body .lygt .lygt-muse-img img{aspect-ratio:1/1;object-fit:cover;object-position:50% 6%}
html body .lygt .lygt-muse-txt{max-width:520px}
html body .lygt .lygt-quote{margin:4px 0 26px!important;padding:0 0 0 24px!important;border:0!important;border-left:1px solid var(--g-cta)!important;background:none!important;font:400 clamp(17px,1.6vw,21px)/1.7 var(--g-f)!important;font-style:italic!important;color:var(--g-ink)!important;quotes:none}
html body .lygt .lygt-quote::before,html body .lygt .lygt-quote::after{display:none!important}

/* 7. GIẢI THƯỞNG */
html body .lygt .lygt-awards-img img{max-width:600px;margin:0 auto}
html body .lygt .lygt-awards-list{margin:8px 0 0!important;padding:0!important;list-style:none!important;border-top:1px solid var(--g-line)}
html body .lygt .lygt-awards-list li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:20px 0;border-bottom:1px solid var(--g-line);font:500 15px/1.55 var(--g-f);letter-spacing:.02em;color:var(--g-ink)}
html body .lygt .lygt-awards-list li span{font:300 12px/1 var(--g-f);letter-spacing:.2em;color:var(--g-cta)}

/* 8. BÁO CHÍ */
html body .lygt .lygt-press{background:var(--g-cream)}
html body .lygt .lygt-press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
html body .lygt .lygt-press-card{display:flex;flex-direction:column;padding:0 0 24px;background:#fff;border:1px solid var(--g-line);border-radius:2px;color:var(--g-ink)!important;text-decoration:none!important;transition:border-color .25s,translate .35s var(--lyx-ease,ease)}
html body .lygt .lygt-press-card:hover{border-color:var(--g-ink);translate:0 -3px}
html body .lygt .lygt-press-logo{display:flex;align-items:center;justify-content:center;height:clamp(150px,13vw,190px);padding:20px;border-bottom:1px solid var(--g-line);background:#fff}
html body .lygt .lygt-press-logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
html body .lygt .lygt-press-logo b{font:600 12px/1 var(--g-f);letter-spacing:.24em;text-transform:uppercase;color:var(--g-muted)}
html body .lygt .lygt-press-t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:22px 22px 18px;font:500 15px/1.55 var(--g-f);color:var(--g-ink)}
html body .lygt .lygt-press-go{display:inline-flex;align-items:center;gap:10px;margin:auto 22px 0;font:600 10.5px/1 var(--g-f);letter-spacing:.2em;text-transform:uppercase;color:var(--g-cta)}
html body .lygt .lygt-press-go svg{width:20px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3}

/* 9. KÊU GỌI */
html body .lygt .lygt-cta{padding:var(--g-y) 0;text-align:center}
html body .lygt .lygt-cta-in{max-width:760px}
html body .lygt .lygt-cta h2{margin:0 0 16px!important;font:500 clamp(24px,2.8vw,38px)/1.3 var(--g-f)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--g-ink)!important;text-align:center!important}
html body .lygt .lygt-cta p:not(.lygt-eye){margin:0 auto!important;max-width:560px;font:400 15px/1.8 var(--g-f)!important;color:var(--g-text)!important}

/* video */
html body .lygt .lygt-modal{width:min(960px,92vw);max-width:none;padding:0;border:0;background:#000;overflow:visible}
html body .lygt .lygt-modal::backdrop{background:rgba(10,6,8,.82)}
html body .lygt .lygt-modal-frame{aspect-ratio:16/9}
html body .lygt .lygt-modal-frame iframe{display:block;width:100%;height:100%;border:0}
html body .lygt .lygt-modal-x{position:absolute;right:0;top:-46px;width:40px;height:40px;padding:0!important;border:0!important;background:none!important;color:#fff!important;font:300 22px/1 var(--g-f)!important;cursor:pointer}

/* tablet */
@media (max-width:1023px){
  html body .lygt .lygt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .lygt .lygt-facts li:nth-child(3){border-left:0}
  html body .lygt .lygt-facts li:nth-child(n+3){border-top:1px solid var(--g-line)}
  html body .lygt .lygt-press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .lygt .lygt-press-card:nth-child(3){display:none}
}
/* điện thoại */
@media (max-width:767px){
  html body .lygt{--g-y:56px}
  html body .lygt .lygt-hero{padding-top:40px}
  html body .lygt .lygt-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  html body .lygt .lygt-kick{gap:12px;font-size:10px!important;letter-spacing:.24em!important}
  html body .lygt .lygt-kick i{width:32px}
  html body .lygt .lygt-t1{font-size:13px!important;letter-spacing:.28em!important;margin-bottom:6px}
  html body .lygt .lygt-t2,html body .lygt .lygt-t3{font-size:clamp(52px,17vw,76px)!important}
  html body .lygt .lygt-t3{padding-left:14vw}
  html body .lygt .lygt-lead{font-size:15px!important}
  html body .lygt .lygt-hero-art{padding:0 0 32px 22%;margin-right:4px}
  html body .lygt .lygt-art-sub{width:46%}
  html body .lygt .lygt-badge{width:92px;right:-6px;top:-30px}
  html body .lygt .lygt-badge-ring text{font-size:9px}
  html body .lygt .lygt-btns{flex-direction:column;gap:18px}
  html body .lygt .lygt-hero .lygt-btns{align-items:flex-start}
  html body .lygt .lygt-btns .lyx-btn{width:100%;max-width:340px}
  html body .lygt .lygt-facts li{padding:24px 8px}
  html body .lygt .lygt-facts span{margin-top:10px;font-size:9.5px;letter-spacing:.14em}
  html body .lygt .lygt-split,html body .lygt .lygt-cols,html body .lygt .lygt-culture-in{grid-template-columns:minmax(0,1fr);gap:28px}
  html body .lygt .lygt-split.is-rev>figure{order:0}
  html body .lygt .lygt-values-grid{grid-template-columns:minmax(0,1fr)}
  html body .lygt .lygt-value,html body .lygt .lygt-value:nth-child(2n){padding:26px 0;border-left:0}
  html body .lygt .lygt-head.is-split{flex-direction:column;align-items:flex-start}
  html body .lygt .lygt-press-grid{display:flex;gap:14px;margin:0 calc(-1*clamp(16px,3vw,40px));padding:0 clamp(16px,3vw,40px) 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  html body .lygt .lygt-press-grid::-webkit-scrollbar{display:none}
  html body .lygt .lygt-press-card,html body .lygt .lygt-press-card:nth-child(3){display:flex;flex:0 0 78%;scroll-snap-align:start}
  html body .lygt .lygt-awards-list li{font-size:14px}
}
@media (prefers-reduced-motion:reduce){html body .lygt *{transition:none!important;animation:none!important}}