@font-face{font-family:Anuphan;font-weight:400;font-display:swap;src:url(./anuphan-latin-400-normal-BQH10Ma6.woff2)format("woff2")}@font-face{font-family:Anuphan;font-weight:700;font-display:swap;src:url(./anuphan-latin-700-normal-WxQNlaBM.woff2)format("woff2")}@font-face{font-family:Pattaya;font-display:swap;src:url(./pattaya-latin-400-normal-CJ73vTTI.woff2)format("woff2")}@font-face{font-family:Reenie Beanie;font-display:swap;src:url(./reenie-beanie-latin-400-normal-4a-HEdeI.woff2)format("woff2")}:root{--night:#15132b;--dusk:#2c2c63;--insulation:#e39cb0;--form:#f1ecdd;--pencil:#33343e;--pale:#d9d6e6;--body:"Anuphan", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--night)}body{color:var(--pale);font-family:var(--body);margin:0;font-size:18px;line-height:1.6}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--insulation)}a:focus-visible{outline:2px solid var(--insulation);outline-offset:3px}.opening{grid-template-columns:minmax(0,1fr) minmax(0,27rem);align-items:end;gap:3rem;min-height:min(100vh,56rem);padding:clamp(1.5rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.attic{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.opening:after{content:"";background:linear-gradient(to top, var(--night), transparent 46%), linear-gradient(to right, #15132bdb, transparent 62%);position:absolute;inset:0}.pitch,.survey{z-index:1;position:relative}.brand{font-family:"Pattaya", var(--body);color:var(--insulation);margin:0;font-size:1.6rem;line-height:1.2}h1{color:#fff;margin:0;line-height:1.04}.opening h1{letter-spacing:-.01em;text-shadow:3px 0 #ff1e4680,-3px 0 #28f0ff66;margin:.2rem 0 1.2rem;font-size:clamp(3rem,8.4vw,6.6rem)}.lead{color:#fff;max-width:30rem;margin:0 0 .4rem;font-size:1.28rem;line-height:1.4}.play{background:var(--insulation);color:var(--night);margin-top:1.5rem;padding:.7rem 1.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-block}.play:hover{color:var(--night);background:#fff}.play:focus-visible{outline-offset:3px;outline:3px solid #fff}.survey dl{margin:0}.survey{background:var(--form);color:var(--pencil);margin:0;padding:1.3rem 1.6rem 1.5rem;transform:rotate(-1.4deg);box-shadow:0 1.2rem 3rem #0000008c}.survey-title{margin:0 0 .5rem;font-size:1rem}.survey div{border-bottom:1px solid #b7b09c;padding:.35rem 0 .3rem}.survey dt{font-size:.82rem}.survey dd{font-family:"Reenie Beanie", var(--body);margin:0;font-size:1.75rem;line-height:1.05}main{padding:1.5rem clamp(1.5rem,6vw,5rem) 3rem}.story{max-width:38rem;margin:0 0 3rem;font-size:1.15rem}.stills{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stills figure{margin:0}.stills img{width:100%;height:auto;display:block}.stills figcaption{margin-top:.45rem;font-size:.95rem}.site-foot{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:1.5rem clamp(1.5rem,6vw,5rem) 2.5rem;font-size:.9rem;display:flex}.site-foot p{margin:0}.site-foot nav{gap:1.4rem;display:flex}.page{padding:clamp(1rem,5vw,3.5rem) 1rem}.sheet{background:var(--form);max-width:40rem;color:var(--pencil);margin:0 auto;padding:clamp(1.5rem,5vw,3rem)}.sheet h1{color:var(--pencil);font-size:2.2rem}.sheet h2{margin:1.8rem 0 .2rem;font-size:1.1rem}.sheet p{margin:.4rem 0 .8rem}.sheet ul{padding-left:1.2rem}.sheet a:hover{color:#8a3f58}.sheet a:focus-visible{outline-color:var(--pencil)}.back{font-size:.95rem}.dated{opacity:.8;font-size:.95rem}@media (width<=860px){.opening{grid-template-columns:minmax(0,1fr);gap:2rem;min-height:0}.survey{transform:rotate(-.8deg)}.stills{grid-template-columns:minmax(0,1fr)}}