/* A blush paper story, with a curved edge between each little chapter. */
:root{--paper:#ffedf4;--chapter-letter:#ffedf4;--chapter-tea:#fde8f0;--chapter-promises:#fff1f6;--chapter-memories:#fce9f1;--chapter-love:#fce3ed}
body,main{background:var(--paper)}
::selection{background:#ecc0d2;color:#303c31}
.film-hero:before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:105px;z-index:3;background:linear-gradient(transparent,var(--paper));pointer-events:none}
.delivery.section-width{width:100%;max-width:none;margin:0;padding:92px clamp(24px,7.5vw,112px) 86px;background:var(--chapter-letter)}
.delivery .edge-left{left:-70px}
.delivery>.love-air{inset:0}
.delivery .section-intro{max-width:780px}
.apology-note{background:#fff5f8;border-color:#e4c5d1;box-shadow:4px 7px 0 #e5bfce40}
.paper-envelope .little-letter{border-color:#e4becd;background:repeating-linear-gradient(1deg,#b7779205 0 1px,transparent 1px 3px),linear-gradient(115deg,#fff7fa,#fde6ef 50%,#fff5f9);box-shadow:0 5px 14px #8e4c6414}
.paper-envelope .little-letter:before{border-color:#ce9bb45c}
.paper-envelope .letter-tucked{background:linear-gradient(#d6a7bc16,transparent 6px)}
.section-intro .eyebrow,.tea-pour-copy .eyebrow,.ritual-intro .eyebrow,.memory-reel-copy .eyebrow,.closing .eyebrow{color:#965264}
.tea-pour-section{background:var(--chapter-tea)}
.tea-pour-section:before{background:radial-gradient(ellipse at 72% 42%,#fff9f185,transparent 65%)}
.promise-ritual{background:radial-gradient(ellipse at 50% 32%,#fffafc,transparent 70%),var(--chapter-promises)}
.memory-reel{background:radial-gradient(ellipse at 50% 22%,#fff7fa88,transparent 65%),var(--chapter-memories);border-top:0}
.closing{background:radial-gradient(ellipse at 50% 35%,#fff2f7b3,transparent 68%),var(--chapter-love);padding-top:64px;border-top:0}
.closing:before{content:none}
.closing-inner{position:relative;z-index:2}
footer{background:var(--chapter-love);border-top-color:#c1889e35}
.chapter-seam{--chapter-from:var(--chapter-letter);--chapter-to:var(--chapter-tea);position:relative;height:68px;margin-bottom:-1px;background:var(--chapter-to);isolation:isolate;pointer-events:none;overflow:hidden}
.seam-to-promises{--chapter-from:var(--chapter-tea);--chapter-to:var(--chapter-promises)}
.seam-to-memories{--chapter-from:var(--chapter-promises);--chapter-to:var(--chapter-memories)}
.seam-to-love{--chapter-from:var(--chapter-memories);--chapter-to:var(--chapter-love)}
.seam-to-memories:has(+.memory-reel[hidden]){display:none}
.memory-reel[hidden]+.seam-to-love{--chapter-from:var(--chapter-promises)}
.chapter-seam>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chapter-seam .seam-paper{fill:var(--chapter-from)}
.chapter-seam .seam-stitch{fill:none;stroke:#b9789340;stroke-width:1;vector-effect:non-scaling-stroke}
.chapter-seam>span{position:absolute;top:30px;left:50%;width:32px;height:32px;display:grid;place-items:center;transform:translateX(-50%) rotate(-7deg);border:1px solid #be7b963d;border-radius:50%;background:var(--chapter-to);box-shadow:0 2px 8px #a44b7010;color:#b26484}
.chapter-seam>span svg{width:16px;height:16px;fill:#d9a0b725;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.reveal.entered{animation-duration:1.05s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.ap-opening[data-theme="pocketful"]{--op-bg:var(--paper);background:radial-gradient(ellipse at 50% 43%,#fff9fc,var(--op-bg) 72%)}
.ap-opening-replay{background:#fff4f8ed;border-color:#b8799445}
@media(max-width:740px){
  .delivery.section-width{padding:65px 24px 62px}
  .delivery .section-intro{margin-bottom:49px}
  .delivery .edge-left{left:-97px}
  .chapter-seam{height:53px}
  .chapter-seam>span{top:23px;width:27px;height:27px}
  .chapter-seam>span svg{width:14px;height:14px}
  .closing{padding-top:56px}
}
@media(max-width:365px){.delivery.section-width{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.reveal.entered{animation:none}}