/* "Tea party" look for the whole site (only when <html class="cute">): fabric backgrounds, lace edges,
   stitched cards, polaroid photos with washi tape, paper tags. Motion lives in tea.js. */
.cute{
  --stitch:rgba(232,135,155,.55);
  --lace:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='22' viewBox='0 0 44 22'%3E%3Cpath fill-rule='evenodd' fill='%23fffdfb' d='M0 0H44V6A22 15 0 0 1 0 6Z M19 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z M8.4 8a1.6 1.6 0 1 0 3.2 0a1.6 1.6 0 1 0 -3.2 0Z M32.4 8a1.6 1.6 0 1 0 3.2 0a1.6 1.6 0 1 0 -3.2 0Z'/%3E%3C/svg%3E");
  --berry:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 24C5 18 5 9 13 9s8 9 0 15z' fill='%23d9364c' stroke='%235b4348' stroke-width='1.6'/%3E%3Cpath d='M8 9l3-3 2 2 2-2 3 3h-3l-2 2-2-2z' fill='%2386b47f' stroke='%235b4348' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='14' r='.9' fill='%23fde7a6'/%3E%3Ccircle cx='15' cy='16' r='.9' fill='%23fde7a6'/%3E%3Ccircle cx='12' cy='19' r='.9' fill='%23fde7a6'/%3E%3C/svg%3E");
  --squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M3 7q7-6 14 0t14 0t14 0t14 0t14 0t14 0t14 0t14 0' fill='none' stroke='%23e8879b' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  --gingham-rose:linear-gradient(90deg,rgba(246,195,207,.5) 50%,transparent 50%) 0 0/28px 28px,linear-gradient(rgba(246,195,207,.5) 50%,transparent 50%) 0 0/28px 28px,#fdf0f3;
  --dots-sky:radial-gradient(#fff 22%,transparent 24%) 0 0/26px 26px,radial-gradient(#fff 22%,transparent 24%) 13px 13px/26px 26px,#d8eef8;
  --stripe-butter:repeating-linear-gradient(90deg,rgba(251,224,143,.55) 0 11px,transparent 11px 24px),#fff7dc;
  --paper-dots:radial-gradient(rgba(232,135,155,.14) 1.3px,transparent 1.8px) 0 0/22px 22px,#fffdfb;
}
.cute body{background:var(--paper-dots)}
.cute .topbar{border-bottom:2px dashed var(--stitch)}

/* lace edges on the fabric sections (cream lace hanging over the fabric, and rising again at the bottom) */
.cute .lacey{position:relative}
.cute .lacey::before,.cute .lacey::after{content:"";position:absolute;left:0;right:0;height:22px;background:var(--lace) repeat-x 0 0/44px 22px;pointer-events:none;z-index:1}
.cute .lacey::before{top:-1px}
.cute .lacey::after{bottom:-1px;transform:scaleY(-1)}
.cute .levels{background:var(--gingham-rose)}
.cute .tv{background:var(--stripe-butter)}
.cute .levels,.cute .tv{padding-block:86px}

/* paper tags instead of small grey labels */
.cute .eyebrow{display:inline-block;position:relative;background:#fffdf8;color:var(--ink);padding:.55em 1.1em .55em 1.9em;border-radius:7px;
  border:1.5px dashed var(--stitch);box-shadow:0 6px 14px -8px rgba(91,67,72,.45);rotate:-2deg;margin-bottom:12px}
.cute .eyebrow::before{content:"";position:absolute;left:.75em;top:50%;width:.5em;height:.5em;margin-top:-.25em;border-radius:50%;background:#e8879b}
.cute .head h2::after,.cute .who h2::after,.cute .block .narrow > h2::after,.cute .club h2::after{content:"";display:block;width:110px;height:12px;margin-top:8px;background:var(--squiggle) no-repeat 0 0/100% 100%}

/* stitched fabric cards */
.cute .path,.cute .lv,.cute .rule,.cute .card-link,.cute .quote,.cute .price-box,.cute .ptable-wrap,.cute .perks,.cute .how div{
  border:0;border-radius:24px;background:#fffdf8;outline:2px dashed var(--stitch);outline-offset:-9px;box-shadow:0 18px 34px -24px rgba(91,67,72,.55)}
.cute .path{overflow:visible;padding:12px}
.cute .path img{border-radius:16px}
.cute .path::before,.cute .snap::before,.cute .note-photo::before{content:"";position:absolute;left:50%;top:-12px;width:96px;height:26px;margin-left:-48px;rotate:-4deg;z-index:2;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px),rgba(246,195,207,.85);box-shadow:0 2px 4px rgba(91,67,72,.15)}
.cute .path{position:relative}
.cute .path.c-peach::before{background-color:rgba(252,214,178,.9)}
.cute .lv{padding:24px}
.cute .thumbs img{border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px rgba(91,67,72,.14),0 8px 12px -8px rgba(91,67,72,.6)}
.cute .price{border-top:2px dashed var(--line)}
.cute .rule{padding:18px 22px 18px 58px;position:relative}
.cute .rule::before{content:"";position:absolute;left:18px;top:17px;width:28px;height:28px;background:var(--berry) no-repeat center/contain}
.cute .quote{padding:28px 30px 24px 70px;position:relative;rotate:-.6deg}
.cute .quote::before{content:"“";position:absolute;left:22px;top:6px;font-family:var(--display);font-size:72px;line-height:1;color:#e8879b}
.cute .card-link{padding:18px 22px}
.cute .ptable-wrap{padding:10px;overflow:auto}
.cute .ptable thead th{background:var(--gingham-rose)}
.cute .perks{background:var(--gingham-rose);padding:22px 24px}

/* sticky notes */
.cute .note-photo{position:relative;background:#fff3c4;border-radius:6px;padding:22px 22px 18px;rotate:-.8deg;box-shadow:0 14px 24px -18px rgba(91,67,72,.6)}
.cute .note-photo + .note-photo{rotate:.7deg}

/* polaroids */
.cute .snap{position:relative;margin:0;background:#fff;padding:12px 12px 40px;border-radius:6px;box-shadow:0 22px 40px -26px rgba(91,67,72,.7);rotate:2deg}
.cute .snap img{border-radius:3px}
.cute .snap.tilt-l{rotate:-2deg}
.cute .who .snap img,.cute .bio .snap img{aspect-ratio:auto}
.cute .gallery{gap:18px;padding-top:10px}
.cute .gallery img{background:#fff;padding:7px 7px 24px;border-radius:5px;box-shadow:0 14px 24px -16px rgba(91,67,72,.7)}
.cute .gallery img:nth-child(odd){rotate:-3deg}.cute .gallery img:nth-child(even){rotate:2.5deg}.cute .gallery img:nth-child(3n){rotate:-1deg}
.cute .map iframe{border:10px solid #fff;border-bottom-width:34px;border-radius:8px;box-shadow:0 22px 40px -26px rgba(91,67,72,.7);rotate:.6deg}

/* the TV interviews sit in little TV sets */
.cute .video{box-shadow:0 0 0 12px #9fd3ea,0 0 0 15px var(--ink),0 22px 40px -18px rgba(91,67,72,.7);border-radius:20px;margin:16px}
.cute .videos{gap:30px}

/* little badges */
.cute .trust{background:transparent;border-bottom:0}
.cute .trust .wrap{gap:12px}
.cute .trust .wrap > div{border:0;background:#fffdf8;border-radius:18px;padding:14px 16px 14px 62px;position:relative;outline:2px dashed var(--stitch);outline-offset:-6px;
  background-repeat:no-repeat;background-position:14px center;background-size:36px}
.cute .trust .wrap > div:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M14 22l-4 12 5-2 3 4 3-9M26 22l4 12-5-2-3 4-3-9' fill='%23e8879b' stroke='%235b4348' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='15' r='10' fill='%23fde7a6' stroke='%235b4348' stroke-width='1.8'/%3E%3Ccircle cx='20' cy='15' r='5' fill='none' stroke='%23e5b25a' stroke-width='1.8'/%3E%3C/svg%3E")}
.cute .trust .wrap > div:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M12 31v-8a7 7 0 0 1 2-13a8 8 0 0 1 13 0a7 7 0 0 1 2 13v8z' fill='%23fff' stroke='%235b4348' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 26h17' stroke='%235b4348' stroke-width='1.8'/%3E%3Cpath d='M17 18v4M24 18v4' stroke='%23c4e6f4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cute .trust .wrap > div:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='8' y='20' width='24' height='13' rx='3' fill='%23f7cdd6' stroke='%235b4348' stroke-width='1.8'/%3E%3Cpath d='M8 25q6 4 12 0t12 0' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Crect x='18.5' y='12' width='3' height='8' rx='1' fill='%23c4e6f4' stroke='%235b4348' stroke-width='1.4'/%3E%3Cpath d='M20 4c3 3 3 5 0 7c-3-2-3-4 0-7z' fill='%23f29a3d'/%3E%3C/svg%3E")}
.cute .trust .wrap > div:nth-child(4){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 33C7 25 5 17 9 12c3-4 9-3 11 2c2-5 8-6 11-2c4 5 2 13-11 21z' fill='%23f7cdd6' stroke='%235b4348' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M13 15q2-3 5-2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}

/* numbered steps and the team timeline as round cookies */
.cute .steps-list{list-style:none;padding:0;counter-reset:st;display:grid;gap:12px}
.cute .steps-list li{counter-increment:st;position:relative;padding:12px 16px 12px 62px;background:#fffdf8;border-radius:18px;outline:2px dashed var(--stitch);outline-offset:-6px}
.cute .steps-list li::before{content:counter(st);position:absolute;left:12px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;display:grid;place-items:center;
  background:#e9b46c;color:#5b4348;font-family:var(--display);font-weight:600;box-shadow:inset 0 0 0 2px #5b4348}
.cute .timeline li > span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e9b46c;color:var(--ink);font-size:13px;box-shadow:inset 0 0 0 2px var(--ink)}
.cute .timeline li{align-items:center}

/* chips and buttons with a stitch */
.cute .fact{outline:1.5px dashed var(--stitch);outline-offset:-5px;padding:8px 16px}
.cute .btn.primary{outline:1.5px dashed rgba(255,255,255,.6);outline-offset:-5px}
.cute .btn.ghost{border-style:dashed}
.cute .booking iframe{outline:2px dashed var(--stitch);outline-offset:6px;box-shadow:0 22px 40px -28px rgba(91,67,72,.6)}

/* page titles: a recipe card on a patchwork tablecloth, with the matching treat from the home table */
.cute .page-hero{position:relative;background:var(--gingham-rose);padding-block:46px 58px}
.cute .page-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:var(--lace) repeat-x 0 0/44px 22px;transform:scaleY(-1)}
.cute .page-hero > .wrap{display:grid;grid-template-columns:1fr minmax(150px,240px);column-gap:24px;align-items:center;background:#fffdf8;border-radius:28px;
  padding:26px 32px 28px;outline:2px dashed var(--stitch);outline-offset:-10px;box-shadow:0 24px 44px -30px rgba(91,67,72,.7);max-width:1080px}
.cute .page-hero > .wrap > *{grid-column:1}
.cute .page-hero .hero-art{grid-column:2;grid-row:1 / span 6;margin:-56px -10px -40px 0;filter:drop-shadow(0 10px 12px rgba(91,67,72,.28))}
.cute .page-hero .hero-art svg{display:block;width:100%;height:auto;overflow:visible}
.cute .page-hero h1{margin-top:2px}
.tea-wait .hero-art svg{visibility:hidden}

/* footer: gingham with lace on top */
.cute footer.site{position:relative;background:var(--gingham-rose);padding-top:14px}
.cute footer.site::before{content:"";position:absolute;left:0;right:0;top:-1px;height:22px;background:var(--lace) repeat-x 0 0/44px 22px}
.cute .copyline{border-top:2px dashed var(--stitch)}

/* floating sprinkles (added by tea.js) */
.cute .sprinkle{position:absolute;z-index:0;pointer-events:none;width:10px;height:4px;border-radius:3px}
.cute .levels > .wrap,.cute .tv > .wrap,.cute footer.site > .wrap{position:relative;z-index:1}

/* hover: things lift a little */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .cute .path,.cute .lv,.cute .card-link,.cute .snap,.cute .gallery img,.cute .rule,.cute .btn{transition:translate .35s cubic-bezier(.34,1.56,.64,1),rotate .35s cubic-bezier(.34,1.56,.64,1),scale .35s cubic-bezier(.34,1.56,.64,1)}
  .cute .path:hover,.cute .lv:hover,.cute .card-link:hover,.cute .rule:hover{translate:0 -5px;rotate:-.6deg}
  .cute .snap:hover,.cute .gallery img:hover{rotate:0deg;scale:1.05}
  .cute .btn:hover{translate:0 -2px;scale:1.04}
  .cute .path:hover,.cute .lv:hover{transform:none}
}

@media (max-width:900px){
  .cute .levels,.cute .tv{padding-block:64px}
  .cute .page-hero{padding-block:30px 46px}
  .cute .page-hero > .wrap{grid-template-columns:1fr 92px;padding:20px 20px 22px;margin-inline:14px;border-radius:22px}
  .cute .page-hero > .wrap > *{grid-column:1 / -1}
  .cute .page-hero > .wrap > h1,.cute .page-hero > .wrap > .eyebrow{grid-column:1}
  .cute .page-hero .hero-art{grid-column:2;grid-row:1 / span 2;margin:-34px -6px 0 0;align-self:start}
  .cute .gallery{gap:12px}
  .cute .video{margin:10px}
  .cute .trust .wrap > div{padding:12px 12px 12px 54px;background-size:30px;background-position:12px center}
}
.cute .page-hero > .wrap{position:relative;z-index:1}