/* ThaiWebAI M18 preview — fullscreen only. Card/grid styles stay in redesign.css. */
.twai-g18-lightbox{position:fixed;inset:0;z-index:5000;display:none;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#020908}
.twai-g18-lightbox.open{display:block}
.twai-g18-shell{position:absolute;inset:8px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;border:1px solid rgba(211,158,54,.58);border-radius:14px;background:#020908 url('/assets/redesign/gallery-luxury-tropical-bg-v1.png?v=twai18-final-cutouts') center/cover no-repeat}
.twai-g18-poster{display:block;width:min(82.18vw,calc((100dvh - 80px) * 1.333333));height:auto;max-height:calc(100dvh - 80px);margin-left:calc(clamp(60px,5vw,96px) - 8px);transform:translateY(-12px);object-fit:contain;object-position:left center;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 22px 48px rgba(0,0,0,.42))}
.twai-g18-counter{position:absolute;z-index:6;left:24px;top:22px;color:#e7bc5c;font:700 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.12em;text-shadow:0 2px 12px #000}
.twai-g18-info{position:absolute;z-index:5;right:clamp(64px,4vw,84px);top:50%;width:min(31vw,500px);max-height:calc(100dvh - 72px);transform:translateY(-50%);padding:8px 0;color:#f7f3e9;background:transparent;overflow:hidden}
.twai-g18-meta{margin-bottom:7px;color:#e6b956;font:700 10px/1.25 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.twai-g18-info h3{margin:0;color:#edc476;font:500 clamp(34px,2.7vw,48px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.035em;white-space:pre-line;text-shadow:0 3px 20px rgba(0,0,0,.62)}
.twai-g18-info>p{margin:14px 0 12px;padding:12px 0 0;border-top:1px solid rgba(226,172,60,.52);color:#f3f0e9;font:400 12px/1.5 Inter,Arial,sans-serif;background:transparent;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.twai-g18-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:10px}
.twai-g18-feature{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:7px 0;border:0;background:transparent}
.twai-g18-feature-icon{width:28px;height:28px;display:grid;place-items:center;color:#e9b944;font-size:20px;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.twai-g18-feature strong{display:block;color:#f5efe2;font:600 13.25px/1.24 Inter,Arial,sans-serif;text-transform:none;letter-spacing:0;text-shadow:0 2px 12px rgba(0,0,0,.78)}
.twai-g18-feature small{display:block;margin-top:3px;color:#d9d5cb;font:400 10.75px/1.32 Inter,Arial,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.78)}
.twai-g18-motion-strip{position:absolute;z-index:4;left:65%;top:10%;bottom:10%;width:.5px;pointer-events:none;background:linear-gradient(180deg,rgba(218,164,58,0),rgba(239,196,98,.16) 30%,rgba(218,164,58,.13) 70%,rgba(218,164,58,0));box-shadow:none;opacity:.72}
.twai-g18-motion-strip span{position:absolute;left:50%;top:18%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%) scale(.86);background:rgba(255,241,195,.92);box-shadow:0 0 6px rgba(255,244,211,.84),0 0 16px rgba(229,182,90,.66),0 0 30px rgba(229,182,90,.42);animation:twaiG18StripGlow 5.8s ease-in-out infinite;will-change:top,transform,opacity}
@keyframes twaiG18StripGlow{0%,100%{top:18%;transform:translate(-50%,-50%) scale(.86);opacity:.72}50%{top:76%;transform:translate(-50%,-50%) scale(1.14);opacity:1}}
.twai-g18-close,.twai-g18-nav{position:absolute;z-index:12;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(4,12,17,.30);border:1px solid rgba(224,173,60,.80);box-shadow:0 12px 34px rgba(0,0,0,.38)}
.twai-g18-next{background:rgba(2,9,12,.48);box-shadow:0 12px 34px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025)}
.twai-g18-close{right:18px;top:18px;width:46px;height:46px;border-radius:50%;font-size:26px;line-height:1}
.twai-g18-nav{top:50%;width:52px;height:64px;border-radius:50%;font-size:36px;line-height:1;transform:translateY(-50%)}
.twai-g18-prev{left:18px}.twai-g18-next{right:18px}
.twai-g18-close:hover,.twai-g18-nav:hover{color:#f0c566;border-color:#f0c566;background:rgba(8,23,34,.62)}
body:has(.twai-g18-lightbox.open){overflow:hidden!important}
@media(max-width:1180px){.twai-g18-info{right:76px;width:min(34vw,430px);padding:22px}.twai-g18-info h3{font-size:34px}.twai-g18-info>p{font-size:12px}.twai-g18-features{grid-template-columns:1fr;row-gap:2px}.twai-g18-feature{padding:4px 0}.twai-g18-feature strong{font-size:11.5px}.twai-g18-feature small{font-size:9.5px}}
@media(max-width:860px){.twai-g18-poster{width:calc(100vw - 32px);max-height:calc(58dvh - 36px);margin:0 16px 38dvh}.twai-g18-info{right:16px;left:16px;top:auto;bottom:14px;width:auto;transform:none;padding:16px 18px}.twai-g18-info h3{font-size:26px}.twai-g18-info>p{margin:8px 0 12px;font-size:11px}.twai-g18-features{grid-template-columns:repeat(2,minmax(0,1fr))}.twai-g18-feature{padding:7px 0}.twai-g18-feature:nth-child(n+5){display:none}.twai-g18-motion-strip{left:7%;right:7%;top:auto;bottom:38%;width:auto;height:1px;background:linear-gradient(90deg,rgba(218,164,58,0),rgba(239,196,98,.76) 24%,rgba(218,164,58,.72) 76%,rgba(218,164,58,0))}.twai-g18-motion-strip span{left:18%;top:50%;animation-name:twaiG18StripGlowMobile}.twai-g18-prev{left:8px;top:32%}.twai-g18-next{right:8px;top:32%}.twai-g18-close{right:10px;top:10px}.twai-g18-counter{left:14px;top:14px}}
@keyframes twaiG18StripGlowMobile{0%,100%{left:18%;transform:translate(-50%,-50%) scale(.86);opacity:.72}50%{left:78%;transform:translate(-50%,-50%) scale(1.14);opacity:1}}
@media(prefers-reduced-motion:reduce){.twai-g18-motion-strip span{top:50%;left:50%;animation:none;transform:translate(-50%,-50%);opacity:.82;will-change:auto}}

/* NEXORA final: one shared background + transparent module cutouts only. */
.twai-g18-nexora .twai-g18-shell{background:#02060b url('/assets/redesign/gallery-nexora-shared-bg-v1.jpg?v=twai20-nexora-separator-final') center/cover no-repeat}
.twai-g18-nexora .twai-g18-poster{position:absolute;left:31%;top:50%;width:auto;height:auto;max-width:63%;max-height:calc(100dvh - 76px);margin:0;transform:translate(-50%,-50%);object-fit:contain;object-position:center;filter:drop-shadow(0 18px 20px rgba(0,0,0,.40)) drop-shadow(0 0 1px rgba(90,218,235,.36))}
.twai-g18-nexora[data-gallery-slide="04"] .twai-g18-poster,.twai-g18-nexora[data-gallery-slide="06"] .twai-g18-poster,.twai-g18-nexora[data-gallery-slide="12"] .twai-g18-poster{transform:translate(-50%,-50%) scale(1.10)}
.twai-g18-nexora .twai-g18-info{right:42px;top:50%;bottom:auto;width:29%;max-height:calc(100dvh - 72px);transform:translateY(-50%);padding:12px 4px;background:transparent}
.twai-g18-nexora .twai-g18-meta{color:#62e8f3;font-size:10.5px;letter-spacing:.18em;margin-bottom:11px}
.twai-g18-nexora .twai-g18-info h3{color:#fff;font:780 clamp(32px,2.75vw,49px)/1 Inter,'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;white-space:pre-line}
.twai-g18-nexora .twai-g18-info h3 span{display:block;margin-top:7px;color:#d8b65e;font:500 .78em/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.twai-g18-nexora .twai-g18-info>p{margin:17px 0 15px;padding:8px 11px;border:0;border-left:1px solid rgba(83,222,238,.62);color:#d7e0ea;font:400 13.5px/1.48 Inter,'Segoe UI',Arial,sans-serif;background:linear-gradient(90deg,rgba(3,9,17,.16),transparent)}
.twai-g18-nexora .twai-g18-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px;border-top:1px solid rgba(209,168,69,.72);padding-top:13px}
.twai-g18-nexora .twai-g18-feature{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;min-height:46px;padding:0;border:0;background:transparent}
.twai-g18-nexora .twai-g18-feature-icon{width:10px;height:10px;margin:5px 0 0 2px;color:#55d9e7;font-size:12px;text-shadow:0 0 9px rgba(99,224,239,.28)}
.twai-g18-nexora .twai-g18-feature strong{font-size:12.2px;line-height:1.2;margin-bottom:3px;color:#fff}
.twai-g18-nexora .twai-g18-feature small{font-size:9.7px;line-height:1.28;color:#aab7c6}
.twai-g18-nexora .twai-g18-motion-strip{left:65.25%;top:8%;bottom:8%;width:32px;transform:translateX(-50%);overflow:hidden;background:none;box-shadow:none;opacity:1}
.twai-g18-nexora .twai-g18-motion-strip::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(83,222,238,0),rgba(83,222,238,.13) 24%,rgba(209,168,69,.16) 76%,rgba(209,168,69,0))}
.twai-g18-nexora .twai-g18-motion-strip span{box-shadow:0 0 5px rgba(255,244,211,.72),0 0 10px rgba(229,182,90,.46)}
.twai-g18-nexora .twai-g18-close{left:1075px;right:auto;top:21px;width:38px;height:38px;font-size:24px}
.twai-g18-nexora .twai-g18-prev{left:18px}
.twai-g18-nexora .twai-g18-next{left:1073px;right:auto}
@media(max-width:1180px){.twai-g18-nexora .twai-g18-poster{left:29%;max-width:56%}.twai-g18-nexora .twai-g18-info{right:30px;width:32%;padding:12px 4px}.twai-g18-nexora .twai-g18-motion-strip{left:60%}.twai-g18-nexora .twai-g18-close{left:auto;right:18px}.twai-g18-nexora .twai-g18-next{left:auto;right:18px}.twai-g18-nexora .twai-g18-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.twai-g18-nexora .twai-g18-feature{min-height:42px}.twai-g18-nexora .twai-g18-feature strong{font-size:11px}.twai-g18-nexora .twai-g18-feature small{font-size:9px}}
@media(max-width:760px){.twai-g18-nexora{overflow:hidden}.twai-g18-nexora .twai-g18-poster{left:50%;top:25%;width:auto;max-width:calc(100vw - 70px);max-height:42dvh;margin:0;transform:translate(-50%,-50%)}.twai-g18-nexora[data-gallery-slide="04"] .twai-g18-poster,.twai-g18-nexora[data-gallery-slide="06"] .twai-g18-poster,.twai-g18-nexora[data-gallery-slide="12"] .twai-g18-poster{transform:translate(-50%,-50%)}.twai-g18-nexora .twai-g18-info{left:24px;right:24px;top:42%;bottom:auto;width:auto;max-height:52dvh;transform:none;padding:8px 4px}.twai-g18-nexora .twai-g18-info h3{font-size:28px}.twai-g18-nexora .twai-g18-info>p{margin:9px 0 10px;font-size:11px}.twai-g18-nexora .twai-g18-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding-top:9px}.twai-g18-nexora .twai-g18-feature:nth-child(n+5){display:none}.twai-g18-nexora .twai-g18-feature{min-height:40px}.twai-g18-nexora .twai-g18-motion-strip{left:7%;right:7%;top:auto;bottom:52%;width:auto;height:1px}.twai-g18-nexora .twai-g18-prev,.twai-g18-nexora .twai-g18-next{top:25%}}


/* NEXORA controls: use the shared viewport-edge control coordinate system. */
.twai-g18-nexora .twai-g18-close{left:auto;right:18px;top:18px;width:46px;height:46px;font-size:26px}
.twai-g18-nexora .twai-g18-prev{left:18px;right:auto;top:50%}
.twai-g18-nexora .twai-g18-next{left:auto;right:18px;top:50%}
@media(max-width:860px){
  .twai-g18-nexora .twai-g18-close{left:auto;right:10px;top:10px}
  .twai-g18-nexora .twai-g18-prev{left:8px;right:auto;top:32%}
  .twai-g18-nexora .twai-g18-next{left:auto;right:8px;top:32%}
}

/* Approval-only readability refinement: right-side information panels. */
@media(min-width:1181px){
  .twai-g18-info{top:48.5%;max-height:calc(100dvh - 50px);padding:4px 0}
  .twai-g18-info>p{margin:10px 0 9px;padding-top:9px;font-size:13px;line-height:1.56}
  .twai-g18-features{row-gap:11px}
  .twai-g18-feature{min-height:58px;padding:9px 0}
  .twai-g18-feature small{font-size:12px;line-height:1.42;margin-top:4px}
  .twai-g18-nexora .twai-g18-info{top:48%;max-height:calc(100dvh - 48px);padding:6px 4px}
  .twai-g18-nexora .twai-g18-meta{margin-bottom:8px}
  .twai-g18-nexora .twai-g18-info h3 span{margin-top:5px}
  .twai-g18-nexora .twai-g18-info>p{margin:12px 0 10px;line-height:1.52}
  .twai-g18-nexora .twai-g18-features{gap:12px 18px;padding-top:10px}
  .twai-g18-nexora .twai-g18-feature{min-height:51px}
  .twai-g18-nexora .twai-g18-feature small{font-size:11.1px;line-height:1.38;margin-top:3px}
}
@media(min-width:761px) and (max-width:1180px){
  .twai-g18-info{top:49%;max-height:calc(100dvh - 42px);padding-top:12px;padding-bottom:12px}
  .twai-g18-feature{min-height:47px;padding:5px 0}
  .twai-g18-feature small{font-size:10px;line-height:1.34}
  .twai-g18-nexora .twai-g18-info{top:49%;max-height:calc(100dvh - 42px)}
  .twai-g18-nexora .twai-g18-info>p{margin:10px 0 9px;line-height:1.45}
  .twai-g18-nexora .twai-g18-feature{min-height:44px}
  .twai-g18-nexora .twai-g18-feature small{font-size:9.5px;line-height:1.32}
}
@media(max-width:760px){
  .twai-g18-info>p{line-height:1.48}
  .twai-g18-feature small{font-size:10px;line-height:1.32}
  .twai-g18-nexora .twai-g18-feature small{font-size:9.4px;line-height:1.3}
}

/* Readability v2: visibly larger desktop copy without changing visual assets. */
@media(min-width:1181px){
  .twai-g18-info{top:47.5%;max-height:calc(100dvh - 34px)}
  .twai-g18-info>p{margin:8px 0 7px;font-size:13.5px;line-height:1.58}
  .twai-g18-features{row-gap:12px}
  .twai-g18-feature{min-height:68px;padding:10px 0}
  .twai-g18-feature strong{font-size:14px;line-height:1.25}
  .twai-g18-feature small{font-size:13.25px;line-height:1.48;margin-top:5px}

  .twai-g18-nexora .twai-g18-info{right:40px;top:47%;width:30%;max-height:calc(100dvh - 32px);padding:2px 4px}
  .twai-g18-nexora .twai-g18-meta{margin-bottom:6px}
  .twai-g18-nexora .twai-g18-info h3 span{margin-top:4px}
  .twai-g18-nexora .twai-g18-info>p{margin:9px 0 8px;padding-top:7px;font-size:13.5px;line-height:1.5}
  .twai-g18-nexora .twai-g18-features{gap:13px 18px;padding-top:8px}
  .twai-g18-nexora .twai-g18-feature{min-height:63px}
  .twai-g18-nexora .twai-g18-feature strong{font-size:13.2px;line-height:1.24;margin-bottom:5px}
  .twai-g18-nexora .twai-g18-feature small{font-size:12.8px;line-height:1.42;margin-top:0}
}
@media(min-width:761px) and (max-width:1180px){
  .twai-g18-feature{min-height:50px}
  .twai-g18-feature small{font-size:10.5px;line-height:1.38}
  .twai-g18-nexora .twai-g18-feature{min-height:47px}
  .twai-g18-nexora .twai-g18-feature small{font-size:10px;line-height:1.36}
}
@media(max-width:760px){
  .twai-g18-feature small{font-size:10.2px;line-height:1.36}
  .twai-g18-nexora .twai-g18-feature small{font-size:9.6px;line-height:1.34}
}