/* 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-gallery.is-product-art::before,.pl-gallery.is-product-art::after{display: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-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:0;border-radius:0;background:transparent;box-shadow:none}
.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:transparent}
.pl-closing::before,.pl-closing::after,.pl-closing>div:first-child::before{display:none}

@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-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}
}

/* The mobile portrait accompanies the full introduction, on its left. */
@media(max-width:720px){
 .pl-purchase>.pl-mobile-preview{float:left;width:49%;max-width:210px;height:auto;margin:2px 14px 10px 0;object-fit:contain;object-position:center top}
 .pl-purchase>#product-title{font-size:clamp(31px,9.1vw,44px);line-height:1.03;margin-bottom:12px}
 .pl-purchase>#product-title em{display:inline}
 .pl-purchase>.pl-lead{clear:none;font-size:clamp(17px,4.6vw,20px);line-height:1.35;padding:0;margin-bottom:18px;background:none}
 .pl-purchase>.pl-offers{clear:both}
}

/* Approved delivery and arrival emphasis. */
.pl-order-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
.pl-main .pl-free-delivery{display:flex;align-items:center;gap:14px;margin:0;padding:17px 20px;border:1px solid #a6b68b;border-radius:3px 8px 3px 6px;background:linear-gradient(#e5edd9f2,#e5edd9f2),url('assets/parchment.webp') center/760px 760px repeat;color:#304b2c;box-shadow:2px 4px 8px #3a4e281a;font:400 15px/1.35 var(--sans)}
.pl-free-delivery>svg{width:44px;height:44px;flex:none}
.pl-free-delivery>span{display:grid;gap:3px;min-width:0}
.pl-main .pl-free-delivery strong{font:600 clamp(23px,2.2vw,29px)/1.1 var(--serif);color:#304b2c}
.pl-order-facts .pl-dispatch-fact{justify-content:center;font:400 14px/1.4 var(--sans);color:#6a543e;gap:8px}
.pl-order-facts .pl-dispatch-fact svg{width:25px;height:25px}
.pl-arrival{display:grid;gap:7px;border-left:1px dashed #bea17a;padding:8px 0 8px 32px}
.pl-arrival strong{font:600 clamp(25px,2.5vw,33px)/1.12 var(--serif);color:#4b3527}
.pl-arrival span{font:600 25px/1.2 var(--serif);color:#49603b}
.pl-main .pl-availability-message{grid-column:1/-1;margin:0;font:600 16px/1.4 var(--sans);color:#7b1028}
.pl-closing-delivery{margin-top:16px}
@media(max-width:720px){
 .pl-main .pl-free-delivery{gap:11px;padding:15px;font-size:13px}
 .pl-main .pl-free-delivery strong{font-size:25px}
 .pl-free-delivery>svg{width:38px;height:38px}
 .pl-order-facts .pl-dispatch-fact{font-size:13px}
 .pl-preorder{gap:23px}
 .pl-arrival{border-left:0;border-top:1px dashed #bea17a;padding:21px 0 0;text-align:center}
 .pl-arrival strong{font-size:28px}
 .pl-arrival span{font-size:25px}
}