.hero-art{touch-action:pan-y}.hero-art:after{pointer-events:none;z-index:2}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease;z-index:0}.hero-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hero-slide img{animation:none;height:100%;width:100%;object-fit:contain;user-select:none}.hero-slide:focus-visible{outline-offset:-8px}.hero-index{z-index:4;gap:25px}.hero-index .hero-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;text-align:left}.hero-controls button{display:grid;place-items:center;min-width:36px;min-height:40px;background:none;border:1px solid transparent;color:var(--paper);font-size:20px;padding:0;transition:color .2s}.hero-controls button:hover{color:var(--gold);border-color:var(--line)}.hero-count{font-size:10px;min-width:47px;font-variant-numeric:tabular-nums;letter-spacing:1px}.hero-controls [data-slide-play]{font-size:13px;color:var(--muted)}.hero-dots{display:flex;gap:1px}.hero-dots button{min-width:25px;min-height:40px}.hero-dots span{display:block;width:5px;height:5px;border-radius:50%;background:#827d70;transition:.25s}.hero-dots button[aria-pressed=true] span{background:var(--gold);width:18px;border-radius:3px}.hero-current{text-align:right;max-width:45%}.hero-current:hover b{color:var(--gold)}.hero-index .hero-current small{letter-spacing:1px;font-family:var(--sans);font-size:10px}.work-image.suvarnabhumi{background:#13130f}.work-image.suvarnabhumi img{object-fit:contain;object-position:center}.work-image.chiangsaen img,.work-image.nakprok img{object-fit:cover}.work-image.chiangsaen{background:#13130f}
@media(max-width:760px){.hero-art{inset:150px -6% 104px 5%}.hero-index{bottom:20px;align-items:end;gap:12px}.hero-index .hero-controls{gap:4px;max-width:155px}.hero-dots{flex-basis:100%;justify-content:flex-start}.hero-controls button{min-width:32px;min-height:32px}.hero-dots button{min-width:28px;min-height:26px}.hero-count{font-size:9px;min-width:41px}.hero-current{max-width:53%}.hero-index .hero-current b{font-size:11px;line-height:1.6}.hero-index .hero-current small{font-size:8px;letter-spacing:0}.hero-copy .text-link{top:535px}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 12%),linear-gradient(90deg,#13130f44,transparent 22%)}.hero-slide img{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}