:root{--ink:#1c1c1e;--ink2:#3a3a3c;--grey:#8e8e93;--line:#d9d9dc;--paper:#f5f5f3;--white:#fff;--red:#c8102e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:300 17px/1.65 Kanit,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--red)}
a:hover{color:var(--ink)}
img{max-width:100%;height:auto;display:block}
.top{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
.top:after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:260px;pointer-events:none;
 background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,255,255,.06) 18px 26px)}
.bar{max-width:1100px;margin:0 auto;padding:14px 18px 10px;position:relative;z-index:1}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-weight:400;letter-spacing:.04em}
.brand span{border-left:2px solid var(--red);padding-left:10px;font-size:15px}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:15px}
nav a{color:#d1d1d6;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--white)}
nav a[aria-current]{color:var(--white);border-bottom-color:var(--red)}
.note{margin:0;background:#ececea;border-bottom:1px solid var(--line);color:var(--ink2);font-size:13.5px;line-height:1.5;
 padding:9px 18px;text-align:center}
.note span[lang=th]{display:block;color:var(--grey)}
main{max-width:1100px;margin:0 auto;padding:22px 18px 40px}
.kicker{margin:6px 0 0;color:var(--red);font-weight:400;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
h1{font-weight:600;font-size:clamp(28px,6.4vw,46px);line-height:1.12;margin:.15em 0 .5em;letter-spacing:-.01em}
h1 .th{display:block;font-weight:300;font-size:.55em;color:var(--ink2);margin-top:.3em}
h2{font-weight:600;font-size:24px;margin:1.8em 0 .5em;padding-top:.6em;border-top:3px solid var(--ink);display:inline-block}
h3{font-weight:400;font-size:18.5px;margin:1.2em 0 .3em}
.lede{font-size:19px;max-width:46em}
.lede[lang=th]{font-size:17px;color:var(--ink2)}
section{clear:both}
.two{display:block}
.two>div+div{margin-top:12px}
[lang=th]{line-height:1.8}
.ph{margin:18px 0;background:var(--white)}
.ph img{width:100%;object-fit:cover}
.ph figcaption{font-size:12.5px;color:var(--grey);padding:6px 8px}
.hero img{aspect-ratio:16/9}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.grid .ph{margin:0}
.grid .ph img{aspect-ratio:4/3}
.facts ul{padding-left:1.1em;max-width:48em}
.facts li{margin:.35em 0}
.more{font-weight:400}
.card-nap{background:var(--white);border-left:4px solid var(--red);padding:4px 18px 12px;margin-top:28px}
.card-nap h2{border-top:0;padding-top:0}
dl{display:grid;grid-template-columns:1fr;gap:2px 16px;margin:0}
dt{font-weight:400;color:var(--grey);font-size:14px;margin-top:8px}
dd{margin:0}
.muted{color:var(--grey);font-size:15px}
.review{background:var(--white);margin:12px 0;padding:14px 18px;border-top:3px solid var(--ink)}
.review blockquote{margin:0;font-size:18px}
.review .tr{color:var(--grey);font-size:15px}
.review figcaption{font-size:14px;color:var(--ink2);margin-top:6px}
.stars{color:var(--red);letter-spacing:2px}
blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid var(--red);background:var(--white)}
blockquote cite{display:block;font-style:normal;font-size:13.5px;color:var(--grey);margin-top:6px}
.src{font-size:13px;color:var(--grey);margin-top:14px}
.src a{color:var(--grey)}
.tiles{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:12px}
.tiles a{display:block;background:var(--ink);color:var(--white);text-decoration:none;padding:16px 18px;height:100%;
 border-bottom:3px solid var(--red)}
.tiles a:hover{background:var(--ink2)}
.tiles strong{display:block;font-weight:600;font-size:19px}
.tiles span{display:block;color:#c7c7cc;font-size:15px}
.timeline{padding-left:1.2em}
.timeline li{margin:.8em 0}
.news{list-style:none;padding:0;margin:0}
.news li{padding:8px 0;border-bottom:1px solid var(--line)}
.news time{display:inline-block;min-width:10.5em;color:var(--red);font-weight:400;font-size:15px}
.clip{background:var(--white);padding:6px 18px 10px;margin:14px 0}
footer{background:var(--ink);color:#c7c7cc;font-size:14px;padding:18px;text-align:center}
footer p{max-width:900px;margin:.4em auto}
footer a{color:var(--white)}
.nap strong{color:var(--white);font-weight:400}
.e404{text-align:center;padding:40px 0}
@media (min-width:720px){
 .grid{grid-template-columns:1fr 1fr}
 .grid.four{grid-template-columns:1fr 1fr}
 .tiles{grid-template-columns:1fr 1fr}
 dl{grid-template-columns:7em 1fr}
 dt{margin-top:6px}
}
@media (min-width:960px){
 .two{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:start}
 .two>h2,.two>.src,.two>p,.two>blockquote{grid-column:1/-1}
 .two>div+div{margin-top:0}
 .tiles{grid-template-columns:repeat(3,1fr)}
 .grid.four{grid-template-columns:repeat(4,1fr)}
 .top:after{width:420px}
}