/* Compact note in the cloud pocket ahead of the bow. */
.hero .rf-hero-top{display:block;margin:0}
.hero .rf-hero-copy{min-width:0}
.hero .rf-paper-note{position:absolute;isolation:isolate;box-sizing:border-box;left:calc(50% - 165px);top:0;width:270px;min-height:175px;margin:0;padding:34px 28px 22px;transform:rotate(-8deg);color:#30271c;text-align:center;font:600 14px/1.35 "Segoe Print","Bradley Hand","Comic Sans MS",cursive;text-shadow:none}
.hero .rf-paper-note:before{content:"";position:absolute;z-index:-1;inset:0;background:url("taped-notepaper.webp") center/100% 100% no-repeat;pointer-events:none}
.hero .rf-paper-note p{margin:0;color:inherit;font:inherit;text-shadow:none}
.hero .rf-paper-note strong{display:block;margin-top:8px;color:#76291f;font:700 16px/1.25 "Segoe Print","Bradley Hand","Comic Sans MS",cursive}
@media(min-width:2200px){.hero .rf-paper-note{width:290px;min-height:150px;padding:29px 29px 19px;font-size:13px}.hero .rf-paper-note strong{font-size:15px;margin-top:5px}}
/* When the cloud pocket is too small, keep the note in its own row. */
@media(max-width:1199px){.hero .rf-paper-note{position:relative;left:auto;top:auto;width:min(300px,calc(100% - 20px));min-height:210px;margin:12px auto 30px;padding:41px 31px 28px;font-size:16px}.hero .rf-paper-note strong{font-size:18px}}