#t-book{scroll-behavior:smooth}

.book-checkin{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:clamp(5.5rem,10vh,7.5rem) 5vw clamp(4.75rem,8vh,6rem)}
.book-checkin__art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:.72;filter:saturate(.72) contrast(.9)}
.book-checkin__veil{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 46%,rgba(255,251,239,.42) 0%,rgba(250,240,215,.67) 48%,rgba(222,193,144,.82) 100%)}
.book-checkin::before,.book-checkin::after{content:"";position:absolute;z-index:-1;left:-2%;width:104%;height:28px;background:rgba(255,250,236,.76);clip-path:polygon(0 45%,4% 14%,9% 54%,14% 22%,20% 66%,26% 30%,32% 74%,39% 20%,46% 62%,53% 26%,60% 71%,67% 18%,74% 58%,81% 24%,88% 69%,94% 30%,100% 56%,100% 100%,0 100%)}
.book-checkin::before{top:0;transform:rotate(180deg)}
.book-checkin::after{bottom:-1px;height:clamp(112px,17vh,176px);background:linear-gradient(180deg,rgba(236,217,188,0) 0%,rgba(236,217,188,.62) 58%,#ecd9bc 100%);clip-path:none;pointer-events:none}
.book-checkin__content{width:min(760px,100%);text-align:center;color:#3f2c19;text-shadow:0 1px 0 rgba(255,252,239,.8)}
.book-checkin__eyebrow{display:inline-block;margin:0 0 .65rem;padding:.32rem .8rem;background:rgba(247,239,226,.78);font-size:clamp(.82rem,1.4vw,.96rem);transform:rotate(-1.2deg);clip-path:polygon(2% 8%,98% 0,100% 92%,0 100%)}
.book-checkin h2{font-size:clamp(2.75rem,7vw,5.65rem);line-height:.94;color:#4f351d;text-shadow:0 2px 0 rgba(255,248,226,.8),0 12px 34px rgba(85,51,16,.18)}
.book-checkin__lead{max-width:55ch;margin:1rem auto 1.45rem;font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.48;font-weight:500}
.book-moods{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.72rem;max-width:680px;margin:0 auto}
.book-mood{min-height:48px;border:1.5px solid rgba(70,53,31,.28);cursor:pointer;padding:.78rem 1.2rem;font:500 clamp(.95rem,1.8vw,1.08rem)/1.1 'Shantell Sans',cursive;color:var(--ink);background:#f6dda0;border-radius:0;clip-path:polygon(3% 8%,19% 2%,36% 7%,54% 1%,72% 6%,97% 3%,100% 88%,82% 96%,63% 91%,43% 99%,21% 93%,0 97%);box-shadow:0 5px 0 rgba(107,75,40,.15),0 11px 22px rgba(70,53,31,.09);transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s,box-shadow .22s}
.book-mood:nth-child(2){background:#edcfbf;clip-path:polygon(2% 3%,22% 7%,39% 1%,58% 6%,78% 2%,99% 8%,97% 96%,76% 91%,55% 98%,35% 92%,16% 97%,1% 90%);transform:rotate(1deg)}
.book-mood:nth-child(3){background:#cddfdc;clip-path:polygon(4% 8%,20% 1%,42% 5%,61% 2%,83% 7%,98% 3%,100% 91%,80% 98%,58% 93%,39% 99%,18% 92%,0 96%);transform:rotate(-1.2deg)}
.book-mood:nth-child(4){background:#f1d2b0;clip-path:polygon(1% 6%,18% 2%,37% 8%,55% 1%,74% 5%,99% 2%,97% 94%,79% 90%,60% 98%,41% 92%,20% 97%,3% 91%);transform:rotate(.8deg)}
.book-mood--fine{background:#dfe1c6;clip-path:polygon(3% 2%,23% 7%,41% 1%,62% 6%,80% 2%,98% 8%,100% 92%,81% 97%,61% 91%,40% 99%,19% 93%,1% 96%);transform:rotate(-.7deg)}
.book-mood:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 7px 0 rgba(107,75,40,.2),0 16px 26px rgba(70,53,31,.15)}
.book-mood:focus-visible{outline:3px solid #4f351d;outline-offset:4px}
.book-mood[aria-pressed="true"]{background:#fff7dc;box-shadow:inset 0 0 0 3px #d49320,0 5px 0 rgba(107,75,40,.2);transform:translateY(2px) rotate(0)}
.book-checkin__response{min-height:4.8em;max-width:57ch;margin:1.2rem auto .4rem;padding:.8rem 1rem;font-size:clamp(1rem,1.8vw,1.13rem);line-height:1.48;background:rgba(255,252,241,.72);clip-path:polygon(0 9%,3% 2%,9% 6%,16% 1%,24% 7%,33% 2%,43% 6%,53% 1%,64% 7%,75% 2%,86% 6%,95% 1%,100% 8%,99% 92%,94% 98%,84% 94%,74% 99%,62% 94%,50% 99%,38% 94%,26% 99%,14% 94%,4% 99%,0 92%)}
.book-checkin__response-line{display:block}
.book-scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;min-height:48px;margin-top:.25rem;padding:.35rem .75rem;border:0;background:transparent;color:#4f351d;font-size:.9rem;line-height:1.2;cursor:pointer}
.book-scroll-cue svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s}
.book-scroll-cue:hover svg,.book-scroll-cue:focus-visible svg{transform:translateY(4px)}
.book-scroll-cue:focus-visible{outline:3px solid #4f351d;outline-offset:3px}
.book-product{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden}
#t-book .book-product>.tier-inner{min-height:100dvh}
#t-book .book-positioning{margin-top:.75rem;font-family:'Shantell Sans',cursive;font-size:.98rem;line-height:1.5;color:#62431f}

@media(max-width:820px){
  .book-checkin{min-height:max(100dvh,650px);padding:5.25rem 5vw 4.25rem}
  .book-checkin__art{object-position:52% 45%;opacity:.6}
  .book-checkin h2{font-size:clamp(2.55rem,13vw,4rem)}
  .book-checkin__lead{margin:.8rem auto 1.1rem;font-size:1rem;line-height:1.4}
  .book-moods{gap:.58rem}
  .book-mood{min-height:44px;padding:.62rem .92rem;font-size:.92rem}
  .book-checkin__response{min-height:5.6em;margin-top:1rem;font-size:.98rem}
  #t-book .book-product>.tier-inner{padding-top:4.8rem}
}

@media(max-width:360px){
  .book-checkin{min-height:680px;padding-inline:4vw}
  .book-mood{font-size:.86rem;padding-inline:.72rem}
  .book-checkin__response{font-size:.92rem}
}

@media(prefers-reduced-motion:reduce){
  #t-book{scroll-behavior:auto}
  .book-mood,.book-scroll-cue svg{transition:none}
}