@font-face{font-family:DB SiamSquareX;src:url(/fonts/DBSiamSquareX.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+0020-007E,U+00A0-00FF,U+2013-2014,U+201C-201D}@font-face{font-family:DB SiamSquareX;src:url(/fonts/DBSiamSquareX-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+0020-007E,U+00A0-00FF,U+2013-2014,U+201C-201D}@font-face{font-family:DB HelvethaicaMonX;src:url(/fonts/DBHelvethaicaMonX.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+0020-007E,U+00A0-00FF,U+2013-2014,U+201C-201D}@font-face{font-family:DB HelvethaicaMonX;src:url(/fonts/DBHelvethaicaMonX-Med.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+0020-007E,U+00A0-00FF,U+2013-2014,U+201C-201D}@font-face{font-family:DB HelvethaicaMonX;src:url(/fonts/DBHelvethaicaMonX-Bd.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F,U+0020-007E,U+00A0-00FF,U+2013-2014,U+201C-201D}@font-face{font-family:DB SiamSquareX Fallback;src:local("Helvetica Neue"),local("Arial");size-adjust:80%;ascent-override:95.5%;descent-override:40%;line-gap-override:0%}@font-face{font-family:DB HelvethaicaMonX Fallback;src:local("Helvetica Neue"),local("Arial");size-adjust:88%;ascent-override:27.8%;descent-override:11.7%;line-gap-override:0%}:root{--ink: #180B04;--deep: #0A1110;--cream: #FFE29A;--brick: #C4621C;--brickd: #B0531A;--coral: #FF7A58;--gold: #FFD678;--mute: #E8E0CC;--paper: #FAF4E4;--paper-sub: #5a4634;--paper-body: #3d2c1d;--ink-sub: #bfb59e;--moss: #1d3b37;--hd: "DB SiamSquareX", "DB SiamSquareX Fallback", sans-serif;--tx: "DB HelvethaicaMonX", "DB HelvethaicaMonX Fallback", sans-serif;--gutter: clamp(16px, 4.5vw, 28px);--maxw: 560px;--brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='18'%3E%3Cpath d='M0 18 L0 4.7 L9 5.6 L22 7.4 L29 7.2 L42 4.8 L51 4.3 L64 6.8 L77 5.8 L86 4.6 L95 9.1 L108 8.2 L115 4.1 L122 5.1 L129 8.8 L140 6.3 L153 8.0 L166 5.8 L179 9.7 L188 9.2 L195 3.3 L208 4.5 L221 8.5 L232 5.9 L245 7.0 L258 7.1 L269 7.8 L276 9.0 L285 7.9 L290 7 L290 18Z'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--deep);color:var(--mute);font-family:var(--tx);font-size:18px;line-height:1.35;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}img{display:block;max-width:100%}img[data-src]{visibility:hidden}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{max-width:var(--maxw);margin-inline:auto}.nw{white-space:nowrap}.x3t{color:var(--cream);text-shadow:.035em .07em 0 var(--brick),.07em .155em 0 var(--ink)}.x3{color:var(--cream);filter:drop-shadow(clamp(1px,.3vw,1.6px) clamp(2px,.6vw,3px) 0 var(--brick)) drop-shadow(clamp(1.2px,.36vw,1.8px) clamp(2.6px,.8vw,4px) 0 var(--ink))}.nm{display:block;background:currentColor;-webkit-mask:var(--m) left center / contain no-repeat;mask:var(--m) left center / contain no-repeat}.ico{width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stamp{display:inline-flex;align-items:center;gap:12px;background:var(--coral);color:var(--ink);min-height:56px;padding:0 18px;box-shadow:4px 4px 0 var(--brick),7px 8px 0 var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.stamp b{font-family:var(--hd);font-weight:800;font-size:clamp(25px,6.9vw,30px);line-height:1;white-space:nowrap}.stamp small{font-size:18px;font-weight:700;line-height:1.05}.stamp:active:not(.disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--brick),4px 5px 0 var(--ink)}.stamp.disabled{background:var(--brickd);color:var(--paper);box-shadow:3px 3px 0 var(--ink);cursor:default}.stamp.wide{width:100%;justify-content:center}.slab,.paper,.brush{position:relative}.slab{padding:clamp(30px,8vw,48px) var(--gutter)}.slab:before,.paper:before,.brush:before{content:"";position:absolute;left:0;right:0;top:-17px;height:18px;background:inherit;pointer-events:none;-webkit-mask:var(--brush) left top / 290px 18px repeat-x;mask:var(--brush) left top / 290px 18px repeat-x}.warm{background:var(--ink)}.cool{background:var(--deep)}.paper{background:var(--paper);color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(64px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom) 4px;background:var(--ink);border-top:3px solid var(--coral);display:grid;grid-template-columns:1fr 1fr 1fr 118px;align-items:center;color:var(--paper)}.nav a:not(.buy){display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:1px;font-size:18px;font-weight:500;line-height:1.1;-webkit-tap-highlight-color:transparent}.nav .buy{display:flex;align-items:center;justify-content:center;height:56px;font:800 24px/1 var(--hd);background:var(--coral);color:var(--ink);box-shadow:3px 3px 0 var(--brick);-webkit-tap-highlight-color:transparent}.nav a.buy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brick)}.nav .buy.disabled{background:var(--brickd);color:var(--paper);box-shadow:none;font-size:18px;line-height:1.05;text-align:center;padding:0 6px}[id]{scroll-margin-top:8px}@media(min-width:700px){.nav{padding-left:max(4px,calc((100% - var(--maxw)) / 2));padding-right:max(12px,calc((100% - var(--maxw)) / 2))}}.stamp small{display:block;max-width:11em;text-wrap:balance;font-size:18px;font-weight:700;line-height:1.05}dialog.qr{position:fixed;inset:0;margin:auto;height:fit-content;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:24px;width:min(92vw,360px);max-width:min(92vw,360px);text-align:left}dialog.qr:before{content:none}dialog.qr h3{font:800 30px/1.1 var(--hd)}dialog.qr svg{display:block;width:100%;height:auto;margin:16px 0}dialog.qr p.oa{font-size:20px;margin-bottom:8px}dialog.qr p.oa b{font-family:var(--hd);font-weight:800;-webkit-user-select:all;user-select:all}dialog.qr p{font-size:22px;margin-bottom:20px}dialog::backdrop{background:#180b04bf}.hero{position:relative;height:170vh;height:170svh}.hero-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--deep)}.paint img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% 30%;transform-origin:62% 62%}.motion .paint img,.motion .lv{will-change:transform}.lv{position:absolute;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.lv.l{left:-22%;bottom:-6%;width:78%;height:72%;object-position:left bottom;transform-origin:left bottom}.lv.r{right:-24%;bottom:-10%;width:80%;height:76%;object-position:right bottom;transform-origin:right bottom}.hero-top{position:absolute;top:max(46px,calc(env(safe-area-inset-top) + 24px));left:var(--gutter);right:var(--gutter)}.hero-top .at{font-family:var(--tx);font-weight:700;font-size:19px;color:var(--gold);margin-left:4px}.logo-h1{margin:0;font-size:inherit;line-height:0}.hero-top .logo{display:block;width:min(262px,84vw);aspect-ratio:3108 / 1442;margin:2px 0 0 -4px;background:var(--cream);-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;filter:drop-shadow(1.6px 3px 0 var(--brick)) drop-shadow(1.8px 4px 0 var(--ink))}.hero-top .when{font:800 clamp(36px,10vw,56px) / 1 var(--hd);margin-top:12px}.hero-top .when small{display:block;font-size:22px;margin-bottom:2px;text-shadow:1.3px 2.5px 0 var(--brick),2.5px 5.6px 0 var(--ink)}.hero-top .where{font-size:20px;font-weight:500;color:var(--paper);margin-top:6px;text-shadow:0 1px 0 var(--ink),1px 1px 0 var(--ink),-1px 1px 0 var(--ink)}.hero-cta{position:absolute;left:var(--gutter);bottom:calc(104px + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--gutter))}@media(min-width:700px){.hero-top,.hero-cta{left:max(var(--gutter),calc(50% - var(--maxw) / 2))}.hero-top{right:max(var(--gutter),calc(50% - var(--maxw) / 2))}}@media(min-width:900px){.paint img{object-position:50% 40%}.lv.l,.lv.r{height:62vh;height:62svh;width:auto;max-width:40vw}.lv.l{left:-6%}.lv.r{right:-6%}}.day{--nm-z: 1.1}@media(min-width:360px){.day{--nm-z: 1.24}}@media(min-width:390px){.day{--nm-z: 1.35}}.day .nm{zoom:var(--nm-z);max-width:100%}.dh{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end}.dh .num{font:800 clamp(96px,32vw,150px) / .78 var(--hd);letter-spacing:-.02em}.dh .k{font-size:19px;font-weight:700;color:var(--coral)}.dh h3{font:800 clamp(30px,9vw,40px) / .95 var(--hd);color:var(--paper)}.dh.flip{grid-template-columns:1fr auto;text-align:right}.dh.flip .num{order:2}.stage{position:relative;height:clamp(300px,88vw,420px);margin:26px calc(-1 * var(--gutter)) 0;clip-path:inset(-120px 0 0 0)}.stage .frame{position:absolute;inset:26% 12px 0;background:url(/img/bg-1080.webp) 8% 67% / 293% auto no-repeat;background-image:image-set(url(/img/bg-1080.avif) type("image/avif"),url(/img/bg-1080.webp) type("image/webp"));outline:2px solid var(--cream);outline-offset:-7px}.stage img{position:absolute;bottom:-10%;width:auto;max-width:none}.stage .a-hk{left:0;height:85%}.stage .a-lilx{right:0;height:84%}.stage .a-ong{left:49%;height:90%}.stage .a-joe{left:19%;height:96%}.names{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;margin-top:20px;align-items:end}.guests-t{font:800 26px / 1.35 var(--hd);color:var(--coral);margin:30px 0 10px}.mugs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}.mug{font-size:18px;font-weight:500;color:var(--paper);line-height:1.15;white-space:nowrap}.mug div{position:relative;aspect-ratio:1;overflow:hidden;background:var(--moss);margin-bottom:6px}.mug div:after{content:"";position:absolute;inset:0;outline:2px solid var(--cream);outline-offset:-2px;pointer-events:none}.mug img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.5);transform-origin:50% 30%}.nga{--h: clamp(330px, 95vw, 460px);position:relative;height:var(--h);margin:22px calc(-1 * var(--gutter)) 0;overflow:hidden;background:url(/img/bg-1080.webp) 100% 18% / auto 321% no-repeat;background-image:image-set(url(/img/bg-1080.avif) type("image/avif"),url(/img/bg-1080.webp) type("image/webp"))}.nga img{position:absolute;right:calc(var(--h) * -.074);bottom:-14%;height:108%;width:auto;max-width:none}.nga .x3{position:absolute;left:var(--gutter);bottom:22px}.band{position:relative;margin-top:26px}.band img{width:100%;max-width:420px;height:auto}.band .x3{margin-top:10px}.band.r img{margin-left:auto}.band.r .x3{display:flex;justify-content:flex-end}@media(max-width:600px){.stage .frame,.nga{background-image:url(/img/bg-900.webp);background-image:image-set(url(/img/bg-900.avif) type("image/avif"),url(/img/bg-900.webp) type("image/webp"))}}.board{padding:30px var(--gutter) 34px;text-align:left}.board h3{font:800 clamp(36px,10vw,44px)/.95 var(--hd)}.board .sub{font-size:19px;font-weight:500;margin-top:6px}.board .rows{margin-top:16px;border-top:3px solid var(--ink)}.board .row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1.5px solid var(--ink)}.board .row:last-child{border-bottom:3px solid var(--ink)}.board .row p{font-size:20px;font-weight:700;line-height:1.15}.board .row p span{display:block;font-size:18px;font-weight:400;color:var(--paper-sub)}.board .row p .tagx{display:inline-block;background:var(--coral);color:var(--ink);font-size:18px;font-weight:700;padding:0 8px;margin-top:4px;transform:rotate(-3deg)}.board .row b{font:800 clamp(44px,13vw,60px)/.9 var(--hd);white-space:nowrap}.board .row b small{font-size:20px;margin-left:2px}.board .early{font-size:18px;line-height:1.35;margin-top:14px;color:var(--paper-body)}.board .early b{font-weight:700}.board .count{margin-top:14px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}.board .count span{font-size:19px;font-weight:700;color:var(--brickd)}.board .count b{font:800 clamp(28px,8vw,36px)/1.1 var(--hd);color:var(--ink);font-variant-numeric:tabular-nums}.board .stamp{margin-top:22px}.board .stamp.wide{width:calc(100% - 7px)}.board .stamp.wide small{max-width:none}.att .k{font-size:19px;font-weight:700;color:var(--coral)}.att h3{font:800 clamp(40px,11vw,56px)/.98 var(--hd);margin-top:4px}.prize{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:24px;padding-top:18px;border-top:2px solid rgba(255,226,154,.35)}.prize b{font:800 64px/.85 var(--hd);color:var(--gold)}.prize p{font-size:19px;line-height:1.25;color:var(--paper)}.also,.policy{list-style:none}.also li,.policy li{position:relative;padding-left:22px}.also li:before,.policy li:before{content:"";position:absolute;left:2px;top:.36em;width:10px;height:3px;background:var(--coral)}.also{margin-top:16px;font-size:19px;line-height:1.45;color:var(--paper)}.shop .cnt{font-size:20px;color:var(--paper);margin:10px 0 14px}.vlist{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:8px;align-items:baseline;font-size:19px;line-height:1.2;color:var(--paper)}@media(min-width:360px){.vlist{grid-template-columns:auto 1fr auto 1fr}}.vlist i{font:normal 800 22px/1 var(--hd);color:var(--gold)}.vlist p>span{display:block;color:var(--ink-sub)}.shop .rent{margin-top:18px;padding-top:14px;border-top:2px solid rgba(255,226,154,.35);font-size:18px;color:var(--mute)}.shop .rent-contact{margin-top:4px;font-size:18px;font-weight:700;color:var(--cream)}.go h3,.foot h3{font:800 30px/1.1 var(--hd);color:var(--paper)}.mapframe{height:160px;margin-top:12px;outline:2px solid var(--cream);outline-offset:-7px;background:url(/img/bg-1080.webp) no-repeat;background-image:image-set(url(/img/bg-1080.avif) type("image/avif"),url(/img/bg-1080.webp) type("image/webp"));background-size:160% auto;background-position:62% 25%}.go .addr{margin-top:12px;font-size:20px;line-height:1.3;color:var(--paper)}.go .when2{margin-top:6px;font-size:19px;color:var(--mute)}.plank{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;margin-top:14px;border:2.5px solid var(--cream);color:var(--cream);font-size:21px;font-weight:700;-webkit-tap-highlight-color:transparent}.plank:active{background:var(--cream);color:var(--ink)}.spons{padding:22px var(--gutter) 30px}.spons p{font-size:18px;font-weight:500;margin-bottom:12px}.logos{display:flex;flex-direction:column;gap:14px}.logos .row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}.logos img{height:calc(var(--h, 30) * 1px);width:auto}@media(max-width:360px){.logos .row{gap:12px 14px}.logos img{height:calc(var(--h, 30) * .9px)}}@media(min-width:620px){.logos{flex-direction:row;justify-content:space-between;align-items:center}.logos .row{display:contents}.logos img{height:calc(var(--h, 30) * .9px)}}.foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.foot h4{margin-top:28px;font-size:19px;font-weight:700;color:var(--coral)}.policy{margin-top:6px;font-size:18px;line-height:1.4;color:var(--mute)}.foot .credit{margin-top:24px;font-size:18px;color:var(--mute)}@media(max-width:600px){.mapframe{background-image:url(/img/bg-900.webp);background-image:image-set(url(/img/bg-900.avif) type("image/avif"),url(/img/bg-900.webp) type("image/webp"))}}
