/* =========================================================
   HOME PAGE — Rebecca Ann storybook layer
   Scoped to body.home so other pages keep their styles.
   ========================================================= */
.home{
  --hm-ink:#1f3a5a;       /* storybook navy (headings) */
  --hm-copper:#c07a52;    /* buttons, rules, icons */
  --hm-copper-d:#a5633f;
  --hm-paper:#fffaf2;
  --hm-cream:#fbf2e6;
  --hm-blush:#f4dcc7;
  --hm-gold:#e8b64c;
  --hm-text:#3c4a5c;
  --hm-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --hm-sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --hm-hand:"Caveat","Comic Sans MS",cursive;
  background:var(--hm-paper);color:var(--hm-text);font-family:var(--hm-sans);
}
/* site.js ambient dots would compete with the hero particles */
.home .ambient-floaters{display:none}

.hm-wrap{width:min(1200px,100% - 48px);margin-inline:auto;position:relative;z-index:2}
.hm-hand{font-family:var(--hm-hand);font-weight:500}
.home h1,.home h2,.home h3{font-family:var(--hm-serif);color:var(--hm-ink)}
.hm-h2{font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-.02em;font-weight:700;
  font-variation-settings:"opsz" 110,"SOFT" 60,"WONK" 0;margin:0}
.hm-rule{display:block;width:52px;height:3px;border-radius:3px;background:var(--hm-copper);margin:22px 0 24px}

/* ---------- buttons ---------- */
.hm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hm-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;
  font:700 14px/1 var(--hm-sans);letter-spacing:.02em;transition:transform .25s cubic-bezier(.3,1.6,.6,1),background .25s,color .25s,box-shadow .25s}
