@keyframes rise{to{opacity:1;transform:none}}@keyframes letter{to{opacity:1;transform:none;filter:blur(0)}}@keyframes slide{to{transform:translateX(-50%)}}@keyframes drip{0%{top:-14px}to{top:38px}}:root{--night:#2b1420;--plum:#4a2233;--wine:#7a2442;--rose:#e3a1b2;--blush:#f4d9dc;--cream:#f7f0e6;--gold:#d6b277;--ink:#3b1d2a;--muted:#7d6670;--serif:"Cormorant Garamond", "Noto Serif Thai", Georgia, serif;--sans:"Noto Sans Thai", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font:300 15px/1.85 var(--sans);-webkit-font-smoothing:antialiased}a,button{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.eyebrow,h1{font-weight:400}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(84px,12.5vw,188px);line-height:.82;letter-spacing:-.02em;margin:30px 0 34px}h2,h3{font-weight:400;margin:0}h2[data-k]{white-space:pre-line}.eyebrow{font-size:10.5px;letter-spacing:.32em;text-transform:uppercase}header,nav{display:flex;align-items:center}header{position:fixed;z-index:10;inset:0 0 auto;justify-content:space-between;padding:24px 6%;color:var(--cream);transition:background .5s,padding .5s,box-shadow .5s}header.solid{background:rgba(43,20,32,.92);backdrop-filter:blur(10px);padding-block:14px;box-shadow:0 1px 0#ffffff14}.brand{font:400 28px/1 var(--serif);letter-spacing:.01em}.brand em,.marquee-track b{color:var(--rose)}nav{gap:30px;font-size:12.5px;letter-spacing:.04em}nav>a{position:relative;opacity:.85;transition:opacity .3s}.scroll-cue i::after,nav>a::after{content:"";position:absolute;left:0}nav>a::after{right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}nav>a:hover{opacity:1}nav>a:hover::after{transform:scaleX(1);transform-origin:left}.lang{background:0 0;border:1px solid #f7f0e655;border-radius:30px;padding:7px 14px;font-size:11.5px}.hero,.scroll-cue i{position:relative;overflow:hidden}.hero{min-height:720px;height:100svh;display:flex;align-items:center;background:var(--night);color:var(--cream)}.hero canvas{position:absolute;inset:0;width:100%;height:100%}.hero-copy{position:relative;z-index:2;padding:120px 6%;max-width:760px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero .eyebrow{color:var(--gold)}h1 .split,img{display:block}h1 .italic{font-style:italic;color:var(--blush);padding-left:.55em}.char{display:inline-block}.hero p{max-width:430px;margin:0;font-size:15px;color:#f7f0e6cc}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;gap:18px;align-items:center;padding:15px 26px;border-radius:40px;background:var(--rose);color:var(--night);font-size:13px;font-weight:400;transition:background .3s,transform .3s var(--ease)}.btn:hover{background:var(--blush);transform:translateY(-2px)}.btn.light{background:var(--cream)}.text-link{position:relative;padding:6px 0;font-size:13px;border-bottom:1px solid currentColor}.hero-bottom{position:absolute;z-index:3;left:6%;right:6%;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#f7f0e6b0}.motion-toggle{background:#2b142099;border:1px solid #f7f0e633;border-radius:30px;padding:8px 15px;font-size:10.5px;letter-spacing:.08em;text-transform:none}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue i{width:1px;height:38px;background:#f7f0e633}.scroll-cue i::after{width:1px;height:14px;background:var(--rose);animation:drip 2.2s var(--ease) infinite}.js .hero-in{opacity:0;transform:translateY(18px);animation:rise 1.1s var(--ease) var(--d, 0s) forwards}.js .char{opacity:0;transform:translateY(.5em) rotate(6deg);filter:blur(6px);animation:letter 1.2s var(--ease) var(--d, 0s) forwards}.marquee{overflow:hidden;background:var(--wine);color:var(--blush);padding:16px 0}.marquee-track{display:flex;gap:34px;width:max-content;align-items:center;font:italic 26px/1 var(--serif);animation:slide 38s linear infinite}.marquee-track b{font:14px/1 var(--sans)}.intro{padding:120px 10% 100px;text-align:center}.intro .eyebrow{color:var(--wine)}.intro h2{font-size:clamp(36px,4.6vw,62px);line-height:1.22;margin:26px auto;max-width:900px}.intro p{max-width:560px;margin:0 auto;color:var(--muted)}.experience{padding:0 6% 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.card-img{overflow:hidden;border-radius:200px 200px 6px 6px;aspect-ratio:4/5;background:var(--blush)}.card:nth-child(2) .card-img{border-radius:6px 6px 200px 200px}.card-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--ease)}.card.in .card-img img{transform:scale(1.02)}.card:hover .card-img img{transform:scale(1.08)}.card-num{font:italic 20px var(--serif);color:var(--wine);margin:22px 0 4px}.card h3{font-size:34px;line-height:1.15}.card p{color:var(--muted);font-size:14px;margin:12px 0 0;max-width:340px}.experience-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:30px;border-top:1px solid #3b1d2a1f}.note{font-size:11px;color:#9a8790;margin:0}.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease) var(--d, 0s),transform 1.1s var(--ease) var(--d, 0s)}.js .reveal.in{opacity:1;transform:none}.js .reveal-img{clip-path:inset(100%0 0 0);transition:clip-path 1.4s var(--ease) var(--d, 0s)}.js .reveal-img.in{clip-path:inset(0 0 0 0)}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:5px}.motion-paused .marquee-track,.motion-paused .scroll-cue i::after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .char,.js .hero-in,.js .reveal,.js .reveal-img{animation:none;transition:none;opacity:1;transform:none;filter:none;clip-path:none}.marquee-track,.scroll-cue i::after{animation:none}}@media (max-width:860px){header{padding:18px 6%}.brand{font-size:24px}nav>a{display:none}.hero{min-height:680px;align-items:flex-start}.hero-copy{padding:130px 7%0}h1{font-size:92px}h1 .italic{padding-left:.3em}.hero p{font-size:14px;max-width:330px}.hero-bottom{letter-spacing:.1em;font-size:9px}.hero-bottom>span{max-width:110px;line-height:1.6}.scroll-cue span{display:none}.marquee-track{font-size:20px}.intro{padding:80px 7% 70px}.experience{grid-template-columns:1fr;padding:0 7% 80px;gap:54px}}