/* Audaces v012: 7 + 8 + 9 seconds. Only the current card changes its photo. */
.home-v012 .ms4-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;align-items:stretch;font-family:Montserrat,sans-serif}
.home-v012 .ms4-sequence .ms4-card{min-width:0;display:block;container-type:inline-size}
.home-v012 .ms4-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e6e8e6}
.home-v012 .ms4-photo{display:block;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;transform:scale(1);transition:filter .65s ease,transform .8s ease}
.home-v012 .ms4-card[data-active=true] .ms4-photo{filter:blur(6px);transform:scale(1.055)}
.home-v012 .ms4-visual::after{content:"";position:absolute;inset:0;z-index:1;background:#071e18;opacity:0;transition:opacity .65s ease;pointer-events:none}
.home-v012 .ms4-card[data-active=true] .ms4-visual::after{opacity:.65}
.home-v012 .ms4-sequence .tool-card-meta{padding:18px 20px 22px;text-align:center}
.home-v012 .ms4-sequence .tool-card-title{margin:0;font-size:.95rem;letter-spacing:.09em;font-weight:700;line-height:1.45}
.home-v012 .ms12-focus{position:absolute;inset:0;z-index:2;opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.home-v012 .ms4-card[data-active=true] .ms12-focus{opacity:1;transform:none}
.home-v012 .ms12-stage{position:absolute;left:3%;right:3%;top:4%;height:76%;overflow:visible}
.home-v012 .ms12-edit-svg{display:block;width:100%;height:100%;overflow:visible}
.home-v012 .ms12-captions{position:absolute;inset:0;margin:0;z-index:5;color:#fffdf4;pointer-events:none}
.home-v012 .ms12-captions span{position:absolute;left:7%;right:7%;bottom:10%;min-height:2.7em;display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:balance;font-size:clamp(17px,5.6cqi,24px);font-weight:600;line-height:1.35;letter-spacing:-.025em;text-shadow:0 2px 15px #00150fe6,0 1px 3px #00150f;opacity:0;transform:translateY(10px)}
.home-v012 .ms4-card[data-active=true] .ms12-captions span{animation:ms12-caption-in .2s ease var(--caption-start) both,ms12-caption-out .2s ease calc(var(--caption-start) + var(--caption-time) - 200ms) forwards}
.home-v012 .ms12-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
@keyframes ms12-caption-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ms12-caption-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px)}}
/* Manuscript keeps moving through upload, style, flowing pages and detail adjustment. */
.home-v012 .ms12-upload-file,.home-v012 .ms12-upload-arrow,.home-v012 .ms12-style-choices,.home-v012 .ms12-page,.home-v012 .ms12-edit-cursor{opacity:0;transform-origin:300px 260px}
.home-v012 .ms4-card[data-active=true] .ms12-upload-file{animation:ms12-upload var(--ms12-duration) ease-in-out both}
.home-v012 .ms4-card[data-active=true] .ms12-upload-arrow{animation:ms12-arrow var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-style-choices{animation:ms12-styles var(--ms12-duration) ease both}
.home-v012 .ms12-style-mark{opacity:0}
.home-v012 .ms4-card[data-active=true] .ms12-style-mark{animation:ms12-style-mark var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-page-back{animation:ms12-page-back var(--ms12-duration) ease-in-out both}
.home-v012 .ms4-card[data-active=true] .ms12-page-middle{animation:ms12-page-middle var(--ms12-duration) ease-in-out both}
.home-v012 .ms4-card[data-active=true] .ms12-page-front{animation:ms12-page-front var(--ms12-duration) ease-in-out both}
.home-v012 .ms4-card[data-active=true] .ms12-page-lines{animation:ms12-lines var(--ms12-duration) ease both;transform-origin:234px 250px}
.home-v012 .ms12-detail-highlight{opacity:0}
.home-v012 .ms4-card[data-active=true] .ms12-detail-highlight{animation:ms12-detail var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-edit-cursor{animation:ms12-edit-cursor var(--ms12-duration) ease-in-out both}
@keyframes ms12-upload{0%{opacity:0;transform:translate(-65px,80px) rotate(-8deg) scale(.84)}7%{opacity:1}22%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}33%{opacity:0;transform:translate(0,-25px) scale(.96)}100%{opacity:0;transform:translate(0,-25px)}}
@keyframes ms12-arrow{0%,4%{opacity:0;transform:translateY(12px)}12%{opacity:.9;transform:none}24%{opacity:0;transform:translateY(-12px)}100%{opacity:0}}
@keyframes ms12-styles{0%,18%{opacity:0;transform:translateY(7px)}28%,50%{opacity:1;transform:none}63%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes ms12-style-mark{0%,30%{opacity:0;transform:scaleX(.1);transform-origin:300px 78px}40%,100%{opacity:1;transform:scaleX(1)}}
@keyframes ms12-page-back{0%,25%{opacity:0;transform:translate(90px,20px) rotate(9deg) scale(.9)}39%{opacity:1;transform:translate(90px,20px) rotate(9deg) scale(.9)}63%{opacity:1;transform:translate(53px,-4px) rotate(5deg) scale(.97)}80%{opacity:1;transform:translate(21px,-7px) rotate(2deg)}100%{opacity:1;transform:translate(16px,-11px) rotate(1deg)}}
@keyframes ms12-page-middle{0%,28%{opacity:0;transform:translate(-86px,38px) rotate(-9deg) scale(.9)}42%{opacity:1;transform:translate(-86px,38px) rotate(-9deg) scale(.9)}65%{opacity:1;transform:translate(-41px,10px) rotate(-4deg) scale(.97)}83%{opacity:1;transform:translate(-13px,1px) rotate(-1deg)}100%{opacity:1;transform:translate(-10px,-5px) rotate(-.6deg)}}
@keyframes ms12-page-front{0%,27%{opacity:0;transform:translate(0,45px) scale(.88)}40%{opacity:1;transform:translate(0,19px) scale(.94)}65%{opacity:1;transform:translate(0,8px) scale(1)}84%{opacity:1;transform:translate(0,-4px) scale(1.04)}100%{opacity:1;transform:translate(0,-10px) scale(1.05)}}
@keyframes ms12-lines{0%,35%{opacity:.35;transform:scaleX(.7)}61%{opacity:1;transform:scaleX(.95)}82%,100%{opacity:1;transform:scaleX(1)}}
@keyframes ms12-detail{0%,65%{opacity:0;transform:translateY(5px)}78%{opacity:1;transform:none}100%{opacity:.45;transform:translateY(-1px)}}
@keyframes ms12-edit-cursor{0%,22%{opacity:0;transform:translate(448px,112px)}31%{opacity:1;transform:translate(312px,64px)}42%{opacity:1;transform:translate(311px,73px)}58%{opacity:1;transform:translate(380px,282px)}77%{opacity:1;transform:translate(361px,290px)}92%,100%{opacity:0;transform:translate(384px,316px)}}
/* The same image is cropped, shaded and typeset; the cover settles as one object. */
.home-v012 .ms12-design{top:10%;height:58%}
.home-v012 .ms12-book{position:absolute;left:36%;top:0;width:43%;height:100%;overflow:hidden;background:#1d463c;box-shadow:3px 2px 0 #d9d0ba,0 8px 18px #0005;transform-origin:50% 65%}
.home-v012 .ms12-cover-art{position:absolute;inset:0;width:100%;height:100%;transform-origin:55% 54%}
.home-v012 .ms12-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#051c1999,#09251d0d 45%,#051c19b3)}
.home-v012 .ms12-crop-guides{position:absolute;inset:8%;border:1px solid #fffdf580;background:linear-gradient(90deg,transparent 32.8%,#fffdf540 33%,transparent 33.4%,transparent 66%,#fffdf540 66.4%,transparent 66.7%),linear-gradient(transparent 32.8%,#fffdf540 33%,transparent 33.4%,transparent 66%,#fffdf540 66.4%,transparent 66.7%)}
.home-v012 .ms12-cover-title{position:absolute;left:8%;right:8%;top:11%;color:#faf5e3;font:400 clamp(12px,5cqi,20px)/1.17 Georgia,serif;text-align:center;letter-spacing:.015em;text-shadow:0 1px 3px #0007}
.home-v012 .ms12-cover-author{position:absolute;left:8%;right:8%;bottom:9%;color:#faf5e3;font:500 clamp(6px,1.85cqi,8px)/1.2 Montserrat,sans-serif;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.home-v012 .ms12-design-tools{position:absolute;left:12%;top:5%;width:12%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;color:#fffdf4}
.home-v012 .ms12-design-tools svg{width:100%;display:block}.home-v012 .ms12-design-tools span{width:100%;text-align:center;font:28px/1.4 Georgia,serif}.home-v012 .ms12-design-tools i{width:7px;height:7px;border-radius:50%;background:#c5bc92}.home-v012 .ms12-design-tools i:nth-of-type(2){background:#75998a}.home-v012 .ms12-design-tools i:nth-of-type(3){background:#e7e7dc}
.home-v012 .ms12-design-cursor{position:absolute;width:19px;height:19px;left:16%;top:12%;opacity:0}
.home-v012 .ms4-card[data-active=true] .ms12-book{animation:ms12-book var(--ms12-duration) cubic-bezier(.4,0,.2,1) both}
.home-v012 .ms4-card[data-active=true] .ms12-cover-art{animation:ms12-cover-art var(--ms12-duration) cubic-bezier(.4,0,.2,1) both}
.home-v012 .ms4-card[data-active=true] .ms12-cover-shade{animation:ms12-cover-shade var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-crop-guides{animation:ms12-crop var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-cover-title{animation:ms12-title var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-cover-author{animation:ms12-author var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-design-tools{animation:ms12-tools var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-design-cursor{animation:ms12-design-cursor var(--ms12-duration) ease both}
@keyframes ms12-book{0%{opacity:0;transform:translate(18px,22px) rotate(4deg) scale(.93)}10%{opacity:1;transform:translate(0,0) rotate(-1deg) scale(1)}42%{transform:translate(-2px,-3px) rotate(0) scale(1.015)}72%{transform:translate(-15px,-5px) rotate(-1deg) scale(1.035)}100%{opacity:1;transform:translate(-30px,-8px) rotate(0) scale(1.045)}}
@keyframes ms12-cover-art{0%,5%{opacity:0;transform:translate(15%,5%) scale(1.3)}15%{opacity:1;transform:translate(8%,3%) scale(1.25)}40%{opacity:1;transform:translate(-2%,0) scale(1.05)}65%{transform:translate(0,0) scale(1.015)}100%{opacity:1;transform:scale(1)}}
@keyframes ms12-cover-shade{0%,25%{opacity:.25}52%,100%{opacity:1}}
@keyframes ms12-crop{0%,11%{opacity:0}20%,35%{opacity:1}45%,100%{opacity:0}}
@keyframes ms12-title{0%,37%{opacity:0;transform:translateY(10px);letter-spacing:-.035em}52%{opacity:1;transform:none;letter-spacing:.005em}100%{opacity:1;transform:translateY(-1px);letter-spacing:.015em}}
@keyframes ms12-author{0%,58%{opacity:0;transform:translateY(5px)}74%,100%{opacity:1;transform:none}}
@keyframes ms12-tools{0%{opacity:0;transform:translateX(-8px)}12%,65%{opacity:1;transform:none}85%,100%{opacity:0;transform:translateX(-6px)}}
@keyframes ms12-design-cursor{0%,7%{opacity:0;left:16%;top:12%}13%{opacity:1;left:16%;top:12%}28%{opacity:1;left:65%;top:55%}37%{opacity:1;left:60%;top:52%}45%{opacity:1;left:17%;top:36%}57%{opacity:1;left:58%;top:21%}70%,100%{opacity:0;left:64%;top:28%}}
/* Complete demonstration frames; account and cover references remain preserved. */
.home-v012 .ms12-publishing{left:6%;right:6%;top:7%;height:62%;overflow:visible}
.home-v012 .ms12-kdp-screen{position:absolute;inset:5% 0;opacity:0;overflow:hidden;box-shadow:0 6px 18px #0004;background:#fff;border-radius:3px}
.home-v012 .ms12-kdp-screen img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.home-v012 .ms12-kdp-account{left:26%;right:26%;top:0;bottom:0}
/* Each complete image is fitted without cropping, including throughout the animated scale. */
.home-v012 .ms12-kdp-library,.home-v012 .ms12-kdp-manuscript{left:2%;right:2%;top:50%;bottom:auto;height:auto;translate:0 -50%;aspect-ratio:4/3}
.home-v012 .ms12-kdp-library img,.home-v012 .ms12-kdp-manuscript img{object-fit:contain;object-position:center}
.home-v012 .ms4-card[data-active=true] .ms12-kdp-account{animation:ms12-account var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-kdp-library{animation:ms12-library var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-kdp-manuscript{animation:ms12-manuscript var(--ms12-duration) ease both}
.home-v012 .ms4-card[data-active=true] .ms12-kdp-cover{animation:ms12-cover-screen var(--ms12-duration) ease both}
@keyframes ms12-account{0%{opacity:0;transform:translateY(12px) scale(.97)}5%{opacity:1;transform:translateY(0) scale(1)}23%{opacity:1;transform:translateY(-4px) scale(1.015)}28%,100%{opacity:0;transform:translateY(-12px) scale(1.02)}}
@keyframes ms12-library{0%,22%{opacity:0;transform:translateY(12px) scale(.98)}28%{opacity:1;transform:translateY(0) scale(1)}47%{opacity:1;transform:translateY(-3px) scale(1.015)}52%,100%{opacity:0;transform:translateY(-12px) scale(1.025)}}
@keyframes ms12-manuscript{0%,47%{opacity:0;transform:translateY(12px) scale(.98)}53%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(-3px) scale(1.015)}77%,100%{opacity:0;transform:translateY(-12px) scale(1.025)}}
@keyframes ms12-cover-screen{0%,72%{opacity:0;transform:translateY(12px) scale(.98)}78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(-4px) scale(1.02)}}
.home-v012 .ms4-sequence[data-phase=paused] *{animation-play-state:paused!important}
@media(max-width:900px){.home-v012 .ms4-sequence{gap:18px}.home-v012 .ms12-design-tools{gap:5px}}
@media(max-width:640px){.home-v012 .ms4-sequence{grid-template-columns:1fr;gap:24px;max-width:390px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){
  .home-v012 .ms4-sequence *{animation:none!important;transition:none!important}
  .home-v012 .ms4-photo,.home-v012 .ms4-card[data-active=true] .ms4-photo{filter:blur(6px);transform:scale(1.055)}
  .home-v012 .ms4-visual::after{opacity:.72}
  .home-v012 .ms12-focus{opacity:1;transform:none}
  .home-v012 .ms12-captions{display:none}
  .home-v012 .ms12-summary{left:7%;right:7%;bottom:7%;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;color:#fffdf4;font:500 clamp(13px,4.2cqi,17px)/1.5 Montserrat,sans-serif;text-wrap:pretty}
  .home-v012 .ms12-editing{top:-4%;height:64%}
  .home-v012 .ms12-page-back{opacity:1;transform:translate(16px,-11px) rotate(1deg)}
  .home-v012 .ms12-page-middle{opacity:1;transform:translate(-10px,-5px) rotate(-.6deg)}
  .home-v012 .ms12-page-front{opacity:1;transform:translate(0,-10px)}
  .home-v012 .ms12-design{height:45%;top:6%}
  .home-v012 .ms12-book{left:28.5%}
  .home-v012 .ms12-crop-guides,.home-v012 .ms12-design-tools,.home-v012 .ms12-design-cursor{display:none}
  .home-v012 .ms12-publishing{height:48%;top:5%}
  .home-v012 .ms12-kdp-cover{opacity:1}
}

/* Literal copy v013: preserve the three columns at the intermediate width. */
@media(min-width:641px) and (max-width:900px){.home-v012 .ms12-captions span{font-size:clamp(14px,5.6cqi,24px);bottom:6%}}
