/* Standalone behavior and responsive corrections for the reference layout. */
.legal-shorts.editorial-video{background:radial-gradient(ellipse at 82% 45%,#2c251727,transparent 55%),#070b10;padding:72px 28px;color:#fff;border-bottom:1px solid #b68b4433}
.video-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}
.video-eyebrow{display:inline-block;color:#dfb66a;font-size:13px;letter-spacing:.24em;margin-bottom:26px}
.video-copy h2{color:#fff;font-size:clamp(32px,3.7vw,52px);line-height:1.4;font-weight:600;margin:0 0 22px;letter-spacing:-.025em}
.video-copy h2 span{color:#efbd64}.video-intro{color:#b9c1cc;font-size:18px;line-height:1.9;max-width:480px;margin:0 0 34px}
.video-topic{display:flex;gap:22px;border-top:1px solid #b58d493d;padding-top:28px}.video-number{font-size:30px;font-weight:300;color:#c6a266;line-height:1.2}
.video-topic-label{font-size:12px;letter-spacing:.1em;color:#ab9775}.video-topic h3{font-size:23px;line-height:1.65;color:#fff;font-weight:500;margin:8px 0 10px}.video-topic p{font-size:16px;line-height:1.85;color:#a5afbc;margin:0}
.video-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.video-consult{display:inline-flex;gap:24px;align-items:center;background:#edb857;color:#15100a!important;border-radius:6px;padding:14px 22px;font-size:16px;font-weight:600;text-decoration:none}.video-consult:hover{background:#ffd28a}.video-consult:focus-visible{outline:3px solid #fff;outline-offset:4px}.video-duration{font-size:13px;color:#9da6b2}
.video-signature{display:flex;align-items:center;gap:12px;color:#89929e;font-size:13px;margin-top:40px}.video-signature>span{width:28px;height:1px;background:#bd934b}
.video-stage{position:relative;max-width:382px;width:100%;justify-self:center;padding:12px;border:1px solid #b58d494a;border-radius:22px;background:#ffffff03;box-shadow:0 26px 80px #0008}
.video-frame{overflow:hidden;border-radius:13px;background:#000}.editorial-video .featured-short{display:block;width:100%;height:auto;max-height:640px;aspect-ratio:9/16;object-fit:contain;background:#000}
.video-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 5px 4px;color:#a49376;font-size:10px;letter-spacing:.09em}
@media(max-width:900px){.video-layout{gap:35px;grid-template-columns:1fr 1fr}.video-copy h2{font-size:34px}.video-intro{font-size:16px}.video-topic h3{font-size:20px}}
@media(max-width:650px){.legal-shorts.editorial-video{padding:42px 22px}.video-layout{grid-template-columns:1fr;gap:35px}.video-copy h2{font-size:36px}.video-signature{display:none}.video-stage{max-width:350px}.video-intro{margin-bottom:24px}.video-caption{font-size:9px}.video-actions{gap:14px}}
.legal-shorts.video-only{background:#000;padding:32px 16px;display:flex;justify-content:center;align-items:center;border:0}
.video-only .featured-short{display:block;background:#000;width:auto;height:auto;max-width:100%;max-height:82vh;max-height:82dvh;aspect-ratio:9/16;object-fit:contain;border:0;border-radius:0}
@media(max-width:600px){.legal-shorts.video-only{padding:0}.video-only .featured-short{width:100%;max-height:88vh;max-height:88dvh}}
.legal-shorts{background:#111c2b;color:#f5f5f3;padding:76px 28px 44px;border-bottom:1px solid #ffffff12;font-family:inherit}
.shorts-shell{max-width:1100px;margin:0 auto}.shorts-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px}
.shorts-heading h2{font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.3;margin:0 0 18px;color:#fff;letter-spacing:-.02em}.shorts-heading h2 span{color:#f4b347}
.shorts-heading p{font-size:16px;line-height:1.7;color:#aeb9c8;margin:0;max-width:560px}.shorts-signature{display:flex;gap:12px;align-items:center;font-size:13px;color:#aeb9c8;white-space:nowrap}.shorts-signature strong{font-size:20px;font-weight:600;letter-spacing:.18em;color:#f6f2e8}.shorts-mark{display:grid;place-items:center;width:44px;height:54px;border:1px solid #d9a54e;border-radius:12px;color:#f4b347;transform:rotate(-8deg)}
.shorts-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bb914d #1b293b;padding:3px 2px 16px}
.short-card{scroll-snap-align:start;aspect-ratio:9/14;position:relative;overflow:hidden;border:1px solid #344252;border-radius:16px;background:linear-gradient(145deg,#26374a,#182536 60%,#101b29);text-align:left;color:#fff;font:inherit;min-width:0}
.short-coming{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.short-coming:nth-child(2){background:linear-gradient(145deg,#313333,#212a30 55%,#172431)}.short-coming:nth-child(3){background:linear-gradient(145deg,#233347,#1b283a 55%,#15202d)}
.short-card-top{display:flex;justify-content:space-between;font-size:14px;color:#a9b5c4}.short-format{letter-spacing:.16em;font-size:12px}.short-empty-center{padding:24px 0}.short-film{display:grid;place-items:center;font-size:32px;color:#f5bb57;width:64px;height:64px;border:1px solid #c5a26677;border-radius:50%;margin-bottom:24px;background:#ffffff05}.short-empty-center h3{font-size:clamp(21px,2vw,27px);line-height:1.6;font-weight:500;margin:0;color:#f4f1e9}.short-gold-line{display:block;width:28px;height:2px;background:#d0a159;margin-bottom:17px}.short-card-bottom p{font-size:15px;margin:0 0 4px;color:#e5bd78}.short-card-bottom small{font-size:13px;color:#9eacbd;line-height:1.6}
.shorts-foot{display:flex;justify-content:space-between;gap:20px;padding-top:12px;align-items:center;color:#9caabd;font-size:14px}.shorts-foot a{color:#f3bb61;text-decoration:none;font-size:15px}.shorts-foot a:hover{color:white}.shorts-foot a span{margin-left:10px}
.short-video{padding:0;cursor:pointer}.short-video img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.short-video:hover img{transform:scale(1.04)}.short-video:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0a1424ee);pointer-events:none}.short-number{position:absolute;left:20px;top:18px;z-index:1;text-shadow:0 1px 5px #000}.short-video-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;background:#ffffffed;color:#182438;border-radius:50%;z-index:1}.short-video-caption{position:absolute;bottom:26px;left:24px;right:24px;z-index:1;font-size:23px;line-height:1.5;color:#fff}
.short-player{padding:0;border:1px solid #6b7078;border-radius:12px;background:#060c14;overflow:visible;width:min(430px,85vw);height:min(760px,82dvh)}.short-player::backdrop{background:#030810e8}.short-player iframe{width:100%;height:100%;border:0;border-radius:12px}.short-player-close{position:absolute;right:0;top:-43px;color:white;background:#233347;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}
@media(max-width:700px){.legal-shorts{padding:44px 20px 28px}.shorts-heading{gap:16px;margin-bottom:28px}.shorts-signature{display:none}.shorts-rail{grid-auto-columns:78%;gap:14px}.short-card{aspect-ratio:9/14}.shorts-foot{align-items:flex-start;flex-direction:column;gap:12px}.short-empty-center h3{font-size:25px}}
html { scroll-behavior:smooth; overflow-x:clip; }
body { margin:0; overflow-x:clip; }
img { max-width:100%; }
.elementor-invisible { visibility:visible!important; }
.e-con.e-lazyloaded, .e-con { --e-con-lazyload-loaded:1; }
.elementor-location-popup { display:none!important; }
.swiper-wrapper { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; transform:none!important; gap:16px; }
.swiper-slide { flex:0 0 32%; scroll-snap-align:start; }
.elementor-gallery__container { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; height:auto!important; }
.e-gallery-item { position:relative!important; transform:none!important; min-height:240px; }
.e-gallery-image { min-height:240px; background-size:cover; background-position:center; }
.replica-dialog { width:min(560px,calc(100% - 32px)); max-height:85vh; padding:32px; border:1px solid #c9a04b; border-radius:14px; background:#121a25; color:#fff; box-shadow:0 24px 100px #0008; font-family:Arial,sans-serif; }
.replica-dialog::backdrop { background:#000a; }
.replica-dialog h2 { color:#edb33a; font-size:26px; margin:0 40px 24px 0; }
.replica-dialog a { color:#fff; text-decoration:none; display:block; padding:12px 0; border-bottom:1px solid #ffffff20; }
.replica-dialog button { cursor:pointer; border:1px solid #b69042; border-radius:6px; background:#efb643; color:#101722; padding:10px 16px; font:inherit; }
.replica-dialog .dialog-close { position:absolute; right:15px; top:14px; padding:4px 12px; font-size:24px; }
.replica-dialog img { display:block; max-height:65vh; margin:auto; object-fit:contain; }
.replica-dialog:has(img) { width:min(1000px,calc(100% - 32px)); }
.static-form-note { padding:16px; background:#fff2cf; color:#4a360a; font:16px/1.6 Arial,sans-serif; }
.replica-toast { position:fixed; z-index:999999; bottom:24px; left:50%; transform:translateX(-50%); background:#101826; color:white; padding:14px 24px; border:1px solid #d6ad56; border-radius:8px; font:16px Arial,sans-serif; }
a:focus-visible,button:focus-visible { outline:3px solid #e7a823; outline-offset:4px; }
.language-options {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.language-options button {display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:22px;background:#1d2938;color:#fff;border:2px solid #55616f;text-align:left}
.language-options button[aria-pressed="true"] {border-color:#efb643;background:#352c1d}
.language-options button:hover {border-color:#efb643}
.language-options strong {font-size:24px}.language-options span {font-size:15px;color:#d5d9df}
html[lang="th"] body {line-height:1.65}
html[lang="th"] .elementor-heading-title {line-height:1.5!important;letter-spacing:normal!important}
html[lang="th"] .elementor-nav-menu a {white-space:normal}
@media(max-width:380px){.language-options{grid-template-columns:1fr}}
@media(max-width:767px){ .swiper-slide{flex-basis:85%}.elementor-gallery__container{grid-template-columns:1fr 1fr}.e-gallery-item,.e-gallery-image{min-height:180px}.replica-dialog{padding:24px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;align-items:stretch}
.case-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #354152;border-radius:12px;background:#fff;color:#142033}
.case-card>a{display:block;overflow:hidden;background:#101820}.case-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:transform .25s}
.case-card>a:hover img{transform:scale(1.025)}
.case-card-body{display:flex;flex-direction:column;flex:1;padding:24px;text-align:left}
.case-card .case-source{font-size:13px;letter-spacing:.02em;color:#775411;margin-bottom:12px}
.case-card h3{font-size:21px;font-weight:600;line-height:1.55;margin:0 0 12px;color:#142033}
.case-card p{font-size:16px;line-height:1.7;margin:0 0 22px;color:#526071}
.case-card .case-source-link{margin-top:auto;color:#815900;font-size:15px;font-weight:600;text-decoration:none}
.case-card a:focus-visible{outline:3px solid #f5a400;outline-offset:-3px}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr}.case-card-body{padding:20px}}