:root{--color-paper:#f6f1e8;--color-surface:#fffcf7;--color-wash:#eae3d7;--color-ink:#343a30;--color-muted-ink:#596050;--color-sage:#77816b;--color-moss:#46513f;--color-moss-hover:#35402f;--color-clay:#8a4f38;--color-sand:#d3c2aa;--color-rule:#d3cabc;--color-control-border:#858b7c;--color-error:#9a382f;--font-display:Georgia, "Times New Roman", serif;--font-ui:system-ui, "Noto Sans Thai", Tahoma, sans-serif;--radius-control:8px;--radius-card:12px;--content-width:1040px;--booking-width:560px}*{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);margin:0;font-size:16px;line-height:1.7}body:before,body:after{content:"";z-index:0;opacity:.38;pointer-events:none;background:url(/green-leaves.svg) 50%/contain no-repeat;width:clamp(180px,30vw,420px);height:clamp(300px,55vh,640px);position:fixed}body:before{top:-40px;left:-60px;transform:rotate(18deg)}body:after{bottom:-60px;right:-60px;transform:rotate(198deg)}body{isolation:isolate}.shell{z-index:1;max-width:var(--content-width);margin:auto;padding:32px 32px 48px;position:relative}.brand{text-align:center;max-width:var(--booking-width);margin:0 auto 24px}.wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:.12em;padding:8px;font-size:30px;font-weight:400;line-height:1.5;text-decoration:none;display:inline-block}.tagline{color:var(--color-muted-ink);margin:4px 0 0;font-size:14px}.welcome{text-align:center;color:var(--color-muted-ink);margin:16px 0 0;font-size:16px}.card{width:100%;max-width:var(--booking-width);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);margin:0 auto 24px;padding:32px}.map-image-link{margin:16px 0;display:block}.map-image{border-radius:var(--radius-control);width:100%;height:auto;display:block}.map-directions{margin-top:20px}.landing-shell{max-width:1120px;padding-top:40px}.landing-shell .brand{max-width:none;margin-bottom:40px}.landing-shell .wordmark{font-size:60px}.landing-shell .tagline{font-size:28px}.landing-shell .welcome{font-size:32px}.video-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.video-card{min-width:0;margin:0}.video-frame{aspect-ratio:9/16;border-radius:var(--radius-card);background:var(--color-ink);border:1px solid var(--color-rule);position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-play{width:100%;color:var(--color-surface);cursor:pointer;font:inherit;background:linear-gradient(#0000 50%,#00000052);border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.video-play:focus-visible{outline-offset:-5px;outline-color:var(--color-surface)}.play-circle{background:#343a30b8;border:1px solid #fffcf7b3;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.play-circle svg{fill:currentColor;width:30px;height:30px}.play-label{text-shadow:0 1px 4px #000;font-size:14px}.video-card figcaption{gap:12px;margin-top:16px;font-size:16px;line-height:1.5;display:flex}.video-number{color:var(--color-sage);font-family:var(--font-display);font-size:22px}.video-caption-en{color:var(--color-muted-ink);margin-top:4px;font-size:13px;display:block}.video-error{color:var(--color-error);font-size:13px}.landing-booking{text-align:center;max-width:360px;margin:40px auto 24px}@media (max-width:600px){.landing-shell .wordmark{font-size:56px}.video-gallery{gap:8px}.video-frame{border-radius:8px}.play-circle{width:44px;height:44px}.play-circle svg{width:24px;height:24px}.play-label{font-size:12px}.video-card figcaption{margin-top:10px;font-size:12px;display:block}.video-number{margin-bottom:4px;font-size:18px;display:block}.video-caption-en{font-size:11px}.landing-booking{margin-top:28px}}.eyebrow{color:var(--color-muted-ink);margin:0 0 8px;font-size:14px}.eyebrow[lang=en]{letter-spacing:.08em}h1{margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.45}.english-heading{font-family:var(--font-display);margin-top:4px;font-size:32px;font-weight:400;line-height:1.3;display:block}h2{margin:0 0 16px;font-size:22px;font-weight:600;line-height:1.5}.summary{border-bottom:1px solid var(--color-rule);margin:16px 0 24px;padding-bottom:16px}.summary p{text-align:center;margin:4px 0}.muted,.fine{color:var(--color-muted-ink);font-size:14px;line-height:1.7}label,legend{margin:16px 0 8px;font-size:16px;font-weight:500;display:block}input:not([type=checkbox]){border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;min-height:48px;color:var(--color-ink);font:inherit;padding:10px 12px;display:block}:focus-visible{outline:3px solid var(--color-moss);outline-offset:3px}fieldset{border:0;min-width:0;margin:16px 0 0;padding:0}fieldset legend{margin-top:0}.times{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.time{border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:48px;color:var(--color-ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.time:hover{background:var(--color-wash)}.time.selected{background:var(--color-moss);border-color:var(--color-moss);color:var(--color-surface)}.time.selected:focus-visible,.button:focus-visible{outline-color:var(--color-surface);outline-offset:-5px;box-shadow:0 0 0 3px var(--color-moss)}.section-label{border-top:1px solid var(--color-rule);margin-top:32px;padding-top:24px}.policy{align-items:flex-start;gap:12px;margin:24px 0;font-size:14px;font-weight:400;display:flex}.policy input{width:20px;height:20px;accent-color:var(--color-moss);flex:none;margin:3px 0 0}.button{border:1px solid var(--color-moss);border-radius:var(--radius-control);background:var(--color-moss);width:100%;min-height:48px;color:var(--color-surface);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:12px 16px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--color-moss-hover)}.button:disabled{background:var(--color-wash);color:var(--color-muted-ink);border-color:var(--color-control-border);cursor:not-allowed}.fine{text-align:center;margin:16px 0 0}.error{border:1px solid var(--color-error);border-radius:var(--radius-control);color:var(--color-error);padding:12px;font-size:14px}.confirmation{margin-top:24px}.appointment-details{margin:24px 0}.appointment-details dt{color:var(--color-muted-ink);margin-top:16px;font-size:14px}.appointment-details dd{overflow-wrap:anywhere;margin:4px 0 0}footer{max-width:var(--booking-width);color:var(--color-muted-ink);text-align:center;margin:0 auto;font-size:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){button,.button{transition:background-color .15s,color .15s}}@media (max-width:600px){body:before,body:after{opacity:.3}.shell{padding:24px 20px 32px}.card{padding:24px 20px}.brand{margin-bottom:20px}.wordmark{font-size:28px}h1{font-size:26px}.english-heading{font-size:28px}}@media (max-width:380px){.shell{padding-left:16px;padding-right:16px}.card{padding:20px 16px}.times{grid-template-columns:repeat(3,minmax(0,1fr))}}.staff-shell .brand{text-align:left;max-width:none}.staff-shell .wordmark{padding-left:0}.staff-header{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.text-link{color:var(--color-moss);text-underline-offset:4px}.staff-filters{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;display:flex}.staff-filters>div{min-width:180px}.staff-filters .button{width:auto}.secondary{background:var(--color-surface);color:var(--color-moss);border-color:var(--color-control-border)}.secondary:hover{color:var(--color-surface)}.staff-summary{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.staff-summary h2{font-size:20px}.staff-summary p{color:var(--color-muted-ink);font-size:14px}.staff-table-wrap{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);overflow-x:auto}.staff-table{border-collapse:collapse;width:100%;min-width:800px;font-size:16px}.staff-table th,.staff-table td{text-align:left;border-bottom:1px solid var(--color-rule);vertical-align:top;padding:16px}.staff-table th{background:var(--color-wash);font-size:14px;font-weight:500}.staff-table tbody tr:last-child td{border-bottom:0}.staff-table .reference{font-family:ui-monospace,monospace;font-size:14px}.status-label{font-size:14px}.staff-empty{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:24px}@media (max-width:600px){.staff-header{align-items:start}.staff-filters>div{width:100%}.staff-summary{flex-wrap:wrap;gap:0}}