@font-face{font-family:Anuphan;src:url('anuphan-thai-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0E00-0E7F,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;src:url('anuphan-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:Manrope;src:url('manrope-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#1b2630;--muted:#59636b;--accent:#344c66;--line:#d7dde1}*{box-sizing:border-box}html{background:#fff;scroll-behavior:auto}body{margin:0;background:#fff;color:var(--ink);font-family:Anuphan,Tahoma,sans-serif;font-size:18px;line-height:1.85}body[lang=en]{font-family:Manrope,Arial,sans-serif;font-size:17px}main,article{background:#fff}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-150px;left:16px;z-index:9;background:white;padding:12px 18px;border:1px solid var(--ink)}.skip:focus{top:12px}.masthead{max-width:1280px;width:calc(100% - 96px);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 0 25px;border-bottom:1px solid var(--line)}.identity{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:650;letter-spacing:-.7px;text-decoration:none;color:var(--ink);line-height:1.25}.identity span{font-weight:300;color:var(--accent);padding:0 4px}.identity small{display:block;letter-spacing:2px;font-size:9px;font-weight:500;margin-top:8px}.masthead nav{display:flex;gap:10px}.masthead nav a{display:grid;place-items:center;width:44px;height:44px;font:600 12px Manrope,Arial,sans-serif;text-decoration:none;border-bottom:2px solid transparent}.masthead nav a[aria-current=page]{border-color:var(--accent)}
.opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;max-width:1200px;width:calc(100% - 96px);margin:70px auto 0}.hero{grid-column:1/8;grid-row:1}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--accent);margin:0 0 28px;line-height:1.8}.hero h1{margin:0;line-height:1.2;letter-spacing:-2px;font-size:64px;font-weight:500}.hero h1 small{display:block;font:450 25px/1.7 Anuphan,Arial,sans-serif;letter-spacing:-.3px;margin-top:22px;max-width:580px}body[lang=en] .hero h1{font-size:62px}body[lang=en] .hero h1 small{font-family:Manrope,Arial,sans-serif;font-size:24px;line-height:1.5}.deck{font-size:18px;line-height:1.85;max-width:570px;margin:30px 0 18px;color:var(--muted)}.disclosure{font-size:11px;line-height:1.8;color:var(--muted);max-width:540px;margin:0 0 38px}.intro{grid-column:1/8;grid-row:2;max-width:650px;margin-top:35px}.intro p:first-child{font-size:26px;line-height:1.8;letter-spacing:-.5px;font-weight:450}.origin{grid-column:3/11;grid-row:3;margin-top:70px}.photo{margin:0;min-width:0}.photo picture{display:block;background:white}.photo img{display:block;width:100%;height:auto;object-fit:contain}.photo-cocoon{grid-column:8/13;grid-row:1/3;align-self:start;margin-top:70px}.photo-cocoon picture{padding-top:25px}.photo-cocoon img{aspect-ratio:1.505;object-fit:contain}.photo figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px}.photo figcaption span{display:block}.photo-subject{font-size:12px;color:var(--ink);margin-bottom:7px}.photo figcaption a{display:inline-flex;align-items:center;min-height:44px}.photo figcaption .changes{font-size:10px;line-height:1.8}.photo-weaving{max-width:1100px;margin:48px auto 95px}.photo-weaving img{aspect-ratio:1.5;object-fit:contain}.story{max-width:1200px;width:calc(100% - 96px);margin:0 auto}.prose{max-width:720px;margin-inline:auto}.chapter{margin-bottom:75px}.chapter h2,.sources h2{font-size:29px;font-weight:550;line-height:1.6;letter-spacing:-.5px;margin:0 0 29px}.chapter p{margin:0 0 25px}.chapter strong{font-weight:600}.chapter em{font-style:italic}.chapter .ref{font:600 10px Manrope,Arial,sans-serif;vertical-align:super;margin-inline:3px;white-space:nowrap;text-decoration:none}.sensory{padding-top:0}.texture{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:80px;align-items:start;max-width:1100px;margin:85px auto 95px}.texture .prose{max-width:650px}.texture .chapter{margin-bottom:0}.photo-threads{max-width:440px}.photo-threads img{aspect-ratio:1824/2327}.brand-context h2{color:var(--accent)}.product-context{font-size:15px}.ending{margin-top:70px;padding-top:45px;border-top:1px solid var(--line)}.ending p:last-child{font-size:24px;line-height:1.8;margin-top:36px}.sources{border-top:1px solid var(--line);padding-top:40px;margin-top:80px;margin-bottom:85px}.sources h2{font-size:22px}.reference{font-size:12px;line-height:1.9;overflow-wrap:anywhere;margin:0 0 22px}.reference p{margin:0}.footer{max-width:1280px;width:calc(100% - 96px);margin:0 auto;padding:28px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;font-size:11px;color:var(--muted)}.footer span{font-family:Manrope,Arial,sans-serif;letter-spacing:1px;color:var(--ink)}.footer p{margin:0}.footer p:last-child{grid-column:2}h2,figure,.reference{scroll-margin-top:24px}
@media(max-width:1000px){.opening{column-gap:24px;margin-top:50px}.hero h1,body[lang=en] .hero h1{font-size:48px}.hero h1 small{font-size:23px}.origin{grid-column:2/12}.texture{gap:40px}.photo-cocoon{grid-column:8/13;margin-top:85px}.hero{grid-column:1/8}.intro{grid-column:1/8}.story,.opening,.masthead,.footer{width:calc(100% - 64px)}}
@media(max-width:700px){body{font-size:17px;line-height:1.85}body[lang=en]{font-size:16px;line-height:1.9}.masthead{width:calc(100% - 40px);padding:20px 0}.identity{font-size:19px}.identity small{font-size:8px;letter-spacing:1.3px}.masthead nav{gap:2px}.opening{width:100%;margin-top:38px;display:flex;flex-direction:column;gap:0}.hero{padding:0 22px;order:0}.hero h1,body[lang=en] .hero h1{font-size:41px;letter-spacing:-1.2px;line-height:1.38}.hero h1 small{font-size:23px;margin-top:14px;line-height:1.65}body[lang=en] .hero h1 small{font-size:21px;line-height:1.5}.eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:0}.deck{font-size:17px;line-height:1.85;margin-top:24px}.disclosure{font-size:10px;margin:18px 0 12px}.photo-cocoon{order:1;margin:20px 0 34px;padding:0 22px}.photo-cocoon picture{padding-top:0}.photo-cocoon img{aspect-ratio:1.505;object-fit:contain}.intro{order:2;margin:0;padding:0 22px;max-width:100%}.intro p:first-child{font-size:23px}.origin{order:3;margin:48px 0 0;padding:0 22px}.story{width:100%}.story>.prose{padding:0 22px}.chapter{margin-bottom:55px}.chapter h2,.sources h2{font-size:24px;line-height:1.65;letter-spacing:-.3px;margin-bottom:24px}.chapter p{margin-bottom:23px}.photo-weaving{margin:20px 0 65px}.photo-weaving figcaption{padding:0 22px}.photo-weaving img{aspect-ratio:1.5;object-fit:contain}.texture{display:block;margin:65px 0}.texture>.prose{padding:0 22px}.photo-threads{width:calc(100% - 88px);margin:36px auto 0;max-width:440px}.photo figcaption{font-size:10px}.photo-subject{font-size:11px}.photo figcaption .changes{font-size:10px}.brand-context h2{font-size:24px}.product-context{font-size:14px}.ending{margin-top:55px;padding-top:35px}.ending p:last-child{font-size:22px}.sources.prose{margin:65px 22px;padding:34px 0 0}.sources h2{font-size:21px}.reference{font-size:12px}.footer{width:calc(100% - 44px);display:block;padding-bottom:35px}.footer p{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}