
#fx-prog{position:fixed;top:0;left:0;right:0;height:3px;background:#812D21;transform:scaleX(0);transform-origin:0 50%;z-index:1000;pointer-events:none}
body.admin-bar #fx-prog{top:32px}@media (max-width:782px){body.admin-bar #fx-prog{top:46px}}
.fx-js .cfhi main .fx-f{opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.fx-js .cfhi main .fx-f.fx-in{opacity:1;transform:none;filter:none}
.cfhi .hero{position:relative;isolation:isolate}
.cfhi .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(129,45,33,.20) 1.3px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 75% at 22% 45%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 60% 75% at 22% 45%,#000 0%,transparent 72%)}
.cfhi .fx-stats{padding-top:0;padding-bottom:8px}
.cfhi .fx-stats ul{list-style:none;margin:-28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line,#E6DCD3);border-radius:16px;box-shadow:0 8px 24px rgba(42,27,24,.08);position:relative;z-index:1}
.cfhi .fx-stats li{padding:20px 24px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cfhi .fx-stats li+li{border-left:1px solid var(--line,#E6DCD3)}
.cfhi .fx-stats strong{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:700;color:#812D21;font-variant-numeric:tabular-nums}
.cfhi .fx-stats span{font-size:14px;line-height:1.45;color:#5B4A45}
@media (max-width:899px){.cfhi .fx-stats ul{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-20px}.cfhi .fx-stats li:nth-child(3){border-left:0}.cfhi .fx-stats li:nth-child(n+3){border-top:1px solid var(--line,#E6DCD3)}.cfhi .fx-stats li{padding:16px}}
.cfhi .herofig .fx-play{position:absolute;right:20px;bottom:20px;height:52px;border-radius:999px;border:0;padding:0 22px 0 8px;cursor:pointer;background:rgba(255,255,255,.95);color:#2A1B18;box-shadow:0 10px 30px rgba(42,27,24,.30);display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:transform .2s ease,background .2s ease}
.cfhi .herofig .fx-play i{position:relative;width:38px;height:38px;border-radius:50%;background:#812D21;display:grid;place-items:center;flex:0 0 auto}
.cfhi .herofig .fx-play i::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(129,45,33,.45);animation:fxRing 2.4s ease-out infinite}
.cfhi .herofig .fx-play:hover,.cfhi .herofig .fx-play:focus-visible{transform:scale(1.04);background:#fff}
.cfhi .herofig .fx-play:focus-visible{outline:3px solid #812D21;outline-offset:6px}
.cfhi .herofig .fx-play svg{width:16px;height:16px;margin-left:3px;fill:#fff}
.cfhi .herofig{container-type:inline-size}
@container (max-width:560px){.cfhi .herofig .fx-play{top:16px;bottom:auto;right:16px}}
@media (max-width:599px){.cfhi .herofig .fx-play{position:static;margin-top:14px;width:100%;justify-content:center;height:48px;font-size:15px;box-shadow:none;border:1px solid #812D21}.cfhi .herofig .fx-play i{width:32px;height:32px}.cfhi .herofig:has(.fx-play) .badge{bottom:82px}}
@keyframes fxRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.cfhi .fx-vbtn{display:inline-flex;align-items:center;gap:8px}
.cfhi .fx-vbtn svg{width:14px;height:14px;fill:currentColor}
dialog.fx-vd:not([open]){display:none!important}
dialog.fx-vd{position:fixed;inset:0;margin:auto;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;background:#000;overflow:visible;display:block}
dialog.fx-vd::backdrop{background:rgba(20,12,10,.78)}
.fx-vd .fx-vd-in{position:relative;aspect-ratio:16/9;width:100%;border-radius:16px;overflow:hidden;background:#000}
.fx-vd iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fx-vd .fx-vd-x{position:absolute;right:0;top:-52px;height:44px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#2A1B18;font:600 15px/1 "Noto Sans Thai",system-ui,sans-serif;cursor:pointer}
.fx-vd .fx-vd-x:focus-visible{outline:3px solid #F6E7E3;outline-offset:3px}
@media (min-width:1024px){
 .cfhi .fx-bento .grid.g4{grid-template-columns:repeat(6,minmax(0,1fr))}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(1),.cfhi .fx-bento .grid.g4>.pcard:nth-child(4){grid-column:span 4;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(2),.cfhi .fx-bento .grid.g4>.pcard:nth-child(3){grid-column:span 2}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(1) img,.cfhi .fx-bento .grid.g4>.pcard:nth-child(4) img{aspect-ratio:auto;height:100%;min-height:100%}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(1) .body,.cfhi .fx-bento .grid.g4>.pcard:nth-child(4) .body{padding:32px;justify-content:center}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(1) h3,.cfhi .fx-bento .grid.g4>.pcard:nth-child(4) h3{min-height:0;font-size:22px}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(4){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(4) img{order:2}
 .cfhi .fx-bento .grid.g4>.pcard:nth-child(1) .more,.cfhi .fx-bento .grid.g4>.pcard:nth-child(4) .more{margin-top:12px}
}
.cfhi .fx-bento .pcard img{transition:transform .5s ease}
.cfhi .fx-bento .pcard:hover img{transform:scale(1.03)}
.cfhi .fx-mq{overflow:hidden}
.cfhi .fx-mq .sec-h{align-items:center}
.cfhi .fx-mq-btn{height:40px;padding:0 16px;border-radius:999px;border:1px solid #812D21;background:#fff;color:#812D21;font-size:14px;font-weight:600;line-height:1;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cfhi .fx-mq-btn svg{width:12px;height:12px;fill:currentColor}
.cfhi .fx-mq-view{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cfhi .fx-mq-track{display:flex;width:max-content;animation:fxMq 60s linear infinite}
.cfhi .fx-mq:hover .fx-mq-track,.cfhi .fx-mq:focus-within .fx-mq-track,.cfhi .fx-mq.paused .fx-mq-track{animation-play-state:paused}
.cfhi .fx-mq ul.fx-mq-set{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px;padding:0 20px 0 0!important;margin:0!important;list-style:none}
.cfhi .fx-mq ul.fx-mq-set>li{display:block;margin:0!important;padding:0!important;list-style:none}
.cfhi .fx-mq figure{margin:0;width:300px;flex:0 0 auto}
.cfhi .fx-mq img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;background:#F5E9E4}
.cfhi .fx-mq figcaption{font-size:14px;line-height:1.45;color:#5B4A45;margin-top:10px}
@keyframes fxMq{to{transform:translateX(-50%)}}
@media (max-width:599px){.cfhi .fx-mq figure{width:240px}}
.cfhi .fx-map .split{align-items:center}
.cfhi .fx-map ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.cfhi .fx-map li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}
.cfhi .fx-map li i{width:12px;height:12px;border-radius:50%;background:#812D21;margin-top:6px}
.cfhi .fx-map li strong{display:block}
.cfhi .fx-map li span{color:#5B4A45;font-size:14px}
.cfhi .fx-map figure{margin:0;max-width:520px;width:100%;justify-self:center}
.cfhi .fx-map svg{width:100%;height:auto;display:block}
.cfhi .fx-map .fx-arc{stroke-dasharray:6 6;animation:fxDash 1.6s linear infinite}
.cfhi .fx-map .fx-pulse{transform-box:fill-box;transform-origin:center;animation:fxPulse 2.4s ease-out infinite}
@keyframes fxDash{to{stroke-dashoffset:-24}}
@keyframes fxPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){
 .fx-js .cfhi main .fx-f{opacity:1;transform:none;filter:none;transition:none}
 .cfhi .herofig .fx-play i::before,.cfhi .fx-map .fx-arc,.cfhi .fx-map .fx-pulse{animation:none}
 .cfhi .fx-mq-track{animation:none;width:auto}
 .cfhi .fx-mq-view{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .cfhi .fx-mq-set[aria-hidden],.cfhi .fx-mq-btn{display:none}
 #fx-prog{display:none}
}
@media print{.fx-js .cfhi main .fx-f{opacity:1!important;transform:none!important;filter:none!important}#fx-prog,.fx-play,.fx-mq-btn{display:none!important}}
