/* The same field journal as the other products: parchment, taped photographs,
   loose leaves and ink trails. Purchase controls retain their clear geometry. */
body.plush-page{
  background-color:#f4e9d7;
  background-image:linear-gradient(#fffaf02e,#fffaf02e),url('assets/parchment.webp');
  background-size:auto,760px 760px;
  background-position:center top;
  background-repeat:repeat;
}
.pl-main{position:relative;isolation:isolate}
.pl-hero{position:relative;isolation:isolate}
.pl-hero::before,.pl-hero::after,.pl-moments::before,.pl-details::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:contain;
}
.pl-hero::before{width:230px;height:230px;left:-90px;top:37px;background-image:url('assets/journal-compass.svg');opacity:.25;transform:rotate(-17deg)}
.pl-hero::after{width:210px;height:310px;right:-20px;top:-43px;background-image:url('assets/autumn-marginalia.webp');opacity:.43;transform:rotate(9deg)}
.pl-purchase{position:relative;z-index:1}
.pl-purchase>.pl-eyebrow{width:fit-content;padding:7px 12px;background:#f7ecd1d9;box-shadow:1px 2px 4px #6c48201c;transform:rotate(-1.8deg);border-bottom:1px solid #be9b6466}
.pl-main h1{color:#4e3022}
.pl-main h1 em{position:relative;isolation:isolate}
.pl-main h1 em::after{content:"";position:absolute;z-index:-1;left:-5px;right:-7px;bottom:-7px;height:14px;background:url('assets/section-trail.svg') center/100% 100% no-repeat;opacity:.65;transform:rotate(-1deg);pointer-events:none}
.pl-main .pl-lead{background:radial-gradient(ellipse at center,#fff9ebcf 0,#fff9eb66 62%,transparent 80%);padding:4px 0}

/* Product art rests on a loose sheet; its own alpha background stays intact. */
.pl-gallery{isolation:isolate;z-index:1}
.pl-gallery::before{content:"";position:absolute;z-index:-1;inset:13px 10px 100px;background:url('assets/rough-paper-a.svg') center/100% 100% no-repeat;filter:drop-shadow(4px 10px 9px #4d301c2a);transform:rotate(-1.65deg);pointer-events:none}
.pl-gallery::after{content:"";position:absolute;z-index:3;top:1px;left:43%;width:103px;height:29px;background:linear-gradient(96deg,#ccb084a8,#f5e1b7d4 45%,#cfb38ab5);clip-path:polygon(2% 8%,98% 0,100% 88%,95% 100%,3% 93%,0 77%);box-shadow:0 2px 4px #4d321b20;transform:rotate(5deg);pointer-events:none}
.pl-photo{overflow:visible}
.pl-photo>.pl-gallery-image{filter:drop-shadow(8px 12px 8px #422b1e2e);transform:rotate(-1deg)}
.pl-photo.is-lifestyle{border-radius:3px 7px 2px 5px;background:#fffdf7;border:8px solid #fffdf7;box-shadow:3px 8px 15px #4e351f25;transform:rotate(-1.2deg)}
.pl-photo.is-lifestyle>.pl-gallery-image{transform:none;filter:none}
.pl-gallery-arrow{border-radius:45% 52% 46% 50%;background:#fff8e8f0;border-color:#b29363;box-shadow:2px 4px 7px #60401e21}
.pl-thumb{border-radius:2px 6px 2px 4px;background:#fffaf0;border-color:#bea37b;box-shadow:2px 4px 7px #51351c24;transform:rotate(-2deg)}
.pl-thumb:nth-child(even){transform:rotate(2deg)}
.pl-thumb[aria-pressed=true]{transform:translateY(-3px) rotate(-1deg);box-shadow:2px 6px 10px #68421e35}

/* The offer choices are paper tickets, with a stable, legible selected state. */
.pl-offer{border-radius:2px 7px 2px 5px;border-color:#c6af8b;background:linear-gradient(#fffaf1ed,#fffaf1ed),url('assets/parchment.webp') center/760px 760px repeat;box-shadow:2px 4px 8px #69411d14}
.pl-offer::after{content:"";position:absolute;inset:3px;border:1px solid #bfa78138;transform:rotate(.22deg);pointer-events:none}
.pl-offer.is-selected{background:linear-gradient(#fffaf4f5,#fffaf4f5),url('assets/parchment.webp') center/760px 760px repeat;box-shadow:3px 6px 11px #67431e23;border-color:#9e6c35}
.pl-best-saving{border-radius:1px 5px 2px 4px;transform:rotate(1.6deg);background:#dfe8d0;border-color:#a5b78d;padding:3px 10px}
.pl-main .pl-add{border-radius:24px 21px 25px 20px/22px 25px 21px 24px}

/* The deadline is a page torn from the journal, rather than a dashboard card. */
.pl-preorder{position:relative;border:0;border-radius:0;background:url('assets/rough-paper-b.svg') center/100% 100% no-repeat;filter:drop-shadow(3px 8px 8px #4c301c26);transform:rotate(-.35deg);padding:34px 42px}
.pl-preorder::before{content:"";position:absolute;left:14%;top:-9px;width:80px;height:24px;background:#dfc69fbd;clip-path:polygon(0 7%,98% 0,100% 90%,3% 100%);transform:rotate(-5deg);pointer-events:none}
.pl-stock{border-left-style:dashed;border-left-color:#bea17a}
.pl-stock-mark{font-size:0;width:64px;height:64px;right:0;top:-7px;background:url('assets/journal-compass.svg') center/contain no-repeat;opacity:.7;transform:rotate(11deg)}
.pl-countdown strong{color:#6f3e2c;text-shadow:1px 1px #fff8e9}

/* Photographs are pinned into a scrapbook, with quiet paper under the words. */
.pl-story{position:relative;isolation:isolate;overflow:visible;border:0;border-radius:0;background:url('assets/rough-paper-a.svg') center/100% 100% no-repeat;filter:drop-shadow(3px 8px 8px #4d321d22)}
.pl-story-photo{position:relative;transform:rotate(-1.25deg);border:9px solid #fffdf7;border-bottom-width:15px;box-shadow:3px 8px 14px #492d1d35;background:#fffdf7;z-index:1}
.pl-story-photo::before,.pl-moments figure::before{content:"";position:absolute;z-index:2;top:-20px;left:40%;width:92px;height:28px;background:linear-gradient(94deg,#d5bc91a8,#f3dfb8d1 45%,#c9ac7fba);clip-path:polygon(2% 0,98% 7%,100% 92%,2% 100%,0 88%);transform:rotate(5deg);pointer-events:none}
.pl-story-copy{position:relative;padding:42px 40px;background:radial-gradient(ellipse at center,#fffaf1e8,#fffaf0b3 60%,transparent 86%)}
.pl-story-copy::after{content:"";position:absolute;right:20px;bottom:12px;width:104px;height:60px;background:url('assets/journal-stars.svg') center/contain no-repeat;opacity:.45;pointer-events:none}
.pl-moments{position:relative;isolation:isolate;padding:6px 7px}
.pl-moments::before{width:210px;height:250px;left:-80px;top:-82px;background-image:url('assets/autumn-marginalia.webp');opacity:.4;transform:rotate(-24deg)}
.pl-section-intro{position:relative;margin-bottom:37px}
.pl-section-intro::after{content:"";display:block;width:min(320px,65%);height:17px;margin:19px auto 0;background:url('assets/section-trail.svg') center/100% 100% no-repeat;opacity:.7}
.pl-moments-grid{gap:29px;align-items:start}
.pl-moments figure{position:relative;overflow:visible;border:9px solid #fffdf7;border-bottom-width:13px;border-radius:2px 7px 3px 5px;background:#fffdf7;box-shadow:4px 10px 15px #4f321f30;transform:rotate(-1.5deg)}
.pl-moments figure:nth-child(2){transform:rotate(1.2deg);margin-top:16px}
.pl-moments figure:nth-child(3){transform:rotate(-.8deg);margin-top:4px}
.pl-moments figure:nth-child(2)::before{left:34%;transform:rotate(-6deg)}
.pl-moments figure:nth-child(3)::before{left:45%;transform:rotate(4deg)}
.pl-moments figure>img{border-radius:1px}
.pl-moments figcaption{padding:20px 17px 22px;background:linear-gradient(#fffdf7eb,#fffaf1eb),url('assets/parchment.webp') center/760px 760px repeat}

/* An illustrated specimen page, then loose notes for practical questions. */
.pl-details{position:relative;isolation:isolate}
.pl-details::before{width:210px;height:210px;right:-8px;top:-50px;background-image:url('assets/journal-compass.svg');opacity:.22;transform:rotate(10deg)}
.pl-detail-photo{isolation:isolate;overflow:visible;border-radius:0}
.pl-detail-photo::before{content:"";position:absolute;z-index:-1;inset:15px 5px;background:url('assets/rough-paper-b.svg') center/100% 100% no-repeat;filter:drop-shadow(4px 7px 7px #4d321e24);transform:rotate(1.4deg);pointer-events:none}
.pl-detail-photo::after{content:"";position:absolute;left:15px;top:12%;bottom:15%;width:10px;border-left:1px solid #a78051a6;background:repeating-linear-gradient(to bottom,#a78051 0 1px,transparent 1px 19px);opacity:.45;pointer-events:none}
.pl-detail-photo img{transform:rotate(1deg);filter:drop-shadow(6px 10px 7px #4a2d1c26)}
.pl-size{color:#7a5531;bottom:27px;right:27px;transform:rotate(-5deg)}
.pl-detail-copy{background:radial-gradient(ellipse at center,#fffaf0d6,#fffaf062 63%,transparent 85%);padding:10px 0}
.pl-tested{position:relative;border-radius:2px 7px 3px 5px;border-color:#a8b893;background:linear-gradient(#edf1e5ed,#edf1e5ed),url('assets/parchment.webp') center/760px 760px repeat;box-shadow:2px 5px 8px #3a4e2818}
.pl-faq{position:relative;border-block:0;padding-block:35px}
.pl-faq>div:first-child{background:url('assets/journal-stars.svg') left bottom/160px auto no-repeat;padding-bottom:55px}
.pl-questions details{border:0;border-radius:0;padding:13px 20px 15px;margin-bottom:14px;background:url('assets/rough-paper-a.svg') center/100% 100% no-repeat;filter:drop-shadow(2px 4px 4px #55371e1c)}
.pl-questions details:nth-child(even){background-image:url('assets/rough-paper-b.svg')}
.pl-questions summary{padding-block:9px}
.pl-questions details>p{padding:0 3px}

/* The final order is another spread in the same journal. */
.pl-closing{position:relative;isolation:isolate;overflow:visible;border:1px solid #af8c5c7d;border-radius:3px 10px 2px 8px;background:linear-gradient(#fff8e9bf,#fff8e9bf),url('assets/parchment.webp') center/760px 760px repeat;box-shadow:5px 12px 22px #4e301e2b}
.pl-closing::before{content:"";position:absolute;z-index:2;top:-12px;left:21%;width:106px;height:29px;background:linear-gradient(95deg,#cfb38aa6,#f0dbb5d4,#c9a878b5);clip-path:polygon(1% 0,100% 8%,97% 95%,3% 100%,0 86%);transform:rotate(-5deg);pointer-events:none}
.pl-closing::after{content:"";position:absolute;z-index:-1;inset:6px;border:1px solid #b89a704d;transform:rotate(-.18deg);pointer-events:none}
.pl-closing>div:first-child{position:relative;background:transparent}
.pl-closing>div:first-child::before{content:"";position:absolute;z-index:-1;inset:18px 9px 17px;background:url('assets/rough-paper-a.svg') center/100% 100% no-repeat;transform:rotate(-1deg);filter:drop-shadow(3px 6px 7px #4f341e21);pointer-events:none}
.pl-closing .pl-closing-image{filter:drop-shadow(4px 8px 5px #4b301e22);transform:rotate(-.6deg)}
.pl-closing>div:last-child{position:relative;background:radial-gradient(ellipse at center,#fffaf0e3,#fffaf080 66%,transparent 92%)}

@media(max-width:1050px) and (min-width:721px){
  .pl-hero::after{width:165px;height:235px;right:-8px;top:-28px;opacity:.28}
  .pl-story-copy{padding:30px}
  .pl-moments-grid{gap:20px}
}
@media(max-width:720px){
  .pl-hero::before{width:135px;height:135px;left:-25px;top:31px;opacity:.17}
  .pl-hero::after{width:130px;height:190px;right:-3px;top:-20px;opacity:.23}
  .pl-gallery{position:relative;margin-top:17px}
  .pl-gallery::before{inset:9px 4px 82px;transform:rotate(-1.1deg)}
  .pl-gallery::after{top:-2px;left:39%;width:84px;height:25px}
  .pl-photo>.pl-gallery-image{transform:rotate(-.6deg)}
  .pl-photo.is-lifestyle{border-width:7px;border-bottom-width:12px}
  .pl-main h1 em::after{height:11px;bottom:-6px;left:0;right:0}
  .pl-preorder{padding:29px 24px;margin-top:33px;transform:rotate(-.3deg)}
  .pl-stock{border-left:0;border-top-style:dashed}
  .pl-stock-mark{width:44px;height:44px;right:-1px;top:22px;opacity:.55}
  .pl-story{margin-inline:3px}
  .pl-story-photo{min-height:0;border-width:8px;border-bottom-width:13px;transform:rotate(-.9deg)}
  .pl-story-photo::before{width:80px;height:25px;top:-18px}
  .pl-story-copy{padding:28px 24px 35px}
  .pl-moments{margin-inline:3px;padding-inline:4px}
  .pl-moments::before{left:-24px;top:-45px;width:140px;height:190px;opacity:.3}
  .pl-section-intro{margin-bottom:35px}
  .pl-moments-grid{gap:29px}
  .pl-moments figure{transform:rotate(-.8deg);border-width:8px;border-bottom-width:12px}
  .pl-moments figure:nth-child(2){transform:rotate(.8deg);margin-top:0}
  .pl-moments figure:nth-child(3){transform:rotate(-.5deg);margin-top:0}
  .pl-moments figure::before{width:78px;height:25px;top:-18px}
  .pl-moments figcaption{padding:20px 15px}
  .pl-details::before{right:1px;top:5px;width:145px;height:145px;opacity:.19}
  .pl-detail-photo::before{inset:8px 4px;transform:rotate(.8deg)}
  .pl-detail-photo img{transform:rotate(.5deg)}
  .pl-detail-copy{padding:10px 3px}
  .pl-faq>div:first-child{background-size:110px auto;padding-bottom:30px}
  .pl-questions details{padding:13px 17px 15px}
  .pl-closing{margin-inline:2px;border-radius:2px 6px 3px 5px}
  .pl-closing::before{left:35%;width:90px;height:25px;top:-11px}
  .pl-closing>div:first-child::before{inset:14px 8px 3px;transform:rotate(-.6deg)}
  .pl-closing .pl-closing-image{transform:rotate(-.35deg)}
  .pl-closing>div:last-child{padding:25px 21px}
}