:root{color-scheme:light;--navy:#1b3e70;--muted:#5b6778;--line:#d7e0eb;--page:#f3f6fa;--gold:#b9840b}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:clamp(20px,3.8vw,46px) clamp(16px,5.8vw,89px);background:var(--page);color:var(--navy);font-family:'Noto Sans Thai Looped','Noto Sans',sans-serif;-webkit-font-smoothing:antialiased}
.welcome{width:100%;max-width:1360px;background:#fff;border-radius:20px;padding:24px 32px 20px;text-align:center;box-shadow:0 4px 14px #1b3e7015,0 1px 3px #1b3e700d}
h1{margin:0;line-height:0}
.wordmark{display:block;width:230px;height:auto;margin:auto}
.gold-rule{display:block;width:98px;height:3px;background:var(--gold);border-radius:3px;margin:22px auto 18px}
p{margin:0}
.tagline{font-family:'Noto Serif Thai',serif;font-size:24px;font-weight:600;line-height:1.5}
.intro{font-size:20px;line-height:1.6;margin-top:4px}
.intro span{white-space:nowrap}
.illustration{display:block;width:min(100%,740px);height:auto;margin:2px auto 0}
.status{color:var(--muted);font-size:22px;line-height:1.6;margin:6px 0 24px}
.social-strip{display:flex;align-items:center;justify-content:space-around;gap:8px;background:var(--page);border-radius:22px;padding:6px 16px}
a{color:inherit;text-decoration:none}
.social-strip a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:4px 8px;white-space:nowrap;font-size:21px;line-height:1.5;border-radius:8px;transition:color .15s,background-color .15s}
.social-strip img,.email img{flex:none;object-fit:contain}
.social-strip a:hover,.email:hover{color:#0a2854;text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--navy);outline-offset:4px;background:#e8eef7}
footer{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}
.email{display:inline-flex;align-items:center;gap:15px;min-height:40px;font-size:22px;border-radius:5px}
@media(max-width:1200px){.social-strip{gap:2px;padding-inline:8px}.social-strip a{font-size:17px;gap:8px;padding-inline:4px}.social-strip img{width:24px;height:24px}.intro{font-size:18px}.status,.email{font-size:20px}}
@media(max-width:900px){body{padding:24px}.welcome{padding:26px 24px 20px}.social-strip{flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:0}.social-strip a{flex:0 0 calc(33.333% - 12px);font-size:17px}.wordmark{width:210px}.tagline{font-size:22px}.illustration{max-width:650px}}
@media(max-width:520px){body{padding:14px 12px;align-items:start}.welcome{border-radius:16px;padding:25px 14px 18px}.wordmark{width:188px}.gold-rule{width:70px;height:2px;margin:18px auto 16px}.tagline{font-size:19px}.intro{font-size:16px;line-height:1.75;margin:6px auto 0;max-width:310px}.illustration{width:calc(100% + 16px);max-width:none;margin:18px -8px 12px}.status{font-size:17px;line-height:1.75;max-width:290px;margin:0 auto 20px;text-wrap:balance}.social-strip{padding:8px 6px;border-radius:16px;gap:0 4px}.social-strip a{flex-basis:calc(50% - 4px);font-size:15px;gap:8px;min-height:48px}.social-strip img{width:23px;height:23px}footer{margin-top:20px;padding-top:14px}.email{font-size:16px;gap:10px}.email img{width:23px;height:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:360px){.social-strip a{font-size:14px;gap:4px;padding-inline:2px}.social-strip img{width:18px;height:20px}}