.site-footer{--sf-navy:#123a72;--sf-deep:#0b2142;color:#fff;isolation:isolate;margin-top:96px;position:relative}.sf-clouds{pointer-events:none;background:radial-gradient(circle at 50% 100%, var(--sf-navy) 0 46px, transparent 47px) 0 100% / 132px 60px repeat-x, radial-gradient(circle at 50% 100%, #1a4a88 0 64px, transparent 65px) 58px 100% / 196px 86px repeat-x;height:90px;position:absolute;bottom:100%;left:0;right:0}.sf-nuri{z-index:1;filter:drop-shadow(0 6px 6px #0b214266);pointer-events:none;width:clamp(84px,9vw,124px);height:auto;position:absolute;bottom:calc(100% + 12px);right:max(16px,7vw)}.sf-friends{--sf-fw:72px;z-index:1;pointer-events:none;justify-content:space-around;align-items:flex-end;display:flex;position:absolute;bottom:calc(100% + 10px);left:max(12px,4vw);right:calc(max(16px,7vw) + clamp(84px,9vw,124px))}.sf-friend{width:var(--sf-fw);height:auto;margin-bottom:calc(var(--sf-fw) * -.08);filter:drop-shadow(0 6px 6px #0b214266);flex:none}.sf-friend-safi{translate:0 -10px}.sf-friend-wide{display:none}@media (min-width:40rem){.sf-friends{--sf-fw:clamp(80px, 9vw, 116px);justify-content:space-evenly}.sf-friend-wide{display:block}}.sf-sky{background:radial-gradient(1.6px 1.6px at 12% 18%, #ffe08a 98%, transparent) , radial-gradient(1.2px 1.2px at 27% 62%, #fff 98%, transparent), radial-gradient(2px 2px at 44% 30%, #ffe08a 98%, transparent), radial-gradient(1.2px 1.2px at 63% 74%, #fff 98%, transparent), radial-gradient(1.8px 1.8px at 78% 22%, #ffe08a 98%, transparent), radial-gradient(1.2px 1.2px at 91% 56%, #fff 98%, transparent), radial-gradient(1.4px 1.4px at 6% 82%, #fff 98%, transparent), linear-gradient(180deg, var(--sf-navy) 0%, #0f2d5c 45%, var(--sf-deep) 100%);padding:28px 16px calc(16px + env(safe-area-inset-bottom))}@media (min-width:40rem){.sf-sky{padding-inline:32px}}.sf-inner{gap:28px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:48rem){.sf-inner{grid-template-columns:1fr 1fr;column-gap:40px}}@media (min-width:72rem){.sf-inner{grid-template-columns:1fr 1.1fr 1.7fr .9fr;column-gap:32px}.sf-sponsor-card{flex-direction:column;align-items:flex-start}}.sf-heading{font-family:var(--font-display);color:#ffd56a;margin:0 0 10px;font-size:1.125rem;font-weight:800}.sf-sub{color:#cfe0f5;font-size:.8125rem;font-weight:500;display:block}.sf-name{white-space:nowrap;color:#fff;text-shadow:0 3px #0b2142;margin:0;font-size:clamp(1.75rem,2.4vw,2.1rem);font-weight:800;line-height:1.1}.sf-motto{margin:8px 0 0;font-weight:700;line-height:1.6}.sf-motto-sub{color:#cfe0f5;margin:2px 0 0;font-size:.875rem}.sf-promise ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sf-promise li{align-items:flex-start;gap:10px;font-weight:700;line-height:1.45;display:flex}.sf-check{width:28px;height:28px;color:var(--sf-deep);background:#f5c451;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 2px #b07d1c}.sf-check svg{width:18px;height:18px}.sf-sources{color:#cfe0f5;margin:14px 0 0;font-size:.9rem;line-height:1.6}.sf-text-link{color:#ffd56a;text-underline-offset:4px;align-items:center;gap:6px;min-height:48px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.sf-sources .sf-text-link{min-height:0;padding-block:12px}@media (hover:hover){.sf-text-link:hover{color:#fff}}.sf-text-link:focus-visible,.sf-island:focus-visible{outline-offset:3px;border-radius:12px;outline:3px solid #fff}.sf-islands ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sf-island{color:#fff;text-wrap:balance;background:#ffffff12;border-radius:18px;align-items:center;gap:8px;min-height:64px;padding:6px 10px 6px 6px;font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .2s ease-out,box-shadow .2s ease-out;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.sf-island-art{object-fit:contain;flex:none;width:48px;height:48px;transition:translate .2s ease-out,scale .2s ease-out}@media (hover:hover){.sf-island:hover{background:#ffffff21;box-shadow:inset 0 0 0 1px #ffd56a99,0 6px 14px -6px #0009}}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.sf-island:hover .sf-island-art{translate:0 -3px;scale:1.06}}.sf-island:active{transition-duration:75ms;scale:.98}}.sf-sponsor-card{background:#ffffff0d;border-radius:20px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #e9be4f59}.sf-sponsor-card p{margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.sf-sponsor-logo{object-fit:contain;flex:none;width:76px;height:76px}.sf-sponsor-word{color:#f5c451;flex:none;font-size:1.4rem;font-weight:800}.sf-bottom{color:#cfe0f5;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;max-width:1200px;margin:28px auto 0;padding-top:8px;font-size:.875rem;display:flex}.sf-bottom p{margin:0}.sf-bottom ul{gap:16px;margin:0;padding:0;list-style:none;display:flex}.sf-parents svg{width:20px;height:20px}
.brand-logo{flex-direction:column;align-items:center;width:min(580px,100%);display:flex}.brand-logo-art{aspect-ratio:10/3;width:100%;display:block;overflow:visible}.brand-logo-tagline{font-family:var(--font-thai), sans-serif;aspect-ratio:100/7;width:100%;display:block;overflow:visible}.brand-logo-today{fill:#1760ab}.brand-logo-future{fill:#087568}.brand-logo-connector{fill:#946000}.brand-header:has(.brand-logo){flex-direction:column;align-items:center;gap:12px;padding:8px 16px 12px;position:relative}.brand-header:has(.brand-logo)>a:first-child{filter:none;width:min(464px,80%)}.brand-header:has(.brand-logo)>a:first-child:focus-visible{outline-offset:3px;background:#ffffff80;outline:4px solid #12356b}.brand-header:has(.brand-logo)>div{align-self:center}@media (min-width:640px) and (max-width:1023px){.brand-header:has(.brand-logo)>a:first-child{width:416px}}@media (max-height:500px) and (min-width:640px){.brand-header:has(.brand-logo)>a:first-child{width:352px}}@media (orientation:landscape) and (max-height:500px) and (not (min-width:64rem)){.brand-header:has(.brand-logo){flex-direction:row;justify-content:space-between;gap:12px;padding:4px 16px 8px}.brand-header:has(.brand-logo)>a:first-child{width:min(240px,32vw)}.brand-header:has(.brand-logo)>div{align-self:center;position:static}}@media (min-width:80rem){.brand-header:has(.brand-logo){flex-direction:row;justify-content:center}.brand-header:has(.brand-logo)>div{position:absolute;top:12px;right:24px}}