/* LOUIE DESIGN v22 CLEAN CSS | locale=th | page=why-louie | viewport=mobile */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
:root{--bg:#070808;--bg-soft:#0c0d0e;--panel:#101112;--panel-2:#151617;--line:rgba(214,173,65,.24);--line-strong:rgba(231,190,76,.48);--gold:#d9ad43;--gold-light:#f2d27f;--gold-deep:#8f681d;--text:#f5f1e8;--muted:#a8a39a;--danger:#ff5572;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow:0 22px 70px rgba(0,0,0,.38);--header-h:76px;--space-section:clamp(64px,8vw,124px);--fs-h1:clamp(2rem,4.4vw,3.5rem);--fs-h2:clamp(1.625rem,3vw,2.5rem);--fs-h3:clamp(1.375rem,2.1vw,2rem);--fs-h4:clamp(1.1875rem,1.6vw,1.5rem);--fs-h5:clamp(1.0625rem,1.3vw,1.25rem);--fs-h6:clamp(1rem,1.1vw,1.125rem);--fs-body:clamp(.9375rem,1vw,1.0625rem);--fs-small:clamp(.75rem,.9vw,.875rem)}
html{font-size:16px}
body{font-family:Inter,"Noto Sans Thai","Noto Sans","Noto Sans KR",Arial,sans-serif;font-size:var(--fs-body);line-height:1.58;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:800}
h2{font-size:var(--fs-h2);font-weight:760}
h3{font-size:var(--fs-h3);font-weight:720}
h4{font-size:var(--fs-h4);font-weight:700}
h5{font-size:var(--fs-h5);font-weight:680}
h6{font-size:var(--fs-h6);font-weight:650}
p{color:var(--muted)}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--gold);text-transform:uppercase}
.wr-1,.wr-2,.wr-3,.wr-4,.wr-5,.wr-6,.wr-7,.wr-8,.wr-9,.wr-10{width:min(100% - 36px,var(--wr));margin-inline:auto}
.wr-1{--wr:1500px}
.wr-2{--wr:1360px}
.wr-3{--wr:1240px}
.wr-4{--wr:1140px}
.wr-5{--wr:1060px}
.wr-6{--wr:980px}
.wr-7{--wr:900px}
.wr-8{--wr:820px}
.wr-9{--wr:760px}
.wr-10{--wr:700px}
@media (max-width:720px){.wr-1,.wr-2,.wr-3,.wr-4,.wr-5,.wr-6,.wr-7,.wr-8,.wr-9,.wr-10{width:min(100% - 28px,var(--wr))}}
.section-heading{display:grid;gap:10px;max-width:760px;margin-bottom:28px}
.section-heading--center{text-align:center;margin-inline:auto;margin-bottom:34px}
.section-heading--split{max-width:none;display:flex;justify-content:space-between;align-items:end}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);font-size:.83rem;font-weight:800}
.btn--primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111;border-color:transparent}
.btn--ghost{background:rgba(255,255,255,.02);color:#eee}
.portfolio-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0e0f10;transition:transform .2s,border-color .2s}
.portfolio-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.portfolio-card__media,.portfolio-card__placeholder{aspect-ratio:4/5;background:radial-gradient(circle at 50% 25%,rgba(217,173,67,.17),transparent 28%),linear-gradient(145deg,#17130b,#08090a);position:relative;overflow:hidden}
.portfolio-card__media img,.portfolio-card__media video{width:100%;height:100%;object-fit:cover}
.portfolio-card__placeholder{display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;letter-spacing:.14em}
.portfolio-card__placeholder em{position:absolute;right:12px;bottom:10px;color:#5d4a24;font-size:2rem;font-style:normal;font-weight:800}
.portfolio-card__meta{display:grid;gap:4px;padding:12px 13px 14px}
.portfolio-card__meta small{font-size:.67rem;color:var(--gold);text-transform:uppercase}
.portfolio-card__meta strong{font-size:.88rem;line-height:1.35}
.media-badge{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.72);font-size:.6rem;font-weight:800;color:var(--gold-light)}
.empty-state{padding:42px;border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;color:var(--muted)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:#77736b;font-size:.74rem;margin-bottom:20px}
.breadcrumb a:hover{color:var(--gold)}
.contact-pill{padding:10px 14px;border-radius:999px;font-size:.75rem;font-weight:800}
.contact-pill--kakao{background:#f7d900;color:#111}
.contact-pill--telegram{background:#168fd2;color:#fff}
.site-header{position:sticky;top:0;z-index:1000;background:#070808;border-bottom:1px solid rgba(214,173,65,.20);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.site-header.is-scrolled{background:rgba(7,8,8,.88);border-bottom-color:rgba(214,173,65,.30);box-shadow:0 12px 36px rgba(0,0,0,.34);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.site-header__inner{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;position:relative}
.site-header .brand{grid-column:1;display:flex;align-items:center;gap:11px;min-width:max-content}
.site-header .brand img{width:46px;height:46px;object-fit:contain}
.site-header .brand span{display:grid;line-height:1.13}
.site-header .brand strong{font-size:.96rem;letter-spacing:.075em;white-space:nowrap}
.site-header .brand small{margin-top:4px;color:#807b72;font-size:.66rem;white-space:nowrap}
@media (min-width:1181px){.site-header__inner{width:min(100% - 64px,1520px);min-height:80px}
.site-header .brand img{width:48px;height:48px}
.site-header .brand strong{font-size:1rem}}
.site-header .site-nav{grid-column:2;justify-self:center;display:flex;align-items:center;gap:20px;min-width:0;font-size:.84rem;font-weight:700}
.site-header .site-nav a{position:relative;padding:0;border:0;border-radius:0;background:none;color:#d8d3ca;white-space:nowrap;transform:none;transition:color .2s ease}
.site-header .site-nav a:hover,
.site-header .site-nav a.is-active{color:var(--gold-light)}
.site-header .site-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:-12px;width:20px;height:1px;background:var(--gold);transform:translateX(-50%)}
.site-header .locale-switcher{grid-column:3;display:flex;flex:none;border:1px solid rgba(214,173,65,.25);border-radius:999px;padding:3px;background:rgba(255,255,255,.01)}
.site-header .locale-switcher a{padding:6px 9px;font-size:.69rem;color:#7e7b75;border-radius:999px;white-space:nowrap;transition:color .2s ease,background-color .2s ease}
.site-header .locale-switcher a:hover{color:var(--gold-light)}
.site-header .locale-switcher a.active{background:var(--gold);color:#0b0b0b;font-weight:850}
.site-header .nav-toggle{display:none;width:38px;height:38px;padding:8px;background:none;border:0;color:#fff;cursor:pointer}
.site-header .nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (min-width:1320px){.site-header .site-nav{gap:24px;font-size:.88rem}}
@media (max-width:1180px){.site-header__inner{min-height:var(--header-h);grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
.site-header .brand{grid-column:1;min-width:0}
.site-header .locale-switcher{grid-column:2;justify-self:end}
.site-header .nav-toggle{display:block;grid-column:3;justify-self:end}
.site-header .site-nav{grid-column:auto;display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:calc(100vh - var(--header-h) - 28px);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(12,13,14,.98);box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px;font-size:.9rem}
.site-header .site-nav.is-open{display:flex}
.site-header .site-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#0d0e0e;color:#ddd6c9;text-align:center}
.site-header .site-nav a:hover,
  .site-header .site-nav a.is-active{border-color:rgba(214,173,65,.28);background:rgba(217,173,67,.055);color:#efca65}
.site-header .site-nav a.is-active::after{display:none}}
@media (max-width:900px){:root{--header-h:66px}
.site-header{background:rgba(4,5,5,.96);border-bottom-color:rgba(214,173,65,.24);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.site-header__inner{width:min(calc(100% - 20px),620px);min-height:66px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.site-header .brand{gap:9px}
.site-header .brand img{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.58))}
.site-header .brand span{min-width:0}
.site-header .brand small{display:none}
.site-header .brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.81rem;letter-spacing:.055em}
.site-header .locale-switcher{padding:3px;border-color:rgba(214,173,65,.30);background:rgba(0,0,0,.36)}
.site-header .locale-switcher a{min-width:31px;padding:6px 7px;text-align:center;font-size:.625rem}
.site-header .locale-switcher a.active{background:linear-gradient(180deg,#edc85e,#c89429);color:#10100f;box-shadow:0 4px 12px rgba(204,156,42,.22)}
.site-header .nav-toggle{width:38px;height:38px;padding:0;border:1px solid rgba(214,173,65,.26);border-radius:10px;background:rgba(255,255,255,.018)}
.site-header .nav-toggle span{width:20px;height:2px}
.site-header .site-nav{top:calc(100% + 7px);left:0;right:0;padding:9px;border-color:rgba(214,173,65,.28);border-radius:13px;background:rgba(8,9,9,.985);box-shadow:0 22px 48px rgba(0,0,0,.52)}}
@media (max-width:390px){:root{--header-h:62px}
.site-header__inner{width:calc(100% - 14px);min-height:62px;gap:6px}
.site-header .brand{gap:7px}
.site-header .brand img{width:38px;height:38px;flex-basis:38px}
.site-header .brand strong{font-size:.72rem;letter-spacing:.035em}
.site-header .locale-switcher{padding:2px}
.site-header .locale-switcher a{min-width:27px;padding:5px;font-size:.56rem}
.site-header .nav-toggle{width:35px;height:35px;border-radius:9px}}
.site-footer{margin-top:var(--space-section);padding:48px 0 22px;border-top:1px solid var(--line);background:#0b0c0d}
.site-footer__grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.45fr);gap:42px;align-items:center}
.site-footer__brand{display:flex;align-items:center;gap:13px}
.site-footer__brand img{width:56px;height:56px;flex:0 0 56px;object-fit:contain}
.site-footer__brand div{display:grid;gap:3px;min-width:0}
.site-footer__brand strong{color:#eee7da;font-size:.92rem;font-weight:800;line-height:1.2;letter-spacing:.02em}
.site-footer__brand span{color:var(--muted);font-size:.74rem;line-height:1.45}
.site-footer__nav{display:block;min-width:0}
.site-footer__primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.site-footer__primary a{color:#d3ad50;text-decoration:none;font-size:.77rem;font-weight:800;line-height:1.35}
.site-footer__primary a:hover{color:#e4bd5a}
.site-footer__bottom{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06);color:#5f5b55;font-size:.68rem}
.site-footer__bottom a{color:#817b72;text-decoration:none;font-weight:800;letter-spacing:.08em}
.site-footer__visitors{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}
.site-footer__visitors>span{min-height:30px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(211,173,80,.13);border-radius:8px;background:rgba(255,255,255,.018);white-space:nowrap}
.site-footer__visitors b{color:#777169;font-size:.64rem;font-weight:700}
.site-footer__visitors strong{color:#c6a451;font-size:.7rem;font-weight:900;font-variant-numeric:tabular-nums}
.site-footer__locale{margin-left:10px}
@media (min-width:981px){.site-footer{padding-top:34px;padding-bottom:18px}
.site-footer__primary a{min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(211,173,80,.13);border-radius:9px;background:rgba(255,255,255,.012);text-align:center}
.site-footer__bottom{min-height:72px;gap:22px;margin-top:22px;padding-top:14px}
.site-footer__visitors{gap:10px;margin-left:auto}
.site-footer__visitors>span{width:118px;min-width:118px;height:48px;min-height:48px;justify-content:center;gap:10px;padding:0 15px;box-sizing:border-box;border-color:rgba(211,173,80,.30);border-radius:10px;background:linear-gradient(180deg,rgba(211,173,80,.06),rgba(255,255,255,.018))}
.site-footer__visitors b{color:#aaa195;font-size:.73rem;font-weight:800;line-height:1}
.site-footer__visitors strong{color:#e0b74c;font-size:1.02rem;line-height:1}
.site-footer__locale{margin-left:8px;padding-left:16px;border-left:1px solid rgba(255,255,255,.08);font-size:.76rem}}
@media (min-width:1181px){body.country-index-pc-page .site-footer__brand strong{font-size:1.04rem}
body.country-index-pc-page .site-footer__brand span{font-size:.84rem}
body.country-index-pc-page .site-footer__primary a{font-size:.88rem}
body.country-index-pc-page .site-footer__bottom{font-size:.76rem}}
@media (min-width:641px) and (max-width:980px){.site-footer__grid{grid-template-columns:minmax(0,1fr);gap:22px}}
@media (max-width:640px){.site-footer{margin-top:16px;padding:18px 14px 14px;border-top:1px solid rgba(211,173,80,.22);background:radial-gradient(circle at 50% -14%,rgba(211,173,80,.10),transparent 40%),
            #080909}
.site-footer,
    .site-footer .wr-2,
    .site-footer__grid,
    .site-footer__brand,
    .site-footer__nav,
    .site-footer__primary,
    .site-footer__bottom,
    .site-footer__visitors{box-sizing:border-box;min-width:0;max-width:100%}
.site-footer .wr-2{width:100%;max-width:440px;margin-left:auto;margin-right:auto}
.site-footer__grid{width:100%;grid-template-columns:minmax(0,1fr);gap:14px}
.site-footer__brand{justify-content:center;gap:9px}
.site-footer__brand img{width:40px;height:40px;flex-basis:40px}
.site-footer__brand strong{font-size:.84rem;line-height:1.1;letter-spacing:.045em}
.site-footer__brand span{margin-top:3px;color:#918a80;font-size:.61rem;line-height:1.35}
.site-footer__nav{width:100%}
.site-footer__primary{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-footer__primary a{width:100%;min-width:0;max-width:100%;min-height:35px;display:flex;align-items:center;justify-content:center;padding:6px 5px;box-sizing:border-box;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.016);color:#d5b45a;text-align:center;font-size:.66rem;font-weight:850;line-height:1.15}
.site-footer__bottom{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);font-size:.66rem}
.site-footer__visitors{grid-column:1/-1;order:-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
.site-footer__visitors>span{min-width:0;min-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 3px;border:1px solid rgba(211,173,80,.24);border-radius:8px;background:linear-gradient(180deg,rgba(211,173,80,.05),rgba(255,255,255,.015))}
.site-footer__visitors b{color:#9b9387;font-size:.56rem;font-weight:800;line-height:1}
.site-footer__visitors strong{color:#ddb64e;font-size:.76rem;font-weight:950;line-height:1}
.site-footer__copyright{color:#6d675f;font-size:.58rem;line-height:1.35}
.site-footer__locale{margin:0;padding:0;border:0;color:#9a9287;font-size:.61rem;letter-spacing:.08em}}
.contact-rail{position:fixed;right:18px;top:50%;z-index:920;display:grid;gap:10px;width:132px;transform:translateY(-50%)}
.contact-rail__card{overflow:hidden;border:1px solid rgba(217,173,67,.38);border-radius:16px;background:rgba(10,11,12,.97);box-shadow:0 16px 38px rgba(0,0,0,.38);text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.contact-rail__card>strong{display:block;padding:9px 6px 7px;font-size:.68rem;line-height:1;letter-spacing:.055em;color:#f4d06a}
.contact-rail__card>a,.contact-rail__static{display:grid;gap:5px;padding:0 10px 10px;color:#f5f1e8}
.contact-rail__qr{display:grid;place-items:center;width:102px;height:102px;margin:auto;overflow:hidden;border-radius:9px;background:#fff}
.contact-rail__qr img{width:100%;height:100%;object-fit:contain}
.contact-rail__qr-empty{width:100%;height:100%;display:grid;place-content:center;gap:2px;background:linear-gradient(145deg,#fff,#ebe8df);color:#151515}
.contact-rail__qr-empty b{font-size:.79rem;letter-spacing:.02em}
.contact-rail__qr-empty small{font-size:.59rem;color:#6c6557}
.contact-rail__card>a>small,.contact-rail__static>small{font-size:.58rem;color:#a9a39a}
.contact-rail__card--line{border-color:rgba(6,199,85,.48)}
.contact-rail__card--line>strong{color:#45dc7e}
.contact-rail__card--zalo{border-color:rgba(0,104,255,.52)}
.contact-rail__card--zalo>strong{color:#67a6ff}
.contact-rail__card--telegram{border-color:rgba(42,171,238,.54)}
.contact-rail__card--telegram>strong{color:#65c8f3}
.contact-rail__card--kakao{border-color:rgba(255,224,0,.54)}
.contact-rail__card--kakao>strong{color:#ffe45d}
.contact-mobile{display:none}
@media (min-width:1181px) and (max-height:760px){.contact-rail{gap:7px;width:118px}
.contact-rail__card>strong{padding:7px 5px 5px;font-size:.62rem}
.contact-rail__card>a,.contact-rail__static{gap:3px;padding:0 8px 8px}
.contact-rail__qr{width:88px;height:88px}
.contact-rail__card>a>small,.contact-rail__static>small{font-size:.53rem}}
@media (max-width:1180px){html{scroll-padding-bottom:96px}
.contact-rail{display:none}
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.contact-mobile{position:fixed;z-index:1400;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(214,173,65,.30);border-radius:15px;background:rgba(8,9,10,.93);box-shadow:0 -6px 24px rgba(0,0,0,.38),0 8px 24px rgba(0,0,0,.30);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.contact-mobile::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,202,108,.70),transparent);pointer-events:none}
.contact-mobile__item{min-width:0;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#f5f0e4;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);-webkit-tap-highlight-color:transparent}
.contact-mobile__item:active{transform:translateY(1px);background:rgba(214,173,65,.075);border-color:rgba(214,173,65,.25)}
.contact-mobile__icon,
  .contact-mobile__item>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#181a1b;font-size:10px;line-height:1}
.contact-mobile__icon.has-image{background:transparent}
.contact-mobile__icon.has-image img{display:block;width:100%;height:100%;object-fit:contain}
.contact-mobile__item--zalo .contact-mobile__icon img{transform:scale(1.06)}
.contact-mobile__item--telegram .contact-mobile__icon img{transform:scale(.98)}
.contact-mobile__item--kakao .contact-mobile__icon img{transform:scale(1.04)}
.contact-mobile__item>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#eee8dc;font-size:9.5px;font-weight:760;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.contact-mobile__item.is-pending{opacity:.62}}
@media (max-width:380px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.contact-mobile{left:7px;right:7px;gap:4px;padding:5px;border-radius:15px}
.contact-mobile__item{height:48px;gap:3px}
.contact-mobile__icon,
  .contact-mobile__item>span{width:22px;height:22px;flex-basis:22px}
.contact-mobile__item>strong{font-size:9px}}
img,video{-webkit-user-drag:none}
img{-webkit-touch-callout:none}
.sample-modal,.portfolio-card,.root-sample{-webkit-touch-callout:none}
.protected-media{user-select:none;-webkit-user-select:none}
@media (max-width:900px){html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.mobile-public-page{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#050606}
body.mobile-public-page main{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
body.mobile-public-page *,
  body.mobile-public-page *::before,
  body.mobile-public-page *::after{box-sizing:border-box}
body.mobile-public-page img,
  body.mobile-public-page video,
  body.mobile-public-page svg,
  body.mobile-public-page canvas{max-width:100%}
body.mobile-public-page .wr-1,
  body.mobile-public-page .wr-2{min-width:0}}
@media (max-width:380px){body.mobile-public-page{padding-bottom:calc(73px + env(safe-area-inset-bottom))}}
.site-footer-compact{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;margin:18px 0 0!important;padding:15px 0 10px!important;border:0!important;border-top:1px solid rgba(214,173,65,.24)!important;border-radius:0!important;background:linear-gradient(180deg,#090a0a 0%,#070808 100%)!important;box-shadow:none!important;overflow:visible!important}
.site-footer-compact::before,.site-footer-compact::after{display:none!important;content:none!important}
.site-footer-compact>.wr-2{width:min(calc(100% - 44px),1320px)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
.site-footer-compact__main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;min-height:54px!important}
.site-footer-compact__brand{display:inline-flex!important;align-items:center!important;gap:11px!important;min-width:0!important;color:#f1ece3!important;text-decoration:none!important}
.site-footer-compact__brand img{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;flex:0 0 46px!important;object-fit:contain!important}
.site-footer-compact__brand span{display:block!important;min-width:0!important}
.site-footer-compact__brand strong{display:block!important;margin:0!important;color:#eee9df!important;font-size:15px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:.02em!important}
.site-footer-compact__brand small{display:block!important;margin-top:4px!important;color:#9d927f!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:.035em!important}
.site-footer-compact__visitors{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;width:auto!important}
.site-footer-compact__visitors>span{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:94px!important;height:36px!important;padding:0 10px!important;border:1px solid rgba(214,173,65,.28)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(214,173,65,.045),rgba(255,255,255,.01))!important;box-sizing:border-box!important}
.site-footer-compact__visitors b{color:#948c80!important;font-size:9px!important;font-weight:800!important;line-height:1!important}
.site-footer-compact__visitors strong{color:#dfb84e!important;font-size:14px!important;font-weight:950!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.site-footer-compact__bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:23px!important;margin-top:9px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.05)!important;background:none!important;color:#625d56!important;font-size:9px!important;line-height:1.2!important}
.site-footer-compact__bottom a{margin:0!important;padding:0!important;border:0!important;color:#8f887f!important;font-size:9.5px!important;font-weight:850!important;line-height:1!important;letter-spacing:.09em!important;text-decoration:none!important}
.root-index-page .site-footer-compact{margin-top:0!important}
@media (max-width:640px){.site-footer-compact{margin-top:12px!important;padding:12px 12px 82px!important;background:radial-gradient(circle at 50% -20%,rgba(214,173,65,.055),transparent 38%),#080909!important}
.site-footer-compact>.wr-2{width:100%!important;max-width:440px!important}
.site-footer-compact__main{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;min-height:0!important}
.site-footer-compact__brand{justify-self:start!important;gap:9px!important}
.site-footer-compact__brand img{width:40px!important;height:40px!important;max-width:40px!important;flex-basis:40px!important}
.site-footer-compact__brand strong{font-size:13px!important}
.site-footer-compact__brand small{font-size:7.8px!important;margin-top:3px!important;letter-spacing:.02em!important}
.site-footer-compact__visitors{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.site-footer-compact__visitors>span{min-width:0!important;width:100%!important;height:34px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:4px 2px!important}
.site-footer-compact__visitors b{font-size:7.5px!important}
.site-footer-compact__visitors strong{font-size:12px!important}
.site-footer-compact__bottom{min-height:0!important;margin-top:8px!important;padding-top:7px!important;font-size:8px!important}
.site-footer-compact__bottom a{font-size:8.5px!important}}
@media (max-width:900px){:is(.production-page--ko,.production-page--vi,.production-page--vi){background:#050606}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .eyebrow{margin:0;color:#d3aa49;font-size:.64rem;font-weight:900;letter-spacing:.13em}
.production-page--ko .why-hero{background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.96) 100%),
      url("/assets/hero/ko-night-v91.webp") center/cover no-repeat}
.production-page--vi .why-hero{background:linear-gradient(180deg,rgba(3,5,7,.02) 0%,rgba(3,5,7,.10) 32%,rgba(3,5,7,.72) 49%,rgba(3,5,7,.98) 66%,#050606 100%),
      url("/assets/why-louie/vi/vi-why-hero-v96.webp") right 7% top 54px/auto 225px no-repeat,
      #050606}
.production-page--vi .why-hero{background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.96) 100%),
      url("/assets/hero/vi-night-v91.webp") center/cover no-repeat}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero{border-bottom:1px solid rgba(211,170,65,.18)}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero__inner{width:calc(100% - 20px);max-width:none;margin-left:auto;margin-right:auto}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero__inner{min-height:405px;display:flex;flex-direction:column;justify-content:flex-end;padding:126px 0 26px}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero h1{margin:8px 0 0;color:#f5efe5;font-size:clamp(1.85rem,8.3vw,2.42rem);font-weight:900;line-height:1.08;letter-spacing:-.045em;text-shadow:0 4px 18px rgba(0,0,0,.72)}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero__lead{margin:15px 0 0;color:#d4cdc2;font-size:.88rem;font-weight:700;line-height:1.62}
:is(.production-page--ko,.production-page--vi,.production-page--vi) .why-hero__note{margin:8px 0 0;color:#918b82;font-size:.72rem;line-height:1.5}
.why-key{display:inline-block;transform-origin:center}
.why-key--glow{color:#e4ba52;animation:whyGlowMobile 3.4s ease-in-out infinite}
.why-key--pulse{animation:whyPulseMobile 3.2s ease-in-out infinite}}
@keyframes whyPulseMobile{0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}}
@keyframes whyGlowMobile{0%,100%{color:#dfb44c;text-shadow:0 0 0 rgba(223,180,76,0)}
  50%{color:#efd17a;text-shadow:0 0 13px rgba(223,180,76,.28)}}
@media (prefers-reduced-motion:reduce){.why-key--glow,.why-key--pulse{animation:none}}
@media (max-width:900px){.production-page--vi .why-master{width:calc(100% - 20px);margin-left:auto;margin-right:auto}
.production-page--vi .why-master--reasons{padding:22px 0 8px}
.production-page--vi .why-master--tools{padding:10px 0 8px}
.production-page--vi .why-master__head{margin-bottom:12px}
.production-page--vi .why-master__head--center{display:block;text-align:center}
.production-page--vi .why-master__head h2{margin:0;color:#f4eee3;font-weight:900;letter-spacing:-.03em}
.production-page--vi .why-master__grid, .production-page--vi .why-tool__grid{display:grid;grid-template-columns:1fr;gap:10px}
.production-page--vi .why-master__card, .production-page--vi .why-tool{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01)),#090a0d;box-shadow:0 14px 28px rgba(0,0,0,.22)}
.production-page--vi .why-master__card strong{display:block;font-weight:950;letter-spacing:.05em}
.production-page--vi .why-master__card h3{margin:8px 0 0;color:#f2ece3;font-weight:900}
.production-page--vi .why-master__card p{margin:7px 0 0;color:#a39d95}
.production-page--vi .why-master__card--pink{color:#ff6ba9}
.production-page--vi .why-master__card--cyan{color:#48c7ff}
.production-page--vi .why-master__card--violet{color:#bf78ff}
.production-page--vi .why-master__card--gold{color:#ffc84c}
.production-page--vi .why-master__card--pink2{color:#ff79d5}
.production-page--vi .why-tool{padding:18px 14px 15px;text-align:center}
.production-page--vi .why-tool__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.production-page--vi .why-tool:last-child{grid-column:1/-1}
.production-page--vi .why-tool h3{margin:0;color:#f2ece3;font-size:.92rem;font-weight:900}
.production-page--vi .why-tool p{margin:6px 0 0;color:#9e988f;font-size:.69rem;line-height:1.45}
.production-page--vi .why-tool--ai{color:#56b8ff}
.production-page--vi .why-tool--video{color:#7ec5ff}
.production-page--vi .why-tool--ps{color:#51b5ff}
.production-page--vi .why-tool--ae{color:#b483ff}
.production-page--vi .why-tool--pr{color:#bb80ff}}
@media (max-width:900px){.production-page--vi .why-master__icon-wrap,
  .production-page--vi .why-tool__icon-wrap{position:relative;display:block;width:82px;height:82px;margin:0 0 12px;animation:whyIconFloat 4.8s ease-in-out infinite;will-change:transform}
.production-page--vi .why-tool__icon-wrap{width:88px;height:88px;margin:0 auto 12px}
.production-page--vi .why-master__card:nth-child(2) .why-master__icon-wrap,
  .production-page--vi .why-tool__grid article:nth-child(2) .why-tool__icon-wrap{animation-delay:.35s}
.production-page--vi .why-master__card:nth-child(3) .why-master__icon-wrap,
  .production-page--vi .why-tool__grid article:nth-child(3) .why-tool__icon-wrap{animation-delay:.7s}
.production-page--vi .why-master__card:nth-child(4) .why-master__icon-wrap,
  .production-page--vi .why-tool__grid article:nth-child(4) .why-tool__icon-wrap{animation-delay:1.05s}
.production-page--vi .why-master__card:nth-child(5) .why-master__icon-wrap,
  .production-page--vi .why-tool__grid article:nth-child(5) .why-tool__icon-wrap{animation-delay:1.4s}
.production-page--vi .why-master__icon-wrap::after,
  .production-page--vi .why-tool__icon-wrap::after{content:"";position:absolute;inset:20%;border-radius:50%;border:1px solid rgba(255,255,255,.15);opacity:0;transform:scale(.84);animation:whyIconRipple 4.8s ease-out infinite;pointer-events:none}
.production-page--vi .why-master__icon-wrap::before,
  .production-page--vi .why-tool__icon-wrap::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 45%, rgba(255,255,255,0) 72%);filter:blur(5px);opacity:.85;animation:whyIconBreath 4.8s ease-in-out infinite;pointer-events:none}
.production-page--vi .why-master__icon-img,
  .production-page--vi .why-tool__icon-img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.24))}}
@media (max-width:900px){.production-page--vi .why-showcase{padding:10px 0 14px}
.production-page--vi .why-showcase__card{overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#090a0d;box-shadow:0 14px 28px rgba(0,0,0,.2)}
.production-page--vi .why-showcase__media{position:relative;overflow:hidden}
.production-page--vi .why-showcase__media img{width:100%;height:100%;display:block;object-fit:cover}
.production-page--vi .why-showcase__media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(4,5,8,.92))}
.production-page--vi .why-showcase__num{position:absolute;left:10px;top:8px;z-index:2;color:#f590f4;font-size:23px;font-weight:800}
.production-page--vi .why-showcase__body{padding:14px 14px 16px}
.production-page--vi .why-showcase__body h3{margin:0;color:#f3ece2;font-size:1rem;font-weight:900;line-height:1.42}
.production-page--vi .why-showcase__body p{margin:8px 0 0;color:#cfc8bd;font-size:.75rem;line-height:1.58}
.production-page--vi .why-cta-band{padding:12px 0 34px}
.production-page--vi .why-cta-band__panel{border-radius:16px;border:1px solid rgba(255,145,210,.22);background:radial-gradient(circle at 15% 30%,rgba(255,113,190,.11),transparent 34%),
      radial-gradient(circle at 85% 50%,rgba(255,184,92,.11),transparent 38%),
      linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),
      #0a0b10;box-shadow:0 0 28px rgba(255,84,180,.09)}
.production-page--vi .why-cta-band__eyebrow{margin:0 0 8px;color:#f3ede3;font-size:1.05rem;font-weight:800;line-height:1.45}
.production-page--vi .why-cta-band__lead h2{margin:0;color:#f4ede2;font-size:.9rem;font-weight:800;line-height:1.6}
.production-page--vi .why-cta-band__lead h2 span{color:#f5c15e}
.production-page--vi .why-cta-band__points{margin-top:14px;display:grid;gap:12px 10px}
.production-page--vi .why-cta-band__point{display:flex;gap:10px;align-items:flex-start}
.production-page--vi .why-cta-band__point span{line-height:1}
.production-page--vi .why-cta-band__point strong{color:#f1ebde;font-size:.72rem;font-weight:700;line-height:1.55}
.production-page--vi .why-cta-band__button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,186,100,.38);background:linear-gradient(180deg,rgba(255,211,126,.12),rgba(255,129,202,.08));color:#ffe3aa;font-size:.82rem;font-weight:800;text-align:center;text-decoration:none}}
@media (max-width:900px){.production-page--vi .why-master__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.production-page--vi .why-master__card{min-height:250px;padding:14px 12px 14px}
.production-page--vi .why-master__card:last-child{grid-column:1/-1;min-height:210px}
.production-page--vi .why-master__icon-wrap{margin-bottom:8px}
.production-page--vi .why-master__card strong{margin-top:8px;font-size:.68rem}
.production-page--vi .why-master__card h3{font-size:.9rem;line-height:1.35}
.production-page--vi .why-master__card p{font-size:.66rem;line-height:1.5}
.production-page--vi .why-showcase__intro{margin:-4px 6px 14px;color:#9d978e;font-size:.7rem;line-height:1.55;text-align:center}
.production-page--vi .why-showcase__grid{display:grid;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding:0 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}
.production-page--vi .why-showcase__grid::-webkit-scrollbar{display:none}
.production-page--vi .why-showcase__card{scroll-snap-align:start}
.production-page--vi .why-cta-band__points{grid-template-columns:1fr 1fr}
.production-page--vi .why-cta-band__point span{min-width:25px;color:#f3b94c;font-size:.62rem;font-weight:900;letter-spacing:.06em}}
@media (max-width:900px){.production-page--vi .why-tools-v36{padding:10px 0 10px}
.production-page--vi .why-tools-v36 .why-tool:last-child{grid-column:1/-1}
.production-page--vi .why-tools-v36 .why-tool p{margin-top:6px;font-size:.66rem;line-height:1.45}}
@media (max-width:900px){.production-page--vi .why-hero__note{position:relative;margin-top:12px;padding:10px 11px 10px 13px;border-left:2px solid #ff68bd;background:linear-gradient(90deg,rgba(255,88,181,.06),rgba(255,255,255,0));color:#d6cfc5;font-size:.72rem;line-height:1.55}
.production-page--vi .why-hero__note strong{color:#f1c15f;font-weight:900}
.production-page--vi .why-hero__inner{padding-bottom:24px}}
@media (max-width:900px){.production-page--vi .why-master__head h2{font-size:1.18rem;line-height:1.38;text-wrap:balance}
.production-page--vi .why-master--reasons{padding-top:24px;overflow:hidden}
.production-page--vi .why-master--reasons .why-master__grid{width:calc(100% + 10px);display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10px 10px 0;scrollbar-width:none}
.production-page--vi .why-master--reasons .why-master__grid::-webkit-scrollbar{display:none}
.production-page--vi .why-master--reasons .why-master__card{flex:0 0 min(78vw,300px);min-height:330px;scroll-snap-align:start;display:flex;flex-direction:column;padding:18px 16px 16px}
.production-page--vi .why-master__icon-wrap{width:82px;height:82px}
.production-page--vi .why-master__card h3{min-height:auto}
.production-page--vi .why-master__card p{margin-top:auto;padding-top:10px}
.production-page--vi .why-showcase__intro{margin-bottom:12px}
.production-page--vi .why-showcase__card{min-height:420px}
.production-page--vi .why-showcase__media{height:235px}
.production-page--vi .why-tools-v36{padding-top:18px}
.production-page--vi .why-tools-v36 .why-tool{min-height:142px}
.production-page--vi .why-cta-band__panel{padding:17px 14px 15px}
.production-page--vi .why-cta-band__button{min-height:46px}}
@media (max-width:900px){.production-page--vi .why-kick{padding:6px 0 10px}
.production-page--vi .why-kick__inner{padding:18px 15px;border:1px solid rgba(255,120,195,.18);border-radius:14px;background:linear-gradient(135deg,rgba(255,73,170,.05),rgba(255,183,82,.035),rgba(56,199,255,.03)),#08090c;text-align:center}
.production-page--vi .why-kick__inner p{margin:0;color:#f5efe5;font-size:1.08rem;font-weight:900;line-height:1.48}
.production-page--vi .why-kick__inner small{display:block;margin-top:8px;color:#aaa49a;font-size:.72rem;line-height:1.55}
.production-page--vi .why-kick__pulse{display:block;width:72px;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent,#ff74bf,#ffc15a,transparent)}
.production-page--vi .why-kick__pulse--right{margin:12px auto 0}
.production-page--vi .why-master__head--stack{display:block;text-align:center}
.production-page--vi .why-tools__eyebrow{display:block;margin-bottom:5px;color:#d8aa48;font-size:.56rem;font-weight:900;letter-spacing:.15em}
.production-page--vi .why-tools-v36 .why-tool__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(214,173,65,.15);border-radius:12px;background:#08090b}
.production-page--vi .why-tools-v36 .why-tool,
  .production-page--vi .why-tools-v36 .why-tool:last-child{grid-column:auto;min-height:92px;padding:10px 3px 8px;border:0;border-right:1px solid rgba(255,255,255,.06);border-radius:0;box-shadow:none;background:transparent}
.production-page--vi .why-tools-v36 .why-tool:last-child{border-right:0}
.production-page--vi .why-tools-v36 .why-tool__icon-wrap{width:48px;height:48px;margin:0 auto 5px;animation:none}
.production-page--vi .why-tools-v36 .why-tool__icon-wrap::before,
  .production-page--vi .why-tools-v36 .why-tool__icon-wrap::after{display:none}
.production-page--vi .why-tools-v36 .why-tool h3{font-size:.52rem;line-height:1.15}
.production-page--vi .why-tools-v36 .why-tool p{display:none}}
@media (max-width:900px){.production-page--vi .why-director{padding:10px 0 14px}
.production-page--vi .why-director__panel{position:relative;overflow:hidden;padding:20px 16px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,rgba(255,79,180,.07),transparent 45%),
      radial-gradient(circle at 92% 12%,rgba(93,184,255,.08),transparent 32%),
      #080a0e}
.production-page--vi .why-director__eyebrow{display:block;margin-bottom:9px;color:#e8b85a;font-size:.58rem;font-weight:950;letter-spacing:.13em}
.production-page--vi .why-director__copy h2{margin:0;color:#f4eee4;font-size:1.34rem;font-weight:900;line-height:1.35}
.production-page--vi .why-director__copy h2 span{color:#ff77bc}
.production-page--vi .why-director__copy>p{margin:12px 0 0;color:#c5beb4;font-size:.76rem;line-height:1.62}
.production-page--vi .why-director__copy .why-director__note{color:#9d978e;font-size:.71rem}
.production-page--vi .why-director__stats{display:grid;grid-template-columns:1fr;gap:7px;margin-top:16px}
.production-page--vi .why-director__stat{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border-left:2px solid rgba(255,255,255,.12);background:rgba(255,255,255,.018)}
.production-page--vi .why-director__stat strong{color:#f1c15c;font-size:.88rem;font-weight:950}
.production-page--vi .why-director__stat:nth-child(2) strong{color:#65c8ff}
.production-page--vi .why-director__stat:nth-child(3) strong{color:#ff79c2}
.production-page--vi .why-director__stat span{color:#b7b0a6;font-size:.68rem;line-height:1.45}}
@media (max-width:900px){.production-page--vi .why-local-th{padding:10px 0}
.production-page--vi .why-local-th__panel{padding:18px 15px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:radial-gradient(circle at 12% 15%,rgba(255,93,176,.09),transparent 36%),
      radial-gradient(circle at 88% 85%,rgba(89,198,255,.07),transparent 36%),
      linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
      #08090d}
.production-page--vi .why-local-th__title>span{color:#f4c45f;font-size:.62rem;font-weight:950;letter-spacing:.11em}
.production-page--vi .why-local-th__title h2{margin:8px 0 0;color:#f4eee4;font-size:1.34rem;font-weight:900;line-height:1.3;letter-spacing:-.035em}
.production-page--vi .why-local-th__title h2 strong{color:#ff72bb;font-weight:900}
.production-page--vi .why-local-th__title p{margin:10px 0 0;color:#a9a299;font-size:.76rem;line-height:1.6}
.production-page--vi .why-local-th__list{display:grid;gap:8px;margin-top:14px}
.production-page--vi .why-local-th__list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:12px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.production-page--vi .why-local-th__list article>b{color:#f4c45f;font-size:1rem;font-weight:900}
.production-page--vi .why-local-th__list div{display:flex;flex-direction:column;gap:3px}
.production-page--vi .why-local-th__list strong{color:#f0e9df;font-size:.7rem;font-weight:900;letter-spacing:.03em}
.production-page--vi .why-local-th__list span{color:#a59f96;font-size:.7rem;line-height:1.5}}
@media (max-width:900px){.production-page--vi .why-hero__lead,
  .production-page--vi .why-showcase__body p,
  .production-page--vi .why-director__copy>p,
  .production-page--vi .why-local-th__title p,
  .production-page--vi .why-local-th__list span{text-wrap:pretty}
.production-page--vi .why-master--reasons .why-master__grid,
  .production-page--vi .why-showcase__grid{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-left:1px}
.production-page--vi .why-master--reasons .why-master__card,
  .production-page--vi .why-showcase__card{scroll-snap-stop:always}
.production-page--vi .why-showcase__body{min-height:132px}
.production-page--vi .why-showcase__body h3{text-wrap:balance}
.production-page--vi .why-cta-band__button:focus-visible{outline:2px solid #ffd477;outline-offset:3px}}
@media (prefers-reduced-motion:reduce){.production-page--vi .why-master__icon-wrap,
  .production-page--vi .why-tool__icon-wrap,
  .production-page--vi .why-kick__pulse::after,
  .production-page--vi .why-director__panel::after{animation:none!important}}
@media (max-width:900px){body.production-page .contact-mobile__icon,
  body.production-page .contact-mobile__item>span{border-radius:6px}}
@media (max-width:900px){:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master{padding-top:9px;padding-bottom:9px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master__head{margin-bottom:9px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-hero__lead{margin-top:11px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-hero__note{margin-top:8px}
.production-page--vi .why-hero__inner{min-height:0;padding:276px 0 18px}
.production-page--vi .why-hero__inner{min-height:0;padding:280px 0 18px}
.production-page--ko .why-hero__inner{min-height:0;padding:270px 0 18px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master--reasons{padding-top:13px;padding-bottom:6px;overflow:hidden}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master--reasons .why-master__grid{gap:10px;padding-bottom:5px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master--reasons .why-master__card{flex:0 0 71%;min-height:282px;padding:14px 13px;scroll-snap-align:start}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master__icon-wrap{width:72px;height:72px;margin-bottom:7px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master__card h3{margin-top:7px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master__card p{padding-top:6px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase{padding-top:7px;padding-bottom:8px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase__intro{margin-top:-2px;margin-bottom:9px}
.production-page--vi .why-showcase__grid{grid-auto-columns:71%;gap:10px}
:is(.production-page--vi,.production-page--ko) .why-showcase__card{flex-basis:71%}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase__card{min-height:350px;scroll-snap-align:start}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase__media{height:198px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase__body{min-height:116px;padding:12px 12px 13px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-showcase__body p{margin-top:6px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-kick{padding-top:5px;padding-bottom:7px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-kick__inner{padding:14px 13px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-kick small{margin-top:5px}
.production-page--vi .why-local-th,
  .production-page--vi .why-local-vi,
  .production-page--ko .why-local-ko,
  :is(.production-page--vi,.production-page--vi,.production-page--ko) .why-director{padding-top:6px;padding-bottom:7px}
.production-page--vi .why-local-th__panel,
  .production-page--vi .why-local-vi__panel,
  .production-page--ko .why-local-ko__panel,
  :is(.production-page--vi,.production-page--vi,.production-page--ko) .why-director__panel{gap:12px;padding:15px 14px 14px}
.production-page--vi .why-local-th__title p,
  .production-page--vi .why-local-vi__title p,
  .production-page--ko .why-local-ko__title p,
  :is(.production-page--vi,.production-page--vi,.production-page--ko) .why-director__copy>p{margin-top:8px}
.production-page--vi .why-local-th__list,
  .production-page--vi .why-local-vi__list,
  .production-page--ko .why-local-ko__list,
  :is(.production-page--vi,.production-page--vi,.production-page--ko) .why-director__stats{gap:6px;margin-top:11px}
.production-page--vi .why-local-th__list article,
  .production-page--vi .why-local-vi__list article,
  .production-page--ko .why-local-ko__list article,
  :is(.production-page--vi,.production-page--vi,.production-page--ko) .why-director__stats>div,
  .production-page--vi .why-director__stat{padding:10px 11px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-master--tools{padding-top:8px;padding-bottom:6px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-cta-band{padding-top:7px;padding-bottom:18px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-cta-band__panel{padding:14px 13px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-cta-band__points{margin-top:10px;gap:7px}
:is(.production-page--vi,.production-page--vi,.production-page--ko) .why-cta-band__button{margin-top:12px;min-height:44px}}
@media (max-width:900px){body.production-page .why-cta-band{padding-bottom:8px!important}
body.production-page .site-footer{margin-top:0;padding:11px 12px 9px}
body.production-page .site-footer .wr-2{max-width:430px}
body.production-page .site-footer__grid{gap:8px}
body.production-page .site-footer__brand{gap:7px}
body.production-page .site-footer__brand img{width:34px;height:34px;flex-basis:34px}
body.production-page .site-footer__brand strong{font-size:.78rem}
body.production-page .site-footer__brand span{margin-top:2px;font-size:.56rem;line-height:1.25}
body.production-page .site-footer__primary{gap:5px}
body.production-page .site-footer__primary a{min-height:32px;padding:5px 4px;font-size:.63rem;border-radius:7px}
body.production-page .site-footer__bottom{gap:6px 8px;margin-top:8px;padding-top:7px;padding-bottom:0}
body.production-page .site-footer__visitors{gap:4px}
body.production-page .site-footer__visitors>span{min-height:31px;gap:1px;padding:3px 2px;border-radius:7px}
body.production-page .site-footer__visitors b{font-size:.53rem}
body.production-page .site-footer__visitors strong{font-size:.72rem}
body.production-page .site-footer__copyright{font-size:.55rem}
body.production-page .site-footer__locale{font-size:.58rem}
body.production-page{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
body.production-page .contact-mobile{left:8px;right:8px;bottom:max(5px,env(safe-area-inset-bottom));padding:4px;gap:4px;border-radius:14px}
body.production-page .contact-mobile__item{height:44px;padding:2px;gap:2px;border-radius:9px}
body.production-page .contact-mobile__icon,
  body.production-page .contact-mobile__item>span{width:20px;height:20px;flex-basis:20px}
body.production-page .contact-mobile__item>strong{font-size:8.7px}}

/* ===== TH WHY LOUIE REBUILD v23.0 MOBILE ===== */
@media (max-width:900px){
.whyx-page{background:#050606;color:#f5efe6}.whyx-shell{width:calc(100% - 20px);margin-inline:auto}.whyx-eyebrow,.whyx-head>span,.whyx-experience__years>span,.whyx-local-flow__eyebrow,.whyx-brief__copy>span,.whyx-final__inner>div>span{display:block;color:#d5aa45;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.whyx-hero{min-height:480px;border-bottom:1px solid rgba(217,173,67,.17);background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.15) 34%,rgba(0,0,0,.78) 56%,#050606 82%),url('/assets/why-louie/vi/vi-why-hero-v96.webp') right 18% top 48px/auto 250px no-repeat,#050606}.whyx-hero__inner{min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;padding:128px 0 28px}.whyx-hero h1{margin-top:8px;color:#f8f2e9;font-size:clamp(30px,9vw,40px);font-weight:950;line-height:1.07;letter-spacing:-.05em}.whyx-hero h1 span,.whyx-head h2 em,.whyx-local-flow h2 em,.whyx-brief__copy h2 em{color:#e0b44b;font-style:normal}.whyx-hero__lead{margin-top:14px;color:#d0c9bf;font-size:13px;font-weight:650;line-height:1.65}.whyx-hero__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.whyx-hero__tags span{padding:5px 7px;border:1px solid rgba(217,173,67,.22);border-radius:999px;color:#bcae90;font-size:8px;font-weight:850;letter-spacing:.04em}.whyx-hero__note{margin-top:10px;color:#8f8980;font-size:10px;line-height:1.5}.whyx-hero__note strong{color:#e8ddc7}
.whyx-section{padding:42px 0;border-bottom:1px solid rgba(255,255,255,.05)}.whyx-section--experience,.whyx-section--brief{background:#080909}.whyx-head{margin-bottom:20px}.whyx-head--center{text-align:center}.whyx-head h2{margin-top:7px;color:#f4eee4;font-size:27px;font-weight:930;line-height:1.17;letter-spacing:-.045em}.whyx-head p{margin-top:10px;color:#98928a;font-size:11px;line-height:1.6}
.whyx-industry-grid{display:grid;grid-template-columns:1fr;gap:8px}.whyx-industry-card{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b0c0d}.whyx-industry-card>b{float:right;color:#524a3e;font-size:26px}.whyx-industry-card>strong{display:block;color:#d9ad43;font-size:10px;letter-spacing:.06em}.whyx-industry-card h3{margin-top:7px;padding-right:38px;color:#eee8de;font-size:16px;line-height:1.35}.whyx-chip-row{display:flex;gap:5px;margin-top:12px}.whyx-chip-row span{padding:4px 6px;border:1px solid rgba(217,173,67,.16);border-radius:5px;color:#94876e;font-size:7px;font-weight:900}
.whyx-experience{display:grid;gap:10px}.whyx-experience__years,.whyx-local-flow{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0d0e0f}.whyx-experience__years>strong{display:block;margin-top:5px;color:#dfb34a;font-size:76px;font-weight:950;line-height:.9;letter-spacing:-.08em}.whyx-experience__years>strong span{font-size:.42em;vertical-align:top}.whyx-experience__years h2{margin-top:10px;color:#f2ebdf;font-size:23px;font-weight:950;line-height:1.04}.whyx-experience__years p{margin-top:12px;color:#948e86;font-size:11px;line-height:1.6}.whyx-local-flow h2{margin-top:7px;color:#f3ece2;font-size:25px;font-weight:930;line-height:1.16}.whyx-flow-grid{display:grid;gap:7px;margin-top:16px}.whyx-flow-grid article{padding:13px;border:1px solid rgba(217,173,67,.12);border-radius:11px}.whyx-flow-grid b{color:#5c503c;font-size:17px}.whyx-flow-grid strong{display:block;margin-top:5px;color:#d9ad43;font-size:9px}.whyx-flow-grid p{margin-top:4px;color:#99938a;font-size:10px;line-height:1.5}
.whyx-compare{display:grid;gap:8px}.whyx-compare__card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b0c0d}.whyx-compare__card--custom{border-color:rgba(217,173,67,.23);background:linear-gradient(145deg,rgba(217,173,67,.06),transparent 45%),#0b0c0d}.whyx-compare__label{color:#8c867e;font-size:8px;font-weight:900;letter-spacing:.11em}.whyx-compare__card--custom .whyx-compare__label{color:#d9ad43}.whyx-template-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0}.whyx-template-stack i{height:74px;border-radius:7px;background:linear-gradient(180deg,#252628 0 22%,#151618 22% 58%,#242527 58% 66%,#121315 66%)}.whyx-custom-factors{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:15px 0}.whyx-custom-factors span{display:grid;place-items:center;min-height:40px;border:1px solid rgba(217,173,67,.16);border-radius:8px;color:#cbb888;font-size:9px;text-align:center}.whyx-compare__card h3{color:#eee8df;font-size:17px;line-height:1.35}.whyx-compare__card p{margin-top:7px;color:#918b83;font-size:10px;line-height:1.55}.whyx-compare__arrow{display:none}
.whyx-brief{display:grid;gap:9px}.whyx-brief__copy,.whyx-brief__board{padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b0c0d}.whyx-brief__copy h2{margin-top:7px;color:#f2ece2;font-size:25px;font-weight:930;line-height:1.15}.whyx-brief__copy p{margin-top:11px;color:#969087;font-size:11px;line-height:1.6}.whyx-trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:14px}.whyx-trust-row b{padding:6px;border:1px solid rgba(217,173,67,.16);border-radius:7px;color:#c8b27d;font-size:8px;text-align:center}.whyx-brief__board>p{color:#d9ad43;font-size:10px;font-weight:900}.whyx-brief__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.whyx-brief__grid article{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#101112}.whyx-brief__grid b{color:#5e523e;font-size:18px}.whyx-brief__grid strong{display:block;margin-top:6px;color:#eee7dc;font-size:11px}.whyx-brief__grid span{display:block;margin-top:3px;color:#8e8880;font-size:8px}
.whyx-pipeline{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.whyx-pipeline article{min-height:105px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0c0d0e}.whyx-pipeline article b{color:#5d513d;font-size:18px}.whyx-pipeline article strong{display:block;margin-top:10px;color:#d9ad43;font-size:9px}.whyx-pipeline article span{display:block;margin-top:4px;color:#928c84;font-size:8px;line-height:1.4}.whyx-pipeline>i{display:none}
.whyx-final{padding:34px 0 92px;background:#080909}.whyx-final__inner{padding:19px;border:1px solid rgba(217,173,67,.2);border-radius:16px;background:linear-gradient(145deg,rgba(217,173,67,.05),rgba(255,255,255,.01))}.whyx-final h2{margin-top:7px;color:#f2ebe1;font-size:24px;font-weight:930;line-height:1.16}.whyx-final p{margin-top:9px;color:#938d85;font-size:10px;line-height:1.55}.whyx-final a{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:16px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#efce74,#d4a63d);color:#111;font-size:11px;font-weight:950}.whyx-final a b{font-size:17px}
}

/* ===== TH WHY COPY POLISH v23.2 MOBILE ===== */
@media (max-width:900px){
.whyx-hero__slogan{margin:11px 0 0;color:#f4ede3;font-size:16px;font-weight:900;line-height:1.3;letter-spacing:-.03em}
.whyx-hero__slogan strong{color:#dfb34a;font-weight:950}
.whyx-local-flow__intro{margin:10px 0 0;color:#99928a;font-size:10px;line-height:1.6}
.whyx-brief__closing{margin:11px 0 0!important;padding-top:10px;border-top:1px solid rgba(217,173,67,.11);color:#b9a77e!important;font-size:9px!important;font-weight:800;line-height:1.5}
.whyx-final__slogan{margin-top:10px!important;color:#ece4d8!important;font-size:12px;font-weight:850;line-height:1.45}
.whyx-final__slogan strong{color:#deb24a;font-weight:950}
}

/* WHY LOUIE v23.4 — explanatory visual system / mobile */
@media (max-width:900px){
  .whyx-local-visual{display:grid;grid-template-columns:1fr 72px 1fr;gap:7px;align-items:center;margin:14px 0 4px;padding:10px;border:1px solid rgba(217,173,67,.14);border-radius:13px;background:linear-gradient(135deg,rgba(217,173,67,.035),rgba(255,255,255,.01))}
  .whyx-local-device{position:relative;min-height:116px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#090a0b}.whyx-local-device__flag{position:absolute;left:8px;top:8px;z-index:2;display:grid;place-items:center;width:27px;height:18px;border:1px solid rgba(255,255,255,.09);border-radius:5px;color:#aaa49b;font-size:6px;font-weight:950}.whyx-local-device--th .whyx-local-device__flag{border-color:rgba(217,173,67,.24);color:#dfb54e}.whyx-local-device__screen{position:absolute;inset:30px 7px 7px;padding:8px;border-radius:8px;background:linear-gradient(155deg,#151619,#090a0b)}.whyx-local-device__screen i{display:block;width:58%;height:34px;border-radius:5px;background:linear-gradient(145deg,#2a2c2f,#141618)}.whyx-local-device--th .whyx-local-device__screen i{background:radial-gradient(circle at 70% 25%,rgba(255,75,164,.28),transparent 28%),linear-gradient(145deg,#251720,#111214)}.whyx-local-device__screen b,.whyx-local-device__screen em{display:block;font-style:normal}.whyx-local-device__screen b{margin-top:6px;color:#ded7cc;font-size:7px}.whyx-local-device__screen em{margin-top:2px;color:#746f68;font-size:5px;letter-spacing:.04em}.whyx-local-process{display:grid;justify-items:center;gap:4px;text-align:center}.whyx-local-process>span{color:#6d6556;font-size:5px;font-weight:900}.whyx-local-process>b{color:#d9ad43;font-size:9px}.whyx-local-process>div{display:grid;gap:3px;width:100%}.whyx-local-process i{padding:3px;border:1px solid rgba(217,173,67,.12);border-radius:4px;color:#8e8167;font-size:5px;font-style:normal;font-weight:900}

  .whyx-template-visual,.whyx-custom-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0 8px}.whyx-template-mini,.whyx-custom-mini{position:relative;min-height:92px;padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#111315;overflow:hidden}.whyx-template-mini>span,.whyx-custom-mini>span{position:absolute;right:5px;top:5px;color:#6f6a63;font-size:5px;font-weight:950}.whyx-template-mini i,.whyx-custom-mini i{display:block;height:40px;border-radius:5px;background:linear-gradient(155deg,#292b2e,#151719)}.whyx-template-mini b,.whyx-template-mini em,.whyx-custom-mini b,.whyx-custom-mini em{display:block;font-style:normal}.whyx-template-mini b,.whyx-custom-mini b{margin-top:6px;color:#d8d1c7;font-size:6px;white-space:nowrap}.whyx-template-mini em,.whyx-custom-mini em{margin-top:2px;color:#65605a;font-size:4px;letter-spacing:.03em}.whyx-custom-mini{border-color:rgba(217,173,67,.12)}.whyx-custom-mini--ktv i{background:radial-gradient(circle at 70% 25%,rgba(255,195,74,.24),transparent 28%),linear-gradient(145deg,#211b10,#101214)}.whyx-custom-mini--spa i{background:radial-gradient(circle at 70% 25%,rgba(255,116,176,.26),transparent 28%),linear-gradient(145deg,#24151d,#101214)}.whyx-custom-mini--club i{background:radial-gradient(circle at 70% 25%,rgba(84,168,255,.28),transparent 28%),linear-gradient(145deg,#101d29,#101214)}.whyx-custom-mini--ktv>span{color:#d9ad43}.whyx-custom-mini--spa>span{color:#dd8ba8}.whyx-custom-mini--club>span{color:#76b5e0}.whyx-visual-caption{display:flex;justify-content:space-between;gap:7px;margin:0 0 10px;padding:6px 7px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0d0e0f}.whyx-visual-caption b{color:#827c74;font-size:5px;letter-spacing:.07em}.whyx-visual-caption span{color:#6b665f;font-size:5px}.whyx-visual-caption--gold{border-color:rgba(217,173,67,.13)}.whyx-visual-caption--gold b{color:#d9ad43}.whyx-visual-caption--gold span{color:#917f60}.whyx-compare__card--custom .whyx-custom-factors{margin-top:6px}

  .whyx-brief-mock{margin:10px 0 12px;padding:8px;border:1px solid rgba(217,173,67,.12);border-radius:10px;background:#0d0e0f}.whyx-brief-mock__top{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.whyx-brief-mock__top span{color:#d9ad43;font-size:6px;font-weight:950}.whyx-brief-mock__top b{color:#6e685f;font-size:5px}.whyx-brief-mock__chat{display:grid;gap:5px;padding:8px 0}.whyx-brief-mock__chat i{max-width:78%;padding:6px 7px;border-radius:7px;font-size:6px;font-style:normal}.whyx-brief-mock__chat .is-client{justify-self:end;background:#202225;color:#a9a49c}.whyx-brief-mock__chat .is-louie{justify-self:start;border:1px solid rgba(217,173,67,.14);background:rgba(217,173,67,.045);color:#c8b57f}.whyx-brief-mock__flow{display:grid;grid-template-columns:1fr;gap:3px}.whyx-brief-mock__flow span{padding:4px;border:1px solid rgba(255,255,255,.05);border-radius:5px;color:#7e776f;font-size:5px;font-weight:900;text-align:center}.whyx-brief-mock__flow b{display:none}

  .whyx-system-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 12px;padding:7px;border:1px solid rgba(217,173,67,.12);border-radius:11px;background:linear-gradient(135deg,rgba(217,173,67,.03),rgba(255,255,255,.008))}.whyx-system-screen{min-height:72px;padding:5px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0b0c0d}.whyx-system-screen span{color:#777168;font-size:4px;font-weight:950}.whyx-system-screen i{display:block;height:29px;margin-top:4px;border-radius:4px;background:linear-gradient(145deg,#25272a,#121416)}.whyx-system-screen b{display:block;margin-top:5px;color:#c9c1b6;font-size:5px;letter-spacing:.02em}.whyx-system-screen--motion i{background:repeating-linear-gradient(90deg,#17191c 0 8px,#262930 8px 9px)}.whyx-system-screen--ai i{background:radial-gradient(circle at 60% 40%,rgba(82,155,255,.25),transparent 30%),linear-gradient(145deg,#14202b,#101214)}.whyx-system-screen--final i{background:radial-gradient(circle at 50% 30%,rgba(217,173,67,.24),transparent 30%),linear-gradient(145deg,#211b10,#111214)}.whyx-system-node{display:none}

  .whyx-final__inner{display:block}.whyx-click-visual{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:5px;margin-top:14px}.whyx-click-phone{position:relative;min-height:118px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b0c0d}.whyx-click-phone:before{content:"";position:absolute;left:50%;top:4px;width:24px;height:3px;border-radius:999px;background:#2b2d30;transform:translateX(-50%)}.whyx-click-phone span,.whyx-click-phone b,.whyx-click-phone em{display:block;font-style:normal}.whyx-click-phone span{margin-top:6px;color:#777168;font-size:5px;font-weight:950}.whyx-click-phone i{display:block;height:56px;margin-top:6px;border-radius:7px;background:linear-gradient(145deg,#202225,#121416)}.whyx-click-phone b{margin-top:5px;color:#8f8981;font-size:6px}.whyx-click-phone em{margin-top:2px;color:#5d5852;font-size:5px}.whyx-click-phone.is-click{border-color:rgba(217,173,67,.24);background:linear-gradient(160deg,rgba(217,173,67,.045),transparent 44%),#0b0c0d}.whyx-click-phone.is-click span{color:#d9ad43}.whyx-click-phone.is-click i{background:radial-gradient(circle at 68% 28%,rgba(255,61,159,.28),transparent 29%),radial-gradient(circle at 28% 75%,rgba(217,173,67,.2),transparent 25%),linear-gradient(145deg,#24151d,#111214)}.whyx-click-phone.is-click b{color:#e0d8cc}.whyx-click-arrow{text-align:center;color:#d7ad43;font-size:14px;font-weight:950}
}

/* v23.5 TH WHY LOUIE mobile final readability / density polish */
@media (max-width:900px){
  .production-page--vi .whyx-section{padding:36px 0}
  .production-page--vi .whyx-head{margin-bottom:16px}
  .production-page--vi .whyx-head h2{font-size:24px;line-height:1.13;letter-spacing:-.04em}
  .production-page--vi .whyx-head p{margin-top:8px;font-size:11px;line-height:1.55}

  .production-page--vi .whyx-industry-grid{gap:9px}
  .production-page--vi .whyx-industry-card{padding:15px 15px 14px}
  .production-page--vi .whyx-industry-card h3{font-size:15px;line-height:1.32}

  .production-page--vi .whyx-experience{gap:12px}
  .production-page--vi .whyx-experience__years,
  .production-page--vi .whyx-local-flow{padding:17px}
  .production-page--vi .whyx-experience__years>strong{font-size:66px}
  .production-page--vi .whyx-experience__years h2{font-size:21px}
  .production-page--vi .whyx-experience__years p{margin-top:10px;font-size:10.5px;line-height:1.55}
  .production-page--vi .whyx-local-flow h2{font-size:23px;line-height:1.13}
  .production-page--vi .whyx-local-flow__intro{font-size:10px;line-height:1.55}
  .production-page--vi .whyx-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
  .production-page--vi .whyx-flow-grid article{min-height:104px;padding:12px}
  .production-page--vi .whyx-flow-grid b{font-size:16px}
  .production-page--vi .whyx-flow-grid strong{font-size:8.5px}
  .production-page--vi .whyx-flow-grid p{font-size:9px;line-height:1.45}

  .production-page--vi .whyx-compare{gap:10px}
  .production-page--vi .whyx-compare__card{padding:15px}
  .production-page--vi .whyx-template-visual,
  .production-page--vi .whyx-custom-visual{margin:12px 0 8px;gap:4px}
  .production-page--vi .whyx-template-mini,
  .production-page--vi .whyx-custom-mini{min-height:82px;padding:5px}
  .production-page--vi .whyx-template-mini i,
  .production-page--vi .whyx-custom-mini i{height:34px}
  .production-page--vi .whyx-visual-caption{margin-bottom:8px}
  .production-page--vi .whyx-custom-factors{gap:6px;margin:9px 0 13px}
  .production-page--vi .whyx-custom-factors span{min-height:38px;font-size:8.5px}
  .production-page--vi .whyx-compare__card h3{font-size:16px}

  .production-page--vi .whyx-brief{gap:11px}
  .production-page--vi .whyx-brief__copy,
  .production-page--vi .whyx-brief__board{padding:16px}
  .production-page--vi .whyx-brief__copy h2{font-size:23px;line-height:1.12}
  .production-page--vi .whyx-brief__copy p{font-size:10.5px;line-height:1.55}
  .production-page--vi .whyx-brief-mock{margin:9px 0 10px}
  .production-page--vi .whyx-brief-mock__flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .production-page--vi .whyx-brief-mock__flow span{padding:5px 2px;font-size:4.8px}
  .production-page--vi .whyx-brief__grid article{padding:11px}
  .production-page--vi .whyx-brief__grid strong{font-size:10.5px}

  .production-page--vi .whyx-section--system{padding-top:38px;padding-bottom:36px}
  .production-page--vi .whyx-section--system .whyx-head h2{font-size:23px;line-height:1.12}
  .production-page--vi .whyx-system-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;margin-bottom:12px}
  .production-page--vi .whyx-system-screen{min-height:76px;padding:6px}
  .production-page--vi .whyx-system-screen span{font-size:5px}
  .production-page--vi .whyx-system-screen i{height:30px;margin-top:5px}
  .production-page--vi .whyx-system-screen b{font-size:5.5px}
  .production-page--vi .whyx-system-screen:nth-of-type(4),
  .production-page--vi .whyx-system-screen:nth-of-type(5){min-height:76px}
  .production-page--vi .whyx-pipeline{gap:7px}
  .production-page--vi .whyx-pipeline article{min-height:96px;padding:12px}
  .production-page--vi .whyx-pipeline article strong{margin-top:8px}

  .production-page--vi .whyx-final{padding:30px 0 96px}
  .production-page--vi .whyx-final__inner{padding:17px}
  .production-page--vi .whyx-final h2{font-size:23px}
  .production-page--vi .whyx-click-visual{margin-top:13px}
}

@media (max-width:390px){
  .production-page--vi .whyx-head h2{font-size:22px}
  .production-page--vi .whyx-local-flow h2,
  .production-page--vi .whyx-brief__copy h2{font-size:21px}
  .production-page--vi .whyx-flow-grid{grid-template-columns:1fr}
  .production-page--vi .whyx-flow-grid article{min-height:0}
  .production-page--vi .whyx-system-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   WHY LOUIE TH · MOBILE V25.11
   Current Blade V25.x sync / mobile-only UI/UX consolidation
   Scope: max-width 900px only. PC is untouched.
   ========================================================= */
@media (max-width:900px){
  /* Global rhythm */
  .whyx-page{overflow-x:hidden}
  .whyx-shell{width:calc(100% - 28px);max-width:620px;margin-inline:auto}
  .whyx-section{padding:38px 0}
  .whyx-section--specialist{padding-top:34px}
  .whyx-section--experience,
  .whyx-section--brief{background:#080909}
  .whyx-head{margin-bottom:18px}
  .whyx-head--center{max-width:560px;margin-left:auto;margin-right:auto}
  .whyx-head h2{font-size:clamp(24px,7.1vw,30px);line-height:1.18;letter-spacing:-.045em}
  .whyx-head p{margin-top:9px;font-size:11px;line-height:1.62}
  .whyx-eyebrow,
  .whyx-head>span,
  .whyx-experience__years>span,
  .whyx-local-flow__eyebrow,
  .whyx-brief__copy>span,
  .whyx-final__copy>span{font-size:9px;letter-spacing:.12em}

  /* HERO: keep current artwork, tighten typography and vertical rhythm */
  .whyx-hero{min-height:0;background-position:right 18% top 48px;background-size:auto 250px}
  .whyx-hero__inner{min-height:0;padding:250px 0 28px;justify-content:flex-end}
  .whyx-hero h1{font-size:clamp(31px,9.4vw,41px);line-height:1.06}
  .whyx-hero__slogan{margin-top:12px;font-size:16px;line-height:1.35}
  .whyx-hero__lead{margin-top:14px;font-size:12px;line-height:1.66}
  .whyx-hero__tags{gap:6px;margin-top:15px}
  .whyx-hero__tags span{padding:6px 8px;font-size:8px}
  .whyx-hero__note{margin-top:11px;font-size:10px;line-height:1.55}

  /* 02 NIGHTLIFE SPECIALIST: 2-column cards, controlled icons */
  .whyx-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .whyx-industry-card{position:relative;min-width:0;min-height:206px;padding:14px 13px 13px;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),#0b0c0d}
  .whyx-industry-card>b{position:absolute;right:12px;top:10px;float:none;color:#524a3e;font-size:22px;line-height:1}
  .whyx-industry-icon{width:54px!important;height:54px!important;max-width:54px!important;margin:12px 0 14px;object-fit:contain!important;object-position:center;opacity:.96}
  .whyx-industry-card>strong{font-size:9px;line-height:1.25;letter-spacing:.055em}
  .whyx-industry-card h3{margin-top:7px;padding-right:0;font-size:13px;line-height:1.42;letter-spacing:-.02em}
  .whyx-chip-row{flex-wrap:wrap;gap:4px;margin-top:10px}
  .whyx-chip-row span{padding:4px 5px;font-size:6.6px}
  .whyx-industry-card:nth-child(5){grid-column:1/-1;min-height:132px;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:center}
  .whyx-industry-card:nth-child(5) .whyx-industry-icon{grid-column:1;grid-row:1/4;width:62px!important;height:62px!important;max-width:62px!important;margin:0}
  .whyx-industry-card:nth-child(5)>strong{grid-column:2;grid-row:1;align-self:end}
  .whyx-industry-card:nth-child(5) h3{grid-column:2;grid-row:2;margin-top:5px;align-self:center}
  .whyx-industry-card:nth-child(5) .whyx-chip-row{grid-column:2;grid-row:3;margin-top:4px;align-self:start}

  /* 03 EXPERIENCE: compress years card + 2x2 localization reasons */
  .whyx-experience{display:grid;gap:10px}
  .whyx-experience__years{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-areas:'eyebrow copy' 'number title' 'number body';column-gap:16px;row-gap:2px;padding:18px;border-radius:15px}
  .whyx-experience__years>span{grid-area:eyebrow;align-self:end}
  .whyx-experience__years>strong{grid-area:number;align-self:start;margin-top:4px;font-size:64px;line-height:.88}
  .whyx-experience__years h2{grid-area:title;margin-top:2px;font-size:20px;line-height:1.03}
  .whyx-experience__years p{grid-area:body;margin-top:8px;font-size:10px;line-height:1.55}
  .whyx-local-flow{padding:18px;border-radius:15px}
  .whyx-local-flow h2{font-size:24px;line-height:1.16}
  .whyx-local-flow__intro{font-size:10px;line-height:1.58}
  .whyx-local-visual{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:6px;margin:13px 0 0;padding:9px}
  .whyx-local-device{min-height:108px;padding:7px}
  .whyx-local-process>span{font-size:6px}
  .whyx-local-process>b{font-size:10px}
  .whyx-local-process div{gap:3px}
  .whyx-local-process i{min-height:20px;font-size:5.6px}
  .whyx-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
  .whyx-flow-grid article{min-height:112px;padding:12px}
  .whyx-flow-grid b{font-size:18px}
  .whyx-flow-grid strong{font-size:8.5px;line-height:1.3}
  .whyx-flow-grid p{font-size:9px;line-height:1.48}

  /* 04 CURRENT -> LOUIE: use CURRENT V25 markup on mobile; remove legacy mockup */
  .whyx-section--custom .whyx-head{margin-bottom:16px}
  .whyx-section--custom .whyx-head h2 br{display:none}
  .whyx-upgrade-pc{display:block!important}
  .whyx-compare--legacy-mobile{display:none!important}
  .whyx-upgrade-row{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#0b0c0d}
  .whyx-upgrade-row--louie{border-color:rgba(217,173,67,.30);background:linear-gradient(145deg,rgba(217,173,67,.055),transparent 48%),#0b0c0d}
  .whyx-upgrade-row__head{display:grid;gap:8px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}
  .whyx-upgrade-row__head>div:first-child{min-width:0}
  .whyx-upgrade-row__eyebrow{display:block;color:#8f8980;font-size:7.5px;font-weight:900;letter-spacing:.11em}
  .whyx-upgrade-row--louie .whyx-upgrade-row__eyebrow{color:#d9ad43}
  .whyx-upgrade-row__head h3{margin-top:4px;color:#f0e9de;font-size:14px;line-height:1.3}
  .whyx-upgrade-row__head>p{margin:0;color:#8f8980;font-size:9px;line-height:1.5}
  .whyx-upgrade-row__signals{display:flex;flex-wrap:wrap;gap:4px}
  .whyx-upgrade-row__signals span{padding:4px 7px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#7f7a73;font-size:6.5px;line-height:1}
  .whyx-upgrade-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(74vw,286px);grid-template-columns:none;gap:8px;margin-top:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:3px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .whyx-upgrade-grid::-webkit-scrollbar{display:none}
  .whyx-upgrade-sample{min-width:0;margin:0;scroll-snap-align:start}
  .whyx-upgrade-sample__media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#050606}
  .whyx-upgrade-row--louie .whyx-upgrade-sample__media{border-color:rgba(217,173,67,.30)}
  .whyx-upgrade-sample__media>span{position:absolute;right:7px;top:7px;z-index:3;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(5,6,6,.72);color:#a59d91;font-size:7px;font-weight:900;backdrop-filter:blur(8px)}
  .whyx-upgrade-row--louie .whyx-upgrade-sample__media>span{border-color:rgba(217,173,67,.30);color:#e0b54d}
  .whyx-upgrade-sample__image{width:100%;height:100%;object-fit:contain!important;background:#050606}
  .whyx-upgrade-arrow{display:grid;place-items:center;width:34px;height:34px;margin:10px auto;border:1px solid rgba(217,173,67,.28);border-radius:50%;background:#0a0b0b;color:#dfb44b;font-size:18px;line-height:1}
  .whyx-upgrade-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:11px}
  .whyx-upgrade-factors span{display:grid;place-items:center;min-height:36px;padding:5px;border:1px solid rgba(217,173,67,.15);border-radius:7px;color:#b8a579;font-size:8px;text-align:center}
  .whyx-upgrade-row__closing{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:7px 9px;border:1px solid rgba(217,173,67,.13);border-radius:7px}
  .whyx-upgrade-row__closing b{color:#d9ad43;font-size:7px;letter-spacing:.05em}
  .whyx-upgrade-row__closing span{color:#847d73;font-size:6.5px;text-align:right}

  /* 05 DIRECT: one compact information path, no orphan third card */
  .whyx-brief{display:grid;gap:9px}
  .whyx-brief__copy,.whyx-brief__board{padding:18px;border-radius:15px}
  .whyx-brief__copy h2{font-size:24px;line-height:1.16}
  .whyx-brief__copy p{font-size:10.5px;line-height:1.62}
  .whyx-trust-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .whyx-trust-row b{padding:7px 3px;font-size:7px}
  .whyx-brief__board-head{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(217,173,67,.11)}
  .whyx-brief__board-head>div>span{display:block;color:#8c867e;font-size:7px;font-weight:900;letter-spacing:.11em}
  .whyx-brief__board-head>div>p{margin-top:2px;color:#d9ad43;font-size:11px;font-weight:900}
  .whyx-brief__board-head>b{color:#ece5da;font-size:11px;line-height:1.45}
  .whyx-brief__grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}
  .whyx-brief__grid article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-height:68px;padding:10px 11px}
  .whyx-brief__grid article>b{grid-column:1;grid-row:1/3;align-self:center;font-size:20px;line-height:1}
  .whyx-brief__grid article>strong{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:11px;line-height:1.3}
  .whyx-brief__grid article>span{grid-column:2;grid-row:2;align-self:start;margin-top:3px;font-size:8px;line-height:1.4}
  .whyx-brief-mock{margin-top:9px;padding:10px 10px 9px;border:1px solid rgba(217,173,67,.14);border-radius:11px;background:#090a0b}
  .whyx-brief-mock__top{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.055)}
  .whyx-brief-mock__top span{color:#d9ad43;font-size:7px;font-weight:900}
  .whyx-brief-mock__top b{color:#777169;font-size:6.5px}
  .whyx-brief-mock__chat{display:grid;gap:5px;margin-top:9px}
  .whyx-brief-mock__chat i{width:max-content;max-width:76%;padding:7px 9px;border-radius:9px;background:#1c1e20;color:#aaa39a;font-size:7.5px;font-style:normal;line-height:1.35}
  .whyx-brief-mock__chat .is-client{justify-self:end}
  .whyx-brief-mock__chat .is-louie{justify-self:start;border:1px solid rgba(217,173,67,.19);background:rgba(217,173,67,.035);color:#c4ad77}
  .whyx-brief-mock__flow--standalone{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:4px;margin-top:8px}
  .whyx-brief-mock__flow--standalone span{min-width:0;padding:7px 4px;border:1px solid rgba(255,255,255,.06);border-radius:7px;color:#888178;font-size:6px;font-weight:800;text-align:center;white-space:nowrap}
  .whyx-brief-mock__flow--standalone span small{margin-right:3px;color:#d9ad43;font-size:6px}
  .whyx-brief-mock__flow--standalone>b{color:#9d7a2e;font-size:11px}
  .whyx-brief__closing{margin-top:9px!important;padding-top:9px;font-size:8.5px!important;line-height:1.5}

  /* 06 PROFESSIONAL + AI: compact 2-col production map + 2x3 real workflow */
  .whyx-section--system{padding-top:38px;padding-bottom:40px}
  .whyx-section--system .whyx-head{margin-bottom:18px}
  .whyx-section--system .whyx-head h2{font-size:clamp(25px,7.3vw,30px)}
  .whyx-section--system .whyx-head p{font-size:10.5px;line-height:1.62}
  .whyx-system-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;border:1px solid rgba(217,173,67,.17);border-radius:14px;background:rgba(255,255,255,.008)}
  .whyx-system-node{display:none!important}
  .whyx-system-screen{position:relative;min-width:0;height:126px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0d0e0f;overflow:hidden}
  .whyx-system-screen--final{grid-column:1/-1;height:104px}
  .whyx-system-screen>span{display:block;color:#8d867c;font-size:7px;font-weight:900;line-height:1.2}
  .whyx-system-screen>b{position:absolute;left:11px;bottom:10px;color:#d7cbb7;font-size:8px;line-height:1.3}
  .whyx-system-screen>i{position:absolute;left:11px;right:11px;top:42px;height:44px;border-radius:6px;background:rgba(255,255,255,.035)}
  .whyx-system-screen--motion>i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 13px),#121416}
  .whyx-system-screen--ai>i{background:radial-gradient(circle at 68% 50%,rgba(34,122,205,.22),transparent 31%),#0b1620}
  .whyx-system-screen--final>i{background:radial-gradient(circle at 50% 50%,rgba(217,173,67,.20),transparent 25%),#17140d}
  .whyx-pipeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
  .whyx-pipeline>i{display:none!important}
  .whyx-pipeline article{min-height:104px;padding:12px;border-radius:11px}
  .whyx-pipeline article b{font-size:20px;line-height:1}
  .whyx-pipeline article strong{margin-top:12px;font-size:9px;line-height:1.25}
  .whyx-pipeline article span{margin-top:5px;font-size:8px;line-height:1.45}

  /* 07 FIRST IMPRESSION: keep single-card composition, improve density */
  .whyx-final{padding:34px 0 88px}
  .whyx-final__inner{display:grid;grid-template-columns:1fr;gap:15px;min-height:0;padding:18px;border-radius:15px}
  .whyx-final__copy{padding:0}
  .whyx-final__copy>span{margin:0 0 8px}
  .whyx-final h2{margin:0;font-size:24px;line-height:1.18}
  .whyx-final__copy>p:not(.whyx-final__slogan){margin-top:9px;font-size:10px;line-height:1.55}
  .whyx-final__slogan{margin-top:10px!important;font-size:11px!important;line-height:1.45}
  .whyx-click-visual{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:0}
  .whyx-click-phone{height:174px;padding:14px 11px 11px;border-radius:11px}
  .whyx-click-phone::before{top:7px;width:30px;height:3px;left:calc(50% - 15px)}
  .whyx-click-phone>span{margin-top:7px;font-size:7.5px}
  .whyx-click-phone>i{height:74px;margin:10px 0 8px}
  .whyx-click-phone>b{font-size:8.5px}
  .whyx-click-phone>em{font-size:7px}
  .whyx-click-arrow{font-size:22px}
  .whyx-final__cta{display:block;min-height:0;padding:0;border:0}
  .whyx-final__cta>a{width:100%;min-height:50px;margin:0;padding:0 16px;border-radius:999px;font-size:11px}

  /* Fixed messenger bar: preserve it, but reduce content obstruction */
  body.production-page{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .contact-mobile{left:8px;right:8px;bottom:max(6px,env(safe-area-inset-bottom));gap:4px;padding:4px;border-radius:14px}
  .contact-mobile__item{height:48px;gap:2px;border-radius:9px}
  .contact-mobile__icon,
  .contact-mobile__item>span{width:22px;height:22px;flex-basis:22px}
  .contact-mobile__item>strong{font-size:9px}
}

@media (max-width:420px){
  .whyx-shell{width:calc(100% - 24px)}
  .whyx-hero__inner{padding-top:238px}
  .whyx-industry-card{min-height:198px;padding-left:12px;padding-right:12px}
  .whyx-industry-card h3{font-size:12.5px}
  .whyx-experience__years{grid-template-columns:100px minmax(0,1fr);column-gap:13px}
  .whyx-experience__years>strong{font-size:60px}
  .whyx-experience__years h2{font-size:18px}
  .whyx-upgrade-grid{grid-auto-columns:min(78vw,278px)}
  .whyx-click-phone{height:166px}
  .whyx-click-phone>i{height:69px}
}

@media (max-width:360px){
  .whyx-industry-grid{grid-template-columns:1fr}
  .whyx-industry-card{min-height:138px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:center}
  .whyx-industry-card .whyx-industry-icon{grid-column:1;grid-row:1/4;width:54px!important;height:54px!important;margin:0}
  .whyx-industry-card>strong{grid-column:2;grid-row:1;align-self:end}
  .whyx-industry-card h3{grid-column:2;grid-row:2;margin-top:5px}
  .whyx-industry-card .whyx-chip-row{grid-column:2;grid-row:3;margin-top:4px}
  .whyx-industry-card:nth-child(5){grid-column:auto}
  .whyx-experience__years{grid-template-columns:90px minmax(0,1fr);padding:15px}
  .whyx-experience__years>strong{font-size:54px}
  .whyx-local-visual{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}
  .whyx-upgrade-grid{grid-auto-columns:82vw}
  .whyx-brief-mock__flow--standalone span{font-size:5.4px}
  .whyx-final__inner{padding:15px}
}

/* =========================================================
   WHY LOUIE TH · MOBILE V25.12
   Readability pass: type scale / contrast / card density only.
   PC untouched.
   ========================================================= */
@media (max-width:900px){
  .whyx-page{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

  /* Global mobile type / contrast */
  .whyx-head h2{font-size:clamp(28px,7.8vw,34px);line-height:1.16;letter-spacing:-.035em;color:#f4eee5}
  .whyx-head p{font-size:14px;line-height:1.7;color:#bdb5aa}
  .whyx-eyebrow,
  .whyx-head>span,
  .whyx-experience__years>span,
  .whyx-local-flow__eyebrow,
  .whyx-brief__copy>span,
  .whyx-final__copy>span{font-size:11px;line-height:1.35;letter-spacing:.10em;color:#dcb24c}

  /* HERO */
  .whyx-hero h1{font-size:clamp(34px,9.8vw,44px);line-height:1.08;letter-spacing:-.045em}
  .whyx-hero__slogan{font-size:19px;line-height:1.42;color:#f0e9df}
  .whyx-hero__lead{font-size:15px;line-height:1.72;color:#c9c0b5}
  .whyx-hero__tags span{padding:7px 10px;font-size:10px;line-height:1.1}
  .whyx-hero__note{font-size:13px;line-height:1.62;color:#b9b1a6}

  /* 02 NIGHTLIFE SPECIALIST */
  .whyx-industry-card>b{font-size:28px;color:#62584a}
  .whyx-industry-card>strong{font-size:11px;line-height:1.3;color:#dcb24c}
  .whyx-industry-card h3{font-size:17px;line-height:1.48;color:#f0e9df}
  .whyx-chip-row span{padding:5px 7px;font-size:9px;line-height:1.05;color:#aaa195}

  /* 03 EXPERIENCE */
  .whyx-experience__years h2{font-size:24px;line-height:1.08;color:#f4eee5}
  .whyx-experience__years p{font-size:13px;line-height:1.65;color:#bdb5aa}
  .whyx-local-flow h2{font-size:28px;line-height:1.18;color:#f4eee5}
  .whyx-local-flow__intro{font-size:13px;line-height:1.66;color:#bdb5aa}
  .whyx-local-device{min-height:124px}
  .whyx-local-device strong{font-size:10px}
  .whyx-local-device b{font-size:10px}
  .whyx-local-device span{font-size:8px;line-height:1.35}
  .whyx-local-process>span{font-size:8px;color:#8f877d}
  .whyx-local-process>b{font-size:12px;color:#dcb24c}
  .whyx-local-process i{min-height:24px;font-size:7.5px;color:#aaa195}
  .whyx-flow-grid article{min-height:126px;padding:14px}
  .whyx-flow-grid b{font-size:22px;color:#655b4c}
  .whyx-flow-grid strong{font-size:11.5px;line-height:1.35;color:#dcb24c}
  .whyx-flow-grid p{font-size:11.5px;line-height:1.55;color:#b7afa4}

  /* 04 CURRENT -> LOUIE */
  .whyx-section--custom .whyx-head p{font-size:13.5px}
  .whyx-upgrade-row{padding:15px}
  .whyx-upgrade-row__eyebrow{font-size:9.5px;line-height:1.3;color:#aaa298}
  .whyx-upgrade-row__head h3{font-size:18px;line-height:1.35;color:#f4eee5}
  .whyx-upgrade-row__head>p{font-size:12px;line-height:1.6;color:#b8b0a5}
  .whyx-upgrade-row__signals span{padding:5px 8px;font-size:9px;color:#9f978d}
  .whyx-upgrade-sample__media>span{min-width:25px;height:25px;font-size:9px}
  .whyx-upgrade-factors span{min-height:42px;padding:7px;font-size:11px;line-height:1.35;color:#c4ae7d}
  .whyx-upgrade-row__closing{padding:9px 10px}
  .whyx-upgrade-row__closing b{font-size:9.5px}
  .whyx-upgrade-row__closing span{font-size:9px;line-height:1.35;color:#a49b90}

  /* 05 DIRECT */
  .whyx-brief__copy h2{font-size:28px;line-height:1.18;color:#f4eee5}
  .whyx-brief__copy p{font-size:13.5px;line-height:1.68;color:#bdb5aa}
  .whyx-trust-row b{padding:9px 4px;font-size:9.5px;color:#c9b680}
  .whyx-brief__board-head>div>span{font-size:9.5px;color:#aaa298}
  .whyx-brief__board-head>div>p{font-size:14px;line-height:1.4}
  .whyx-brief__board-head>b{font-size:15px;line-height:1.48;color:#f0e9df}
  .whyx-brief__grid article{grid-template-columns:48px minmax(0,1fr);min-height:82px;padding:13px 14px;column-gap:11px}
  .whyx-brief__grid article>b{font-size:25px;color:#655b4c}
  .whyx-brief__grid article>strong{font-size:14px;line-height:1.35;color:#f0e9df}
  .whyx-brief__grid article>span{font-size:11px;line-height:1.5;color:#aaa298}
  .whyx-brief-mock__top span{font-size:9px}
  .whyx-brief-mock__top b{font-size:8.5px;color:#938b81}
  .whyx-brief-mock__chat i{font-size:10.5px;line-height:1.42;color:#c1b9ae}
  .whyx-brief-mock__flow--standalone span{padding:8px 4px;font-size:8px;color:#a69d92}
  .whyx-brief-mock__flow--standalone span small{font-size:8px}
  .whyx-brief__closing{font-size:11.5px!important;line-height:1.58;color:#c6b27f}

  /* 06 PROFESSIONAL + AI */
  .whyx-section--system .whyx-head h2{font-size:clamp(28px,8vw,34px);line-height:1.18}
  .whyx-section--system .whyx-head p{font-size:13.5px;line-height:1.7;color:#bdb5aa}
  .whyx-system-screen{height:146px;padding:13px}
  .whyx-system-screen--final{height:118px}
  .whyx-system-screen>span{font-size:10px;line-height:1.3;color:#aaa298}
  .whyx-system-screen>b{left:13px;bottom:12px;font-size:11px;line-height:1.35;color:#e0d6c7}
  .whyx-system-screen>i{left:13px;right:13px;top:46px;height:58px}
  .whyx-pipeline article{min-height:122px;padding:14px}
  .whyx-pipeline article b{font-size:27px;color:#655b4c}
  .whyx-pipeline article strong{margin-top:14px;font-size:12px;line-height:1.35;color:#dcb24c}
  .whyx-pipeline article span{margin-top:6px;font-size:10.5px;line-height:1.5;color:#aaa298}

  /* 07 FIRST IMPRESSION */
  .whyx-final h2{font-size:29px;line-height:1.2;color:#f4eee5}
  .whyx-final__copy>p:not(.whyx-final__slogan){font-size:13px;line-height:1.62;color:#bdb5aa}
  .whyx-final__slogan{font-size:13.5px!important;line-height:1.5;color:#e7dfd5}
  .whyx-click-phone>span{font-size:10px;color:#aaa298}
  .whyx-click-phone>b{font-size:11px;color:#ece5da}
  .whyx-click-phone>em{font-size:9px;color:#938b81}
  .whyx-final__cta>a{min-height:56px;font-size:14px;font-weight:900}

  /* Fixed messenger bar stays readable but not dominant */
  .contact-mobile__item>strong{font-size:10px}
}

/* Narrow phones: prioritize readable horizontal cards, not tiny 2-column cards */
@media (max-width:520px){
  .whyx-shell{width:calc(100% - 24px)}
  .whyx-industry-grid{grid-template-columns:1fr;gap:9px}
  .whyx-industry-card,
  .whyx-industry-card:nth-child(5){grid-column:auto;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:13px;align-items:center;min-height:148px;padding:15px 14px}
  .whyx-industry-card .whyx-industry-icon,
  .whyx-industry-card:nth-child(5) .whyx-industry-icon{grid-column:1;grid-row:1/4;width:62px!important;height:62px!important;max-width:62px!important;margin:0}
  .whyx-industry-card>strong,
  .whyx-industry-card:nth-child(5)>strong{grid-column:2;grid-row:1;align-self:end;font-size:11px}
  .whyx-industry-card h3,
  .whyx-industry-card:nth-child(5) h3{grid-column:2;grid-row:2;margin-top:5px;font-size:17px;line-height:1.45}
  .whyx-industry-card .whyx-chip-row,
  .whyx-industry-card:nth-child(5) .whyx-chip-row{grid-column:2;grid-row:3;margin-top:7px;align-self:start}

  .whyx-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .whyx-flow-grid article{min-height:132px}

  .whyx-upgrade-grid{grid-auto-columns:min(84vw,330px)}
  .whyx-click-phone{height:190px}
  .whyx-click-phone>i{height:80px}
}

@media (max-width:370px){
  .whyx-head h2{font-size:27px}
  .whyx-hero h1{font-size:34px}
  .whyx-industry-card h3,
  .whyx-industry-card:nth-child(5) h3{font-size:16px}
  .whyx-flow-grid strong{font-size:10.5px}
  .whyx-flow-grid p{font-size:10.5px}
  .whyx-brief__board-head>b{font-size:14px}
}


/* =========================================================
   WHY LOUIE TH · MOBILE V25.14
   Latest-server structural correction only
   - HERO: same v96 photo as PC
   - NIGHTLIFE 01~05: fixed 2-column grid, same card size
   - SEOUL/BANGKOK: use real local-kr/local-th photos
   ========================================================= */
@media (max-width:900px){
  /* 01. HERO — use the exact same source image as PC */
  .production-page--vi.whyx-page .whyx-hero{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.10) 30%,
        rgba(0,0,0,.48) 48%,
        rgba(0,0,0,.88) 65%,
        #050606 82%),
      url('/assets/why-louie/vi/vi-why-hero-v96.webp') right 48% top 46px / auto 248px no-repeat,
      #050606 !important;
  }

  /* 02. NIGHTLIFE SPECIALIST — 01~05 all remain half-width cards */
  .production-page--vi.whyx-page .whyx-industry-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5){
    grid-column:auto !important;
    display:block !important;
    min-width:0 !important;
    min-height:208px !important;
    padding:14px 12px 13px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-industry-icon,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-industry-icon{
    display:block !important;
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    margin:11px 0 13px !important;
    object-fit:contain !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card>strong,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5)>strong{
    display:block !important;
    font-size:10px !important;
    line-height:1.28 !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card h3,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) h3{
    display:block !important;
    margin-top:7px !important;
    padding-right:0 !important;
    font-size:14.5px !important;
    line-height:1.42 !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-chip-row,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-chip-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    margin-top:10px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-chip-row span{
    padding:4px 5px !important;
    font-size:7px !important;
  }

  /* 03. EXPERIENCE — real images, same assets already used by PC */
  .production-page--vi.whyx-page .whyx-local-device__screen{
    overflow:hidden !important;
  }
  .production-page--vi.whyx-page .whyx-local-device__screen i{
    display:block !important;
    width:100% !important;
    height:48px !important;
    margin:0 !important;
    border-radius:7px !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    filter:saturate(.86) brightness(.82) contrast(1.04) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  }
  .production-page--vi.whyx-page .whyx-local-device--kr .whyx-local-device__screen i{
    background-image:
      linear-gradient(180deg,rgba(3,4,4,.08),rgba(3,4,4,.32)),
      url('/assets/why-louie/vi/local-kr-v24.webp') !important;
  }
  .production-page--vi.whyx-page .whyx-local-device--th .whyx-local-device__screen i{
    background-image:
      linear-gradient(180deg,rgba(3,4,4,.04),rgba(3,4,4,.22)),
      url('/assets/why-louie/vi/local-vi-v24.webp') !important;
  }
}

@media (max-width:380px){
  .production-page--vi.whyx-page .whyx-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5){
    min-height:198px !important;
    padding:13px 10px 12px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-industry-icon,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-industry-icon{
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    margin:9px 0 11px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card h3,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) h3{
    font-size:13.5px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-chip-row span{
    font-size:6.6px !important;
  }
}

/* =========================================================
   WHY LOUIE TH · MOBILE V25.15
   Section 04 mobile comparison: show clear BEFORE / AFTER in one row.
   ========================================================= */
@media (min-width:901px){
  .whyx-upgrade-mobile-pairs{display:none!important}
}

@media (max-width:900px){
  .whyx-upgrade-pc{display:none!important}
  .whyx-compare--legacy-mobile{display:none!important}
  .whyx-upgrade-mobile-pairs{display:grid;gap:12px;margin-top:12px}
  .whyx-upgrade-mobile-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;padding:14px;border:1px solid rgba(217,173,67,.14);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005)),#0b0c0d;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
  .whyx-upgrade-mobile-pair__media{min-width:0}
  .whyx-upgrade-mobile-pair__label{display:block;margin-bottom:6px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.12em}
  .whyx-upgrade-mobile-pair__media--before .whyx-upgrade-mobile-pair__label{color:#91887c}
  .whyx-upgrade-mobile-pair__media--after .whyx-upgrade-mobile-pair__label{color:#dcb24c}
  .whyx-upgrade-mobile-pair__frame{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#050606}
  .whyx-upgrade-mobile-pair__media--after .whyx-upgrade-mobile-pair__frame{border-color:rgba(217,173,67,.30)}
  .whyx-upgrade-mobile-pair__frame>span{position:absolute;right:7px;top:7px;z-index:2;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(5,6,6,.78);color:#a59d91;font-size:8px;font-weight:900;backdrop-filter:blur(8px)}
  .whyx-upgrade-mobile-pair__media--after .whyx-upgrade-mobile-pair__frame>span{border-color:rgba(217,173,67,.28);color:#dfb44b}
  .whyx-upgrade-mobile-pair__image{width:100%;height:100%;object-fit:contain;background:#050606}
  .whyx-upgrade-mobile-pair__arrow{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(217,173,67,.22);border-radius:50%;background:#0a0b0b;color:#dfb44b;font-size:14px;line-height:1}
  .whyx-upgrade-mobile-pairs__signals{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:4px 2px 0}
  .whyx-upgrade-mobile-pairs__signals span{padding:5px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#9f978d;font-size:9px;line-height:1.15}
  .whyx-upgrade-mobile-pairs__signals b{color:#dcb24c;font-size:14px;line-height:1}
}

@media (max-width:420px){
  .whyx-upgrade-mobile-pair{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:6px;padding:12px}
  .whyx-upgrade-mobile-pair__label{font-size:8px}
  .whyx-upgrade-mobile-pair__frame>span{min-width:22px;height:22px;font-size:7px}
  .whyx-upgrade-mobile-pair__arrow{width:22px;height:22px;font-size:12px}
  .whyx-upgrade-mobile-pairs__signals{gap:5px}
  .whyx-upgrade-mobile-pairs__signals span{padding:5px 7px;font-size:8px}
}

/* =========================================================
   WHY LOUIE TH · MOBILE V25.17
   Section 04: explicit CURRENT THAILAND DESIGN vs LOUIE CUSTOM.
   Three fixed comparison rows. No slider / no horizontal scroll.
   ========================================================= */
@media (max-width:900px){
  .whyx-section--custom .whyx-custom-head--desktop{display:none!important}
  .whyx-section--custom .whyx-custom-head--mobile{display:block!important;margin-bottom:16px}
  .whyx-section--custom .whyx-custom-head--mobile>span{font-size:10px;line-height:1.35;letter-spacing:.085em;color:#dcb24c}
  .whyx-section--custom .whyx-custom-head--mobile h2{margin-top:8px;font-size:clamp(27px,7.7vw,33px);line-height:1.16;letter-spacing:-.035em;color:#f4eee5}
  .whyx-section--custom .whyx-custom-head--mobile h2 em{color:#dcb24c;font-style:normal}
  .whyx-section--custom .whyx-custom-head--mobile p{margin-top:10px;max-width:560px;font-size:13px;line-height:1.62;color:#bdb5aa}

  .whyx-upgrade-pc{display:none!important}
  .whyx-compare--legacy-mobile{display:none!important}
  .whyx-upgrade-mobile-pairs{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important;overflow:visible!important;padding:0!important}

  .whyx-upgrade-mobile-pairs__head{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:end;gap:8px;padding:0 2px 3px}
  .whyx-upgrade-mobile-pairs__head>div{min-width:0}
  .whyx-upgrade-mobile-pairs__head>div:last-child{text-align:right}
  .whyx-upgrade-mobile-pairs__head span{display:block;color:#91887c;font-size:8px;line-height:1.28;font-weight:900;letter-spacing:.075em;overflow-wrap:anywhere}
  .whyx-upgrade-mobile-pairs__head>div:last-child span{color:#dcb24c}
  .whyx-upgrade-mobile-pairs__head strong{display:block;margin-top:4px;color:#e8e0d5;font-size:11px;line-height:1.35;font-weight:800}
  .whyx-upgrade-mobile-pairs__head>div:last-child strong{color:#f0cf72}
  .whyx-upgrade-mobile-pairs__head i{display:grid;place-items:center;width:24px;height:24px;margin-bottom:1px;border:1px solid rgba(217,173,67,.20);border-radius:50%;color:#dcb24c;font-size:13px;font-style:normal;line-height:1}

  .whyx-upgrade-mobile-pair{display:grid!important;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;align-items:center;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;overflow:hidden!important;border:1px solid rgba(217,173,67,.14);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.004)),#0b0c0d}
  .whyx-upgrade-mobile-pair__media{min-width:0!important;width:100%!important}
  .whyx-upgrade-mobile-pair__frame{position:relative;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#050606}
  .whyx-upgrade-mobile-pair__media--after .whyx-upgrade-mobile-pair__frame{border-color:rgba(217,173,67,.32);box-shadow:0 0 0 1px rgba(217,173,67,.035) inset}
  .whyx-upgrade-mobile-pair__frame>span{position:absolute;right:6px;top:6px;z-index:3;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(5,6,6,.78);color:#9f978d;font-size:7.5px;font-weight:900;backdrop-filter:blur(7px)}
  .whyx-upgrade-mobile-pair__media--after .whyx-upgrade-mobile-pair__frame>span{border-color:rgba(217,173,67,.30);color:#e0b54d}
  .whyx-upgrade-mobile-pair__image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:#050606}
  .whyx-upgrade-mobile-pair__arrow{display:grid!important;place-items:center;width:24px!important;height:24px!important;margin:0!important;border:1px solid rgba(217,173,67,.22);border-radius:50%;background:#090a0a;color:#dfb44b;font-size:14px;line-height:1}

  .whyx-upgrade-mobile-pairs__summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:2px;padding:9px 10px;border:1px solid rgba(217,173,67,.12);border-radius:10px;background:rgba(217,173,67,.018)}
  .whyx-upgrade-mobile-pairs__summary span,
  .whyx-upgrade-mobile-pairs__summary strong{font-size:10px;line-height:1.3}
  .whyx-upgrade-mobile-pairs__summary span{color:#aaa195}
  .whyx-upgrade-mobile-pairs__summary strong{color:#dcb24c;font-weight:900}
  .whyx-upgrade-mobile-pairs__summary b{color:#9d7a2e;font-size:12px;line-height:1}
}

@media (max-width:420px){
  .whyx-upgrade-mobile-pairs__head{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px}
  .whyx-upgrade-mobile-pairs__head span{font-size:7.3px}
  .whyx-upgrade-mobile-pairs__head strong{font-size:10px}
  .whyx-upgrade-mobile-pairs__head i{width:20px;height:20px;font-size:11px}
  .whyx-upgrade-mobile-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;gap:6px!important;padding:8px!important}
  .whyx-upgrade-mobile-pair__arrow{width:20px!important;height:20px!important;font-size:11px}
  .whyx-upgrade-mobile-pair__frame>span{right:5px;top:5px;min-width:20px;height:20px;font-size:7px}
  .whyx-upgrade-mobile-pairs__summary{gap:5px;padding:8px}
  .whyx-upgrade-mobile-pairs__summary span,
  .whyx-upgrade-mobile-pairs__summary strong{font-size:9px}
}

/* =========================================================
   WHY LOUIE TH · MOBILE V25.20
   Section 06: concise tool stack + compact workflow.
   ========================================================= */
@media (max-width:900px){
  .whyx-section--tools{padding-top:36px;padding-bottom:38px}
  .whyx-section--tools .whyx-head{margin-bottom:16px}
  .whyx-section--tools .whyx-head h2{font-size:clamp(27px,7.8vw,33px);line-height:1.16}
  .whyx-section--tools .whyx-head p{font-size:12.5px;line-height:1.55;color:#bdb5aa}
  .whyx-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(217,173,67,.18);border-radius:14px;background:rgba(255,255,255,.008)}
  .whyx-tool-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:92px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0d0e0f}
  .whyx-tool-card:nth-child(5){grid-column:1/-1}
  .whyx-tool-card img{width:46px;height:46px;flex:0 0 46px;object-fit:contain}
  .whyx-tool-card div{min-width:0}
  .whyx-tool-card strong{display:block;color:#f0e9df;font-size:11.5px;line-height:1.25;font-weight:850}
  .whyx-tool-card span{display:block;margin-top:5px;color:#b9aa82;font-size:9.5px;line-height:1.35;font-weight:700}
  .whyx-pipeline--compact{margin-top:9px}
  .whyx-pipeline--compact article{min-height:108px;padding:13px}
  .whyx-pipeline--compact article b{font-size:24px}
  .whyx-pipeline--compact article strong{margin-top:11px;font-size:11.5px}
  .whyx-pipeline--compact article span{margin-top:5px;font-size:9.5px}
}


/* =========================================================
   WHY LOUIE TH · MOBILE V25.22
   Compact rhythm pass: reduce scroll fatigue without losing hierarchy.
   PC untouched.
   ========================================================= */
@media (max-width:900px){
  /* overall vertical rhythm */
  .production-page--vi.whyx-page .whyx-section{padding:30px 0 !important}
  .production-page--vi.whyx-page .whyx-section--specialist{padding-top:28px !important}
  .production-page--vi.whyx-page .whyx-head{margin-bottom:14px !important}
  .production-page--vi.whyx-page .whyx-head p{margin-top:7px !important}

  /* HERO: keep readability, remove repeated note and excess tail space */
  .production-page--vi.whyx-page .whyx-hero__inner{padding-bottom:22px !important}
  .production-page--vi.whyx-page .whyx-hero__lead{margin-top:12px !important}
  .production-page--vi.whyx-page .whyx-hero__tags{margin-top:12px !important}
  .production-page--vi.whyx-page .whyx-hero__note{display:none !important}

  /* NIGHTLIFE SPECIALIST: same 2-col layout, less decorative repetition */
  .production-page--vi.whyx-page .whyx-industry-grid{gap:7px !important}
  .production-page--vi.whyx-page .whyx-industry-card,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5){
    min-height:164px !important;
    padding:12px 11px 12px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-industry-icon,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-industry-icon{
    width:44px !important;height:44px !important;max-width:44px !important;
    margin:7px 0 10px !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card h3,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) h3{
    margin-top:5px !important;
    font-size:13.5px !important;
    line-height:1.38 !important;
  }
  .production-page--vi.whyx-page .whyx-industry-card .whyx-chip-row,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-chip-row{display:none !important}

  /* EXPERIENCE + LOCALIZATION: treat as one compact trust block */
  .production-page--vi.whyx-page .whyx-experience{gap:8px !important}
  .production-page--vi.whyx-page .whyx-experience__years{
    grid-template-columns:92px minmax(0,1fr) !important;
    column-gap:12px !important;
    min-height:0 !important;
    padding:15px !important;
  }
  .production-page--vi.whyx-page .whyx-experience__years>strong{font-size:54px !important}
  .production-page--vi.whyx-page .whyx-experience__years h2{font-size:19px !important}
  .production-page--vi.whyx-page .whyx-experience__years p{
    margin-top:5px !important;
    font-size:11.5px !important;
    line-height:1.48 !important;
  }
  .production-page--vi.whyx-page .whyx-local-flow{padding:15px !important}
  .production-page--vi.whyx-page .whyx-local-flow h2{font-size:24px !important;line-height:1.15 !important}
  .production-page--vi.whyx-page .whyx-local-flow__intro{margin-top:7px !important;font-size:11.5px !important;line-height:1.5 !important}
  .production-page--vi.whyx-page .whyx-local-visual{
    grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) !important;
    gap:5px !important;
    margin-top:10px !important;
    padding:8px !important;
  }
  .production-page--vi.whyx-page .whyx-local-device{min-height:96px !important;padding:7px !important}
  .production-page--vi.whyx-page .whyx-local-device__screen i{height:40px !important}
  .production-page--vi.whyx-page .whyx-local-device__screen b{font-size:8.5px !important}
  .production-page--vi.whyx-page .whyx-local-device__screen em{font-size:6px !important;line-height:1.25 !important}
  .production-page--vi.whyx-page .whyx-local-process>span{font-size:6.5px !important}
  .production-page--vi.whyx-page .whyx-local-process>b{font-size:10.5px !important}
  .production-page--vi.whyx-page .whyx-local-process i{min-height:18px !important;font-size:6px !important}
  .production-page--vi.whyx-page .whyx-flow-grid{gap:6px !important;margin-top:9px !important}
  .production-page--vi.whyx-page .whyx-flow-grid article{min-height:94px !important;padding:10px !important}
  .production-page--vi.whyx-page .whyx-flow-grid b{font-size:19px !important}
  .production-page--vi.whyx-page .whyx-flow-grid strong{font-size:9.5px !important;line-height:1.25 !important}
  .production-page--vi.whyx-page .whyx-flow-grid p{margin-top:4px !important;font-size:9.5px !important;line-height:1.4 !important}

  /* CURRENT vs LOUIE: keep three fixed rows; tighten only outer rhythm */
  .production-page--vi.whyx-page .whyx-section--custom .whyx-custom-head--mobile{margin-bottom:11px !important}
  .production-page--vi.whyx-page .whyx-section--custom .whyx-custom-head--mobile h2{margin-top:6px !important}
  .production-page--vi.whyx-page .whyx-section--custom .whyx-custom-head--mobile p{margin-top:7px !important;font-size:11.5px !important}
  .production-page--vi.whyx-page .whyx-upgrade-mobile-pairs{gap:8px !important;margin-top:10px !important}
  .production-page--vi.whyx-page .whyx-upgrade-mobile-pair{padding:7px !important;gap:5px !important}
  .production-page--vi.whyx-page .whyx-upgrade-mobile-pairs__summary{margin-top:0 !important;padding:7px 8px !important}

  /* DIRECT: merge visually into one compact section; remove decorative chat duplication */
  .production-page--vi.whyx-page .whyx-brief{gap:0 !important}
  .production-page--vi.whyx-page .whyx-brief__copy{
    padding:0 0 14px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  .production-page--vi.whyx-page .whyx-brief__copy h2{font-size:26px !important;line-height:1.16 !important}
  .production-page--vi.whyx-page .whyx-brief__copy p{margin-top:8px !important;font-size:12px !important;line-height:1.5 !important}
  .production-page--vi.whyx-page .whyx-trust-row{display:none !important}
  .production-page--vi.whyx-page .whyx-brief__board{
    padding:14px !important;
    border-radius:14px !important;
  }
  .production-page--vi.whyx-page .whyx-brief__board-head{padding-bottom:8px !important}
  .production-page--vi.whyx-page .whyx-brief__board-head>div>span{font-size:8.5px !important}
  .production-page--vi.whyx-page .whyx-brief__board-head>div>p{font-size:12px !important}
  .production-page--vi.whyx-page .whyx-brief__board-head>b{font-size:12px !important;line-height:1.35 !important}
  .production-page--vi.whyx-page .whyx-brief__grid{gap:5px !important;margin-top:8px !important}
  .production-page--vi.whyx-page .whyx-brief__grid article{
    grid-template-columns:38px minmax(0,1fr) !important;
    min-height:62px !important;
    padding:9px 10px !important;
    column-gap:8px !important;
  }
  .production-page--vi.whyx-page .whyx-brief__grid article>b{font-size:21px !important}
  .production-page--vi.whyx-page .whyx-brief__grid article>strong{font-size:12px !important}
  .production-page--vi.whyx-page .whyx-brief__grid article>span{font-size:9.5px !important;line-height:1.35 !important}
  .production-page--vi.whyx-page .whyx-brief-mock{display:none !important}
  .production-page--vi.whyx-page .whyx-brief-mock__flow--standalone{
    margin-top:8px !important;
    gap:3px !important;
  }
  .production-page--vi.whyx-page .whyx-brief-mock__flow--standalone span{padding:7px 3px !important;font-size:7.5px !important}

  /* AI: preserve tools + process, but make both compact */
  .production-page--vi.whyx-page .whyx-section--tools{padding-top:30px !important;padding-bottom:30px !important}
  .production-page--vi.whyx-page .whyx-section--tools .whyx-head{margin-bottom:12px !important}
  .production-page--vi.whyx-page .whyx-section--tools .whyx-head h2{font-size:27px !important;line-height:1.14 !important}
  .production-page--vi.whyx-page .whyx-section--tools .whyx-head p{margin-top:6px !important;font-size:11.5px !important;line-height:1.45 !important}
  .production-page--vi.whyx-page .whyx-tools-grid{gap:6px !important;padding:6px !important}
  .production-page--vi.whyx-page .whyx-tool-card{min-height:70px !important;padding:8px !important;gap:8px !important}
  .production-page--vi.whyx-page .whyx-tool-card img{width:36px !important;height:36px !important;flex-basis:36px !important}
  .production-page--vi.whyx-page .whyx-tool-card strong{font-size:10.5px !important}
  .production-page--vi.whyx-page .whyx-tool-card span{margin-top:3px !important;font-size:8.5px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact{gap:6px !important;margin-top:7px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact article{min-height:88px !important;padding:10px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact article b{font-size:21px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact article strong{margin-top:8px !important;font-size:10.5px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact article span{margin-top:3px !important;font-size:8.5px !important;line-height:1.35 !important}

  /* FIRST IMPRESSION + FOOTER: keep CTA strong but reduce dead space */
  .production-page--vi.whyx-page .whyx-final{padding:30px 0 70px !important}
  .production-page--vi.whyx-page .whyx-final__inner{gap:11px !important;padding:15px !important}
  .production-page--vi.whyx-page .whyx-final h2{font-size:26px !important;line-height:1.16 !important}
  .production-page--vi.whyx-page .whyx-final__copy>p:not(.whyx-final__slogan){margin-top:7px !important;font-size:11.5px !important;line-height:1.5 !important}
  .production-page--vi.whyx-page .whyx-final__slogan{margin-top:7px !important;font-size:12px !important}
  .production-page--vi.whyx-page .whyx-click-phone{height:160px !important;padding:12px 10px 10px !important}
  .production-page--vi.whyx-page .whyx-click-phone>i{height:66px !important;margin:8px 0 7px !important}
  .production-page--vi.whyx-page .whyx-final__cta>a{min-height:50px !important;font-size:12.5px !important}
}

@media (max-width:420px){
  .production-page--vi.whyx-page .whyx-section{padding:27px 0 !important}
  .production-page--vi.whyx-page .whyx-industry-card,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5){min-height:156px !important;padding:11px 10px !important}
  .production-page--vi.whyx-page .whyx-industry-card .whyx-industry-icon,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) .whyx-industry-icon{width:40px !important;height:40px !important;max-width:40px !important;margin:6px 0 9px !important}
  .production-page--vi.whyx-page .whyx-industry-card h3,
  .production-page--vi.whyx-page .whyx-industry-card:nth-child(5) h3{font-size:12.5px !important}
  .production-page--vi.whyx-page .whyx-experience__years{grid-template-columns:82px minmax(0,1fr) !important;padding:13px !important}
  .production-page--vi.whyx-page .whyx-experience__years>strong{font-size:49px !important}
  .production-page--vi.whyx-page .whyx-experience__years h2{font-size:17px !important}
  .production-page--vi.whyx-page .whyx-local-flow{padding:13px !important}
  .production-page--vi.whyx-page .whyx-local-flow h2{font-size:22px !important}
  .production-page--vi.whyx-page .whyx-flow-grid article{min-height:88px !important;padding:9px !important}
  .production-page--vi.whyx-page .whyx-brief__copy h2{font-size:24px !important}
  .production-page--vi.whyx-page .whyx-section--tools .whyx-head h2{font-size:25px !important}
  .production-page--vi.whyx-page .whyx-tool-card{min-height:66px !important}
  .production-page--vi.whyx-page .whyx-tool-card img{width:32px !important;height:32px !important;flex-basis:32px !important}
  .production-page--vi.whyx-page .whyx-pipeline--compact article{min-height:82px !important}
  .production-page--vi.whyx-page .whyx-click-phone{height:152px !important}
}