/* lapa-blog.css — sinh bởi lib/blog-export.js, ĐỪNG sửa tay. Mọi selector đã bọc trong .lapa-blog. */
.lapa-blog { --color-bg: #0b0d12;
  --color-surface: #12151c;
  --color-surface-alt: #171b24;
  --color-text: #eef0f4;
  --color-text-muted: #9aa2b1;
  --color-primary: #ff5a1f;
  --color-primary-hover: #e34f19;
  
  --color-highlight: #ffd54f;
  --radius: 12px;
  --container-width: 1120px;
  font-size: 16px; }
.lapa-blog * { box-sizing: border-box; }
.lapa-blog { scroll-behavior: smooth; }
.lapa-blog section[id] { scroll-margin-top: 92px; }
.lapa-blog { margin: 0;
  font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6; }
.lapa-blog img { max-width: 100%; height: auto; display: block; }
.lapa-blog a:focus-visible, .lapa-blog button:focus-visible, .lapa-blog input:focus-visible, .lapa-blog textarea:focus-visible, .lapa-blog select:focus-visible { outline: 3px solid #ffd54f;
  outline-offset: 3px; }
.lapa-blog .skip-link { position: fixed;
  z-index: 100;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  background: #fff;
  color: #111;
  border-radius: 8px;
  transform: translateY(-160%); }
