/* Shared illustrated cards for booking and gift selection. Scoped away from CRM. */
@font-face{font-family:SlepokCards;src:url('/_next/static/_vinext_fonts/manrope-35218281b57f/manrope-c9a5f13c.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:SlepokCards;src:url('/_next/static/_vinext_fonts/manrope-35218281b57f/manrope-81401990.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2212,U+2215}
.service-grid{gap:16px}
.service-grid .service-option{
 --frame:#b6684e;display:block;position:relative;isolation:isolate;box-sizing:border-box;
 aspect-ratio:1.72;padding:0;min-height:0;border:9px solid var(--frame)!important;
 border-radius:20px;background:#fbf7ee!important;clip-path:none;box-shadow:none;
 color:#720c21;transform:none!important;filter:none!important;overflow:hidden;
}
.service-grid .service-option[data-service="pottery_wheel"]{--frame:#808654}
.service-grid .service-option[data-service="date"]{--frame:#ad6078}
.service-grid .service-option[data-service="celebration"],.service-grid .service-option[data-service="kids_club"]{--frame:#b68b38}
.service-grid .service-option[data-service="adults_club"]{--frame:#51868a}
.service-grid .service-option::after{display:none}
.service-grid .service-option .service-copy{position:absolute;inset:9% auto auto 5%;width:53%;padding:0;display:block;z-index:2}
.service-grid .service-option h2{
 margin:0 0 12px;max-width:none;color:#720c21;
 font:800 clamp(22px,2.3vw,30px)/1.08 SlepokCards,Arial,sans-serif;
 letter-spacing:-.025em;text-transform:none;
}
.service-grid .service-option :is(.service-details,.service-price,.price-unit){color:#720c21;font-family:Arial,Helvetica,sans-serif;line-height:1.2}
.service-grid .service-option .service-details{font-size:14px}
.service-grid .service-option .service-price{font-size:22px;font-weight:800;margin-top:7px}
.service-grid .service-option .price-unit{font-size:12px}
.service-grid .service-option .service-art{position:absolute;inset:12% 1% auto auto;width:43%;height:76%;margin:0;pointer-events:none}
.service-grid .service-option .service-art::before{display:none!important}
.service-grid .service-option .service-art img{width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;animation:none!important;mix-blend-mode:normal}
.service-grid .service-option .service-arrow{inset:auto 4% 5% auto;width:29px;height:22px;background:none!important;color:#720c21!important;border:0;box-shadow:none;border-radius:0}
.service-grid .service-option .service-arrow svg{width:29px;height:22px;stroke-width:2.4}
.service-grid .service-option .mobile-format{display:none}
.service-grid .service-option .desktop-format{display:inline}
.summary-art{object-fit:contain;opacity:1;filter:none;transform:none}
.summary-card h2{font-family:SlepokCards,Arial,sans-serif;font-weight:800;color:#720c21}
.access-entry-button{
 height:240px;background:#fbf7ee;border:8px solid #ad6078;border-radius:20px;box-shadow:none;color:#720c21;
}
.access-entry-art{display:grid;grid-template-columns:1fr 1fr;inset:29% 2% 3%;gap:5%}
.access-entry-art img{width:100%;height:100%;min-height:0;object-fit:contain}
.access-entry-copy{inset:0 0 auto}
.access-entry-label,.access-entry-label:first-child,.access-entry-label:last-child{background:none;text-shadow:none;text-align:center;padding:16px 8px 0}
.access-entry-label strong{font:800 clamp(16px,2.3vw,25px)/1.12 SlepokCards,Arial,sans-serif;color:#720c21;text-transform:uppercase;letter-spacing:-.025em}
.access-entry-label strong br{display:none}
.access-entry-divider{background:#ad6078;width:4px}
.access-entry-arrow{right:3%;bottom:5%;width:28px;height:24px;color:#720c21;background:none;border-radius:0;box-shadow:none}
.shop-options{max-width:740px;margin:0 auto;gap:18px}
.shop-options button{border:10px solid #808654;border-radius:20px;background:#fbf7ee;aspect-ratio:1;position:relative;overflow:hidden}
.shop-options button+button{border-color:#ad6078;background:#fbf7ee}
.shop-options img{position:absolute;inset:25% 8% auto;width:84%;height:66%;object-fit:contain;mix-blend-mode:normal;opacity:1;transform:none}
.shop-options span{position:absolute;top:7%;left:4%;right:4%;text-align:center;color:#720c21;font:800 clamp(18px,2.4vw,28px)/1.1 SlepokCards,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
@media(max-width:900px){
 .service-grid .service-option{aspect-ratio:1.7;border-width:7px!important;border-radius:17px}
 .service-grid .service-option h2{font-size:clamp(23px,6.5vw,38px);margin-bottom:9px}
 .service-grid .service-option .service-details{font-size:clamp(13px,3.4vw,19px)}
 .service-grid .service-option .service-price{font-size:clamp(21px,5.6vw,33px);margin-top:6px}
 .service-grid .service-option .service-copy{top:8%;width:55%}
 .service-grid .service-option .service-art{inset:13% 0 auto auto;width:42%;height:74%}
 .service-grid .service-option:is([data-service="kids_club"],[data-service="adults_club"]) h2{font-size:clamp(21px,5.8vw,33px)}
 .access-entry-button{height:180px;border-width:6px}
 .access-entry-label strong{font-size:clamp(12px,3.6vw,23px)}
 .shop-options{gap:10px}
 .shop-options button{border-width:6px;border-radius:14px}
 .shop-options span{font-size:clamp(13px,3.7vw,22px)}
}
@media(forced-colors:active){
 .service-grid .service-option,.access-entry-button,.shop-options button{border-color:CanvasText!important;background:Canvas!important}
 .service-art,.access-entry-art,.shop-options img{visibility:hidden}
 .service-grid .service-option h2,.service-grid .service-option .service-details,.service-grid .service-option .service-price,.shop-options span,.access-entry-label strong{color:CanvasText}
}