@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/noto-sans-thai-thai-wght-normal-YTWCO3DJ.woff2") format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/noto-sans-thai-latin-ext-wght-normal-CYNY4FAU.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/noto-sans-thai-latin-wght-normal-USE2SQXJ.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg:#fbf7f5;--surface:#fffdfc;--ink:#271b18;--muted:#806d67;--line:#e6d8d3;--accent:#ef4023;--soft:#f4e9e5;--header:rgba(251,247,245,.96);--danger:#a62e28;--radius:3px}:root[data-theme=dark]{color-scheme:dark;--bg:#171210;--surface:#211917;--ink:#f6ece8;--muted:#bba8a1;--line:#3e302c;--soft:#291e1b;--header:rgba(23,18,16,.96);--danger:#ff9a86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Thai Variable,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}p{margin-bottom:1.25em}h1{font-size:clamp(2.4rem,4.8vw,4.4rem);font-weight:650}h2{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:620}h3{font-size:1.25rem;font-weight:600}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#171717}.container{max-width:1280px;margin:0 auto;padding:0 52px}.accent{color:var(--accent)}.muted{color:var(--muted)}.eyebrow,.tiny-label{font-family:Noto Sans Thai Variable,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.tiny-label{color:var(--muted)}.orange-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:var(--accent);color:#171717;padding:12px}.skip-link:focus{top:12px}.demo-banner{text-align:center;background:#fd7e14;color:#171717;font-size:11px;padding:5px 16px}.site-header{border-bottom:1px solid var(--line);background:var(--header);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{max-width:1384px;margin:auto;padding:24px 52px;display:flex;gap:32px;align-items:center;justify-content:space-between}.wordmark{font-family:Arial,sans-serif;font-size:25px;line-height:1;font-weight:900;letter-spacing:-1.2px;white-space:nowrap}.wordmark .accent{font-size:36px;line-height:0}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{font-size:11px;font-weight:550;position:relative;padding:5px 0}.site-header nav a.active:after{content:"";position:absolute;height:2px;bottom:-9px;left:0;right:0;background:var(--accent)}.header-actions{display:flex;gap:8px}.icon-button{background:none;border:1px solid var(--line);width:37px;height:37px;border-radius:50%;color:var(--ink);display:grid;place-items:center;font-size:21px}.menu-toggle{display:none;font-size:17px}.masthead{padding-top:64px;padding-bottom:50px;display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:end}.masthead h1{margin-bottom:0;line-height:1.3}.masthead-note{border-left:1px solid var(--line);padding-left:32px;padding-bottom:4px}.masthead-note .tiny-label{font-size:8px;letter-spacing:.1em}.masthead-note p{font-size:13px;line-height:1.9;margin:16px 0}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;border:0;background:none;color:var(--ink);padding:0}.text-link span{font-size:21px}.text-link:hover{color:var(--accent)}.section-rule{border-top:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}.section-rule span:last-child{display:flex;align-items:center;gap:10px}.featured-wrap{display:grid;grid-template-columns:1.6fr 1fr;margin-top:12px}.featured-image{position:relative;min-height:410px;overflow:hidden}.cover{display:block;width:100%;height:100%;overflow:hidden;background:var(--soft)}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured-image:hover img,.card-image:hover img,.work-tile:hover img{transform:scale(1.025)}.image-placeholder{height:100%;min-height:150px;display:grid;place-items:center;background:var(--soft)}.image-placeholder>span{font-family:Arial,sans-serif;font-size:80px;line-height:1;font-weight:900;letter-spacing:-8px;color:var(--muted)}.image-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:24px;color:#fff;background:linear-gradient(transparent,#0000008c);font:9px Arial,sans-serif;letter-spacing:.16em}.featured-copy{background:#23271f;color:#f6f5ed;padding:39px;display:flex;flex-direction:column;align-items:flex-start}.featured-copy .eyebrow{color:var(--accent);font-size:9px;margin-bottom:32px}.featured-category{font-size:11px;margin-bottom:14px;color:#bfc2b5}.featured-copy h2{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.4;margin-bottom:18px}.featured-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c3c5b8;margin-bottom:24px}.featured-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;font:10px Arial,sans-serif;color:#c3c5b8;letter-spacing:.08em}.round-link{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#171717;font-size:25px;border:0}.section-space{padding-top:66px;padding-bottom:70px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:33px}.section-heading .eyebrow{margin-bottom:9px;color:var(--muted)}.section-heading h2{margin:0}.section-heading>p{font-size:12px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.entry-card{display:flex;flex-direction:column;min-width:0}.card-image{display:block;aspect-ratio:1.5;position:relative;overflow:hidden;margin-bottom:19px}.card-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:9px;margin-bottom:11px}.card-meta>span:first-child{color:var(--ink);font-weight:600}.meta-date{margin-left:auto;white-space:nowrap;font-family:Arial,sans-serif;font-size:9px}.entry-card h3{font-size:19px;line-height:1.55;margin-bottom:10px}.entry-card h3 a:hover{color:var(--accent)}.entry-card>p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:20px}.entry-card>.text-link{margin-top:auto;align-self:flex-start;font-size:11px}.demo-tag{display:inline-block!important;color:var(--muted);font-size:9px;letter-spacing:0;border:1px solid currentColor;border-radius:3px;padding:0 4px;font-weight:400!important;white-space:nowrap}.featured-copy .demo-tag{color:#c3c5b8}.work-section{background:var(--soft);padding:64px 0 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-tile{display:block;position:relative;aspect-ratio:1.45;overflow:hidden;background:#292b26}.work-tile .image-placeholder{background:#292b26}.work-overlay{position:absolute;inset:0;background:linear-gradient(transparent 5%,#0a0c0a59 40%,#0a0c0ae6);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#fff}.work-overlay .eyebrow{color:#fd9a47;margin-bottom:10px;font-size:9px}.work-overlay h3{font-size:30px;display:flex;justify-content:space-between;margin-bottom:7px}.work-overlay h3 span{color:var(--accent)}.work-overlay p{color:#dbdcd5;font-size:11px;margin:0}.personal-note{padding-top:84px;padding-bottom:86px;text-align:center}.personal-note .eyebrow{justify-content:center;color:var(--muted)}.personal-note h2{font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.65;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#171717;padding:11px 19px;font-size:12px;font-weight:600;line-height:1.5}.button:hover{filter:brightness(.95)}.button-outline{background:transparent;border-color:var(--line);color:var(--ink)}.button-danger{background:none;border-color:var(--danger);color:var(--danger)}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.footer-top{padding-top:42px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px}.footer-top p{font-size:12px;color:var(--muted);margin:0}.footer-contact{font-size:14px;justify-self:end;border-bottom:1px solid var(--line);padding-bottom:10px}.footer-contact span{margin-left:30px;color:var(--accent);font-size:23px}.footer-bottom{padding-top:18px;padding-bottom:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.page-intro{padding-top:67px;padding-bottom:20px}.page-intro .eyebrow{color:var(--muted);margin-bottom:15px}.page-intro h1{margin-bottom:18px}.page-intro>p:last-child{color:var(--muted);font-size:15px}.listing-section{padding-top:20px;min-height:500px}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:35px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-options button{border:1px solid transparent;background:none;color:var(--muted);padding:6px 13px;border-radius:30px;font-size:12px}.filter-options button.selected{background:var(--ink);color:var(--bg)}.filter-options button:hover{border-color:var(--line)}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.play-small{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:35px;height:35px;background:#ffffffe6;color:#171717;border-radius:50%;font-size:12px}.pagination{margin-top:45px;display:flex;justify-content:center;align-items:center;gap:25px;font-size:12px}.state-box{padding-top:80px;padding-bottom:90px;text-align:center;grid-column:1/-1;min-height:280px}.state-box .eyebrow{justify-content:center}.state-box h1{font-size:36px}.state-box p{color:var(--muted)}.loading-surface{min-height:380px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.empty-journal{min-height:350px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;background:var(--soft);padding:42px}.large-mark{font:900 180px Arial,sans-serif;text-align:center;letter-spacing:-15px}.empty-journal h2{line-height:1.5}.empty-journal p{color:var(--muted);font-size:14px}.article-header{max-width:950px;padding-top:45px;padding-bottom:32px}.article-category{margin-top:45px;color:var(--muted)}.article-header h1{font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1.4}.article-excerpt{font-size:18px;line-height:1.9;color:var(--muted)}.article-meta{display:flex;gap:23px;align-items:center;font-size:10px;border-top:1px solid var(--line);padding-top:22px}.article-meta button{margin-left:auto;font-size:11px}.article-cover{height:520px;margin-bottom:45px}.article-body{max-width:780px;padding:0 28px;margin:auto}.prose{font-size:17px;line-height:2;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3{margin-top:1.7em;line-height:1.6}.prose h1{font-size:2rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.25rem}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.prose blockquote{border-left:3px solid var(--accent);margin:25px 0;padding:8px 24px;color:var(--muted)}.prose blockquote p:last-child{margin-bottom:0}.prose pre{background:#23271f;color:#e9ecd9;padding:24px;overflow:auto;font-size:13px;line-height:1.8;border-radius:3px}.prose code{font-family:ui-monospace,monospace;font-size:.85em}.prose img{max-height:700px;width:auto;display:block;margin:30px auto}.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}.prose table{display:block;overflow:auto;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:8px 13px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 35px;padding:25px 0;border-bottom:1px solid var(--line)}dt{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}dd{margin:0;font-size:13px}.video-frame{aspect-ratio:16/9;margin:30px 0;background:#23271f}.video-frame iframe{border:0;width:100%;height:100%}.video-start{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:none;color:#fff;border:0;font-size:13px}.video-start .round-link{font-size:17px}.project-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.article-end{text-align:center;padding:60px 0 80px;border-top:1px solid var(--line);margin-top:55px}.article-end>.accent{font-size:32px}.article-end p{font-size:13px;color:var(--muted);margin-top:15px}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;padding-top:30px;padding-bottom:100px}.about-visual{min-height:430px;position:relative;background:var(--accent);display:flex;align-items:center;justify-content:center}.about-visual>.eyebrow{position:absolute;bottom:10px;left:28px;color:#171717}.about-monogram{font:900 240px Arial,sans-serif;color:#171717;letter-spacing:-22px}.about-monogram span{color:#f8f6f2}.about-copy{padding:15px 0}.about-copy>.eyebrow{color:var(--muted);margin-bottom:8px}.about-copy h2{font-family:Arial,sans-serif;font-size:48px;margin-bottom:10px}.about-tagline{font-size:20px}.about-copy .prose{font-size:15px}.contact-section{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.studio{max-width:1280px;margin:auto;padding:42px 52px 80px;min-height:650px}.studio-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.studio-top h1{font-size:32px;margin:0}.studio-top .eyebrow{margin-bottom:5px;color:var(--muted)}.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.studio-tabs button{border:1px solid var(--line);background:none;color:var(--ink);padding:8px 16px;font-size:12px}.studio-tabs button.selected{background:var(--ink);color:var(--bg)}.studio-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}.studio-toolbar h2{font-size:20px;margin:0}.studio-login{max-width:480px;margin:45px auto;padding:36px;background:var(--surface);border:1px solid var(--line)}.studio-login h1{font-size:29px}.studio-login p{font-size:13px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:12px;font-weight:550}.field small{font-size:11px;color:var(--muted);font-weight:400}input,select,textarea{min-width:0;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:10px 12px;font-size:14px;font-weight:400}textarea{resize:vertical;line-height:1.9}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}.checkbox-field{display:flex;align-items:center;gap:10px;font-size:13px;margin:12px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.editor-main,.editor-aside{background:var(--surface);padding:25px;border:1px solid var(--line);min-width:0}.editor-aside{align-self:start}.editor-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.editor-actions .muted{font-size:11px}.editor-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.editor-title h2{font-size:24px;margin:0}.markdown-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.markdown-toolbar button{font-size:12px;border:1px solid var(--line);color:var(--ink);background:var(--soft);padding:4px 10px}.markdown-preview{padding:20px;min-height:300px;border:1px solid var(--line);background:var(--bg);margin-top:15px}.editor-cover{aspect-ratio:1.5;margin-bottom:20px}.notice{padding:12px 16px;border:1px solid var(--line);background:var(--soft);margin-bottom:20px;font-size:13px;overflow-wrap:anywhere}.notice.error{color:var(--danger);border-color:var(--danger)}.notice.success{border-color:#688154;color:var(--ink)}.studio-table-wrap{overflow-x:auto}.studio-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.studio-table th{font-size:10px;font-weight:500;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}.studio-table td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.studio-table td:first-child{font-weight:550;min-width:180px}.studio-table .actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.studio-table .text-link{font-size:11px}.status-badge{font-size:10px;padding:3px 8px;border-radius:15px;background:var(--soft);white-space:nowrap}.status-badge.published{background:#dce9d1;color:#263c1b}.category-row{display:flex;gap:12px;align-items:end;max-width:750px;margin-bottom:25px}.category-row .field{flex:1;margin:0}.studio-footnote{font-size:11px;color:var(--muted);margin-top:20px}.password-section{max-width:600px;padding-top:25px;margin-top:35px;border-top:1px solid var(--line)}.hero-editor-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(430px,1.25fr);gap:28px;align-items:start}.hero-editor-preview{position:sticky;top:100px;min-width:0;background:#1e1816;padding:14px;border:1px solid var(--line)}.hero-editor-preview>.tiny-label{display:block;color:#d8c8c2;margin:0 0 10px}.color-field{display:grid;grid-template-columns:50px 1fr;gap:8px}.color-field input[type=color]{height:43px;padding:4px;cursor:pointer}.analytics-dashboard{min-width:0}.analytics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.analytics-summary article{min-height:138px;padding:22px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}.analytics-summary article>span{font-size:10px;color:var(--muted);letter-spacing:.04em}.analytics-summary article>strong{font:650 38px/1.2 Noto Sans Thai Variable,sans-serif;margin:auto 0 3px;color:var(--ink)}.analytics-summary article>.analytics-country-lead{font-size:20px;line-height:1.5}.analytics-summary article>small{font-size:10px;color:var(--muted)}.analytics-table-wrap{overflow:auto;border:1px solid var(--line);background:var(--surface)}.analytics-table{width:100%;border-collapse:collapse;text-align:left}.analytics-table th{padding:13px 18px;font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:550;border-bottom:1px solid var(--line)}.analytics-table td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}.analytics-table tr:last-child td{border-bottom:0}.analytics-table td:first-child{min-width:180px}.analytics-table td:first-child strong,.analytics-table td:first-child small{display:block}.analytics-table td:first-child small{margin-top:3px;color:var(--muted);font:9px Arial,sans-serif}.analytics-count{font:650 24px/1.3 Noto Sans Thai Variable,sans-serif!important;white-space:nowrap}.country-list{display:flex;flex-wrap:wrap;gap:7px}.country-list span{padding:6px 9px;border:1px solid var(--line);background:var(--bg);white-space:nowrap;font-size:10px}.country-list span b{font-size:14px;margin-right:3px}.country-list span strong{margin-left:6px;color:var(--accent)}.analytics-note{display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:16px 18px;border:1px solid var(--line);background:var(--soft)}.analytics-note>span{color:var(--accent);font-size:24px;line-height:1}.analytics-note p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}.analytics-note strong{color:var(--ink)}.analytics-empty{min-height:240px;background:var(--surface);border:1px solid var(--line)}.studio .button-outline:disabled{color:var(--ink);opacity:.65}@media(min-width:1440px){.container{max-width:1360px}.masthead{padding-top:76px}.featured-image{min-height:450px}}@media(max-width:1050px){.header-inner{padding:20px 30px;gap:20px}.site-header nav{gap:17px}.site-header nav a{font-size:10px}.container{padding-left:30px;padding-right:30px}.masthead{grid-template-columns:1fr 220px}.masthead-note{padding-left:25px}.featured-copy{padding:28px}.featured-copy .eyebrow{margin-bottom:20px}.featured-image{min-height:380px}.about-grid{gap:40px}.studio{padding:35px 30px 60px}.editor-grid{grid-template-columns:minmax(0,1fr) 250px}.hero-editor-grid{grid-template-columns:1fr}.hero-editor-preview{position:static}}@media(max-width:900px){.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.header-inner{padding:18px 24px}.wordmark{font-size:23px}.menu-toggle{display:grid}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:25px;align-items:stretch;gap:20px}.site-header nav.is-open{display:flex}.site-header nav a{font-size:14px}.site-header nav a.active:after{bottom:-5px;right:auto;width:30px}.masthead{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px;gap:24px}.masthead h1{font-size:clamp(2.3rem,6vw,3.4rem)}.masthead-note{border:0;padding:0;display:flex;gap:24px;align-items:center;justify-content:space-between}.masthead-note .tiny-label{display:none}.masthead-note p{margin:0;font-size:11px}.featured-wrap{grid-template-columns:1fr 1fr}.featured-copy h2{font-size:26px}.featured-copy>p:not(.eyebrow){font-size:11px}.featured-image{min-height:380px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.work-overlay{padding:20px}.work-overlay h3{font-size:23px}.work-overlay p{font-size:10px}.work-overlay .eyebrow{font-size:8px}.work-tile{aspect-ratio:1}.about-grid{grid-template-columns:1fr}.about-visual{max-width:500px;width:100%;min-height:380px}.about-visual .cover{height:450px}.footer-top{grid-template-columns:1fr 1fr}.footer-top p{display:none}.editor-grid{grid-template-columns:1fr}.editor-aside{display:block}.studio{padding:30px 24px 50px}.article-cover{height:380px}.project-facts{grid-template-columns:1fr 1fr}.section-space{padding-top:45px;padding-bottom:50px}}@media(max-width:540px){.container{padding-left:22px;padding-right:22px}.header-inner{padding:17px 22px}.masthead h1{font-size:34px}.masthead-note p{font-size:10px}.masthead-note .text-link{font-size:11px;gap:8px}.section-rule{font-size:8px;letter-spacing:.08em}.section-rule span:last-child{font-size:7px}.featured-wrap{display:block}.featured-image{display:block;min-height:0;height:270px}.featured-copy{padding:25px}.featured-copy h2{font-size:29px}.featured-copy .eyebrow{margin-bottom:20px}.featured-copy>p:not(.eyebrow){font-size:12px}.featured-bottom{margin-top:0}.card-grid,.two-columns{grid-template-columns:1fr;gap:35px}.card-image{aspect-ratio:1.55}.entry-card h3{font-size:21px}.entry-card>p{font-size:13px}.section-heading{gap:15px}.section-heading h2{font-size:28px}.section-heading .text-link{font-size:10px;gap:8px;white-space:nowrap}.section-heading>p{display:none}.work-section{padding:40px 0 45px}.work-grid{grid-template-columns:1fr;gap:18px}.work-tile{aspect-ratio:1.25}.work-overlay{padding:26px}.work-overlay h3{font-size:28px}.work-overlay p{font-size:12px}.personal-note{padding-top:55px;padding-bottom:55px}.personal-note h2{font-size:21px}.footer-top{gap:12px;padding-top:30px;padding-bottom:28px}.footer-contact{font-size:11px}.footer-contact span{margin-left:9px;font-size:20px}.footer-bottom{font-size:8px;gap:15px}.page-intro{padding-top:40px}.page-intro h1{font-size:35px}.page-intro>p:last-child{font-size:13px}.filter-bar{align-items:flex-start;flex-direction:column;gap:10px}.filter-options{gap:3px}.filter-options button{font-size:11px;padding:6px 11px}.article-header{padding-top:28px}.article-category{margin-top:30px}.article-header h1{font-size:33px}.article-excerpt{font-size:15px}.article-meta{gap:12px;font-size:9px}.article-meta button{font-size:10px}.article-cover{height:260px;margin-bottom:30px}.article-body{padding:0 22px}.prose{font-size:16px}.project-facts{grid-template-columns:1fr;gap:14px}.about-grid{gap:28px}.about-copy h2{font-size:40px}.about-visual{min-height:320px}.about-monogram{font-size:200px}.field-grid{grid-template-columns:1fr}.studio-top h1{font-size:24px}.studio-top>.button{font-size:10px;padding:8px 12px}.studio-login{padding:23px;margin:25px auto}.editor-main,.editor-aside{padding:18px}.category-row{flex-direction:column;align-items:stretch}.editor-title{flex-wrap:wrap}.empty-journal{grid-template-columns:1fr;padding:25px;gap:25px}.large-mark{font-size:110px;letter-spacing:-10px}.empty-journal h2{font-size:28px}.pagination{gap:13px}.pagination .button{font-size:11px;padding:9px 12px}}@media(max-width:600px){.analytics-summary{grid-template-columns:1fr 1fr;gap:9px}.analytics-summary article{min-height:118px;padding:16px}.analytics-summary article>strong{font-size:29px}.analytics-summary article>.analytics-country-lead{font-size:16px}.analytics-table th,.analytics-table td{padding-left:13px;padding-right:13px}.analytics-table td:first-child{min-width:140px}.analytics-note{padding:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#journal,#work,#vlog,#contact{scroll-margin-top:110px}.site-header{background:#1a1d1ffa;border-bottom:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px #ffffff0a}.header-inner{max-width:1160px;min-height:112px;padding:14px 24px;gap:36px}.brand-lockup{display:inline-flex;align-items:center;flex-shrink:0}.brand-lockup img{display:block;width:94px;height:73px;object-fit:contain}.site-header nav{gap:clamp(22px,3.25vw,48px);margin-left:auto}.site-header nav a{color:#f5f5f3;font:700 16px/1.2 Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;padding:14px 0;transition:color .2s}.site-header nav a:hover{color:var(--accent)}.site-header nav a.active{color:#f5f5f3}.site-header nav a.active:after{display:none}.site-header nav .nav-vlog{color:var(--accent)}.site-header .header-actions{margin-left:4px}.site-header .icon-button{border-color:#fff3;color:#f5f5f3}.site-header .icon-button:hover{border-color:var(--accent);color:var(--accent)}.identity-hero{position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto;min-height:min(760px,calc(100svh - 112px));background:#272b26;color:#faf8f0;overflow:hidden}.hero-art,.hero-wash,.hero-grain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-art{opacity:.55;filter:grayscale(.75)}.hero-parallax{background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;transform:translateZ(0)}.hero-wash{background:linear-gradient(180deg,#191d183d,#191d1833 40%,#141713de),linear-gradient(90deg,#1c21198a,#1c21192b 50%,#1c21198a)}.hero-grain{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);border:1px solid rgba(250,248,240,.13)}:root[data-theme=dark] .hero-art{opacity:.4}.hero-content{position:relative;align-self:center;text-align:center;width:100%;padding-top:92px;padding-bottom:80px}.hero-content>.eyebrow{justify-content:center;color:#e2e2d8;letter-spacing:.22em;font-size:10px;margin-bottom:30px}.hero-content h1{font-family:Arial,sans-serif;font-size:clamp(42px,5.8vw,82px);font-weight:800;line-height:1.08;letter-spacing:-.055em;margin:0 auto 29px;max-width:1200px;white-space:nowrap}.hero-amp{font-weight:400;color:#d6d8cd}.hero-smile{display:inline-block;font-weight:400;letter-spacing:-.085em;transform:rotate(-8deg);margin-left:.08em}.hero-description{font-size:14px;line-height:1.95;color:#e0e0d6;margin-bottom:29px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.hero-actions .button{padding:13px 23px}.hero-about{font-size:12px;color:#f4f3eb;border-bottom:1px solid rgba(255,255,255,.32);padding:10px 0}.hero-about span{margin-left:14px;color:var(--accent)}.hero-about:hover{color:var(--accent)}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding-top:22px;padding-bottom:35px;color:#cbcfc1;font:8px Arial,sans-serif;letter-spacing:.15em}.hero-scroll{display:flex;gap:15px;align-items:center;font:11px Noto Sans Thai Variable,sans-serif;letter-spacing:0;color:#f4f3eb}.hero-scroll span{font:20px Arial,sans-serif;display:grid;place-items:center;width:34px;height:34px;border:1px solid #929888;border-radius:50%;transition:transform .2s}.hero-scroll:hover span{transform:translateY(3px);border-color:var(--accent);color:var(--accent)}.journal-intro{padding-top:35px}.journal-intro .section-rule{border-top:0;border-bottom:1px solid var(--line);margin-bottom:25px}.centered-heading{text-align:center;position:relative;padding-top:26px;margin-bottom:32px}.centered-heading .heading-echo{position:absolute;top:0;left:0;width:100%;color:var(--line);opacity:.5;font:800 clamp(44px,7vw,88px)/1 Arial,sans-serif;letter-spacing:-.055em;pointer-events:none;z-index:0}.centered-heading>.eyebrow,.centered-heading>h2,.centered-heading>p{position:relative}.centered-heading>.eyebrow{justify-content:center;color:var(--muted);font-size:9px;margin:24px 0 12px}.centered-heading h2{font:650 clamp(34px,4vw,52px)/1.2 "Noto Sans Thai Variable",sans-serif;letter-spacing:-.04em;margin-bottom:17px}.centered-heading>p:last-child{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:0}.centered-heading.section-heading-left,.centered-heading.section-heading-left .heading-echo{text-align:left}.centered-heading.section-heading-left>.eyebrow{justify-content:flex-start}.vlog-section{padding-top:76px;padding-bottom:64px}.vlog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:35px 0 32px}.vlog-filters button{padding:8px 19px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:12px;border-radius:2px;transition:color .2s,background .2s}.vlog-filters button:hover{color:var(--ink);border-color:var(--line)}.vlog-filters button.selected{background:var(--accent);border-color:var(--accent);color:#20211f;font-weight:600}.vlog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px}.vlog-card{min-width:0}.vlog-poster{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}.vlog-poster .cover img{transition:transform .5s}.vlog-shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,#0f140fb8)}.vlog-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:#1b20193b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:15px;padding-left:3px;transition:background .2s,color .2s,border-color .2s}.vlog-poster-caption{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.055em}.vlog-poster-caption>span{font:23px Arial,sans-serif;color:var(--accent)}.vlog-poster:hover img{transform:scale(1.045)}.vlog-poster:hover .vlog-play,.vlog-poster:focus-visible .vlog-play{background:var(--accent);border-color:var(--accent);color:#171717}.vlog-card-meta{display:flex;align-items:center;gap:10px;margin:16px 0 8px;font-size:10px;letter-spacing:.04em;color:var(--muted)}.vlog-card h3{font-size:19px;line-height:1.6;margin-bottom:8px}.vlog-card h3 a:hover{color:var(--accent)}.vlog-card>p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.vlog-empty{grid-column:1/-1;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:var(--soft);border:1px solid var(--line);padding:32px 22px;color:var(--muted);font-size:13px}.vlog-empty-mark{font:52px Arial,sans-serif;color:var(--accent);margin-bottom:15px}.vlog-empty h3{color:var(--ink);font-size:21px;margin-bottom:10px}.vlog-empty p{margin-bottom:0}.vlog-footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:37px;padding-top:22px}.vlog-footnote .tiny-label{font-size:8px}.contact-me{background:var(--soft);border-top:1px solid var(--line);padding-top:64px;padding-bottom:82px}.contact-me .heading-echo{color:var(--muted);opacity:.11}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;margin-top:40px}.contact-info{display:flex;flex-direction:column;gap:22px}.contact-card,.contact-form{background:var(--bg);border:1px solid var(--line);padding:32px}.contact-card .eyebrow,.contact-form>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:8px;letter-spacing:.12em}.contact-card h3{font-size:23px;letter-spacing:-.035em;margin-bottom:10px}.contact-card p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:18px}.contact-symbol{display:grid;place-items:center;width:47px;height:47px;color:var(--accent);border:1px solid var(--line);border-radius:50%;font:27px Arial,sans-serif;margin-bottom:24px}.social-card{flex:1}.social-profiles{display:flex;flex-direction:column;margin-top:23px;gap:0}.social-profiles a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.social-profiles a>span:last-child{color:var(--accent);font-size:19px}.social-profiles a:hover{color:var(--accent)}.social-profiles>.muted{margin:0}.email-card{display:flex;align-items:flex-start;gap:22px}.email-card .contact-symbol{margin:0;flex-shrink:0}.email-card>div{min-width:0}.email-card h3{font-size:20px}.email-card p:not(.eyebrow){margin:0}.email-address{font-size:13px;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding-bottom:4px}.contact-form>h3{font-size:23px;margin-bottom:30px;line-height:1.5}.contact-form fieldset{margin:0;padding:0;border:0;min-width:0}.contact-form .field{font-size:11px;gap:8px;margin-bottom:20px}.contact-form input,.contact-form textarea{background:var(--surface);border-radius:0;font-size:12px;padding:12px 14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);opacity:.8}.contact-form fieldset:disabled{opacity:.55}.contact-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.contact-form-bottom p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.contact-form-bottom .button{flex-shrink:0}.contact-unavailable{font-size:11px;color:var(--muted);margin:20px 0 0}@media(min-width:1600px){.hero-content h1{font-size:112px}.identity-hero{min-height:800px}}@media(max-width:1050px){.header-inner{gap:20px}.site-header nav{gap:20px}.site-header nav a{font-size:14px}.contact-card,.contact-form{padding:25px}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}@media(max-width:960px){.header-inner{min-height:88px}.brand-lockup img{width:80px;height:60px}.menu-toggle{display:grid}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#1a1d1f;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:24px 30px 30px;align-items:stretch;gap:5px;max-height:calc(100svh - 88px);overflow-y:auto}.site-header nav.is-open{display:flex}.site-header nav a{font-size:15px;padding:12px 0}.site-header nav a.active:after{display:none}.header-actions{margin-left:auto}.identity-hero{min-height:min(720px,calc(100svh - 88px))}.hero-parallax{background-attachment:scroll;background-position:center center}.hero-content h1{white-space:normal;max-width:800px}.contact-grid{grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.email-card{flex-direction:column;gap:20px}.vlog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#journal,#work,#vlog,#contact{scroll-margin-top:82px}.header-inner{min-height:78px;padding-top:8px;padding-bottom:8px}.brand-lockup img{width:72px;height:54px}.identity-hero{min-height:600px}.hero-grain{inset:13px;width:calc(100% - 26px);height:calc(100% - 26px)}.hero-content{padding-top:78px;padding-bottom:50px}.hero-content>.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:30px}.hero-content h1{font-size:clamp(39px,10.6vw,58px);letter-spacing:-.06em;margin-bottom:24px}.hero-description{font-size:12px;line-height:2}.hero-actions{gap:20px}.hero-actions .button{padding:12px 16px;font-size:11px}.hero-about{font-size:11px}.hero-about span{margin-left:5px}.hero-bottom{justify-content:center;padding-bottom:32px}.hero-bottom>span{display:none}.journal-intro{padding-top:20px}.centered-heading{padding-top:19px}.centered-heading>.eyebrow{margin-top:17px;font-size:8px}.centered-heading>p:last-child{font-size:12px}.vlog-section{padding-top:46px;padding-bottom:45px}.vlog-grid{grid-template-columns:1fr;gap:30px}.vlog-filters{gap:4px;margin:27px 0}.vlog-filters button{font-size:11px;padding:7px 13px}.vlog-poster{aspect-ratio:16/10}.vlog-footnote{align-items:flex-start;flex-direction:column;gap:13px}.vlog-card h3{font-size:20px}.contact-me{padding-top:43px;padding-bottom:48px}.contact-grid{gap:18px;margin-top:29px}.contact-info{grid-template-columns:1fr;gap:18px}.contact-card,.contact-form{padding:24px}.email-card{flex-direction:row;gap:16px}.social-profiles{margin-top:18px}.contact-form>h3{font-size:21px}.contact-form .field-grid{grid-template-columns:1fr}.contact-form-bottom{align-items:flex-start;flex-direction:column;gap:17px}.contact-form-bottom .button{width:100%}}@media(prefers-reduced-motion:reduce){.hero-scroll span,.vlog-poster .cover img,.vlog-play,.vlog-filters button{transition:none}}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:#181b1dfa;box-shadow:none;transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease}.site-header.hero-header:not(.scrolled){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header.scrolled{background:#181b1dfa;box-shadow:0 1px #ffffff0d}.header-inner{max-width:720px;min-height:74px;padding:7px 12px;gap:29px}.brand-lockup img{width:61px;height:52px}.site-header nav{gap:29px;margin-left:0}.site-header nav a{font:700 12px/1 Arial,sans-serif;letter-spacing:.035em;padding:15px 0;color:#f5f4f0}.site-header nav a.active{color:var(--accent)}.site-header nav .nav-vlog{color:#f5f4f0}.site-header nav .nav-vlog.active{color:var(--accent)}.site-header nav .nav-vlog:hover{color:var(--accent)}.site-header .header-actions{display:none}main:not(.home-main){padding-top:74px}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:40}.demo-banner+.site-header{top:26px}.demo-banner+.site-header+main:not(.home-main){padding-top:100px}.identity-hero{display:block;min-height:100svh;background:#333;overflow:hidden}.hero-art{opacity:1;filter:grayscale(.75)}.hero-parallax{background-position:center center;background-size:cover;background-attachment:fixed}.hero-wash{background:#12141591}.hero-grain{display:none}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:74px 28px 20px;text-align:center}.hero-content h1{max-width:none;margin:0;color:var(--accent);font-family:Noto Sans Thai Variable,Arial,sans-serif;font-size:clamp(42px,4vw,75px);font-weight:300;line-height:1.15;letter-spacing:-.025em;white-space:nowrap}.hero-chevron{display:grid;place-items:center;width:48px;height:48px;margin-top:25px;color:#eee}.hero-chevron span{display:block;width:17px;height:17px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg);opacity:.85;animation:hero-chevron 1.15s ease-in-out infinite alternate}.footer-actions{display:flex;align-items:center;gap:22px}.footer-theme{border:0;background:none;color:var(--muted);padding:0;font-size:9px}.footer-theme:hover{color:var(--accent)}.footer-top{grid-template-columns:1fr auto}.footer-identity{display:flex;align-items:center;gap:28px;justify-self:start}.footer-identity p{display:block;padding-left:28px;border-left:1px solid var(--line);text-align:left}.demo-banner{background:var(--accent)}.work-overlay .eyebrow{color:var(--accent)}@keyframes hero-chevron{0%{transform:translateY(-3px) rotate(45deg)}to{transform:translateY(5px) rotate(45deg)}}@media(max-width:960px){.header-inner{max-width:none;min-height:74px;padding:7px 24px}.brand-lockup img{width:61px;height:52px}.site-header .header-actions{display:flex;margin-left:auto}.site-header nav{gap:4px;margin-left:0;background:#181b1d}.site-header nav a{font-size:14px;padding:12px 0}.identity-hero{min-height:100svh}.hero-parallax{background-attachment:scroll}.hero-content{padding-top:74px}.hero-content h1{font-size:clamp(36px,7vw,58px);white-space:normal}}@media(max-width:600px){.header-inner{min-height:70px;padding:6px 20px}.brand-lockup img{width:58px;height:50px}main:not(.home-main){padding-top:70px}.hero-content{padding:70px 22px 10px}.hero-content h1{font-size:clamp(31px,9.7vw,45px);line-height:1.28}.hero-chevron{margin-top:18px}.footer-actions{gap:13px}.footer-top{grid-template-columns:1fr auto}.footer-identity{align-items:flex-start;flex-direction:column;gap:10px}.footer-identity p{display:block;padding-left:0;border-left:0;font-size:10px}}@media(prefers-reduced-motion:reduce){.site-header,.hero-chevron span{transition:none;animation:none}}.site-header,.site-header.scrolled,.site-header.hero-header:not(.scrolled){background:#1e1816b3;border-bottom:1px solid rgba(255,245,241,.14);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 12px 34px #140a0724,inset 0 1px #ffffff14}.site-header.hero-header:not(.scrolled){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.site-header nav{background:transparent}.identity-hero{background:#332521}.hero-wash{background:#19110e8a}.featured-copy{background:#261d1a;color:#fff9f6}.featured-category{color:#cbb7b0}.featured-copy>p:not(.eyebrow),.featured-bottom,.featured-copy .demo-tag{color:#cdbbb4}.image-caption{background:linear-gradient(transparent,#1f120e9e)}.work-tile,.work-tile .image-placeholder{background:#2a201d}.work-overlay{background:linear-gradient(transparent 5%,#1f120e57 40%,#160d0ae8)}.work-overlay p{color:#eadcd7}.vlog-shade{background:linear-gradient(transparent 30%,#1b0f0bc2)}.vlog-play{background:#26171242}.prose pre,.video-frame{background:#261d1a;color:#f3e7e2}.about-monogram span{color:var(--bg)}.button:not(.button-outline):not(.button-danger),.round-link{color:#211512}.button-outline{color:var(--ink)}.button-outline:hover{color:var(--accent);border-color:var(--accent);filter:none}.button-danger{color:var(--danger)}.external-arrow{display:inline-block;position:relative;width:.82em;height:.82em;flex:0 0 auto;vertical-align:-.04em}.external-arrow:before{content:"";position:absolute;top:.04em;right:.04em;width:.46em;height:.46em;border-top:.12em solid currentColor;border-right:.12em solid currentColor}.external-arrow:after{content:"";position:absolute;top:.12em;right:.06em;width:.94em;height:.12em;background:currentColor;transform:rotate(-45deg);transform-origin:right center;border-radius:999px}@media(max-width:960px){.site-header nav{background:#1e1816eb;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}}app-hero{display:block}.identity-hero{position:relative;isolation:isolate}.hero-media{position:absolute;inset:-12% 0;z-index:-2;overflow:hidden;will-change:transform;pointer-events:none}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.75)}.hero-media iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100vw;min-height:56.25vw;border:0;transform:translate(-50%,-50%);filter:grayscale(.75);pointer-events:none}.hero-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:112px clamp(28px,6vw,110px) 92px;pointer-events:none}.hero-copy h1{max-width:min(1180px,100%);margin:0;color:var(--accent);font-family:Noto Sans Thai Variable,Arial,sans-serif;line-height:1.15;letter-spacing:-.025em;white-space:pre-line;overflow-wrap:anywhere;pointer-events:auto}.hero-copy h1 a{color:inherit;text-decoration:none}.hero-copy h1 a:hover{text-decoration:underline;text-decoration-thickness:.045em;text-underline-offset:.13em}.hero-position-center{align-items:center;justify-content:center;text-align:center}.hero-position-top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.hero-position-top-right{align-items:flex-end;justify-content:flex-start;text-align:right}.hero-position-bottom-left{align-items:flex-start;justify-content:flex-end;text-align:left}.hero-position-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.hero-size-small h1{font-size:clamp(30px,3vw,54px)}.hero-size-medium h1{font-size:clamp(42px,4vw,75px)}.hero-size-large h1{font-size:clamp(54px,6vw,108px)}.hero-style-light h1{font-weight:300}.hero-style-bold h1{font-weight:780}.hero-style-outline h1{font-weight:760;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px currentColor}.identity-hero>.hero-chevron{position:absolute;z-index:2;left:50%;bottom:28px;transform:translate(-50%);margin:0}.hero-preview{min-height:420px;border:1px solid rgba(255,255,255,.13)}.hero-preview .hero-copy{padding:42px}.hero-preview .hero-size-small h1{font-size:clamp(22px,2.5vw,34px)}.hero-preview .hero-size-medium h1{font-size:clamp(30px,3.4vw,46px)}.hero-preview .hero-size-large h1{font-size:clamp(38px,4.4vw,62px)}.hero-preview .hero-copy h1 a{pointer-events:none}@media(max-width:960px){.hero-media{transform:scale(1.08)!important}.hero-copy{padding:104px 30px 76px}.hero-size-small h1{font-size:clamp(28px,6vw,42px)}.hero-size-medium h1{font-size:clamp(36px,7vw,58px)}.hero-size-large h1{font-size:clamp(44px,9vw,72px)}}@media(max-width:600px){.hero-copy{padding:96px 22px 72px}.hero-size-small h1{font-size:clamp(25px,7vw,34px)}.hero-size-medium h1{font-size:clamp(31px,9.7vw,45px)}.hero-size-large h1{font-size:clamp(38px,12vw,56px)}.hero-preview{min-height:330px}.hero-preview .hero-copy{padding:32px 22px}}@media(prefers-reduced-motion:reduce){.hero-media{transform:scale(1.08)!important;will-change:auto}}