@font-face{font-family:Caveat;src:url("assets/caveat.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}
.hand-note{font-family:Caveat,"Segoe Print",cursive;font-size:28px;font-weight:600;line-height:1.03;color:#a9460b;pointer-events:none;user-select:none}
.hand-note svg{width:auto;height:auto;stroke:currentColor;stroke-width:2.2;fill:none;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.hand-note span{display:block}
.hero-actions{position:relative;width:max-content;max-width:100%;margin-inline:auto}
.hero-note{position:absolute;right:calc(100% + 34px);top:-16px;width:165px;text-align:left;transform:rotate(-8deg)}
.hero-note .desktop-arrow{display:block;width:148px;height:78px;margin:-5px 0 0 37px;transform:rotate(3deg)}
.hero-note .mobile-arrow{display:none}
.step-list{position:relative;padding-top:76px}
.tour-note{display:flex;align-items:flex-start;gap:7px;position:absolute;top:0;left:12px;height:75px}
.tour-note svg{width:80px;height:75px}
.tour-note span{transform:rotate(-7deg);padding-top:2px;font-size:27px}
.share-with-note{position:relative;padding-bottom:14px}
.share-note{position:absolute;right:0;top:-30px;width:167px;color:#ffb681;font-size:25px;transform:rotate(7deg);text-align:center}
.share-note svg{display:block;width:118px;height:59px;margin:-7px 0 0 -18px;transform:rotate(4deg)}
.share-status{max-width:280px}
.final-actions{position:relative;padding-top:76px}
.final-note{position:absolute;top:0;left:5px;width:245px;text-align:center;transform:rotate(-6deg);color:#8e431c;font-size:27px}
.final-note svg{position:absolute;right:-13px;top:6px;width:78px;height:70px;transform:rotate(-3deg)}
@media(max-width:1100px) and (min-width:761px){.hero-note{right:calc(100% + 15px);width:133px;font-size:24px;top:-9px}.hero-note .desktop-arrow{width:115px;height:61px;margin-left:15px}.share-with-note{padding-bottom:70px}.share-note{top:25px;right:10px;font-size:24px}.share-note svg{position:absolute;left:-94px;top:-21px;transform:rotate(12deg)}.final-note{font-size:25px}}
@media(max-width:760px){
  .hero-actions{gap:20px}
  .hero-note{position:relative;order:-1;right:auto;top:auto;width:210px;font-size:25px;text-align:center;transform:rotate(-6deg);margin:-4px 0 5px}
  .hero-note .desktop-arrow{display:none}
  .hero-note .mobile-arrow{display:block;position:absolute;right:-32px;top:5px;width:77px;height:69px;transform:rotate(5deg)}
  .step-list{padding-top:75px}
  .tour-note{left:6px;top:0}
  .tour-note span{font-size:25px}
  .tour-note svg{width:76px;height:71px}
  .share-with-note{padding-bottom:90px}
  .share-note{top:41px;right:1px;font-size:25px;width:175px;transform:rotate(5deg)}
  .share-note svg{position:absolute;top:-34px;left:-99px;margin:0;width:104px;height:52px;transform:rotate(24deg)}
  .share-status{max-width:100%;margin-top:10px}
  .final-actions{padding-top:78px;margin-top:30px}
  .final-note{left:0;top:0;width:230px;font-size:26px}
  .final-note svg{right:-12px;top:8px}
}
@media(max-width:370px){.hero-note .mobile-arrow{right:-18px;width:66px}.share-note{right:-1px;width:155px;font-size:23px}.share-note svg{left:-82px;width:85px}}