@charset "UTF-8";:root{--ink: #121110;--ink-soft: #2a2724;--paper: #faf7f2;--paper-deep: #f0ebe3;--gold: #c4a574;--gold-bright: #ddb978;--forest: #1a4d47;--forest-light: #2a6b63;--rose: #b85c4a;--muted: #7a736a;--line: rgba(18, 17, 16, .08);--glass: rgba(12, 11, 10, .55);--glass-light: rgba(250, 247, 242, .85);--safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--shell-nav-block: calc(var(--safe-area-top) + 3.75rem);--sheet-modal-max-height: min(92dvh, calc(100dvh - var(--shell-nav-block) - .75rem));--sheet-modal-body-padding-bottom: calc(1.5rem + var(--safe-area-bottom));--font-display: "Cormorant Garamond", "Noto Sans Thai", Georgia, serif;--font-logo: "Montserrat", "Noto Sans Thai", system-ui, sans-serif;--font-logo-tag: "Josefin Sans", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Noto Sans Thai", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--space: clamp(1rem, 3.5vw, 2.5rem);--max: 1200px;--ease: cubic-bezier(.22, 1, .36, 1);--shadow: 0 24px 64px rgba(18, 17, 16, .12);--shadow-soft: 0 8px 32px rgba(18, 17, 16, .06)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}html.capacitor-native body{background:var(--paper)}::selection{background:color-mix(in srgb,var(--gold) 35%,transparent);color:var(--ink)}img{max-width:100%;height:auto;display:block}a{color:var(--forest);text-underline-offset:.15em}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.1;letter-spacing:-.02em}p{margin:0}button,input,textarea,select{font:inherit}.container{width:min(var(--max),100%);margin-inline:auto;padding-inline:var(--space);padding-bottom:2rem}.cinematic-stage{position:relative;margin-top:-1px;background:var(--paper)}.cinematic-stage:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--gold) 10%,transparent) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.cinematic-stage>.container{position:relative;z-index:1;padding-block:1.5rem 4rem}@media (min-width: 900px){.cinematic-stage>.container{padding-block:1.75rem 4.5rem}}.cinematic-stage.page-stage>.container{padding-top:clamp(1.5rem,3vw,2.25rem)}.page-wrap{padding:2rem 0 4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border:1px solid transparent;border-radius:999px;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--forest);color:#fff;box-shadow:0 4px 20px #1a4d4759}.btn.primary:hover:not(:disabled){background:var(--forest-light);box-shadow:0 8px 28px #1a4d4766}.btn.gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:var(--ink);box-shadow:0 4px 20px #c4a57466}.btn.gold:hover:not(:disabled){box-shadow:0 8px 28px #c4a57480}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--forest);color:var(--forest);background:color-mix(in srgb,var(--forest) 5%,transparent)}.btn.ghost-light{background:#ffffff1a;border-color:#ffffff73;color:#fff;backdrop-filter:blur(8px)}.btn.ghost-light:hover:not(:disabled){background:#fff3;border-color:#ffffffb3}.btn.compact{padding:.55rem 1.1rem;font-size:.85rem}.page-hero__actions .btn.ghost{background:#ffffff24;border-color:#ffffff8c;color:#fff;backdrop-filter:blur(10px);text-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 4px 20px #00000047}.page-hero__actions .btn.ghost:hover:not(:disabled){background:#ffffff3d;border-color:#ffffffc7;color:#fff}.section-label{display:inline-block;margin-bottom:.75rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.section-title{margin:0;font-size:clamp(2rem,4.5vw,2.75rem)}.section-desc{margin:.6rem 0 0;max-width:32rem;color:var(--muted);font-size:1.02rem}.link-arrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--forest);text-decoration:none;transition:gap .2s var(--ease)}.link-arrow:after{content:"\2192";transition:transform .2s var(--ease)}.link-arrow:hover{gap:.55rem}.link-arrow:hover:after{transform:translate(3px)}.muted{color:var(--muted)}.fade-up{animation:fadeUp .8s var(--ease) both}.fade-up-delay{animation:fadeUp .8s var(--ease) .15s both}.image-reveal{animation:imageReveal 1s var(--ease) both}form,.editor{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-size:.88rem;font-weight:500;color:var(--muted)}label.check{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;color:var(--ink)}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=file],textarea,select{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}input:not([type]):focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,input[type=file]:focus,textarea:focus,select:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px color-mix(in srgb,var(--forest) 12%,transparent)}textarea{min-height:7rem;resize:vertical}.grid-2{display:grid;gap:1rem}@media (min-width: 640px){.grid-2{grid-template-columns:1fr 1fr}}.hero-page-settings{position:absolute;top:5rem;right:max(var(--space),(100vw - min(var(--max),100vw)) / 2 + var(--space));z-index:10;pointer-events:auto}@media (min-width: 768px){.hero-page-settings{top:5.25rem}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.editor{padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:2rem}.skeleton{background:linear-gradient(90deg,var(--paper-deep) 25%,color-mix(in srgb,var(--ink) 4%,var(--paper-deep)) 50%,var(--paper-deep) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-md)}.skeleton-block{height:14rem}.auth-card{max-width:26rem;margin:3rem auto 4rem;padding:2.25rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.alert{padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.92rem}.alert.error{background:color-mix(in srgb,var(--rose) 12%,#fff);color:var(--rose)}.alert.info{background:color-mix(in srgb,var(--forest) 8%,#fff);color:var(--forest)}.prose{line-height:1.85;white-space:pre-wrap;word-break:break-word}.plain-list{list-style:none;margin:0;padding:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes imageReveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}html.capacitor-native .story-modal__backdrop--native{inset:auto!important;top:var(--story-modal-safe-top, var(--safe-area-top))!important;right:var(--story-modal-safe-right, var(--safe-area-right))!important;bottom:var(--story-modal-safe-bottom, var(--safe-area-bottom))!important;left:var(--story-modal-safe-left, var(--safe-area-left))!important;box-sizing:border-box}html.capacitor-native .story-modal__backdrop--native .story-modal{width:100%;max-width:100%;height:100%!important;max-height:100%!important}html.capacitor-native .story-modal__backdrop--native.story-modal__backdrop--expanded{padding:0!important}body.sheet-modal-open{overflow:hidden}body.sheet-modal-open .shell .main{z-index:120}