@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&family=Noto+Sans:wght@400;600;800;900&display=swap');
html:not(.story-js) .story-body,html:not(.story-js) .story-eyebrow{opacity:1;transform:none}
.story-media picture{display:block;width:100%;height:100%}
:root{--red:#d92c27;--ink:#231f20;--paper:#f5f2ee;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'Noto Sans Thai','Noto Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.story-nav{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,3.2vw,55px);background:linear-gradient(#151112ba,transparent);pointer-events:none}.story-nav>*{pointer-events:auto}.story-logo{display:flex;align-items:center;gap:12px;font:900 15px 'Noto Sans',sans-serif;letter-spacing:.14em}.story-logo img{width:70px;height:48px;object-fit:contain}.story-nav .story-back{border:1px solid #ffffff70;border-radius:100px;padding:11px 18px;font-size:12px;background:#15111233;backdrop-filter:blur(12px)}.story-progress{position:fixed;z-index:55;top:0;left:0;height:3px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.story-section{position:relative;min-height:86svh;isolation:isolate;overflow:hidden;display:grid;align-items:center;padding:clamp(110px,13vw,180px) clamp(24px,8vw,135px)}.story-section.theme-dark{background:var(--ink);color:#fff}.story-section.theme-red{background:var(--red);color:#fff}.story-section.theme-light{background:var(--paper);color:var(--ink)}.story-section.type-hero,.story-section.type-media,.story-section.type-outro{min-height:100svh}.story-section.type-statement{min-height:75svh}.story-section.type-quote{min-height:70svh}.story-inner{position:relative;z-index:2;max-width:1500px;width:100%;margin:auto}.story-copy{position:relative;z-index:2;max-width:800px}.align-center .story-copy{margin:auto;text-align:center}.align-right .story-copy{margin-left:auto;text-align:right}.story-eyebrow{display:block;margin-bottom:20px;font:800 clamp(10px,1.1vw,13px) 'Noto Sans',sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#ff6a64}.theme-red .story-eyebrow{color:#fff}.theme-light .story-eyebrow{color:var(--red)}.story-title{font-weight:900;font-size:clamp(48px,8vw,148px);line-height:.98;letter-spacing:-.065em;margin:0;max-width:1100px;text-wrap:balance}.type-statement .story-title{font-size:clamp(54px,9vw,155px)}.type-quote .story-title{font-size:clamp(42px,6vw,96px)}.story-body{font-size:clamp(16px,1.35vw,21px);line-height:1.9;max-width:640px;margin:28px 0 0;color:#e4dedc;white-space:pre-line}.theme-light .story-body{color:#51494a}.align-center .story-body{margin-left:auto;margin-right:auto}.align-right .story-body{margin-left:auto}.story-media{position:absolute;z-index:0;inset:0;overflow:hidden}.story-media img,.story-media video{display:block;width:100%;height:100%;object-fit:cover}.story-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,17,18,.86),rgba(19,17,18,.26) 72%),linear-gradient(0deg,rgba(19,17,18,.52),transparent 45%)}.type-split{grid-template-columns:1fr 1fr;gap:4vw}.type-split .story-inner{margin:0;max-width:680px}.type-split .story-media{position:relative;inset:auto;min-height:70vh;order:2;border-radius:2px}.type-split .story-media:after{display:none}.type-split.align-right .story-media{order:-1}.type-split .story-title{font-size:clamp(46px,5.5vw,100px)}.type-statement .story-media,.type-quote .story-media{opacity:.13}.type-statement .story-media:after,.type-quote .story-media:after{display:none}.story-section:after{content:attr(data-index);position:absolute;bottom:24px;right:clamp(24px,8vw,135px);font:600 11px 'Noto Sans',sans-serif;letter-spacing:.2em;opacity:.5}.story-scroll{position:absolute;z-index:4;bottom:28px;left:clamp(24px,8vw,135px);font-size:11px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:14px}.story-scroll:before{content:'';width:45px;height:1px;background:currentColor}.story-foot{padding:75px clamp(24px,8vw,135px);background:#171414;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.story-foot strong{font-size:clamp(26px,4vw,56px);line-height:1}.story-foot a{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.reveal-word{display:inline-block;overflow:hidden;vertical-align:top}.reveal-word>span{display:inline-block;transform:translateY(120%);transition:transform 1.1s var(--ease)}.is-visible .reveal-word>span{transform:translateY(0)}.story-body,.story-eyebrow{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform 1s var(--ease)}.is-visible .story-body,.is-visible .story-eyebrow{opacity:1;transform:translateY(0)}.is-visible .story-body{transition-delay:.22s}.effect-none .story-body,.effect-none .story-eyebrow{opacity:1;transform:none}.effect-none .reveal-word>span{transform:none}.effect-zoom .story-media img{transform:scale(1.18);transition:transform 1.8s var(--ease)}.effect-zoom.is-visible .story-media img{transform:scale(1)}.effect-sticky{min-height:115svh}.effect-sticky .story-copy{position:sticky;top:34vh}.story-nav a:focus-visible,.story-foot a:focus-visible{outline:3px solid var(--red);outline-offset:4px}@media(max-width:800px){.story-nav{padding:12px 18px}.story-logo img{width:52px;height:40px}.story-logo{font-size:12px}.story-section{min-height:72svh;padding:120px 22px 95px}.story-section.type-hero,.story-section.type-media,.story-section.type-outro{min-height:100svh}.story-title{font-size:clamp(52px,14vw,90px);letter-spacing:-.055em}.type-statement .story-title{font-size:clamp(54px,13vw,92px)}.type-split{display:flex;flex-direction:column;gap:35px}.type-split .story-media,.type-split.align-right .story-media{order:0;width:100%;min-height:45svh}.type-split .story-title{font-size:clamp(48px,11vw,78px)}.story-media:after{background:linear-gradient(0deg,rgba(19,17,18,.92),rgba(19,17,18,.15) 75%)}.story-section:after{right:22px}.story-scroll{left:22px}.story-foot{display:block;padding:55px 22px}.story-foot a{display:inline-block;margin-top:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-body,.story-eyebrow,.reveal-word>span,.effect-zoom .story-media img{transition:none!important;transform:none!important;opacity:1!important}}