:root{color-scheme:light;font-family:Kanit,sans-serif;--sky: oklch(80% .104 219);--cream: oklch(96% .018 91);--ink: oklch(17% .012 228);--muted: oklch(59% .014 236);--spot-x: 64vw;--spot-y: 52vh;--spot-size: clamp(190px, 22vw, 340px);--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#d6dcdf;color:var(--cream)}body,button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.skip-link{position:fixed;left:18px;top:14px;z-index:10000;padding:10px 14px;border-radius:999px;background:var(--cream);color:var(--ink);transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.splash{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none;animation:splash-away .3s ease 1.55s forwards}.splash-row{display:flex;width:100%;height:50%}.splash-row i{width:20%;height:100%;background:var(--sky)}.splash-row-top i{animation:splash-up 1.1s cubic-bezier(.96,-.02,.38,1.01) forwards}.splash-row-bottom i{animation:splash-down 1.1s cubic-bezier(.96,-.02,.38,1.01) forwards}.splash-row i:nth-child(2){animation-delay:50ms}.splash-row i:nth-child(3){animation-delay:.1s}.splash-row i:nth-child(4){animation-delay:.15s}.splash-row i:nth-child(5){animation-delay:.2s}.splash-mark{position:absolute;left:50%;top:50%;color:#0d1d24;font:600 clamp(20px,2.2vw,32px)/1 "Kanit",sans-serif;letter-spacing:.22em;transform:translate(-50%,-50%);animation:splash-mark .52s var(--ease) .68s forwards}@keyframes splash-up{to{transform:translateY(-101%)}}@keyframes splash-down{to{transform:translateY(101%)}}@keyframes splash-away{to{opacity:0;visibility:hidden}}@keyframes splash-mark{to{opacity:0;filter:blur(8px);transform:translate(-50%,-80%)}}.site-header{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,38px) clamp(18px,3.2vw,48px);pointer-events:none}.brand,.menu-toggle{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--cream)}.brand-mark{display:block;width:58px;height:58px;margin:-12px;object-fit:contain}.brand-name{color:#002332;color:oklch(24% .055 232);font:600 12px/1 Kanit,sans-serif;letter-spacing:.18em}.menu-toggle{position:relative;z-index:2;display:grid;width:58px;aspect-ratio:1;place-content:center;gap:6px;border:0;border-radius:50%;background:var(--cream);cursor:pointer;transition:background .34s ease,transform .34s var(--ease)}.menu-toggle:hover{transform:scale(1.06)}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);transition:transform .34s var(--ease),background .34s ease}.menu-open .menu-toggle{background:var(--ink)}.menu-open .menu-toggle span{background:var(--cream)}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-panel{position:fixed;top:7px;right:7px;z-index:50;display:flex;width:min(430px,calc(100vw - 14px));height:min(600px,calc(100vh - 14px));flex-direction:column;justify-content:space-between;padding:104px 52px 50px;border-radius:24px;background:#0a1114f7;box-shadow:0 28px 90px #0104063d;opacity:0;pointer-events:none;transform:translateY(calc(-100% - 14px));transition:opacity .4s ease,transform .56s var(--ease)}.menu-open .menu-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-panel nav{display:flex;flex-direction:column}.menu-panel nav a{width:fit-content;color:var(--cream);font:500 clamp(35px,5vw,48px)/1.17 "Kanit",sans-serif;letter-spacing:-.045em;transition:color .24s ease,transform .32s var(--ease)}.menu-panel nav a:hover,.menu-panel nav a:focus-visible{color:var(--sky);transform:translate(8px)}.menu-bottom{display:grid;gap:28px}.menu-contact{display:grid;gap:7px}.menu-contact span{color:#8e979b;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.menu-contact a{width:fit-content;color:var(--cream);font-size:19px}.hero{position:sticky;top:0;width:100%;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:#d6dcdf}.hero-wordmark{position:absolute;left:50%;bottom:clamp(-24px,-2.2vw,-10px);z-index:1;width:max-content;color:var(--cream);font:700 clamp(112px,26.5vw,470px)/.76 "Daft Sans PXL","Pixelify Sans",sans-serif;letter-spacing:-.075em;transform:translate(-50%,110%);animation:wordmark-in 1.1s var(--ease) 1.52s forwards;pointer-events:none}@keyframes wordmark-in{to{transform:translate(-50%)}}.hero-image{position:absolute;inset:0;z-index:2;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scale(1.28) rotate(2deg);animation:image-in 1.3s var(--ease) .98s forwards}.hero-image-base{background-image:url(/hero-base.png)}.hero-image-reveal{z-index:3;background-image:url(/hero-reveal.png);-webkit-mask-image:radial-gradient(circle var(--spot-size) at var(--spot-x) var(--spot-y),oklch(100% 0 0) 0 38%,oklch(100% 0 0 / .82) 58%,transparent 100%);mask-image:radial-gradient(circle var(--spot-size) at var(--spot-x) var(--spot-y),oklch(100% 0 0) 0 38%,oklch(100% 0 0 / .82) 58%,transparent 100%)}@keyframes image-in{to{opacity:1;transform:scale(1) rotate(0)}}.hero-shade{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,oklch(90% .008 228 / .84) 0%,oklch(90% .008 228 / .33) 34%,transparent 62%);pointer-events:none}.hero-content{position:relative;z-index:5;display:flex;width:100%;height:100%;flex-direction:column;justify-content:space-between;padding:clamp(112px,15vh,160px) clamp(18px,3.2vw,48px) clamp(32px,5vh,56px);pointer-events:none}.hero-copy{display:grid;width:min(520px,45vw);gap:26px;color:var(--ink);pointer-events:auto}.eyebrow{margin:0;color:#3e4a4f;font:500 11px/1 Kanit,sans-serif;letter-spacing:.14em;text-transform:uppercase}h1{display:flex;max-width:490px;flex-wrap:wrap;gap:0 .26em;margin:0;font:500 clamp(25px,2.45vw,38px)/1.12 "Kanit",sans-serif;letter-spacing:-.045em;text-wrap:balance}h1 span{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(12px);animation:word-in .46s var(--ease) var(--word-delay) forwards}@keyframes word-in{to{opacity:1;filter:blur(0);transform:translateY(0)}}.pill-cta{position:relative;display:flex;width:fit-content;align-items:center;gap:12px;overflow:hidden;padding:7px;border-radius:999px;opacity:0;transform:translateY(50px) scale(.65);animation:cta-in .76s var(--ease) 1.3s forwards}.pill-fill{position:absolute;left:7px;top:5px;bottom:5px;z-index:-1;width:calc(100% - 78px);border-radius:999px;background:var(--cream);transition:width .42s var(--ease)}.pill-label{padding:14px 30px;color:var(--ink);font-size:16px;font-weight:500;white-space:nowrap}.pill-arrow{display:grid;width:52px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--sky);color:var(--cream);font-size:21px;transition:transform .42s var(--ease)}.pill-cta:hover .pill-fill,.pill-cta:focus-visible .pill-fill{width:calc(100% - 14px)}.pill-cta:hover .pill-arrow,.pill-cta:focus-visible .pill-arrow{transform:translate(-6px) rotate(6deg)}@keyframes cta-in{to{opacity:1;transform:translateY(0) scale(1)}}.pill-cta-small{opacity:1;transform:none;animation:none}.pill-cta-small .pill-label{padding:9px 27px;font-size:14px}.pill-cta-small .pill-arrow{width:40px;font-size:17px}.pill-cta-small .pill-fill{width:calc(100% - 62px)}.hero-meta{display:flex;gap:26px;color:var(--cream);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.hero-meta span{display:flex;align-items:center;gap:10px}.hero-meta span:not(:first-child):before{content:"";width:4px;aspect-ratio:1;border-radius:50%;background:var(--sky)}.spotlight-hint{position:absolute;right:clamp(24px,4vw,58px);bottom:clamp(30px,5vh,56px);z-index:6;display:flex;align-items:center;gap:14px;color:var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:0;animation:hint-in .5s ease 2.4s forwards}.spotlight-hint i{width:48px;height:1px;background:currentColor;transform-origin:right;animation:hint-line 1.5s var(--ease) infinite alternate}@keyframes hint-in{to{opacity:.7}}@keyframes hint-line{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}.has-pointer .spotlight-hint{opacity:0;transition:opacity .3s ease}.future-anchor{position:absolute;inset:0;pointer-events:none}:focus-visible{outline:2px solid var(--sky);outline-offset:5px}@media(max-width:760px){body{overflow:auto}.site-header{padding:18px}.brand-name{display:none}.brand-mark{width:54px;height:54px;margin:-11px}.menu-toggle{width:54px}.menu-panel{top:6px;right:6px;width:calc(100vw - 12px);height:min(580px,calc(100svh - 12px));padding:94px 30px 34px}.hero{min-height:700px}.hero-image{top:30%;background-position:58% center}.hero-shade{background:linear-gradient(180deg,oklch(90% .008 228 / .95) 0 31%,transparent 58%)}.hero-content{padding:104px 18px 28px}.hero-copy{width:100%;gap:20px}h1{max-width:370px;font-size:clamp(24px,7vw,32px)}.pill-label{padding:12px 22px;font-size:14px}.pill-arrow{width:46px}.pill-fill{width:calc(100% - 69px)}.hero-meta{gap:13px;font-size:9px}.hero-wordmark{bottom:-6px;font-size:clamp(104px,29vw,190px)}.spotlight-hint{display:none}.hero-image-reveal{--spot-size: 44vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.hero-image,.hero-wordmark,h1 span,.pill-cta{opacity:1;filter:none;transform:none}.splash,.spotlight-hint{display:none}}