/* Booking page presentation. Form palette and decoration remain in skins/layouts. */
body.wb-journey-page{background:linear-gradient(180deg,#79564659,#4a2923d9 950px),url('images/wine-no-smoke-desktop.webp') center top/100% auto no-repeat,#4a2923!important;color:#e8daca}
body.wb-journey-page>.wp-site-blocks{background-image:none!important}
body.wb-journey-page .miaoling-main,body.wb-journey-page .miaoling-page-content{padding:0!important;background:transparent!important}
body.wb-journey-page .walkin-booking-experience{background:transparent!important;margin:0!important}
body.wb-journey-page .walkin-booking-experience__hero{position:relative;isolation:isolate;overflow:clip;min-height:0;height:auto;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;max-width:1240px;margin:0 auto!important;padding:80px 40px!important}
/* Reserve the final intro height before the footer script selects a scene. */
body.wb-journey-page:not(.wb-booking-scenes) .walkin-booking-experience__hero{min-height:calc(100svh - 72px)!important;display:flex!important;align-items:center;box-sizing:border-box}
body.admin-bar.wb-journey-page:not(.wb-booking-scenes) .walkin-booking-experience__hero{min-height:calc(100svh - 104px)!important}
body.wb-journey-page .walkin-booking-experience__hero::before,body.wb-journey-page .walkin-booking-experience__hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;display:block;inset:auto;top:50%;right:-3%;translate:0 -50%;width:600px;height:600px;background:url('images/miaoling-etched-ring.svg') center/contain no-repeat;opacity:var(--wb-journey-glow,.52);transform:rotate(-22deg);border:0;border-radius:0;box-shadow:none;filter:none;animation:none}
body.wb-journey-page .walkin-booking-experience__hero::after{right:9%;width:450px;height:450px;background-image:url('images/miaoling-spatial-rings.svg');translate:0 -50%;transform:rotate(24deg);opacity:calc(var(--wb-journey-glow,.52) * .64)}
body.wb-journey-page .walkin-booking-experience__hero-inner{position:relative;z-index:1;display:block!important;max-width:none!important;width:100%;padding:0 44% 0 0!important;text-align:left!important}
body.wb-journey-page .walkin-booking-experience__hero-inner::before{display:none!important}
body.wb-journey-page .walkin-booking-experience__hero-inner::after{content:"";position:absolute;pointer-events:none;right:10%;top:50%;width:168px;aspect-ratio:600/1033;background:url('images/velvet-feather-card.webp') center/cover;border-radius:4px;transform:translateY(-48%) rotate(12deg);box-shadow:-20px 26px 42px #0a010670,0 0 0 1px #d9b6754a}
body.wb-journey-page .walkin-booking-experience__hero-inner.wb-has-deck::after{display:none}
.wb-invitation-deck{position:absolute;pointer-events:none;right:10%;top:50%;width:168px;aspect-ratio:600/1033;transform:translateY(-48%) rotate(12deg)}
.wb-invitation-deck i{position:absolute;inset:0;background:url('images/velvet-feather-card.webp') center/cover;border-radius:4px;box-shadow:-12px 18px 30px #0a010655,0 0 0 1px #d9b6754a;transform-origin:50% 90%;transition:transform 280ms var(--wb-ease,cubic-bezier(.23,1,.32,1))}
.wb-invitation-deck i:nth-child(1){transform:translate(-2px,2px) rotate(-1deg)}
.wb-invitation-deck i:nth-child(2){transform:translate(2px,1px) rotate(1deg)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.wb-journey-motion .wb-invitation .wb-invitation-deck i:nth-child(1){transform:translate(-20px,6px) rotate(-15deg)}
 body.wb-journey-motion .wb-invitation .wb-invitation-deck i:nth-child(2){transform:translate(22px,5px) rotate(14deg)}
 body.wb-journey-motion .wb-invitation .wb-invitation-deck i:nth-child(3){transform:translateY(-6px) rotate(-2deg)}
}
@media(max-width:900px){.wb-invitation-deck{right:2%;width:130px}}
@media(max-width:700px){.wb-invitation-deck{right:-88px;top:48px;width:145px;opacity:.2;z-index:-1}}
@media(prefers-reduced-motion:reduce){.wb-invitation-deck i{transition:none}}
body.wb-journey-page .walkin-booking-experience__hero .walkin-booking-experience__eyebrow{color:#c0a06b;font:500 12px/1.6 "Noto Serif TC",serif;letter-spacing:.26em;margin:0 0 19px}
body.wb-journey-page .walkin-booking-experience__hero h1{font:400 clamp(34px,4.6vw,60px)/1.3 "Noto Serif TC","PMingLiU",serif!important;letter-spacing:.16em!important;color:#e8daca!important;margin:0 0 22px!important;text-shadow:none!important}
body.wb-journey-page .walkin-booking-experience__hero-copy{max-width:31em!important;margin:0!important;font-size:15px!important;line-height:2.1!important;letter-spacing:.07em!important;color:#dfcbbb!important;text-align:left!important}
body.wb-journey-page .walkin-booking-experience__hero .walkin-booking-experience__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:28px 0 0;padding:12px 28px;border:1px solid #cfac7366;border-radius:2px;background:linear-gradient(135deg,#ba84472b,#b7884610);box-shadow:inset 0 1px #f4d29724;color:#f1dbb7;font-size:14px;letter-spacing:.14em}
body.wb-journey-page .walkin-booking-experience__scroll{display:none!important}
/* Use one document scrollbar without replacing the selected form skin. */
body.wb-journey-page :is(.walkin-booking-experience__intro,.walkin-booking-experience__welcome-inner,.walkin-booking-experience__notice,.walkin-booking-experience__letter,.walkin-booking-experience__prose,.wb-app,.wb-main,.wb-view){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
body.wb-journey-page .walkin-booking-experience__booking{scroll-margin-top:90px;padding:48px 40px 70px}
body.wb-journey-page .walkin-booking-experience__booking-inner{width:100%;max-width:1160px;margin:auto}
html.wb-booking-document{scrollbar-gutter:stable}
html:has(body.wb-journey-page){scrollbar-gutter:stable}
body.wb-booking-scenes [hidden],body.wb-booking-scenes .walkin-booking-experience__hero[hidden]{display:none!important}
body.wb-booking-scenes .walkin-booking-experience__hero{min-height:calc(100svh - 72px)!important;display:flex!important;align-items:center;box-sizing:border-box}
body.admin-bar.wb-booking-scenes .walkin-booking-experience__hero{min-height:calc(100svh - 104px)!important}
body.wb-booking-scenes[data-wb-booking-scene="intro"] .walkin-booking-experience__closing,body.wb-booking-scenes[data-wb-booking-scene="intro"] .wp-site-blocks>footer{display:none!important}
body.wb-booking-scenes[data-wb-booking-scene="booking"] .walkin-booking-experience__booking{border-top:0;min-height:calc(100svh - 72px)}
body.wb-booking-scenes .wb-booking-return{display:block;margin:0 0 24px;padding:8px 0;min-height:44px;border:0;background:none;color:var(--wbe-cream,#e8daca);font:inherit;font-size:13px;letter-spacing:.09em;cursor:pointer}
body.wb-booking-scenes .wb-portal-running .walkin-booking-experience__hero::before,body.wb-booking-scenes .wb-portal-running .walkin-booking-experience__hero::after{visibility:hidden}
.wb-booking-portal{position:fixed;inset:0;z-index:80;pointer-events:none;perspective:1100px;transform-style:preserve-3d}
.wb-booking-portal i{position:absolute;display:block;background-position:center;background-size:contain;background-repeat:no-repeat;will-change:transform,opacity}
body.wb-journey-motion .walkin-booking-experience__hero::before{animation:wb-journey-ring var(--wb-journey-duration,1800ms) cubic-bezier(.18,.7,.22,1) both}
body.wb-journey-motion .walkin-booking-experience__hero::after{animation:wb-journey-ring-inner calc(var(--wb-journey-duration,1800ms) * 1.16) cubic-bezier(.18,.7,.22,1) both}
body.wb-journey-motion .walkin-booking-experience__hero-inner>:is(p,h1,a){animation:wb-journey-copy 700ms cubic-bezier(.22,.7,.25,1) both}
body.wb-journey-motion .walkin-booking-experience__hero-inner>h1{animation-delay:60ms}
body.wb-journey-motion .walkin-booking-experience__hero-copy{animation-delay:120ms}
body.wb-journey-motion .walkin-booking-experience__hero .walkin-booking-experience__button{animation-delay:180ms}
@keyframes wb-journey-ring{from{opacity:0;transform:rotate(-76deg)}to{opacity:var(--wb-journey-glow,.52);transform:rotate(-22deg)}}
@keyframes wb-journey-ring-inner{from{opacity:0;transform:rotate(80deg)}to{opacity:calc(var(--wb-journey-glow,.52)*.64);transform:rotate(24deg)}}
@keyframes wb-journey-copy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body.wb-journey-rings-off .walkin-booking-experience__hero::before,body.wb-journey-rings-off .walkin-booking-experience__hero::after{display:none}
@media(max-width:900px){body.wb-journey-page .walkin-booking-experience__hero-inner{padding-right:34%!important}body.wb-journey-page .walkin-booking-experience__hero-inner::after{right:2%;width:130px}body.wb-journey-page .walkin-booking-experience__hero::before{right:-30%}body.wb-journey-page .walkin-booking-experience__hero::after{right:-12%}}
@media(max-width:782px){body.wb-booking-scenes .walkin-booking-experience__hero{min-height:calc(100svh - 64px)!important}body.admin-bar.wb-booking-scenes .walkin-booking-experience__hero{min-height:calc(100svh - 110px)!important}}
@media(max-width:782px){body.wb-journey-page:not(.wb-booking-scenes) .walkin-booking-experience__hero{min-height:calc(100svh - 64px)!important}body.admin-bar.wb-journey-page:not(.wb-booking-scenes) .walkin-booking-experience__hero{min-height:calc(100svh - 110px)!important}}
@media(max-width:700px){
 body.wb-journey-page{background-image:linear-gradient(180deg,#79564659,#4a2923e6 900px),url('images/wine-no-smoke-mobile.webp')!important;background-attachment:scroll!important}
 body.wb-journey-page .walkin-booking-experience__hero{padding:48px 24px!important}
 body.wb-journey-page .walkin-booking-experience__hero-inner{padding-right:0!important}
 body.wb-journey-page .walkin-booking-experience__hero-inner::after{top:48px;right:-88px;width:145px;opacity:.2;z-index:-1}
 body.wb-journey-page .walkin-booking-experience__hero h1{font-size:32px!important;letter-spacing:.12em!important}
 body.wb-journey-page .walkin-booking-experience__hero-copy{font-size:14px!important;max-width:27em!important}
 body.wb-journey-page .walkin-booking-experience__hero::before{right:-260px;width:480px;height:480px}
 body.wb-journey-page .walkin-booking-experience__hero::after{right:-200px;width:380px;height:380px}
 body.wb-journey-page .walkin-booking-experience__booking{padding:32px 20px 48px}
 body.wb-journey-page .wb-sidebar{flex-direction:column;align-items:stretch;padding:12px}
 body.wb-journey-page .wb-step-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;width:100%!important;min-width:0!important;overflow:visible!important}
 body.wb-journey-page .wb-step-list li{min-width:0!important;width:auto!important}
 body.wb-journey-page .wb-step-list button{min-width:0!important;width:100%!important;min-height:44px;padding:8px!important;justify-content:flex-start!important}
 body.wb-journey-page .wb-step-list strong{font-size:12px!important;white-space:normal!important}
 body.wb-journey-page .wb-step-number{width:22px!important;height:22px!important;min-width:22px!important}
}
@media(prefers-reduced-motion:reduce){body.wb-journey-motion .walkin-booking-experience__hero::before,body.wb-journey-motion .walkin-booking-experience__hero::after,body.wb-journey-motion .walkin-booking-experience__hero-inner>:is(p,h1,a){animation:none!important}}
@media(max-width:782px){body.wb-journey-mobile-off .walkin-booking-experience__hero::before,body.wb-journey-mobile-off .walkin-booking-experience__hero::after,body.wb-journey-mobile-off .walkin-booking-experience__hero-inner>:is(p,h1,a){animation:none!important}}