/* ============================================================
   The Pomologist's Quarterly — cherrypop.xyz
   skeuomorphic letterpress · editorial-flow codex · kinetic type
   ============================================================ */

:root{
  --cordovan:#5a1a22;
  --cherry-pulp:#8b2231;
  --drupe-blush:#c44a52;
  --cream-laid:#f6efe1;
  --vellum-shadow:#e8dec9;
  --cloth-board:#3a0d12;
  --leaf-verdigris:#4a6b4a;
  --gilded-rule:#b08a3e;

  --measure:32em;
  --serif:"EB Garamond", Georgia, "Times New Roman", serif;
  --display:"Cormorant Garamond", Georgia, serif;
  --black:"UnifrakturCook", "Cormorant Garamond", serif;
  --margin-font:"Cormorant Upright", "Cormorant Garamond", serif;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--cloth-board);
  background-image:
    radial-gradient(circle at 22% 18%, rgba(120,40,50,0.18), transparent 60%),
    radial-gradient(circle at 78% 82%, rgba(20,4,6,0.5), transparent 60%);
  color:var(--cordovan);
  font-family:var(--serif);
  font-size:1.06rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  hanging-punctuation:first last;
  overflow-x:hidden;
}

/* --- paper texture via inline data SVG (feTurbulence) --- */
.codex{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  background:var(--cream-laid);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42  0 0 0 0 0.32  0 0 0 0 0.18  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:
    0 30px 80px -10px rgba(0,0,0,0.55),
    0 8px 20px rgba(58,13,18,0.4),
    inset 0 0 80px rgba(58,13,18,0.08);
  overflow:hidden;
}

/* ============================================================
   FIXED GUTTER RIBBON-MARKER
   ============================================================ */
.ribbon-marker{
  position:fixed;
  left:50%;
  top:0;
  width:2px;
  height:14vh;
  background:linear-gradient(to bottom, rgba(176,138,62,0), var(--gilded-rule) 18%, var(--gilded-rule) 82%, rgba(176,138,62,0));
  transform:translateX(-50%);
  z-index:40;
  pointer-events:none;
  transition:top 0.18s linear;
  box-shadow:0 0 8px rgba(176,138,62,0.5);
}
.ribbon-tail{
  position:absolute;
  left:50%;
  bottom:-38px;
  width:14px;
  height:40px;
  transform:translateX(-50%);
  fill:var(--gilded-rule);
  filter:drop-shadow(0 2px 3px rgba(58,13,18,0.4));
}
@media (max-width:760px){
  .ribbon-marker{left:14px;transform:none;}
  .ribbon-tail{left:50%;}
}

/* ============================================================
   PETAL FIELD (active only over Plate V)
   ============================================================ */