.lapa-blog .skip-link:focus { transform: translateY(0); }
.lapa-blog .container { width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px; }
.lapa-blog .btn { display: inline-block;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background 0.15s ease, transform 0.15s ease; }
.lapa-blog .btn-primary { background: var(--color-primary);
  color: #fff; }
.lapa-blog .btn-primary:hover { background: var(--color-primary-hover);
  transform: translateY(-1px); }
.lapa-blog .btn-lg { padding: 14px 30px; font-size: 1.05rem; }
.lapa-blog .section { padding: 20px 0 0; }
.lapa-blog .section-alt { background: var(--color-surface); }
.lapa-blog .section h2 { font-size: 1.9rem; margin: 0 0 16px; }
.lapa-blog .section:has(.video-chu-box) + .section:has(.khoet-chu-box) { padding-top: 0; }
.lapa-blog .section-title-center { text-align: center;
  font-size: 1.9rem;
  margin: 0 0 20px; }
.lapa-blog .text-yellow { color: #ffd54f !important; }
.lapa-blog .text-red { color: #ff5252 !important; }
.lapa-blog .vimeo-sound-toggle { position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 20;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 999px;
  background: rgb(8 10 14 / 78%);
  color: #fff;
  font: inherit;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(7px); }
.lapa-blog .vimeo-sound-toggle:hover, .lapa-blog .vimeo-sound-toggle:focus-visible { border-color: #ff6a32;
  color: #ff8a60; }
@media (prefers-reduced-motion: reduce) {
.lapa-blog { scroll-behavior: auto; }
.lapa-blog *, .lapa-blog *::before, .lapa-blog *::after { animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; }
}
.lapa-blog .link-media { display: block;
  overflow: hidden;
  border-radius: var(--radius); }
.lapa-blog .link-media img { transition: transform 0.25s ease; }
.lapa-blog .link-media:hover img { transform: scale(1.03); }
.lapa-blog .link-title { color: inherit;
  text-decoration: none; }
.lapa-blog .link-title:hover, .lapa-blog .link-title:focus-visible { color: var(--color-primary); }
.lapa-blog .block-cta { align-self: flex-start;
  margin-top: 14px; }
@media (prefers-reduced-motion: reduce) {
.lapa-blog .link-media:hover img { transform: none; }
}
.lapa-blog .banner { position: relative;
  aspect-ratio: var(--banner-ty-le, 3 / 1);
  overflow: hidden;
  background: #0b0d12; }
.lapa-blog .banner--web { width: calc(100% - 40px);
  max-width: calc(var(--container-width) - 40px);
  margin-inline: auto; }
.lapa-blog .banner--tran-vien { width: 100vw;
  max-width: 100%;
  margin-left: calc(50% - 50vw); }
.lapa-blog .banner-nen, .lapa-blog .banner-nen img, .lapa-blog .banner-nen iframe { position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }
.lapa-blog .banner-nen img { object-fit: cover; }
.lapa-blog .banner-nen { container-type: size; }
.lapa-blog .banner-nen iframe { border: 0;
  width: max(100cqw, 177.78cqh);
  height: max(100cqh, 56.25cqw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; }
@supports not (width: 1cqw) {
.lapa-blog .banner-nen iframe { width: 100%; height: 100%; }
}
.lapa-blog .banner-phu { position: absolute;
  inset: 0;
  pointer-events: none;
  
  background-image:
    var(--phu-ngang, linear-gradient(transparent, transparent)),
    var(--phu-doc, linear-gradient(transparent, transparent)); }
.lapa-blog .banner-phu--nhe { --phu-doc:
    linear-gradient(to bottom, rgb(11 13 18 / 55%) 0%, rgb(11 13 18 / 18%) 16%, rgb(11 13 18 / 0%) 34%),
    linear-gradient(to top, rgb(11 13 18 / 55%) 0%, rgb(11 13 18 / 16%) 18%, rgb(11 13 18 / 0%) 38%); }
.lapa-blog .banner-phu--vua { --phu-doc:
    linear-gradient(to bottom, rgb(11 13 18 / 78%) 0%, rgb(11 13 18 / 34%) 18%, rgb(11 13 18 / 0%) 40%),
    linear-gradient(to top, rgb(11 13 18 / 78%) 0%, rgb(11 13 18 / 30%) 20%, rgb(11 13 18 / 0%) 46%); }
.lapa-blog .banner-phu--dam { --phu-doc:
    linear-gradient(to bottom, rgb(11 13 18 / 92%) 0%, rgb(11 13 18 / 52%) 22%, rgb(11 13 18 / 12%) 50%),
    linear-gradient(to top, rgb(11 13 18 / 92%) 0%, rgb(11 13 18 / 48%) 24%, rgb(11 13 18 / 12%) 55%); }
.lapa-blog .banner-phu--chu-left { --phu-ngang: linear-gradient(to right, rgb(11 13 18 / 72%) 0%, rgb(11 13 18 / 30%) 34%, rgb(11 13 18 / 0%) 62%); }
.lapa-blog .banner-phu--chu-right { --phu-ngang: linear-gradient(to left, rgb(11 13 18 / 72%) 0%, rgb(11 13 18 / 30%) 34%, rgb(11 13 18 / 0%) 62%); }
.lapa-blog .banner-phu--chu-center { --phu-ngang: radial-gradient(ellipse 70% 90% at 50% 55%, rgb(11 13 18 / 62%) 0%, rgb(11 13 18 / 22%) 45%, rgb(11 13 18 / 0%) 78%); }
.lapa-blog .banner-chu { position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  align-items: flex-start;
  gap: 10px;
  
  padding-top: 78px; }
.lapa-blog .banner-chu--center { align-items: center; text-align: center; }
.lapa-blog .banner-chu--right { align-items: flex-end; text-align: right; }
.lapa-blog .banner-tag { color: var(--color-primary);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase; }
.lapa-blog .banner-title { margin: 0;
  max-width: 20ch;
  font-size: clamp(1.7rem, 4.2vw, 3.4rem);
  line-height: 1.12;
  text-shadow: 0 2px 18px rgb(0 0 0 / 55%); }
.lapa-blog .banner-chu--center .banner-title { max-width: 26ch; }
.lapa-blog .banner-subtitle { margin: 0;
  max-width: 52ch;
  color: #dfe3ea;
  font-size: clamp(0.95rem, 1.25vw, 1.12rem);
  text-shadow: 0 1px 12px rgb(0 0 0 / 55%); }
.lapa-blog .banner-btn { margin-top: 8px; }
.lapa-blog .banner .vimeo-sound-toggle { z-index: 3; }
@media (max-width: 840px) {
.lapa-blog .banner { aspect-ratio: var(--banner-ty-le-mobile, 3 / 1); }
.lapa-blog .banner-chu { padding-top: 64px; gap: 8px; }
.lapa-blog .banner-title { max-width: 100%; }
.lapa-blog .banner:has(.banner-chu) { min-height: 340px; }
.lapa-blog .banner-title { font-size: clamp(1.35rem, 6.4vw, 2rem); }
.lapa-blog .banner-subtitle { font-size: 0.95rem; }
}
.lapa-blog .co-banner .site-header { position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: transparent;
  border-bottom-color: transparent;
  backdrop-filter: none;
  transition: background 0.25s ease, border-color 0.25s ease; }
.lapa-blog .co-banner .site-header.da-cuon { background: rgb(11 13 18 / 92%);
  border-bottom-color: rgb(255 255 255 / 8%);
  backdrop-filter: blur(8px); }
@media (prefers-reduced-motion: reduce) {
.lapa-blog .co-banner .site-header { transition: none; }
}
.lapa-blog .chinh-sach { max-width: 760px;
  margin-inline: auto; }
.lapa-blog .chinh-sach h1 { margin: 0 0 8px;
  font-size: clamp(1.6rem, 4vw, 2.1rem);
  line-height: 1.25; }
.lapa-blog .chinh-sach-cap-nhat { margin: 0 0 28px;
  color: var(--color-text-muted);
  font-size: 0.85rem; }
.lapa-blog .chinh-sach-noi-dung { color: var(--color-text);
  line-height: 1.75;
  overflow-wrap: anywhere; }
.lapa-blog .chinh-sach-noi-dung h2 { margin: 34px 0 10px;
  font-size: 1.15rem;
  color: var(--color-text); }
.lapa-blog .chinh-sach-noi-dung h3 { margin: 24px 0 8px;
  font-size: 1rem; }
.lapa-blog .chinh-sach-noi-dung p { margin: 0 0 14px; }
.lapa-blog .chinh-sach-noi-dung ul, .lapa-blog .chinh-sach-noi-dung ol { margin: 0 0 16px; padding-left: 22px; }
.lapa-blog .chinh-sach-noi-dung li { margin-bottom: 7px; }
.lapa-blog .chinh-sach-noi-dung a { color: var(--color-primary); }
.lapa-blog .chinh-sach-noi-dung strong { color: var(--color-text); }
.lapa-blog .chinh-sach-noi-dung > :first-child { margin-top: 0; }
.lapa-blog .chinh-sach-noi-dung > :last-child { margin-bottom: 0; }
.lapa-blog .contact-top { display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 32px; }
@media (min-width: 900px) {
.lapa-blog .contact-top { grid-template-columns: 1fr 1.4fr; align-items: start; }
}
.lapa-blog .contact-intro p { color: var(--color-highlight);
  margin: 0;
  white-space: pre-line;
  font-weight: 500; }
.lapa-blog .contact-info { display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 24px; }
.lapa-blog .contact-col-title { display: block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted);
  margin-bottom: 12px; }
.lapa-blog .contact-col a, .lapa-blog .contact-col span { display: block;
  color: var(--color-text);
  text-decoration: none;
  font-size: 0.92rem;
  margin-bottom: 8px; }
.lapa-blog .contact-col a:hover { color: var(--color-primary); }
.lapa-blog .contact-map { border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1); }
.lapa-blog .contact-map iframe { width: 100%;
  height: 420px;
  border: 0;
  display: block; }
.lapa-blog .split { display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: center; }
@media (min-width: 900px) {
.lapa-blog .split { grid-template-columns: 1fr 1fr; }
.lapa-blog .split:not(:has(.split-media)) { grid-template-columns: 1fr; }
.lapa-blog .split--image-left .split-media { order: -1; }
}
.lapa-blog .split-text p { color: var(--color-text); white-space: pre-line; }
.lapa-blog .split-media img { border-radius: var(--radius);
  width: 100%;
  object-fit: cover; }
.lapa-blog .intro-vimeo { display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center; }
.lapa-blog .intro-vimeo-text p { color: var(--color-text);
  white-space: pre-line; }
.lapa-blog .intro-vimeo-media { position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  container-type: inline-size; }
.lapa-blog .intro-vimeo-media iframe { position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0; }
.lapa-blog .intro-vimeo-media .video-chu-overlay { padding: 24px 18px; }
.lapa-blog .intro-vimeo-media .video-chu-overlay .video-chu-heading { font-size: clamp(1.2rem, 4.5cqw, 2rem); }
.lapa-blog .intro-vimeo-media .video-chu-subtitle { margin-top: 10px; font-size: 0.9rem; }
.lapa-blog .intro-vimeo-media .video-chu-overlay .btn { margin-top: 14px; }
.lapa-blog .intro-vimeo-media .video-chu-corner { font-size: clamp(0.58rem, 1.5cqw, 0.72rem); }
.lapa-blog .intro-vimeo-media .video-chu-corner-tl { top: 14px; left: 14px; }
.lapa-blog .intro-vimeo-media .video-chu-corner-br { right: 14px; bottom: 14px; }
@media (min-width: 900px) {
.lapa-blog .intro-vimeo { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 40px; }
.lapa-blog .intro-vimeo:not(:has(.intro-vimeo-media)) { grid-template-columns: 1fr; }
.lapa-blog .intro-vimeo--video-left .intro-vimeo-media { order: -1; }
}
.lapa-blog .hero { padding: 20px 0 0; }
.lapa-blog .hero-tag { display: inline-block;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px; }
.lapa-blog .hero-inner { display: flex;
  flex-direction: column;
  gap: 40px; }
@media (min-width: 900px) {
.lapa-blog .hero-inner { flex-direction: row; align-items: stretch; }
.lapa-blog .hero-inner--video-left .hero-video { order: -1; }
.lapa-blog .hero-text { flex: 1.2;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
.lapa-blog .hero-video { flex: 0.8; min-width: 0; align-self: flex-start; }
}
.lapa-blog .hero-text h1, .lapa-blog .hero-text .hero-title { font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.15;
  margin: 0 0 16px; }
.lapa-blog .hero-subtitle { color: var(--color-text-muted);
  font-size: 1.1rem;
  white-space: pre-line;
  margin: 0 0 24px; }
.lapa-blog .specs-list { list-style: none;
  margin: 0 0 8px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
@media (min-width: 900px) {
.lapa-blog .specs-list { flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto; }
}
.lapa-blog .specs-list li { display: grid;
  grid-template-columns: 92px 1fr;
  column-gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.92rem; }
.lapa-blog .specs-list li span:first-child { color: var(--color-text-muted);
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-right: 12px;
  padding-top: 2px;
  border-right: 1px solid rgba(255, 255, 255, 0.15); }
.lapa-blog .specs-list li span:last-child { font-weight: 600;
  text-align: left; }
.lapa-blog .specs-note { font-size: 0.82rem;
  color: var(--color-text-muted);
  margin: 0 0 24px; }
.lapa-blog .hero-video { display: flex; }
.lapa-blog .yt-lock { position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: var(--radius);
  overflow: hidden;
  cursor: pointer; }
.lapa-blog .yt-lock--portrait { aspect-ratio: 3 / 4;
  width: 100%; }
.lapa-blog .yt-lock__poster { width: 100%;
  height: 100%;
  object-fit: cover; }
.lapa-blog .yt-lock__play { position: absolute;
  inset: 0;
  margin: auto;
  width: 68px;
  height: 48px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease;
  color: #fff;
  font-size: 2rem;
  text-shadow: 0 2px 12px #000; }
.lapa-blog .yt-lock__play:hover { transform: scale(1.08); }
.lapa-blog .yt-lock iframe { position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0; }
.lapa-blog .yt-lock__shield { position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 52px;
  pointer-events: auto;
  background: transparent; }
.lapa-blog .vimeo-portrait { position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #000;
  container-type: inline-size; }
.lapa-blog .vimeo-portrait iframe { position: absolute;
  top: 50%;
  left: 50%;
  width: 100cqw;
  height: 177.78cqw;
  border: 0;
  transform: translate(-50%, -50%); }
.lapa-blog .comparison-captions { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 14px;color:var(--color-text-muted);font-weight:700 }
.lapa-blog .comparison-captions p { margin:0;white-space:pre-line }
.lapa-blog .comparison-captions p:last-child { text-align:right }
.lapa-blog .comparison { position:relative;width:100%;overflow:hidden;border-radius:var(--radius);background:#050608;touch-action:pan-y;cursor:ew-resize;user-select:none }
.lapa-blog .comparison img { display:block;width:100%;height:auto;max-height:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none }
.lapa-blog .comparison-overlay { position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0) }
.lapa-blog .comparison-divider { position:absolute;z-index:2;top:0;bottom:0;left:var(--comparison-position);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none }
.lapa-blog .comparison-divider span { position:absolute;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:#0b0d12;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0008 }
.lapa-blog .comparison-range { position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none }
@media(max-width:640px) {
.lapa-blog .comparison-captions { font-size:.88rem }
.lapa-blog .comparison-divider span { width:44px;height:44px }
}
.lapa-blog .comparison:has(.comparison-range:focus-visible) .comparison-divider span { outline:3px solid #ffd54f;outline-offset:3px }
.lapa-blog .comparison-text { display:grid;grid-template-columns:1fr;gap:28px;align-items:center }
.lapa-blog .comparison-copy { min-width:0 }
.lapa-blog .comparison-copy .rich-content { color:var(--color-text-muted) }
.lapa-blog .comparison-media { min-width:0 }
@media(min-width:900px) {
.lapa-blog .comparison-text { grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px }
.lapa-blog .comparison-text--media-left .comparison-media { order:-1 }
}
.lapa-blog .khoet-chu-box { position: relative;
  isolation: isolate;
  
  container-type: inline-size;
  overflow: hidden; }
.lapa-blog .khoet-chu-anh { display: block;
  width: 100%;
  height: auto; }
.lapa-blog .khoet-chu-noi-dung { position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7cqw 2cqw 2cqw;
  text-align: center; }
.lapa-blog .khoet-chu-tag { display: inline-block;
  color: #fff;
  opacity: 0.75;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px; }
.lapa-blog .khoet-chu-box .khoet-chu-text { margin: 0;
  
  font-size: 9.3cqw;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.55);
  mix-blend-mode: multiply; }
.lapa-blog .khoet-chu-subtitle { margin: 20px 0 0;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
  white-space: pre-line;
  font-size: 1.05rem; }
.lapa-blog .slider-section { overflow:hidden }
.lapa-blog .slider-viewport { width:100%;overflow:hidden }
.lapa-blog .slider-track { display:flex;width:max-content;animation:azpc-slider var(--slider-duration,48s) linear infinite }
.lapa-blog .slider-viewport:hover .slider-track { animation-play-state:paused }
.lapa-blog .slider-group { display:flex;gap:18px;padding-right:18px }
.lapa-blog .slider-group figure { height:400px;margin:0;flex:0 0 auto;border-radius:var(--radius);overflow:hidden;background:#050608 }
.lapa-blog .slider-group img { display:block;width:auto;height:100%;max-width:none;object-fit:contain }
@keyframes azpc-slider {to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce) {
.lapa-blog .slider-track { animation-play-state:paused }
}
@media(max-width:700px) {
.lapa-blog .slider-group figure { height:260px }
}
.lapa-blog .orbit { background:#0c0c0e; color:#f4f2ed; border-radius:20px; overflow:hidden; margin:20px auto; max-width:1120px; }
.lapa-blog .orbit-header { text-align:center; padding:40px 24px 0; }
.lapa-blog .orbit-header h2 { font-size:clamp(24px,4vw,42px); line-height:1.2; margin:0 0 12px; color:inherit; }
.lapa-blog .orbit-header p { color:#aaa9b0; max-width:620px; margin:auto; line-height:1.7; white-space:pre-line; }
.lapa-blog .orbit-stage { position:relative; width:100%; height:clamp(400px,65vw,730px); overflow:hidden; touch-action:pan-y; cursor:grab; isolation:isolate; }
.lapa-blog .orbit-stage:active { cursor:grabbing; }
.lapa-blog .orbit-card { position:absolute; top:50%; left:50%; width:37%; aspect-ratio:1.6; border:1px solid #ffffff20; border-radius:12px; padding:0; background:#18181b; overflow:hidden; box-shadow:0 16px 42px #0008; will-change:transform; cursor:inherit; transform:translate(-50%,-50%); }
.lapa-blog .orbit-card img { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; user-select:none; }
.lapa-blog .orbit-card span { position:absolute; left:10px; bottom:10px; max-width:calc(100% - 20px); padding:5px 10px; border-radius:20px; color:white; background:#111c; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lapa-blog .orbit-card:focus-visible { outline:3px solid #ffcc80; outline-offset:3px; }
.lapa-blog .orbit-controls button, .lapa-blog .orbit-close { color:#eee; border:1px solid #ffffff40; background:#202024; border-radius:30px; padding:8px 14px; cursor:pointer; }
.lapa-blog .orbit-dialog { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; border:0; padding:60px 24px 24px; margin:0; background:#08080bf5; color:white; }
.lapa-blog .orbit-dialog::backdrop { background:#000c; }
.lapa-blog .orbit-dialog[open] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
.lapa-blog .orbit-dialog figure { margin:0; max-width:100%; }
.lapa-blog .orbit-dialog figure img { display:block; max-width:100%; width:auto; height:auto; max-height:75dvh; margin:auto; object-fit:contain; border-radius:8px; }
.lapa-blog .orbit-dialog figcaption { display:flex; justify-content:space-between; gap:16px; padding-top:12px; font-size:14px; }
.lapa-blog .orbit-dialog figcaption span { white-space:nowrap; color:#aaa; }
.lapa-blog .orbit-close { position:absolute; right:18px; top:18px; }
.lapa-blog .orbit-controls { display:flex; gap:16px; }
@media(max-width:600px) {
.lapa-blog .orbit { border-radius:12px; }
.lapa-blog .orbit-card { width:53%; border-radius:8px; }
.lapa-blog .orbit-stage { height:430px; }
.lapa-blog .orbit-card span { font-size:10px; bottom:6px; left:6px; }
.lapa-blog .orbit-header { padding:28px 16px 0; }
}
@media(prefers-reduced-motion:reduce) {
.lapa-blog .orbit-card { will-change:auto; }
}
.lapa-blog .orbit .orbit-header h2 { color:inherit;font-size:clamp(24px,4vw,42px);line-height:1.2; }
.lapa-blog .orbit[hidden] { display:none; }
.lapa-blog .slide-sp-khung { --cao-the: 400px;
  
  --cao-chu: 65px;
  --cao-anh: calc(var(--cao-the) - var(--cao-chu));
  --rong-the: calc(var(--cao-anh) * 3 / 4);
  position: relative; }
.lapa-blog .slide-sp-day { display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  
  padding: 2px 2px 12px; }
.lapa-blog .slide-sp-day:focus-visible { outline: 3px solid #ffd54f; outline-offset: 4px; }
.lapa-blog .slide-sp-the { flex: 0 0 auto;
  width: var(--rong-the);
  height: var(--cao-the);
  scroll-snap-align: start; }
.lapa-blog .slide-sp-anh { position: relative;
  display: block;
  width: 100%;
  height: var(--cao-anh);
  overflow: hidden;
  border-radius: var(--radius);
  background: #050608; }
.lapa-blog .slide-sp-anh img { width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.35s ease; }
.lapa-blog a.slide-sp-anh:hover img { transform: scale(1.04); }
.lapa-blog .slide-sp-gia { position: absolute;
  top: 10px;
  right: 10px;
  max-width: calc(100% - 20px);
  color: var(--color-highlight);
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: right;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill; }
.lapa-blog .slide-sp-ten { display: -webkit-box;
  -webkit-box-orient: vertical;
  
  -webkit-line-clamp: 3;
  line-clamp: 3;
  
  height: 3.9em;
  margin: 10px 0 0;
  overflow: hidden;
  color: var(--color-text);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.3; }
.lapa-blog .slide-sp-ten a { color: inherit; text-decoration: none; }
.lapa-blog .slide-sp-ten a:hover, .lapa-blog .slide-sp-ten a:focus-visible { color: var(--color-primary); text-decoration: underline; }
.lapa-blog .slide-sp-nut { position: absolute;
  top: calc(var(--cao-anh) / 2);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(11, 13, 18, 0.82);
  color: var(--color-text);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.2s ease, border-color 0.2s ease; }
.lapa-blog .slide-sp-nut:hover { background: var(--color-primary); border-color: var(--color-primary); }
.lapa-blog .slide-sp-nut[disabled] { opacity: 0.25; cursor: default; }
.lapa-blog .slide-sp-nut[disabled]:hover { background: rgba(11, 13, 18, 0.82); border-color: rgba(255, 255, 255, 0.18); }
.lapa-blog .slide-sp-nut--truoc { left: -14px; }
.lapa-blog .slide-sp-nut--sau { right: -14px; }
@media (max-width: 700px) {
.lapa-blog .slide-sp-khung { --cao-the: 260px; --cao-chu: 53px; }
.lapa-blog .slide-sp-gia { font-size: 0.82rem; -webkit-text-stroke: 1.5px #000; top: 7px; right: 7px; }
.lapa-blog .slide-sp-ten { font-size: 0.72rem; margin-top: 8px; }
.lapa-blog .slide-sp-nut { display: none; }
}
.lapa-blog .text-only-section { width: 100%;
  border-top: 0;
  border-bottom: 0; }
.lapa-blog .text-only-inner { width: 100%;
  overflow-wrap: anywhere; }
.lapa-blog .text-only-inner > :first-child { margin-top: 0; }
.lapa-blog .text-only-inner > :last-child { margin-bottom: 0; }
.lapa-blog .text-only-inner a { color: var(--color-primary); }
.lapa-blog .story-row { position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 20px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.lapa-blog .story-row:last-child { border-bottom: none; }
.lapa-blog .story-row:not(:has(.story-media)) { grid-template-columns: 1fr; }
.lapa-blog .story-row:not(:has(.story-media))::before { display: none; }
.lapa-blog .story-row::before { content: "";
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.12); }
.lapa-blog .story-media img { width: 100%;
  border-radius: var(--radius);
  aspect-ratio: 4 / 3;
  object-fit: cover; }
.lapa-blog .story-row--reverse .story-media { order: 2; }
.lapa-blog .story-row--reverse .story-content { order: 1; }
.lapa-blog .story-tag { display: inline-block;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px; }
.lapa-blog .story-content h3 { font-size: clamp(1.4rem, 2.2vw, 1.9rem);
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
  margin: 0 0 14px; }
.lapa-blog .story-content p { color: var(--color-text-muted);
  margin: 0;
  
  white-space: pre-line; }
@media (max-width: 800px) {
.lapa-blog .story-row { grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 0 0; }
.lapa-blog .story-row::before { display: none; }
.lapa-blog .story-row--reverse .story-media, .lapa-blog .story-row--reverse .story-content { order: initial; }
}
.lapa-blog .video-chu-box { position: relative;
  isolation: isolate;
  aspect-ratio: 2 / 1;
  
  container-type: inline-size;
  overflow: hidden;
  color: #fff; }
.lapa-blog .video-chu-bg { position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none; }
.lapa-blog .video-chu-bg iframe { position: absolute;
  top: 50%;
  left: 50%;
  width: 100cqw;
  height: 100cqw;
  min-width: 100cqh;
  min-height: 100cqh;
  transform: translate(-50%, -50%);
  border: 0; }
.lapa-blog .video-chu-overlay { position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.5) 100%); }
.lapa-blog .video-chu-corner { position: absolute;
  z-index: 2;
  margin: 0;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.7;
  white-space: pre-line; }
.lapa-blog .video-chu-corner-tl { top: 24px;
  left: 24px;
  text-align: left; }
.lapa-blog .video-chu-corner-br { right: 24px;
  bottom: 24px;
  text-align: right; }
.lapa-blog .video-chu-tag { display: inline-block;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.85;
  margin-bottom: 14px; }
.lapa-blog .video-chu-overlay .video-chu-heading { margin: 0;
  font-size: clamp(1.8rem, 5cqw, 3.2rem);
  font-weight: 800;
  line-height: 1.15; }
.lapa-blog .video-chu-subtitle { max-width: 640px;
  margin: 16px 0 0;
  opacity: 0.9;
  white-space: pre-line; }
.lapa-blog .video-chu-overlay .btn { margin-top: 24px; }
@media (max-width: 640px) {
.lapa-blog .video-chu-box { aspect-ratio: 4 / 5; }
.lapa-blog .video-chu-overlay { padding: 105px 18px 115px; }
.lapa-blog .video-chu-overlay .video-chu-heading { font-size: clamp(1.65rem, 8.5cqw, 2.1rem); }
.lapa-blog .video-chu-corner { font-size: 0.68rem; line-height: 1.45; }
.lapa-blog .video-chu-corner-tl { top: 14px; left: 14px; }
.lapa-blog .video-chu-corner-br { right: 14px; bottom: 14px; }
}
.lapa-blog .intro-vimeo-left { display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center; }
.lapa-blog .intro-vimeo-left-text p { color: var(--color-text);
  white-space: pre-line; }
.lapa-blog .intro-vimeo-left-media { position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  container-type: inline-size; }
.lapa-blog .intro-vimeo-left-media iframe { position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0; }
.lapa-blog .intro-vimeo-left-media .video-chu-overlay { padding: 24px 18px; }
.lapa-blog .intro-vimeo-left-media .video-chu-overlay .video-chu-heading { font-size: clamp(1.2rem, 4.5cqw, 2rem); }
.lapa-blog .intro-vimeo-left-media .video-chu-subtitle { margin-top: 10px; font-size: 0.9rem; }
.lapa-blog .intro-vimeo-left-media .video-chu-overlay .btn { margin-top: 14px; }
.lapa-blog .intro-vimeo-left-media .video-chu-corner { font-size: clamp(0.58rem, 1.5cqw, 0.72rem); }
.lapa-blog .intro-vimeo-left-media .video-chu-corner-tl { top: 14px; left: 14px; }
.lapa-blog .intro-vimeo-left-media .video-chu-corner-br { right: 14px; bottom: 14px; }
@media (min-width: 900px) {
.lapa-blog .intro-vimeo-left { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 40px; }
.lapa-blog .intro-vimeo-left:not(:has(.intro-vimeo-left-media)) { grid-template-columns: 1fr; }
}
.lapa-blog { padding-bottom: 20px; overflow: hidden; text-align: left; }
.lapa-blog .container { padding-left: 16px; padding-right: 16px; }