.hm-btn i{transition:transform .25s}
.hm-btn:hover i{transform:translateX(4px)}
.hm-btn-fill{background:var(--hm-copper);color:#fff;box-shadow:0 10px 24px -10px rgba(160,90,55,.7)}
.hm-btn-fill:hover{background:var(--hm-copper-d);color:#fff;transform:translateY(-3px) rotate(-1.5deg)}
.hm-btn-line{border:1.5px solid var(--hm-ink);color:var(--hm-ink);background:transparent}
.hm-btn-line:hover{background:var(--hm-ink);color:#fff;transform:translateY(-3px) rotate(1.5deg)}
.hm-btn:focus-visible{outline:3px solid var(--hm-gold);outline-offset:3px}

/* =========================================================
   HERO
   ========================================================= */
.hm-hero{position:relative;min-height:100svh;padding:120px 0 70px;display:flex;align-items:center;overflow:hidden;
  background:
    radial-gradient(60% 70% at 78% 60%,#fbe6d2 0%,transparent 70%),
    radial-gradient(40% 40% at 10% 15%,#fdf0dc 0%,transparent 70%),
    var(--hm-paper)}
.pz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pz-back{z-index:1}.pz-front{z-index:4}
.hm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hm-tag{font-size:26px;color:var(--hm-copper);margin:0 0 6px;transform:rotate(-2deg);transform-origin:left}

.hm-title{margin:0;font-weight:800;line-height:.9;letter-spacing:-.035em;
  font-size:clamp(54px,7.4vw,112px);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.hm-title .t1,.hm-title .t2{display:block;white-space:nowrap}
.hm-title .t2{color:var(--hm-ink);font-style:italic;font-weight:700;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.hm-title .w{display:inline-block;white-space:nowrap}
.hm-title .ch{display:inline-block;will-change:transform;transform-origin:50% 90%;cursor:default}

.hm-where{font-family:var(--hm-serif);font-size:clamp(22px,2.3vw,32px);color:var(--hm-ink);margin:22px 0 0;
  font-variation-settings:"opsz" 40,"SOFT" 50;font-weight:400;min-height:1.3em}
.hm-where .rot{display:inline-block;color:var(--hm-copper);font-style:italic;position:relative}
.hm-where .rot .rc{display:inline-block;transform-origin:50% 100%}
.hm-where .rot:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;opacity:.35;border-radius:2px}
.hm-lede{font-size:18px;line-height:1.7;max-width:34em;margin:18px 0 0;color:var(--hm-text)}

/* ---- stage: magic open book + doll ---- */
.hm-stage{position:relative;height:clamp(440px,48vw,620px);display:flex;justify-content:center;align-items:flex-end}
.hm-glow{position:absolute;left:50%;bottom:18%;width:78%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,226,160,.85) 0%,rgba(255,214,170,.35) 40%,transparent 68%);
  animation:hmGlow 4.5s ease-in-out infinite;z-index:1}
@keyframes hmGlow{0%,100%{transform:translateX(-50%) scale(.94);opacity:.85}50%{transform:translateX(-50%) scale(1.06);opacity:1}}

.ob{position:absolute;left:50%;bottom:4%;width:min(420px,86%);aspect-ratio:1.6/1;transform:translateX(-50%);perspective:900px;z-index:2}
.ob-plane{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(64deg)}
.ob-cover{position:absolute;inset:-5% -4%;border-radius:12px;
  background:linear-gradient(90deg,#1a3150 0%,#27496f 46%,#152a45 50%,#27496f 54%,#1a3150 100%);
  box-shadow:inset 0 0 0 3px rgba(232,182,76,.35),0 34px 44px -12px rgba(31,58,90,.5)}
.ob-page{position:absolute;top:0;bottom:0;width:50%}
.ob-left{left:0;border-radius:6px 0 0 6px;border-top-right-radius:40% 10%;border-bottom-right-radius:40% 6%;
  background:repeating-linear-gradient(180deg,transparent 0 17px,rgba(31,58,90,.09) 17px 18px) 18px 22px/70% 70% no-repeat,
    linear-gradient(90deg,#fffaf0 0%,#f8eedd 70%,#d6bd96 100%);
  box-shadow:-2px 3px 0 #efe1c6,-4px 6px 0 #fbf3e3,-6px 9px 0 #e3cfad}
.ob-right{right:0;border-radius:0 6px 6px 0;border-top-left-radius:40% 10%;border-bottom-left-radius:40% 6%;
  background:repeating-linear-gradient(180deg,transparent 0 17px,rgba(31,58,90,.09) 17px 18px) 12px 22px/70% 70% no-repeat,
    linear-gradient(270deg,#fffaf0 0%,#f8eedd 70%,#d6bd96 100%);
  box-shadow:2px 3px 0 #efe1c6,4px 6px 0 #fbf3e3,6px 9px 0 #e3cfad}
.ob-flip{position:absolute;top:1%;bottom:1%;left:50%;width:49%;transform-origin:0 50%;transform-style:preserve-3d;
  background:linear-gradient(90deg,#e2cca6,#fffdf6 35%,#f6ecda);border-radius:0 6px 6px 0;border-top-left-radius:30% 8%;border-bottom-left-radius:30% 5%;
  animation:hmFlip 5.4s cubic-bezier(.5,.05,.4,1) infinite;backface-visibility:visible}
.ob-flip.f2{animation-delay:1.8s}.ob-flip.f3{animation-delay:3.6s}
@keyframes hmFlip{0%,8%{transform:rotateY(0)}46%,100%{transform:rotateY(-180deg)}}

.doll{position:relative;z-index:3;height:clamp(300px,33vw,450px);width:auto;margin-bottom:17%;
  filter:drop-shadow(0 22px 18px rgba(60,40,30,.25));transform-origin:50% 100%;image-rendering:auto}
.doll.idle{animation:hmDoll 3.6s ease-in-out infinite}
@keyframes hmDoll{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}

.psst{position:absolute;right:-2%;top:6%;z-index:5;font-size:28px;color:var(--hm-ink);transform:rotate(6deg);opacity:0;
  display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.psst svg{width:90px;height:54px;margin-right:52px;transform:scaleX(-1)}
.psst .draw,.hm-note .draw{stroke:var(--hm-copper);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len,300);stroke-dashoffset:var(--len,300)}
.psst.on{opacity:1;transition:opacity .4s}
.psst.on .draw{transition:stroke-dashoffset 1s ease .3s;stroke-dashoffset:0}

/* =========================================================
   MARQUEE
   ========================================================= */
.hm-marquee{position:relative;z-index:3;padding:26px 0;background:var(--hm-ink);overflow:hidden;
  transform:rotate(-1.4deg);margin:-26px -20px 0;box-shadow:0 20px 40px -20px rgba(31,58,90,.5)}
.mq-row{white-space:nowrap;overflow:hidden}
.mq-track{display:inline-block;font-family:var(--hm-serif);font-size:clamp(34px,5vw,68px);line-height:1.15;
  font-weight:700;letter-spacing:-.01em;will-change:transform;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.mq-track i{font-style:normal;color:var(--hm-gold);margin:0 .35em;display:inline-block;font-size:.6em;vertical-align:middle}
.mq-a .mq-track{color:#fff7ea}
.mq-b .mq-track{color:transparent;-webkit-text-stroke:1.4px rgba(255,247,234,.75);font-style:italic}

/* =========================================================
   BOOK SECTION
   ========================================================= */
.hm-book{padding:140px 0 110px;position:relative;background:var(--hm-paper)}
.hm-book-grid{display:grid;grid-template-columns:.95fr 1fr .5fr;gap:56px;align-items:center}
.hm-book-art{position:relative;perspective:1200px}
.hm-book-art img{width:100%;max-width:520px;margin:auto;transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 30px 34px rgba(31,58,90,.28))}
.hm-book-art.pre img{transform:rotateY(-60deg) translateX(-80px);opacity:0}
.hm-book-art.in img{transition:transform 1.3s cubic-bezier(.2,.9,.2,1.05),opacity .8s ease;opacity:1}
.hm-book-copy p{font-size:17px;line-height:1.75;max-width:34em}
.hm-ital{font-style:italic;color:var(--hm-ink)}
.hm-note{align-self:center;font-size:32px;line-height:1.25;color:var(--hm-ink);transform:rotate(-7deg)}
.hm-note [data-write] .wd{display:inline-block;opacity:0;transform:translateY(8px) rotate(-6deg)}
.hm-note.on [data-write] .wd{opacity:1;transform:none;transition:opacity .35s ease,transform .5s cubic-bezier(.3,1.6,.6,1)}
.hm-note svg{width:170px;height:18px;display:block;margin-top:8px}
.hm-note.on .draw{transition:stroke-dashoffset 1s ease 1.4s;stroke-dashoffset:0}

/* rising headline characters */
[data-rise] .m{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .02em .14em;margin:-.08em -.02em -.14em}
[data-rise] .rc{display:inline-block;transform:translateY(110%) rotate(12deg);transform-origin:0 100%}
[data-rise].on .rc{transform:none;transition:transform .9s cubic-bezier(.2,.9,.25,1.15);transition-delay:calc(var(--i)*22ms)}
[data-rise] .wsp{display:inline-block;width:.26em}

/* =========================================================
   PREVIEW
   ========================================================= */
.hm-preview{padding:110px 0 120px;background:linear-gradient(180deg,var(--hm-paper),var(--hm-cream));overflow:hidden}
.hm-preview-head{text-align:center;max-width:640px;margin:0 auto 50px}
.hm-preview-head .hm-rule{margin:22px auto 20px}
.hm-preview-head p{font-size:17px;line-height:1.7;margin:0}

/* ---------------- 3D BOOK ---------------- */
.bk{--bk-w:460px;--bk-h:466px;position:relative;user-select:none;-webkit-user-select:none}
.bk-viewport{position:relative;padding:30px 0 60px}
.bk-scene{perspective:2600px;perspective-origin:50% 30%;display:flex;justify-content:center}
.bk-book{position:relative;flex:0 0 auto;width:calc(var(--bk-w)*2);height:var(--bk-h);transform-style:preserve-3d;
  transform:rotateX(14deg) translateX(0);transition:transform 1s cubic-bezier(.45,.05,.3,1);touch-action:pan-y;cursor:grab}
.bk-book.closed{transform:rotateX(14deg) translateX(calc(var(--bk-w)*-.5))}
.bk-book.dragging{cursor:grabbing}
.bk-book.shake{animation:bkShake .5s ease}
@keyframes bkShake{0%,100%{translate:0}20%{translate:-10px}40%{translate:9px}60%{translate:-6px}80%{translate:4px}}

/* table shadow */
.bk-book:before{content:"";position:absolute;left:4%;right:4%;bottom:-40px;height:60px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(40,30,20,.35),transparent);transform:translateZ(-4px);filter:blur(6px);transition:left 1s,right 1s}
.bk-book.closed:before{left:52%}

/* hard cover boards under the pages */
.bk-board{position:absolute;top:-8px;bottom:-8px;width:calc(var(--bk-w) + 8px);background:linear-gradient(90deg,#1a3150,#244467);
  border-radius:6px;transform:translateZ(-3px);box-shadow:0 18px 30px -12px rgba(20,30,50,.55)}
.bk-board-r{left:var(--bk-w);border-radius:2px 8px 8px 2px}
.bk-board-l{right:var(--bk-w);border-radius:8px 2px 2px 8px;background:linear-gradient(270deg,#1a3150,#244467);opacity:0;transition:opacity .5s}
.bk-book.opened .bk-board-l{opacity:1}
/* page-block thickness */
.bk-stack{position:absolute;top:0;height:100%;width:var(--bk-w);background:#fbf3e4;transform:translateZ(-1px)}
.bk-stack-r{left:var(--bk-w);border-radius:0 3px 3px 0}
.bk-stack-l{right:var(--bk-w);border-radius:3px 0 0 3px;opacity:0}
.bk-book.opened .bk-stack-l{opacity:1}

/* leaves */
.bk-leaf{position:absolute;top:0;left:var(--bk-w);width:var(--bk-w);height:100%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.bk-strip{position:absolute;top:0;height:100%;transform-origin:0 50%;transform-style:preserve-3d}
.bk-strip .bk-strip{left:var(--sw)}
.bk-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;background-color:#f7e3d3;overflow:hidden}
.bk-face.back{transform:rotateY(180deg)}
.bk-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(25,18,10,calc(var(--sh,0) * var(--k0,1))),rgba(25,18,10,calc(var(--sh,0) * var(--k1,1))))}
/* spine gutter shading */
.bk-face.gut:before{content:"";position:absolute;top:0;bottom:0;width:18%;pointer-events:none;z-index:1}
.bk-face.front.gut:before{left:0;background:linear-gradient(90deg,rgba(60,40,25,.35),rgba(60,40,25,.08) 45%,transparent)}
.bk-face.back.gut:before{right:0;background:linear-gradient(270deg,rgba(60,40,25,.35),rgba(60,40,25,.08) 45%,transparent)}
/* rigid pages (cover, end page) */
.bk-leaf.rigid .bk-face{border-radius:0 4px 4px 0}
.bk-leaf.rigid .bk-face.back{border-radius:4px 0 0 4px}
.bk-cover-front{background-size:cover;box-shadow:inset 6px 0 10px -4px rgba(0,0,0,.45)}
.bk-cover-front:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.28),transparent 30%,transparent 70%,rgba(255,255,255,.12));pointer-events:none}
.bk-endpaper{background:
  radial-gradient(circle at 20% 25%,rgba(232,182,76,.35) 0 2px,transparent 3px) 0 0/38px 38px,
  radial-gradient(circle at 70% 70%,rgba(192,122,82,.3) 0 2px,transparent 3px) 0 0/38px 38px,
  #f3e2cc;display:grid;place-items:center}
.bk-endpaper img{width:44%;opacity:.9}
.bk-backcover{background:linear-gradient(90deg,#1a3150,#244467)}
.bk-end{background:linear-gradient(160deg,#fff8ee,#f7e3d3);display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:8% 10%;gap:4%}
.bk-end img{height:36%;width:auto;filter:drop-shadow(0 10px 10px rgba(60,40,30,.2));animation:hmDoll 3.6s ease-in-out infinite}
.bk-end h4{font-family:var(--hm-serif);color:var(--hm-ink);font-weight:700;font-size:clamp(18px,2.3vw,30px);line-height:1.05;margin:0}
.bk-end p{font-size:clamp(12px,1.2vw,15px);line-height:1.5;margin:0;color:var(--hm-text)}
.bk-end .hm-btn{padding:12px 22px;font-size:13px}
.bk-end .bk-lockline{font-family:var(--hm-hand);font-size:clamp(16px,1.6vw,22px);color:var(--hm-copper)}
.bk-end.pulse .hm-btn{animation:bkPulse .9s ease 2}
@keyframes bkPulse{50%{transform:scale(1.1) rotate(-2deg);box-shadow:0 0 0 10px rgba(192,122,82,.18)}}
.bk-pnum{position:absolute;bottom:3.5%;font:600 11px var(--hm-sans);color:rgba(60,40,30,.45);z-index:2}
.bk-face.front .bk-pnum{right:6%}.bk-face.back .bk-pnum{left:6%}

/* cast shadow of the turning page */
.bk-cast{position:absolute;top:0;height:100%;pointer-events:none;opacity:0}

.bk-ui{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.bk-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--hm-ink);background:transparent;color:var(--hm-ink);
  font-size:15px;cursor:pointer;transition:background .2s,color .2s,transform .25s cubic-bezier(.3,1.6,.6,1)}
.bk-btn:hover:not(:disabled){background:var(--hm-ink);color:#fff;transform:scale(1.08)}
.bk-btn:disabled{opacity:.3;cursor:default}
.bk-btn:focus-visible{outline:3px solid var(--hm-gold);outline-offset:3px}
.bk-count{min-width:150px;text-align:center;font:600 15px var(--hm-sans);color:var(--hm-ink)}
.bk-buy{display:none}
.bk.at-end .bk-buy{display:inline-flex}
.bk.at-end .bk-next{display:none}

/* portrait (one page at a time) for phones: the spread slides left/right under a one-page window */
.bk.portrait .bk-viewport{width:var(--bk-w);margin:0 auto;overflow:hidden;padding:24px 0 50px}
.bk.portrait .bk-book,.bk.portrait .bk-book.closed{transform:rotateX(8deg) translateX(calc(var(--bk-w)*-.5));transition:transform .75s cubic-bezier(.45,.05,.3,1)}
.bk.portrait .bk-book.side-l{transform:rotateX(8deg) translateX(calc(var(--bk-w)*.5))}
.bk.portrait .bk-book:before,.bk.portrait .bk-book.closed:before{left:4%}

/* =========================================================
   FEATURES
   ========================================================= */
.hm-features{padding:110px 0;background:var(--hm-cream)}
.hm-features-grid{display:grid;grid-template-columns:.9fr 2fr;gap:50px;align-items:start}
.hm-feat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.hm-feat-list li{padding:6px 22px;text-align:center;border-left:1px solid rgba(31,58,90,.14)}
.hm-feat-list li:first-child{border-left:0}
.hm-feat-list i{font-size:30px;color:var(--hm-copper);margin-bottom:16px;display:inline-block;transition:transform .5s cubic-bezier(.3,1.8,.5,1)}
.hm-feat-list li:hover i{transform:translateY(-6px) rotate(-12deg) scale(1.15)}
.hm-feat-list h3{font-size:19px;font-weight:600;margin:0 0 10px;font-variation-settings:"opsz" 24}
.hm-feat-list p{font-size:14.5px;line-height:1.6;margin:0}

/* =========================================================
   ABOUT THE AUTHOR
   ========================================================= */
.hm-author{position:relative;padding:40px 0 130px;background:var(--hm-paper);overflow:hidden}
.hm-author-name{font-family:var(--hm-serif);font-weight:900;font-style:italic;color:var(--hm-ink);
  font-size:clamp(70px,15vw,230px);line-height:.85;letter-spacing:-.045em;text-align:center;white-space:nowrap;
  padding:40px 0 10px;opacity:.95;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;user-select:none}
.hm-author-name .ch{display:inline-block;will-change:transform}
.hm-author-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;margin-top:10px}
.hm-polaroid{position:relative;background:#fff;padding:16px 16px 60px;margin:0;box-shadow:0 30px 60px -24px rgba(31,58,90,.45);
  transform:rotate(-4deg);max-width:400px;justify-self:center;transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.hm-polaroid:hover{transform:rotate(1deg) scale(1.02)}
.hm-polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hm-polaroid figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:30px;color:var(--hm-ink)}
.hm-polaroid .tape{position:absolute;top:-16px;left:50%;width:120px;height:34px;transform:translateX(-50%) rotate(3deg);
  background:rgba(232,182,76,.55);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.hm-bio{font-family:var(--hm-serif);font-size:clamp(21px,1.9vw,27px);line-height:1.5;color:var(--hm-ink);
  font-variation-settings:"opsz" 30,"SOFT" 50;max-width:30em;margin:0}
.hm-bio .iw{opacity:.16;transition:opacity .25s}
.hm-bio .iw.lit{opacity:1}
.hm-bio-sub{font-size:17px;line-height:1.75;max-width:34em;margin:22px 0 32px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:991px){
  .hm-hero{padding-top:100px}
  .hm-hero-grid{grid-template-columns:1fr;gap:10px}
  .hm-stage{height:460px;order:-1}
  .psst{right:2%;top:2%;font-size:24px}
  .hm-book-grid{grid-template-columns:1fr;gap:40px}
  .hm-book-art img{max-width:400px}
  .hm-note{justify-self:center;text-align:center;transform:rotate(-4deg)}
  .hm-note svg{margin-inline:auto}
  .hm-preview-grid,.hm-author-grid{grid-template-columns:1fr;gap:50px}
  .hm-features-grid{grid-template-columns:1fr}
  .hm-feat-list{grid-template-columns:1fr 1fr;row-gap:36px}
  .hm-feat-list li:nth-child(3){border-left:0}
  .hm-author-grid{margin-top:0}
}
@media (max-width:600px){
  .hm-wrap{width:calc(100% - 36px)}
  .hm-stage{height:390px}
  .doll{height:280px}
  .hm-title{font-size:clamp(46px,13.5vw,70px)}
  .hm-tag{font-size:22px}
  .hm-lede{font-size:16px}
  .hm-book,.hm-preview,.hm-features{padding:80px 0}
  .hm-feat-list{grid-template-columns:1fr}
  .hm-feat-list li{border-left:0;border-top:1px solid rgba(31,58,90,.14);padding-top:26px}
  .hm-feat-list li:first-child{border-top:0}
  .hm-btn{padding:14px 24px}
}
@media (prefers-reduced-motion:reduce){
  .ob-flip,.hm-glow,.doll.idle{animation:none!important}
  [data-rise] .rc{transform:none!important}
  .hm-book-art.pre img{transform:none;opacity:1}
  .hm-note [data-write] .wd{opacity:1;transform:none}
  .hm-bio .iw{opacity:1}
}