:root{--cream:#f7e9d7;--paper:#fff9ef;--brown:#5b2c14;--cocoa:#8a512d;--orange:#ef8619;--leaf:#6c8055;--sand:#d9b98f;--ink:#432718;--shadow:0 18px 50px rgba(95,49,20,.14);--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0,#fff8eb 0,transparent 28%),linear-gradient(145deg,#f8ead8,#f3ddc5);font-family:"Tahoma","Noto Sans Thai",sans-serif;font-size:16px;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,249,239,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(91,44,20,.1)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--brown);text-decoration:none;font-weight:900;letter-spacing:.08em}.ears{width:43px;height:22px;border:5px solid var(--orange);border-bottom:0;border-radius:13px 13px 0 0;clip-path:polygon(0 100%,0 22%,20% 0,39% 58%,61% 58%,80% 0,100% 22%,100% 100%)}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--ink);text-decoration:none;font-weight:700}.nav-links a:hover{color:var(--orange)}.menu{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--brown)}.hero{padding:64px 0 36px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;padding:7px 14px;border-radius:999px;background:#fff0db;color:#9a4b12;font-weight:800;font-size:.88rem;letter-spacing:.08em}.display{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:clamp(3.25rem,7vw,6.8rem);line-height:.93;margin:18px 0;color:var(--brown);letter-spacing:-.04em}.display span{display:block;color:var(--orange)}.lead{font-size:1.16rem;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:16px;text-decoration:none;font-weight:800;border:2px solid var(--brown);color:var(--brown);background:transparent}.btn.primary{background:var(--brown);color:#fff8ed}.hero-card,.card{background:rgba(255,249,239,.9);border:1px solid rgba(91,44,20,.1);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hero-card{padding:18px;transform:rotate(1deg)}.hero-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.hero-note{display:flex;justify-content:space-between;gap:16px;padding:16px 8px 2px;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:1.2rem;font-weight:700}.section{padding:78px 0}.section.alt{background:rgba(255,255,255,.28);border-block:1px solid rgba(91,44,20,.08)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.kicker{font-weight:900;color:var(--orange);letter-spacing:.08em;text-transform:uppercase}.title{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:8px 0;color:var(--brown)}.section-head p{max-width:560px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{padding:14px}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.product-copy{padding:18px 10px 10px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#f4dec0;font-size:.8rem;font-weight:800}.product-copy h3{font-size:1.35rem;margin:10px 0 5px}.specs{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.specs span{font-size:.85rem;border:1px solid #d6b995;border-radius:999px;padding:4px 10px}.campaigns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.campaign{position:relative;padding:34px;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate}.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(60,30,10,.88));z-index:-1}.campaign.donate{background:url('assets/card-back.png') center 20%/cover}.campaign.collect{background:url('assets/card-somnoi.png') center 20%/cover}.campaign .number{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:3.6rem;line-height:1;color:#ffd08f}.campaign h3{font-size:1.6rem;margin:12px 0}.campaign a{color:#fff;font-weight:900}.feature-row{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center}.feature-visual{padding:14px}.feature-visual img{width:100%;display:block;border-radius:23px}.checks{display:grid;gap:13px;padding:0;margin:22px 0;list-style:none}.checks li{position:relative;padding-left:35px}.checks li:before{content:'♥';position:absolute;left:0;color:var(--orange);font-size:1.2rem}.video-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.video-main video,.video-small video{width:100%;display:block;background:#2e1b12}.video-main{padding:14px}.video-main video{border-radius:22px;max-height:620px}.video-stack{display:grid;gap:22px}.video-small{padding:12px}.video-small video{border-radius:20px;max-height:288px}.quote{text-align:center;padding:78px 24px}.quote p{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:clamp(2rem,5vw,4rem);line-height:1.2;margin:0;color:var(--brown)}footer{padding:48px 0;background:#4c2917;color:#fff3e4}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#fff3e4}.page-hero{padding:65px 0 36px;text-align:center}.page-hero .lead{margin:0 auto}.impact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.impact{padding:25px;text-align:center}.impact strong{font-family:"Comic Sans MS","Segoe Print",cursive;display:block;color:var(--orange);font-size:2.35rem}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:30px;position:relative}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);color:white;font-weight:900}.step h3{font-size:1.25rem}.certificate-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.certificate-showcase img{width:100%;border-radius:23px;box-shadow:var(--shadow)}.reward{padding:38px;background:linear-gradient(135deg,#71401f,#4f2918);color:#fff3e4}.reward .title{color:#ffdca9}.fineprint{font-size:.9rem;color:#77533c}.center{text-align:center}.masonry{columns:3 260px;column-gap:18px}.masonry img{width:100%;display:block;margin:0 0 18px;border-radius:22px;break-inside:avoid}.notice{padding:20px 24px;border-left:5px solid var(--orange);background:#fff5e7;border-radius:0 18px 18px 0}@media(max-width:850px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 24px;background:var(--paper);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:block}.hero-grid,.feature-row,.video-layout{grid-template-columns:1fr}.grid-3,.steps{grid-template-columns:1fr 1fr}.campaigns{grid-template-columns:1fr}.hero{padding-top:38px}.hero-card{transform:none}.video-stack{grid-template-columns:1fr 1fr}.certificate-showcase{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid-3,.steps,.impact-strip,.certificate-showcase{grid-template-columns:1fr}.display{font-size:3.5rem}.section{padding:58px 0}.section-head{display:block}.campaign{min-height:380px;padding:24px}.video-stack{grid-template-columns:1fr}.footer-grid{display:block}.footer-links{margin-top:20px}}

/* Thai page heroes need their own font metrics and line boxes. */
html{overflow-x:hidden}
body{overflow-wrap:break-word}
.brand{flex:0 0 auto;line-height:1}
.brand-logo{display:block;width:auto;height:58px;max-width:min(190px,48vw);object-fit:contain}
footer .brand-logo{height:66px;max-width:min(215px,62vw)}
.page-hero{padding:clamp(46px,6vw,72px) 0 40px}
.page-hero .container{display:flex;flex-direction:column;align-items:center}
.page-hero .display{margin-block:clamp(22px,3vw,34px) clamp(18px,2.5vw,28px)}
.page-hero .lead{max-width:720px}
.page-title{width:min(100%,980px);font-family:"Tahoma","Noto Sans Thai",sans-serif;font-size:clamp(2.75rem,6.2vw,6.5rem);font-weight:900;line-height:1.24;letter-spacing:-.035em}
.page-title .headline-line{display:block;color:var(--brown)}
.page-title .headline-line+.headline-line{margin-top:.08em}
.page-title .headline-emphasis{color:var(--orange)}
@media(max-width:560px){
  .container{width:min(100% - 28px,1160px)}
  .nav-inner{min-height:68px;gap:14px}
  .brand-logo{height:48px;max-width:155px}
  .nav-links{top:68px}
  footer .brand-logo{height:58px;max-width:190px}
  .display.page-title{font-size:clamp(2.45rem,12.5vw,3.65rem);line-height:1.3;letter-spacing:-.025em}
  .page-hero{padding-top:40px}
  .page-hero .display{margin-block:20px 18px}
}