.bookingPortfolio{--gallery-bg:#2b1e15;--gallery-ink:#f3eee6;--gallery-muted:#b7aaa0;--wall-ease:cubic-bezier(.2, .7, .2, 1);background-color:var(--gallery-bg);color:var(--gallery-ink);background-image:radial-gradient(at 50% 0,#ffffff1c,#fff0 58%),radial-gradient(#ffffff0d,#fff0 72%);background-repeat:no-repeat,repeat-y;background-size:100% 100%,100% 560px;padding:clamp(48px,5vw,80px) 5vw clamp(64px,7vw,104px);overflow-x:clip}.bookingWrap{max-width:1440px;margin-inline:auto}.bookingIntro{text-align:center;margin:0 auto clamp(72px,7vw,104px)}.bookingTitle{letter-spacing:-.012em;white-space:nowrap;margin:0;font-family:Cormorant Garamond Variable,Georgia,serif;font-size:clamp(22px,3.6vw,56px);font-weight:400;line-height:1.2}html[lang=th] .bookingTitle{letter-spacing:0;font-family:Noto Serif Thai Variable,serif;font-size:clamp(22px,2.8vw,44px);font-weight:350;line-height:1.5}.bookingGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 56px;max-width:1320px;margin:0 auto;padding:0;list-style:none;display:grid}.bookingItem{isolation:isolate;min-width:0;position:relative}.portfolio-motion .bookingPortfolio [data-reveal]{opacity:0;transform:translateY(32px)}.portfolio-motion .bookingPortfolio [data-reveal].is-visible{opacity:1;transition:opacity .85s var(--wall-ease), transform .85s var(--wall-ease);transition-delay:var(--reveal-delay,0s);transform:none}.portfolio-motion .bookingPortfolio [data-reveal]:focus-within{opacity:1;transform:none}.bookingCard{width:100%;color:inherit;text-align:center;cursor:default;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;position:relative}a.bookingCard{cursor:pointer}.bookingCard:before{content:"";z-index:-1;opacity:0;pointer-events:none;transition:opacity .7s var(--wall-ease);background:radial-gradient(closest-side,#ffcea038,#ffcea000);position:absolute;inset:-16% -12% 6%}.bookingMedia{aspect-ratio:1.724;transform:translateY(var(--lift,0px));transition:transform .7s var(--wall-ease), box-shadow .7s var(--wall-ease), border-color .7s var(--wall-ease), filter .5s var(--wall-ease);background:#211710;border:1px solid #e5d5c238;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000029,0 26px 48px -26px #0000006b}.bookingCard .bookingMedia{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px))}.bookingCard .bookingMedia:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--sheen-x,50%) var(--sheen-y,0%), #ffffff24, #291c1300 32%, #291c134d 100%);transition:opacity .5s var(--wall-ease);position:absolute;inset:0}.bookingArtwork{width:100%;height:100%;transform:scale(var(--art-scale,1));transition:transform 1.5s var(--wall-ease)}.bookingReference,.bookingScreenshot{width:100%;height:100%;display:block}.bookingScreenshot{object-fit:cover;object-position:center}.bookingPlaceholder{height:100%}.bookingName{color:#e1d4c6;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;transition:opacity .5s var(--wall-ease);margin:22px 0 0;font-family:Cormorant Garamond Variable,Noto Serif Thai Variable,Georgia,serif;font-size:clamp(22px,1.7vw,25px);font-weight:400;line-height:1.4;display:block}.bookingCard:focus-visible .bookingMedia{--lift:-8px}.bookingCard:focus-visible:before,.bookingCard:focus-visible .bookingMedia:after{opacity:1}@media (hover:hover) and (pointer:fine){.bookingCard:hover .bookingArtwork{--art-scale:1.045}.bookingCard:hover .bookingMedia{--lift:-8px;border-color:#e5d5c266;box-shadow:0 2px 4px #0000002e,0 38px 64px -28px #0000008c}.bookingCard:hover:before,.bookingCard:hover .bookingMedia:after{opacity:1}.bookingGrid:has(.bookingCard:hover) .bookingCard:not(:hover):not(:focus-visible) .bookingMedia{filter:brightness(.86)saturate(.95)}.bookingGrid:has(.bookingCard:hover) .bookingCard:not(:hover):not(:focus-visible) .bookingName{opacity:.82}}.bookingCard:focus-visible{outline-offset:7px;border-radius:8px;outline:2px solid #ded1c0}.bookingSrOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.bookingGrid{gap:68px 40px}}@media (width<=900px){.bookingIntro{margin-bottom:64px}.bookingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.bookingPortfolio{padding:44px 5vw 48px}.bookingIntro{margin-bottom:48px}.bookingGrid{grid-template-columns:minmax(0,1fr);gap:48px;max-width:380px}.bookingName{margin-top:18px;font-size:23px}}@media (prefers-reduced-motion:reduce){.portfolio-motion .bookingPortfolio [data-reveal],.portfolio-motion .bookingPortfolio [data-reveal].is-visible{opacity:1;transition:none;transform:none}.bookingArtwork,.bookingMedia,.bookingMedia:after,.bookingCard:before,.bookingName{transition:none}.bookingCard:hover .bookingArtwork{transform:none}.bookingCard:hover .bookingMedia,.bookingCard:focus-visible .bookingMedia{--lift:0px}}@media print{.portfolio-motion .bookingPortfolio [data-reveal]{opacity:1;transform:none}}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/cormorant-garamond-cyrillic-ext-wght-normal.Bg62sWL9.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/cormorant-garamond-cyrillic-wght-normal.BWCqVJN0.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/cormorant-garamond-vietnamese-wght-normal.CDLFB6hb.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/cormorant-garamond-latin-ext-wght-normal.ltf1AbuM.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/cormorant-garamond-latin-wght-normal.CUoBjw-S.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-serif-thai-thai-wght-normal.Bq0aX7wK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-serif-thai-latin-ext-wght-normal.D3fqRMGl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-serif-thai-latin-wght-normal.0s3Yzyy7.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
