/*
Theme Name: Learn Like Luke
Author: Learn Like Luke
Description: A focused Thai-language learning and lesson website.
Version: 2.3.0
Text Domain: learn-like-luke
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@500;700&family=Syne:wght@500;600;700&display=swap');
:root{--navy:#2f4b59;--navy2:#597b87;--teal:#6d96a4;--teal2:#a4bdc3;--gold:#f06fa6;--sky:#d6e4e7;--cream:#edf3f4;--ink:#243842;--muted:#607a84;--steel:#91a5aa;--graphite:#3f5964;--white:#fff;--radius:22px;--shadow:0 20px 55px rgba(9,24,36,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.65}a{color:inherit}.site-shell{overflow:hidden}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(47,75,89,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(207,234,243,.12)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;color:#fff;display:flex;align-items:center;gap:0;font-weight:800;letter-spacing:-.02em}.brand-wordmark{width:180px;height:50px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 9px rgba(240,111,166,.18))}.nav-menu{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}.nav-menu a{color:#dff2f5;text-decoration:none;font-size:14px;font-weight:700;padding:10px 12px;border-radius:10px}.nav-menu a:hover,.current-menu-item>a{background:rgba(207,234,243,.1);color:var(--gold)}.hero{background:radial-gradient(circle at 83% 18%,rgba(214,228,231,.28),transparent 34%),linear-gradient(140deg,#2f4b59,#6d96a4);color:white;padding:108px 0 96px;position:relative}.hero:after{content:"ก ข ค";position:absolute;right:4%;bottom:-48px;font:700 180px/1 Georgia,serif;color:rgba(207,234,243,.045);letter-spacing:-20px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:13px;margin:0 0 18px}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,84px);line-height:1.03;letter-spacing:-.045em;margin:0;max-width:900px}.hero .lead{font-size:clamp(20px,2.2vw,27px);max-width:730px;color:#d7edf1;margin:28px 0 34px}.button-row{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:14px;text-decoration:none;font-weight:800;font-size:16px;background:var(--gold);color:var(--navy);box-shadow:0 8px 24px rgba(240,111,166,.22)}.btn.secondary{background:transparent;color:#fff;border:1px solid rgba(207,234,243,.5);box-shadow:none}.section{padding:88px 0}.section.teal{background:var(--teal);color:white}.section.navy{background:var(--navy);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}.section h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0}.section-head p{max-width:560px;margin:0;color:var(--muted)}.teal .section-head p,.navy .section-head p{color:#cfe6e9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #dce7e8;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.card h3{font-family:Georgia,serif;font-size:27px;line-height:1.2;margin:12px 0}.card p{color:var(--muted);margin:0}.card .icon{width:48px;height:48px;border-radius:15px;background:var(--sky);display:grid;place-items:center;color:var(--teal);font-weight:900}.dark-card{background:rgba(255,255,255,.06);border-color:rgba(207,234,243,.16);box-shadow:none}.dark-card p{color:#cfe6e9}.tag{display:inline-block;background:rgba(240,111,166,.18);color:#8a5d13;border:1px solid rgba(240,111,166,.55);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;padding:5px 10px;border-radius:999px}.teal .tag,.navy .tag{color:var(--gold)}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.path-card{background:white;border-radius:18px;padding:26px;border-top:5px solid var(--teal)}.path-card h3{margin:8px 0;font-family:Georgia,serif;font-size:25px}.path-card p{color:var(--muted);font-size:16px;margin:0}.page-hero{background:linear-gradient(135deg,#597b87,#91a5aa);color:white;padding:80px 0}.page-hero p{max-width:720px;color:#d4eaee;font-size:22px}.content{padding:76px 0}.content h2{font-family:Georgia,serif;font-size:40px;line-height:1.2}.content h3{font-family:Georgia,serif;font-size:27px}.content p,.content li{max-width:780px}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.panel{background:#e5f2f4;border-radius:var(--radius);padding:38px}.note{border-left:5px solid var(--gold);background:#fff8e9;padding:20px 24px;border-radius:0 14px 14px 0}.thai-line{font-family:Georgia,serif;color:var(--teal);font-size:32px}.site-footer{background:#263f4b;color:#cde0e4;padding:60px 0 34px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.site-footer h2{color:#fff;font-family:Georgia,serif;margin-top:0}.footer-nav{list-style:none;padding:0;margin:0;columns:2}.footer-nav a{color:#cde0e4;text-decoration:none}.placeholder{border:1px dashed #7fa3aa;border-radius:12px;padding:14px;color:#78909a;background:rgba(255,255,255,.04)}.copyright{border-top:1px solid rgba(207,234,243,.12);margin-top:42px;padding-top:24px;font-size:14px}.menu-toggle{display:none;background:none;border:1px solid #476576;color:white;border-radius:10px;padding:9px 12px}.wp-block-image img{border-radius:var(--radius)}
.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px}.language-card{position:relative;min-height:260px;border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;overflow:hidden;background:linear-gradient(145deg,#6d96a4,#3f6472);color:#fff;box-shadow:var(--shadow)}.language-card:before{content:attr(data-script);position:absolute;right:22px;top:2px;font:700 92px/1.2 Georgia,serif;color:rgba(255,255,255,.09)}.language-card h2{font-size:36px;margin:6px 0}.language-card p{margin:0;color:#d8edef}.language-card.live{border:2px solid var(--gold)}.language-card.future{background:linear-gradient(145deg,#688995,#385766)}.language-card .tag{align-self:flex-start;color:var(--gold)}
.home .site-header{position:absolute;left:0;right:0;background:transparent;border:0}.home .main-nav,.home .menu-toggle{display:none}.home .site-footer{display:none}.home .brand{font-family:Syne,sans-serif;letter-spacing:.01em}.language-landing{min-height:100vh;color:white;display:grid;align-items:center;position:relative;isolation:isolate;padding:88px 0 48px;background-color:#597b87;background-image:radial-gradient(circle at 9% 22%,rgba(202,219,223,.45),transparent 30%),radial-gradient(circle at 88% 16%,rgba(255,255,255,.2),transparent 32%),radial-gradient(circle at 70% 92%,rgba(240,111,166,.14),transparent 27%),linear-gradient(135deg,#456976 0%,#7899a3 48%,#527580 100%)}.language-landing:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(207,234,243,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(207,234,243,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 35%,black 80%,transparent)}.language-landing:after{content:"";position:absolute;width:44vw;height:44vw;min-width:420px;min-height:420px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;border:1px solid rgba(240,111,166,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(207,234,243,.018),0 0 0 160px rgba(207,234,243,.012)}.gateway{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gateway-card{min-height:330px;padding:30px;border:1px solid rgba(207,234,243,.18);border-radius:28px;background:linear-gradient(155deg,rgba(47,75,89,.30),rgba(47,75,89,.12));backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between;color:white;text-decoration:none;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;font-family:Syne,"Noto Sans Thai",sans-serif}.gateway-card:nth-child(2),.gateway-card:nth-child(4){transform:translateY(28px)}.gateway-card:hover{transform:translateY(-9px);border-color:var(--gold);background:linear-gradient(155deg,rgba(240,111,166,.19),rgba(255,255,255,.04));box-shadow:0 24px 70px rgba(0,0,0,.3)}.gateway-card:nth-child(2):hover,.gateway-card:nth-child(4):hover{transform:translateY(19px)}.gateway-card .script{font-family:Syne,"Noto Sans Thai",sans-serif;font-size:70px;font-weight:600;line-height:1;color:var(--gold);letter-spacing:-.06em}.gateway-card h2{font-family:Syne,"Noto Sans Thai",sans-serif;font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.gateway-card p{font-size:13px;line-height:1.55;color:#e2ecef;margin:0}.gateway-card.live p{color:#d7eaed}.gateway-card.future{opacity:.78}.gateway-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:12px}
@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:16px 20px}.main-nav.open{display:block}.nav-menu{display:block}.nav-menu a{display:block}.cards,.path,.feature,.footer-grid,.language-grid{grid-template-columns:1fr}.gateway{grid-template-columns:repeat(2,1fr)}.gateway-card{min-height:220px}.section-head{display:block}.section-head p{margin-top:16px}.hero{padding:80px 0}.section{padding:64px 0}.hero:after{font-size:100px}.page-hero{padding:60px 0}}
@media(max-width:520px){.language-landing{padding-top:90px}.gateway{gap:10px}.gateway-card{min-height:230px;padding:20px}.gateway-card:nth-child(2),.gateway-card:nth-child(4){transform:none}.gateway-card .script{font-size:46px}.gateway-card h2{font-size:24px}.gateway-card p{display:none}}

@media(max-width:520px){.brand-wordmark{width:142px;height:42px}}

.nav-menu li{position:relative}.nav-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;margin:0;padding:9px;list-style:none;background:#2f4b59;border:1px solid rgba(199,220,232,.16);border-radius:14px;box-shadow:0 18px 44px rgba(4,19,31,.32)}.nav-menu .sub-menu .sub-menu{top:-9px;left:100%}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}.nav-menu .sub-menu a{display:block;white-space:nowrap;padding:10px 13px}.nav-menu>.menu-item-has-children>a:after,.nav-menu .sub-menu>.menu-item-has-children>a:after{content:"⌄";margin-left:7px;color:var(--gold)}.nav-menu .sub-menu>.menu-item-has-children>a:after{content:"›";float:right}.card-link{display:block;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s}.card-link:hover{transform:translateY(-4px);border-color:rgba(240,111,166,.58);box-shadow:0 24px 60px rgba(9,24,36,.18)}.material-cards{grid-template-columns:repeat(3,1fr)}.quiet-lessons{margin:34px 0 0;color:var(--muted);font-size:15px}.quiet-lessons a,.lesson-strip a{color:#b53676;font-weight:750}.lesson-strip{padding:54px 0;background:#e8edf0}.lesson-strip .wrap>div{display:flex;align-items:end;justify-content:space-between;gap:42px}.lesson-strip h2{font-size:34px}.lesson-strip p{max-width:650px;margin:0}.lesson-strip .eyebrow{margin-bottom:7px}
@media(max-width:850px){.nav-menu li{display:block}.nav-menu .sub-menu,.nav-menu .sub-menu .sub-menu{position:static;display:none;margin:4px 0 6px 13px;min-width:0;box-shadow:none;background:rgba(255,255,255,.035);border-radius:10px}.nav-menu .submenu-open>.sub-menu{display:block}.nav-menu .sub-menu a{white-space:normal}.material-cards{grid-template-columns:1fr}.lesson-strip .wrap>div{display:block}.lesson-strip p{margin-top:12px}}


.thai-choice{min-height:calc(100vh - 82px);display:grid;align-items:center;padding:48px 0 58px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.38),transparent 30%),linear-gradient(135deg,#a4bdc3,#d4e1e3);color:var(--ink)}.thai-choice h1{font-family:Syne,ui-sans-serif,sans-serif;font-size:clamp(40px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 28px;max-width:none}.choice-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.choice-card{min-height:300px;padding:30px;border-radius:28px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s,border-color .25s}.materials-choice{background:linear-gradient(145deg,#456875,#638894);border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 65px rgba(45,59,70,.18)}.lessons-choice{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.7);color:var(--ink)}.choice-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 28px 70px rgba(45,59,70,.28)}.choice-script{font-family:"Noto Sans Thai",sans-serif;font-size:62px;font-weight:700;color:var(--gold)}.choice-card h2{font-family:Syne,ui-sans-serif,sans-serif;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:13px 0 9px}.choice-card p{max-width:570px;margin:0 0 18px;color:#edf2f5}.lessons-choice p{color:#455f6a}.choice-action{font-size:14px;font-weight:800;color:var(--gold)}.thai-choice .tag{color:#fff;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.11)}.thai-choice>.wrap>.eyebrow{color:#b43170}.lessons-choice .tag{color:#3f5964;border-color:rgba(63,89,100,.25);background:rgba(255,255,255,.44)}
@media(max-width:850px){.thai-choice{min-height:auto;padding:54px 0 64px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:285px}}

.gateway-intro{margin:0 0 28px}.gateway-intro h1{font-family:Syne,"Noto Sans Thai",sans-serif;font-size:clamp(34px,4.5vw,58px);font-weight:600;line-height:1;letter-spacing:-.045em;margin:0 0 12px}.gateway-intro p{display:flex;flex-wrap:wrap;gap:7px 22px;margin:0;color:#eef5f6;font-family:Syne,"Noto Sans Thai",sans-serif;font-size:15px}.gateway-intro p span{white-space:nowrap}
@media(max-width:520px){.language-landing{align-items:start;padding:84px 0 32px}.gateway-intro{margin-bottom:20px}.gateway-intro h1{font-size:32px;line-height:1.08;margin-bottom:10px}.gateway-intro p{display:grid;gap:2px;font-size:12px}.gateway-intro p span{white-space:normal}.gateway{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-card{min-height:205px}.gateway-status{letter-spacing:.12em}}


/* Palette: Ink & berry */
:root{--navy:#28252B;--navy2:#443B43;--teal:#C33F8C;--teal2:#E8DCE5;--gold:#F0A3C8;--sky:#E8DCE5;--cream:#F6F1E8;--ink:#28252B;--muted:#6C626A;--steel:#9E8F99;--graphite:#3B343A}
.site-header{background:rgba(40,37,43,.97);border-bottom-color:rgba(232,220,229,.14)}
.nav-menu a{color:#F6F1E8}.nav-menu a:hover,.current-menu-item>a{background:rgba(232,220,229,.1)}
.hero{background:radial-gradient(circle at 83% 18%,rgba(240,163,200,.22),transparent 34%),linear-gradient(140deg,#28252B,#8F3F6D)}
.hero .lead,.teal .section-head p,.navy .section-head p,.dark-card p{color:#F0E8EE}
.page-hero{background:linear-gradient(135deg,#443B43,#9E6C89)}.page-hero p{color:#F0E8EE}
.section.teal{background:#8F3F6D}.panel{background:#F0E7ED}.note{background:#FFF7F1}
.site-footer{background:#211E22;color:#E8DCE5}.footer-nav a{color:#E8DCE5}
.placeholder{border-color:#A891A1;color:#756872}.nav-menu .sub-menu{background:#28252B;border-color:rgba(232,220,229,.16)}
.quiet-lessons a,.lesson-strip a{color:#A62F76}.lesson-strip{background:#EFE6EA}
.language-landing{background-color:#443B43;background-image:radial-gradient(circle at 9% 22%,rgba(232,220,229,.24),transparent 30%),radial-gradient(circle at 88% 16%,rgba(255,255,255,.13),transparent 32%),radial-gradient(circle at 70% 92%,rgba(195,63,140,.24),transparent 27%),linear-gradient(135deg,#28252B 0%,#5A354B 48%,#443B43 100%)}
.language-landing:before{background-image:linear-gradient(rgba(232,220,229,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(232,220,229,.07) 1px,transparent 1px)}
.language-landing:after{border-color:rgba(240,163,200,.13);box-shadow:0 0 0 80px rgba(232,220,229,.018),0 0 0 160px rgba(232,220,229,.012)}
.gateway-card{border-color:rgba(232,220,229,.18);background:linear-gradient(155deg,rgba(40,37,43,.38),rgba(40,37,43,.14))}
.gateway-card:hover{background:linear-gradient(155deg,rgba(195,63,140,.2),rgba(255,255,255,.05))}
.gateway-card p,.gateway-card.live p{color:#F0E8EE}
.thai-choice{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.52),transparent 30%),linear-gradient(135deg,#E8DCE5,#F6F1E8)}
.materials-choice{background:linear-gradient(145deg,#5A354B,#8F3F6D);box-shadow:0 24px 65px rgba(40,37,43,.18)}
.lessons-choice{background:rgba(255,255,255,.56)}.lessons-choice p{color:#665760}
.thai-choice>.wrap>.eyebrow,.quiet-lessons a,.lesson-strip a{color:#A62F76}
.lessons-choice .tag{color:#443B43;border-color:rgba(68,59,67,.25)}