.petal-field{
  position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden;
}
.petal-field .petal{
  position:absolute;
  width:22px;height:22px;
  fill:var(--drupe-blush);
  opacity:0;
  animation-play-state:paused;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
.petal-field.blooming .petal{animation-play-state:running;}
.petal-field .petal:nth-child(1){left:-6vw;top:-4vh;width:18px;animation:drift1 6.4s;}
.petal-field .petal:nth-child(2){left:14vw;top:-6vh;width:24px;fill:var(--cherry-pulp);animation:drift2 8.2s 0.6s;}
.petal-field .petal:nth-child(3){left:30vw;top:-3vh;width:16px;animation:drift3 5.1s 1.2s;}
.petal-field .petal:nth-child(4){left:46vw;top:-8vh;width:26px;animation:drift1 9.8s 0.3s;}
.petal-field .petal:nth-child(5){left:62vw;top:-2vh;width:20px;fill:var(--drupe-blush);animation:drift2 7.3s 2.1s;}
.petal-field .petal:nth-child(6){left:78vw;top:-6vh;width:18px;animation:drift3 4.6s 1.7s;}
.petal-field .petal:nth-child(7){left:90vw;top:-3vh;width:22px;animation:drift1 10.5s 0.9s;}
.petal-field .petal:nth-child(8){left:6vw;top:-10vh;width:14px;fill:var(--cherry-pulp);animation:drift2 11s 3s;}
.petal-field .petal:nth-child(9){left:22vw;top:-4vh;width:20px;animation:drift3 6.8s 2.4s;}
.petal-field .petal:nth-child(10){left:38vw;top:-7vh;width:24px;animation:drift1 8.1s 1.1s;}
.petal-field .petal:nth-child(11){left:54vw;top:-3vh;width:16px;fill:var(--drupe-blush);animation:drift2 5.7s 0.4s;}
.petal-field .petal:nth-child(12){left:70vw;top:-9vh;width:26px;animation:drift3 9.2s 2.8s;}
.petal-field .petal:nth-child(13){left:84vw;top:-5vh;width:18px;animation:drift1 7.9s 1.5s;}
.petal-field .petal:nth-child(14){left:2vw;top:-2vh;width:22px;fill:var(--cherry-pulp);animation:drift2 6.2s 3.4s;}

@keyframes drift1{
  0%{transform:translate(0,0) rotate(0deg);opacity:0;}
  10%{opacity:0.85;}
  90%{opacity:0.4;}
  100%{transform:translate(38vw,108vh) rotate(420deg);opacity:0;}
}
@keyframes drift2{
  0%{transform:translate(0,0) rotate(0deg);opacity:0;}
  12%{opacity:0.8;}
  88%{opacity:0.35;}
  100%{transform:translate(-22vw,112vh) rotate(540deg);opacity:0;}
}
@keyframes drift3{
  0%{transform:translate(0,0) rotate(0deg);opacity:0;}
  15%{opacity:0.85;}
  85%{opacity:0.4;}
  100%{transform:translate(28vw,110vh) rotate(-380deg);opacity:0;}
}

/* ============================================================
   FOLIO / SPREAD STRUCTURE
   ============================================================ */
.folio{
  position:relative;
  padding:clamp(2.6rem,6vw,5.5rem) clamp(1.4rem,5vw,4.5rem);
  border-bottom:1px solid rgba(90,26,34,0.12);
}
.folio:last-child{border-bottom:none;}

.cherry-stone-watermark{
  position:absolute;
  right:clamp(1rem,4vw,3.5rem);
  bottom:clamp(1rem,4vw,3rem);
  width:auto;height:22vh;
  opacity:0.18;
  transform:rotate(var(--rot,0deg));
  pointer-events:none;
}
.cherry-stone-watermark svg{height:100%;width:auto;}
.cherry-stone-watermark path{fill:var(--cordovan);}
.cherry-stone-watermark .stone-ridge{fill:none;stroke:var(--cream-laid);stroke-width:2;opacity:0.5;}

.running-head,.running-head--top{
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.82rem;
  letter-spacing:0.04em;
  color:var(--cherry-pulp);
  text-align:center;
  margin:0 0 1.6rem;
}
.running-head--top{margin-bottom:0.6rem;border-bottom:1px solid rgba(176,138,62,0.4);padding-bottom:0.5rem;}

.folio-num{
  font-family:var(--black);
  font-size:1.6rem;
  color:var(--gilded-rule);
  text-align:center;
  margin:0 0 0.4rem;
  line-height:1;
}
.roman{font-family:var(--black);letter-spacing:0.02em;}

/* ============================================================
   FRONTISPIECE
   ============================================================ */
.frontispiece{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:clamp(2rem,5vw,4rem);
  background:var(--cloth-board);
  background-image:
    repeating-linear-gradient(45deg, rgba(120,40,50,0.06) 0 2px, transparent 2px 5px),
    radial-gradient(ellipse at 50% 40%, rgba(120,40,50,0.18), transparent 70%);
}
.tipped-plate{
  position:relative;
  width:100%;
  max-width:880px;
  background:var(--cream-laid);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42  0 0 0 0 0.32  0 0 0 0 0.18  0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  padding:clamp(2rem,5vw,4rem) clamp(1.6rem,5vw,4rem) clamp(2.4rem,6vw,4.5rem);
  text-align:center;
  border-radius:2px;
  box-shadow:
    0 12px 28px rgba(60,15,20,0.32),
    inset 0 0 0 1px rgba(120,40,50,0.2),
    inset 0 0 60px rgba(58,13,18,0.06);
}
/* curled corners */
.tipped-plate::before,.tipped-plate::after{
  content:"";position:absolute;width:46px;height:46px;pointer-events:none;
}
.tipped-plate::before{
  top:-2px;left:-2px;
  background:radial-gradient(circle at bottom right, rgba(58,13,18,0.22), transparent 70%);
  border-radius:0 0 100% 0;
}
.tipped-plate::after{
  bottom:-2px;right:-2px;
  background:radial-gradient(circle at top left, rgba(58,13,18,0.22), transparent 70%);
  border-radius:100% 0 0 0;
}

.frontispiece-plate .running-head{margin-bottom:1.2rem;}

.hero-engraving{margin:0 auto 1.4rem;}
.hero-engraving .plate-svg{
  width:auto;height:clamp(38vh,52vh,60vh);max-width:100%;
}

.masthead{
  font-family:var(--display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(3.5rem,9vw,7.5rem);
  line-height:0.95;
  margin:0.3rem 0 0.6rem;
  color:var(--cordovan);
  letter-spacing:0.01em;
  position:relative;
}
.masthead .glyph,.plate-title .glyph{
  display:inline-block;
  will-change:transform,opacity;
}
.masthead .glyph.in,.plate-title .glyph.in{
  animation:bounceGlyph 0.62s cubic-bezier(0.34,1.56,0.64,1) both;
  animation-delay:calc(var(--i) * 60ms);
}
@keyframes bounceGlyph{
  from{transform:translateY(-1.2em) rotate(var(--gr,0deg)) scale(0.9);opacity:0;}
  to{transform:translateY(0) rotate(0deg) scale(1);opacity:1;}
}
/* hot-foil shimmer over masthead */
.masthead::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg, transparent 35%, rgba(176,138,62,0.55) 50%, transparent 65%);
  background-size:240% 100%;
  mix-blend-mode:screen;
  -webkit-mask:linear-gradient(#000,#000);
  animation:foilSweep 9s linear infinite;
}
@keyframes foilSweep{
  from{background-position:140% 0;}
  to{background-position:-140% 0;}
}

.hero-sub{
  font-family:var(--display);
  font-style:italic;
  font-size:clamp(1.05rem,2.4vw,1.5rem);
  color:var(--cherry-pulp);
  margin:0 0 1rem;
  max-width:36em;margin-inline:auto;
}
.hero-folio{
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.92rem;
  color:var(--cordovan);
  letter-spacing:0.05em;
  margin:0;
}
.deboss-mark{
  margin:1.6rem auto 0;width:42px;height:auto;opacity:0.5;
  filter:drop-shadow(0 1px 0 rgba(255,250,238,0.6)) drop-shadow(0 -1px 1px rgba(58,13,18,0.4));
}
.deboss-mark path{fill:none;stroke:var(--cordovan);stroke-width:2;}

.scroll-cue{
  margin-top:2rem;
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.9rem;
  color:var(--gilded-rule);
  letter-spacing:0.14em;
  animation:cueBob 2.6s ease-in-out infinite;
}
@keyframes cueBob{0%,100%{transform:translateY(0);}50%{transform:translateY(6px);}}

/* ============================================================
   ARTICLE LAYOUT (5/2/5 facing pages)
   ============================================================ */
.plate-title{
  font-family:var(--display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(2rem,4.6vw,3.4rem);
  color:var(--cordovan);
  text-align:center;
  margin:0.4rem auto 2.4rem;
  max-width:18em;
  line-height:1.05;
  transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}
.plate-title:hover{transform:scale(1.03);}

.article{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(2rem,5vw,4rem);
  max-width:1080px;
  margin:0 auto;
}
@media (min-width:920px){
  .article{grid-template-columns:5fr 5fr;align-items:start;}
  .article--reverse .text-col{order:2;}
  .article--reverse .plate-col{order:1;}
}

.text-col{
  max-width:var(--measure);
}
.text-col p{
  margin:0 0 1.1rem;
  text-align:justify;
  text-indent:1.4em;
}
.text-col p.lead{text-indent:0;}
.text-col p.lead::first-letter{/* drop cap handled by .dropcap span */}

.smallcaps{
  font-variant:small-caps;
  letter-spacing:0.04em;
  color:var(--cherry-pulp);
}

.dropcap{
  font-family:var(--black);
  float:left;
  font-size:4em;
  line-height:0.78;
  padding:0.06em 0.12em 0 0;
  margin:0.02em 0.04em 0 0;
  background:linear-gradient(115deg, var(--cherry-pulp) 0%, var(--cordovan) 45%, var(--cherry-pulp) 70%, #b87b3e 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,250,238,0.4);
  animation:foilShimmerText 9s linear infinite;
}
@keyframes foilShimmerText{
  from{background-position:130% 0;}
  to{background-position:-130% 0;}
}

.footnote{
  font-size:0.78em;
  font-style:italic;
  color:var(--cherry-pulp);
  text-indent:0 !important;
  border-top:1px solid rgba(176,138,62,0.4);
  padding-top:0.6rem;
  margin-top:1.4rem;
}
.footnote-mark,sup{
  font-size:0.62em;
  vertical-align:super;
  color:var(--cherry-pulp);
  font-family:var(--display);
}

.cap-italic{font-style:italic;}

/* --- plate column --- */
.plate-col{position:relative;}
.plate-svg{
  display:block;
  width:100%;height:auto;
  overflow:visible;
}
/* engraving ink */
.plate-svg .ink{fill:none;stroke:var(--cordovan);stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;}
.plate-svg .hatch{fill:none;stroke:var(--cordovan);stroke-width:0.6;opacity:0.7;}
.plate-svg .leaf-stroke{stroke:var(--cordovan);}
.plate-svg .leaf-vein{stroke:var(--leaf-verdigris);stroke-width:0.7;opacity:0.85;}
.plate-svg text.leader-label,.plate-svg text{
  font-family:var(--margin-font);
  font-style:italic;
  font-size:11px;
  fill:var(--cordovan);
}
.plate-svg .leader,.plate-svg .caption-rule{stroke:var(--cordovan);stroke-width:0.7;}
.plate-svg .caption-rule{stroke:var(--gilded-rule);stroke-width:0.8;}
.plate-svg .cal-spoke line{stroke:var(--cordovan);stroke-width:0.6;opacity:0.6;}
.plate-svg .cal-mark{fill:var(--cherry-pulp);opacity:0.8;}
.plate-svg .bloom-arc{fill:none;stroke:var(--cherry-pulp);stroke-width:2.4;}
.plate-svg .bloom-arc-fill{fill:var(--drupe-blush);}
.plate-svg .stamen{stroke:var(--gilded-rule);stroke-width:0.7;}
.plate-svg .stamen-tip{fill:var(--gilded-rule);}
.plate-svg .bee-stripe{fill:var(--gilded-rule);opacity:0.75;}
.plate-svg .bee-wing{fill:rgba(246,239,225,0.4);stroke:var(--cordovan);}
.plate-svg .pollen-grain,.plate-svg .pollen-grain{fill:var(--gilded-rule);opacity:0.7;}
.plate-svg .stone-shape{fill:none;stroke:var(--cordovan);stroke-width:0.9;}
.plate-svg .stone-ridge{fill:none;stroke:var(--cordovan);stroke-width:0.7;}
.plate-svg .kernel-line{stroke:var(--cordovan);}

/* drawn-on-scroll: dasharray animation */
.plate-svg .draw{
  stroke-dasharray:1400;
  stroke-dashoffset:1400;
}
.plate-col.drawn .plate-svg .draw{
  animation:drawStroke 1.6s ease-out forwards;
}
@keyframes drawStroke{to{stroke-dashoffset:0;}}

/* hand-coloured fills fade in after line-work */
.plate-svg .flesh-fill,.plate-svg .big-fill{fill:var(--drupe-blush);opacity:0;}
.plate-svg .flesh-stripe{fill:var(--drupe-blush);opacity:0;}
.plate-svg .petal-fill{fill:#f3e3df;opacity:0;}
.plate-svg .kernel-fill{fill:var(--leaf-verdigris);opacity:0;}
.plate-svg .bloom-arc-fill{opacity:0;}
.plate-col.coloured .plate-svg .flesh-fill,
.plate-col.coloured .plate-svg .big-fill{animation:fadeColour 1.1s ease 0.2s forwards;}
.plate-col.coloured .plate-svg .flesh-stripe{animation:fadeColourLow 1.1s ease 0.3s forwards;}
.plate-col.coloured .plate-svg .petal-fill{animation:fadeColourPetal 1.2s ease 0.35s forwards;}
.plate-col.coloured .plate-svg .kernel-fill{animation:fadeColourLeaf 1.2s ease 0.5s forwards;}
.plate-col.coloured .plate-svg .bloom-arc-fill{animation:fadeColourLow 1.2s ease 0.4s forwards;}
@keyframes fadeColour{to{opacity:0.6;}}
@keyframes fadeColourLow{to{opacity:0.4;}}
@keyframes fadeColourPetal{to{opacity:0.85;}}
@keyframes fadeColourLeaf{to{opacity:0.55;}}

.plate-caption{
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.86rem;
  color:var(--cherry-pulp);
  text-align:center;
  margin:0.7rem auto 0;
  max-width:30em;
  line-height:1.45;
}

/* ============================================================
   MARGINALIA (tipped-in cardstock slips)
   ============================================================ */
.marginalia{
  position:relative;
  margin:2.2rem auto 0;
  max-width:24em;
  background:var(--vellum-shadow);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.16  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  padding:1.2rem 1.3rem 1rem;
  border-radius:1px;
  transform:rotate(calc(var(--tape-rot,4deg) * 0.4));
  box-shadow:0 6px 14px rgba(58,13,18,0.22), inset 0 0 0 1px rgba(176,138,62,0.25);
}
.marginalia p{
  margin:0;
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.86rem;
  line-height:1.5;
  color:var(--cordovan);
}
.marginalia em{color:var(--cherry-pulp);}
.tape{
  position:absolute;
  top:-12px;left:50%;
  width:84px;height:24px;
  background:rgba(246,239,225,0.42);
  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);
  transform:translateX(-50%) rotate(var(--tape-rot,6deg));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6), 0 2px 4px rgba(58,13,18,0.18);
}

/* ============================================================
   LEAF-TURN TRANSITION
   ============================================================ */
.leaf-turn{
  position:relative;
  height:64px;
  margin:0;
  transform-origin:bottom center;
  transform:perspective(1400px) rotateX(-2deg);
  background:
    linear-gradient(to bottom, rgba(58,13,18,0.16), rgba(246,239,225,0) 70%),
    var(--cream-laid);
  -webkit-mask:radial-gradient(120% 80% at 50% 0%, #000 60%, transparent 100%);
  mask:radial-gradient(120% 80% at 50% 0%, #000 60%, transparent 100%);
  border-bottom:1px solid var(--gilded-rule);
  box-shadow:0 -10px 24px -8px rgba(58,13,18,0.3);
  will-change:transform;
}

/* ============================================================
   COLOPHON
   ============================================================ */
.colophon{
  background:var(--cloth-board);
  background-image:
    repeating-linear-gradient(-45deg, rgba(120,40,50,0.06) 0 2px, transparent 2px 5px),
    radial-gradient(ellipse at 50% 30%, rgba(120,40,50,0.16), transparent 70%);
  text-align:center;
  padding-bottom:clamp(3rem,8vw,6rem);
}
.colophon .folio-num{color:var(--gilded-rule);}
.colophon .plate-title{color:var(--cream-laid);}
.colophon-body{
  max-width:42em;
  margin:1.5rem auto 0;
  background:var(--cream-laid);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42  0 0 0 0 0.32  0 0 0 0 0.18  0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  padding:clamp(2rem,5vw,4rem) clamp(1.6rem,5vw,4rem);
  border-radius:2px;
  box-shadow:0 12px 28px rgba(60,15,20,0.32), inset 0 0 0 1px rgba(120,40,50,0.2);
}
.colophon-body p{
  text-align:justify;text-indent:1.4em;margin:0 0 1.1rem;
}
.colophon-body p.lead{text-indent:0;}
.device-mark{
  width:120px;height:120px;margin:0 auto 1.6rem;
}
.device-mark .ink{fill:none;stroke:var(--cordovan);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
.device-mark .flesh-fill{fill:var(--drupe-blush);opacity:0;}
.device-mark .drupe-line{stroke:var(--cordovan);}
.colophon.coloured .device-mark .flesh-fill{animation:fadeColour 1.1s ease 0.3s forwards;}
.colophon-coda{
  font-style:italic;
  font-size:1.05rem;
  color:var(--cherry-pulp);
  text-indent:0 !important;
  text-align:center !important;
  margin-top:1.6rem;
}
.imprint{
  font-family:var(--margin-font);
  font-style:italic;
  font-size:0.82rem;
  color:var(--cordovan);
  text-indent:0 !important;
  text-align:center !important;
  letter-spacing:0.06em;
  border-top:1px solid rgba(176,138,62,0.5);
  padding-top:0.9rem;margin-top:1.6rem;
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *,*::after,*::before{
    animation-duration:0.2s !important;
    animation-iteration-count:1 !important;
    transition-duration:0.2s !important;
  }
  .masthead .glyph,.plate-title .glyph{animation:fadeOnly 0.2s ease both !important;}
  @keyframes fadeOnly{from{opacity:0;}to{opacity:1;}}
  .petal-field{display:none;}
  .plate-svg .draw{stroke-dashoffset:0 !important;}
  .plate-svg .flesh-fill,.plate-svg .big-fill{opacity:0.6 !important;}
  .plate-svg .petal-fill{opacity:0.85 !important;}
  .plate-svg .flesh-stripe,.plate-svg .bloom-arc-fill{opacity:0.4 !important;}
  .plate-svg .kernel-fill{opacity:0.55 !important;}
  .scroll-cue{animation:none !important;}
  .leaf-turn{transform:none !important;}
}