:root{--bg:#FFF8F5;--pink:#F24D73;--pink-cta:#D62F56;--pink-tx:#C4254B;--ink:#521E32;--tx2:#7E4A5D;--gold:#F6B84A;--petal:#FFD7DF;--petal-mid:#FAC4D0;--panel:#fff;--line:#F3DED6;--display:"Kanit","Noto Sans Thai",-apple-system,BlinkMacSystemFont,sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai","Sarabun",Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{overflow-x:clip}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--ink);font:16px/1.65 var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow-x:hidden}body.locked{overflow:hidden}img{max-width:100%;height:auto}a{color:var(--pink-tx)}:focus-visible{outline:3px solid var(--pink-cta);outline-offset:3px;border-radius:6px}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bar{gap:14px;width:100%;max-width:1200px;margin:0 auto;padding:20px 32px 6px}.bar,.brand{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;color:var(--ink)}.brand-petal{width:26px;height:26px;flex:none;fill:var(--pink-cta);rotate:24deg}.brand-tx b{display:block;font-family:var(--display);font-weight:600;font-size:23px;line-height:1.1;letter-spacing:-.02em}.brand-a{color:var(--ink)}.brand-b{color:var(--pink-cta)}.brand-tx small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx2);font-weight:700;margin-top:2px}main{flex:1 1;width:100%;display:flex;flex-direction:column;justify-content:center}.hero{width:100%;max-width:1200px;margin:0 auto;padding:12px 32px 40px;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);grid-gap:20px;gap:20px;align-items:center}.hero-copy{min-width:0;padding-bottom:8px}h1{font-size:clamp(38px,5.6vw,64px);line-height:1.08;margin:0 0 18px;max-width:15ch}.lead{margin:0 0 30px;font-size:clamp(16.5px,1.5vw,19px);line-height:1.6;color:var(--tx2);max-width:38ch}.cta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 32px}.btn,.cta{align-items:center}.btn{display:inline-flex;justify-content:center;gap:10px;min-height:56px;padding:16px 30px;border:2px solid transparent;border-radius:999px;cursor:pointer;font:inherit;font-family:var(--display);font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s}.btn-main{background:var(--pink-cta);color:#fff;font-size:18px;box-shadow:0 12px 26px -12px rgba(214,47,86,.65)}.btn-main:hover{background:#c4254b;transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(214,47,86,.7)}.btn-arrow{font-size:1.05em;transition:transform .14s}.btn-main:hover .btn-arrow{transform:translateX(3px)}.btn-quiet{background:transparent;color:var(--ink);border-color:var(--line);font-size:16px;min-height:52px;padding:14px 24px}.btn-quiet:hover{border-color:var(--pink-cta);color:var(--pink-tx)}.road{max-width:520px;margin:0;padding-top:26px;border-top:1px solid var(--line)}.road-label{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-family:var(--display);font-size:12.5px;font-weight:600;letter-spacing:.18em;color:var(--ink);line-height:1.35}.road-leaf{width:15px;height:15px;flex:none;fill:var(--pink-cta);rotate:100deg}.road-sub{margin:0;font-size:15.5px;color:var(--tx2);max-width:44ch}.road-people{margin:12px 0 0;font-size:14.5px;color:var(--tx2)}.road-people:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin:0 9px 2px 0}.road-people.first:before{background:var(--petal-mid)}.road-broken{max-width:38ch;font-size:15px;color:var(--tx2)}.when{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:28px 0 0;padding:14px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.when-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--pink-tx)}.when-date{font-family:var(--display);font-weight:600;font-size:21px;color:var(--ink);letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.when-th{font-size:13.5px;color:var(--tx2)}.hero-art{position:relative;min-width:0;align-self:stretch;min-height:min(78vh,640px);contain:layout}.art-word{position:absolute;right:-4%;bottom:0;width:110%;height:100%;overflow:visible}.art-blob{fill:#FDEBE5}.art-arc{fill:none;stroke:var(--petal);stroke-width:9;stroke-linecap:round}.art-photo{position:absolute;z-index:3;bottom:-2px;height:100%;width:auto;max-width:none;right:calc(-32px + min(0px, 568px - 50vw));filter:drop-shadow(0 22px 30px rgba(82,30,50,.2));-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 84%,transparent 99%);mask-image:linear-gradient(180deg,transparent,#000 5%,#000 84%,transparent 99%)}.petals{inset:0;z-index:2;pointer-events:none;contain:layout paint}.petal,.petals{position:absolute}.petal{width:var(--s,30px);height:var(--s,30px);fill:var(--c,var(--petal));opacity:0;animation:drift var(--d,14s) linear var(--dl,0s) infinite}@keyframes drift{0%{transform:translateZ(0) rotate(var(--r0,0deg));opacity:0}12%{opacity:var(--o,.85)}78%{opacity:var(--o,.85)}to{transform:translate3d(var(--tx,180px),var(--ty,-320px),0) rotate(var(--r1,220deg));opacity:0}}.petals .p1{left:2%;top:88%;--s:34px;--c:var(--petal);--tx:150px;--ty:-360px;--d:15s;--dl:-1s;--r0:10deg;--r1:200deg}.petals .p2{left:16%;top:96%;--s:22px;--c:var(--petal-mid);--tx:200px;--ty:-420px;--d:18s;--dl:-6s;--r0:-30deg;--r1:180deg}.petals .p3{left:30%;top:92%;--s:44px;--c:var(--petal);--tx:120px;--ty:-300px;--d:21s;--dl:-12s;--r0:40deg;--r1:260deg;--o:.7}.petals .p4{left:6%;top:70%;--s:18px;--c:var(--gold);--tx:230px;--ty:-390px;--d:16s;--dl:-3s;--r0:0deg;--r1:300deg;--o:.75}.petals .p5{left:44%;top:98%;--s:28px;--c:var(--petal-mid);--tx:170px;--ty:-450px;--d:19s;--dl:-9s;--r0:-15deg;--r1:210deg}.petals .p6{left:24%;top:64%;--s:38px;--c:var(--petal);--tx:140px;--ty:-330px;--d:23s;--dl:-15s;--r0:55deg;--r1:250deg;--o:.6}.petals .p7{left:-2%;top:52%;--s:24px;--c:var(--pink);--tx:210px;--ty:-300px;--d:17s;--dl:-5s;--r0:20deg;--r1:230deg;--o:.5}.petals .p8{left:36%;top:78%;--s:20px;--c:var(--gold);--tx:190px;--ty:-380px;--d:20s;--dl:-11s;--r0:-40deg;--r1:170deg;--o:.7}.petals .p9{left:12%;top:44%;--s:30px;--c:var(--petal);--tx:160px;--ty:-280px;--d:22s;--dl:-17s;--r0:30deg;--r1:270deg;--o:.65}.petals .p10{left:52%;top:86%;--s:16px;--c:var(--pink);--tx:150px;--ty:-420px;--d:15s;--dl:-8s;--r0:0deg;--r1:190deg;--o:.55}.petals .p11{left:20%;top:34%;--s:26px;--c:var(--petal-mid);--tx:180px;--ty:-260px;--d:24s;--dl:-20s;--r0:-25deg;--r1:240deg;--o:.55}.petals .p12{left:0;top:26%;--s:20px;--c:var(--petal);--tx:200px;--ty:-230px;--d:26s;--dl:-2s;--r0:45deg;--r1:280deg;--o:.5}.lb{width:100%;max-width:760px;margin:0 auto;padding:26px 32px 48px}.back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:600;text-decoration:none;color:var(--tx2)}.back:hover{color:var(--pink-tx)}.lb-head h1{font-size:clamp(30px,4.4vw,42px);max-width:none;margin-bottom:8px}.lb-head .lead{margin-bottom:24px;font-size:16px}.lb-head .lead b{color:var(--ink)}.rank{list-style:none;margin:0;padding:8px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 40px -34px rgba(82,30,50,.6)}.rank li{display:flex;align-items:center;gap:16px;padding:13px 14px;border-radius:14px}.rank li+li{box-shadow:0 -1px 0 #F8EAE4}.rank li.top{background:#FFF3EF;box-shadow:none}.rank .pos{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#FBEAE3;color:var(--tx2);font-family:var(--display);font-weight:600;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank li.top .pos{background:var(--pink-cta);color:#fff}.rank .who{flex:1 1;min-width:0;font-weight:600;word-break:break-word}.rank .who small{font-weight:400;font-size:12.5px}.rank .who small,.rank-empty{display:block;color:var(--tx2)}.rank-empty{padding:38px 18px;text-align:center}.lb-note{margin:16px 4px 0;font-size:13px;color:var(--tx2)}.lb-note:empty{display:none}.foot{padding:22px 32px 40px;border-top:1px solid var(--line)}.foot p{max-width:760px;margin:0 auto;font-size:12.5px;line-height:1.7;color:var(--tx2);text-align:center}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px}.modal-back{position:absolute;inset:0;background:rgba(82,30,50,.45)}.modal-card{position:relative;width:100%;max-width:430px;background:var(--panel);border-radius:22px;padding:30px 28px 24px;box-shadow:0 30px 70px -20px rgba(82,30,50,.55)}.modal-card h2{margin:0 0 6px;font-size:23px;padding-right:36px}.modal-lead{margin:0 0 20px;color:var(--tx2);font-size:15px}.modal-x{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#FBEAE3;color:var(--tx2);font-size:21px;line-height:1;cursor:pointer}.modal-x:hover{background:#F6D9D0}.chans{display:grid;grid-gap:10px;gap:10px}.chan{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;text-decoration:none;border:1px solid var(--line);color:var(--ink);background:var(--bg)}.chan:hover{border-color:var(--pink-cta);background:#FFF3EF}.chan-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;font-size:12px;font-weight:800;color:#fff}.chan.line .chan-ic{background:#06c755}.chan.x .chan-ic{background:#191013;font-size:17px}.chan.ig .chan-ic{background:linear-gradient(135deg,#f9ce34,#ee2a7b 52%,#6228d7)}.chan-tx{flex:1 1;min-width:0}.chan-tx b{display:block;font-size:15px}.chan-tx small{font-size:13px}.chan-empty,.chan-go,.chan-tx small{color:var(--tx2)}.chan-empty{margin:0;padding:16px;border-radius:12px;background:#FFF3EF;font-size:14px}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:0;padding:8px 26px 32px}.hero-art{order:1;width:100%;max-width:400px;margin:0 auto;min-height:min(52vh,440px)}.art-photo{position:relative;right:auto;bottom:auto;height:auto;width:104%;margin:0 -2% -2px;display:block}.art-word{right:0;width:100%}.hero-copy{order:2;text-align:left}h1{max-width:none}main{justify-content:flex-start}}@media(max-width:560px){.bar{padding:14px 18px}.hero{padding:4px 18px 28px}.lb{padding:20px 18px 40px}.foot{padding:20px 18px 36px}.cta{gap:10px}.cta .btn{flex:1 1 100%}.road-pct{font-size:28px}.hero-art{max-width:320px;min-height:min(46vh,400px)}.petals .p11,.petals .p12,.petals .p3,.petals .p6,.petals .p9{display:none}.when{flex-direction:column;gap:4px;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.petals{display:none}}