/* Comparative editorial edition. Isolated from the approved Studio page. */
:root {
  --bg:#f3f1eb; --surface:#e8e5dc; --ink:#20241f; --ink-2:#55594f;
  --line:#d0d1c4; --accent:#425638; --d-bg:#20271f; --d-surface:#2a3328;
  --d-ink:#f4f3e9; --d-ink-2:#c0c7b6; --d-ink-3:#a8b39b;
  --d-accent:#d2eaa1; --d-line:#455040; --r:3px;
  --f-display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --f-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --pad:clamp(1.25rem,4vw,3.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:2rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}img{height:auto}
figure,p,h1,h2,h3{margin:0}p{color:var(--ink-2);max-width:64ch}
h1,h2,h3{font-family:var(--f-display);font-weight:600;text-wrap:balance}
h1{font-size:clamp(3.2rem,5.9vw,5.8rem);line-height:1.02;letter-spacing:-.065em}
h2{font-size:clamp(2.25rem,4.4vw,4.25rem);line-height:1.08;letter-spacing:-.05em;max-width:22ch}
h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.03em}
a{color:inherit;text-underline-offset:4px}button,input{font:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent);color:white}
.wrap,.hdr-in{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(4rem,8vw,8rem);border-top:1px solid var(--line)}
.sec-head{display:grid;gap:1.2rem;margin-bottom:3rem}.sec-head p{font-size:1.1rem;max-width:55ch}
.eyebrow,.badge{font:500 .72rem/1.6 var(--f-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}
.section-note{margin-top:1.8rem}.micro{font-size:.85rem}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.9rem 1.3rem;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--bg);font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.btn:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface);border-color:var(--ink)}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;padding:1rem;background:var(--d-accent);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:90;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.note-lang{background:var(--d-bg);color:var(--d-ink-2);padding:.55rem var(--pad);font-size:.75rem;text-align:center}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:92px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font:600 1.15rem/1.2 var(--f-display);letter-spacing:-.025em}
.brand i{width:10px;height:10px;flex:none;background:var(--accent);transform:rotate(45deg)}
.hdr-nav{display:flex;gap:1.5rem}.hdr-nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:.8rem}.hdr-nav a:hover{text-decoration:underline}.hdr-in>.btn{font-size:.8rem;min-height:46px}
.hero{padding-block:3.5rem 3rem}.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:1.7rem;min-width:0}
.hero h1{max-width:11ch}.hero h1 em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.06em;color:var(--accent)}
.hero-sub{max-width:43ch;font-size:clamp(1rem,1.2vw,1.1rem)}.hero .btn-row{gap:.75rem}.hero .btn-ghost{border-color:transparent;padding-inline:0}
.trust{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem}.trust span{display:inline-flex;align-items:center;gap:.4rem}.trust span::before{content:"";width:3px;height:3px;background:var(--accent)}
.studio-visual{width:100%;max-width:620px;justify-self:end;min-width:0}.studio-visual-top{display:flex;justify-content:space-between;gap:1rem;font:.65rem/1.6 var(--f-mono);letter-spacing:.05em;margin-bottom:.8rem;color:var(--ink-2)}
.studio-portrait{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--surface)}.studio-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.studio-portrait::after{content:"";position:absolute;inset:18px;border:1px solid #ffffff80;pointer-events:none}.studio-cross{display:none}
.studio-frame-label{position:absolute;bottom:2rem;left:2rem;padding:.55rem .8rem;background:#20271fe8;color:var(--d-ink);font:.65rem/1.7 var(--f-mono);letter-spacing:.08em}
.studio-visual figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.9rem;font-size:.75rem;line-height:1.5;color:var(--ink-2)}.studio-visual figcaption>span:last-child{font-size:1.8rem;color:var(--accent)}
.studio-scroll{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.5rem;font:.7rem/1.6 var(--f-mono);letter-spacing:.05em}.studio-scroll a{min-height:24px}
/* Photograph-led narrative: CSS owns sticky layout; GSAP owns image/frame transforms. */
.portrait-story{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.story-stage{position:sticky;top:1.5rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto 2px;gap:.8rem;height:min(88svh,780px);min-width:0;padding:1.25rem;background:var(--d-bg);color:var(--d-ink);z-index:2}
.story-topline{display:flex;justify-content:space-between;gap:1rem;font:.65rem/1.6 var(--f-mono);letter-spacing:.06em;color:var(--d-ink-2)}
.story-media{position:relative;min-height:0;overflow:hidden;background:var(--d-surface)}
.story-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 36%;transform-origin:50% 36%}
.story-crop{position:absolute;inset:7%;border:1px solid #f4f3e980;pointer-events:none}
.story-crop i{position:absolute;width:22px;height:22px;border:2px solid var(--d-accent)}
.story-crop i:nth-child(1){left:-1px;top:-1px;border-right:0;border-bottom:0}.story-crop i:nth-child(2){right:-1px;top:-1px;border-left:0;border-bottom:0}.story-crop i:nth-child(3){right:-1px;bottom:-1px;border-left:0;border-top:0}.story-crop i:nth-child(4){left:-1px;bottom:-1px;border-right:0;border-top:0}
.story-guides{position:absolute;inset:7%;pointer-events:none}.story-guides span{position:absolute;background:#f4f3e950}.story-guides span:nth-child(1),.story-guides span:nth-child(2){top:0;bottom:0;width:1px;left:33.333%}.story-guides span:nth-child(2){left:66.666%}.story-guides span:nth-child(3),.story-guides span:nth-child(4){left:0;right:0;height:1px;top:33.333%}.story-guides span:nth-child(4){top:66.666%}
.story-annotation{position:absolute;left:8%;right:8%;bottom:14%;display:flex;align-items:center;gap:.6rem;visibility:hidden;opacity:0;transition:opacity .2s;pointer-events:none}
.story-annotation b{max-width:26ch;background:var(--d-bg);color:var(--d-ink);padding:.6rem .8rem;font:400 .85rem/1.5 var(--f-body)}.annotation-line{width:22px;height:1px;flex:none;background:var(--d-accent)}
.story-stage[data-step="0"] .annotation-reference,.story-stage[data-step="1"] .annotation-direction,.story-stage[data-step="2"] .annotation-review{visibility:visible;opacity:1}

.story-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.story-navigation a{display:flex;align-items:center;gap:.45rem;min-height:44px;text-decoration:none;color:var(--d-ink-2);font-size:.8rem}.story-navigation a span{font:.65rem/1.5 var(--f-mono)}.story-navigation a:focus-visible{outline-color:var(--d-accent)}.story-navigation a:hover{text-decoration:underline}
.story-stage[data-step="0"] .story-navigation a:nth-child(1),.story-stage[data-step="1"] .story-navigation a:nth-child(2),.story-stage[data-step="2"] .story-navigation a:nth-child(3){color:var(--d-accent);text-decoration:underline}
.story-progress{background:var(--d-line);overflow:hidden}.story-progress span{display:block;width:100%;height:100%;background:var(--d-accent);transform-origin:left}

.story-chapter{min-height:78svh;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;padding-block:3rem;scroll-margin-top:2rem;border-bottom:1px solid var(--line)}.story-chapter:first-child{padding-top:1rem}.story-chapter:last-child{border-bottom:0}
.story-chapter h3{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.15;letter-spacing:-.045em}.story-chapter h3 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.story-decision{padding-left:1.2rem;border-left:2px solid var(--accent)}.story-decision>span{display:block;font:.65rem/1.5 var(--f-mono);letter-spacing:.07em;color:var(--accent);margin-bottom:.7rem}.story-decision p{font-size:.95rem}
.story-caption{font-size:.8rem}.story-review-list{list-style:none;padding:0;margin:0}.story-review-list li{display:grid;grid-template-columns:5.2rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.story-review-list li span{color:var(--ink-2)}.story-next{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;font-weight:600;color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none}
@media(max-width:899px){.portrait-story{display:block}.story-stage{--stage-height:min(56svh,480px);height:var(--stage-height);top:.5rem;gap:.4rem;padding:.8rem}.story-chapters{margin-top:1.5rem}.story-chapter{min-height:72svh;scroll-margin-top:calc(min(56svh,480px) + 1.5rem);padding-block:2rem}.story-chapter h3{font-size:clamp(1.8rem,5vw,2.6rem)}.story-annotation b{font-size:.75rem;padding:.4rem .6rem}.story-annotation{bottom:10%}.story-navigation a{font-size:.75rem}.story-topline{font-size:.6rem}}
@media(max-height:649px),(prefers-reduced-motion:reduce){.story-stage{position:relative;top:auto;height:auto;grid-template-rows:auto auto auto}.story-media{aspect-ratio:4/3}.story-chapter{min-height:0;scroll-margin-top:2rem}.story-progress{display:none}}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem}.gal{min-width:0}.gal-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shot{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--surface)}.shot img{width:100%;height:100%;object-fit:cover}
.gal figcaption{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem;font-size:.8rem;color:var(--ink-2)}.gal figcaption b{display:block;color:var(--ink);font:600 1.45rem/1.5 var(--f-display);letter-spacing:-.025em}
.band{max-width:none;background:var(--d-bg);color:var(--d-ink);padding-inline:max(var(--pad),calc((100% - 1328px)/2));border-top:0}.band p,.band li{color:var(--d-ink-2)}.band .eyebrow{color:var(--d-accent)}.band :focus-visible,.closing :focus-visible{outline-color:var(--d-accent)}
.value-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-block:3rem}.value-comparison article{border-top:1px solid var(--d-line);padding-top:1.5rem}.value-comparison article:last-child{border-top-color:var(--d-accent)}.value-comparison h3{font-size:1.8rem;margin-block:1rem}.value-comparison ul{padding-left:1.2rem;margin-block:1.5rem}.value-comparison li{margin-bottom:.7rem}.callout{padding:1.4rem 1.8rem;border-left:2px solid var(--accent);background:var(--surface)}.callout b{display:block;margin-bottom:.5rem}.band .callout{border-color:var(--d-accent);background:var(--d-surface)}
.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:start}.sample-layout>div:first-child{padding-top:1rem}.sample-layout h3{margin-bottom:1rem}.sample-flow{counter-reset:flow;list-style:none;padding:0;margin-top:2rem}.sample-flow li{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);color:var(--ink-2)}.sample-flow li::before{counter-increment:flow;content:"0" counter(flow);font:500 .8rem/1.8 var(--f-mono);color:var(--accent)}
.sample-embed{min-width:0}.sample-embed>p{margin-top:1rem}.sample-embed a{color:var(--accent)}.capture-privacy{margin-top:1.5rem;font-size:.85rem}.capture-privacy summary{cursor:pointer;min-height:44px;padding-block:.7rem;font-weight:600}.capture-privacy p+p{margin-top:1rem}
.sample-signup{position:relative;overflow:hidden;padding:clamp(1.5rem,3.5vw,3rem);background:var(--d-bg);color:var(--d-ink);border-top:3px solid var(--d-accent);border-radius:var(--r)}
.signup-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding-bottom:1.4rem;margin-bottom:1.7rem;border-bottom:1px solid var(--d-line);font:500 .65rem/1.5 var(--f-mono);letter-spacing:.09em;color:var(--d-ink-2)}
.sample-signup h3{font-size:clamp(2rem,3vw,3rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;color:var(--d-ink);margin-bottom:1rem;text-wrap:initial}.sample-signup .signup-intro{color:var(--d-ink-2);font-size:1rem;line-height:1.6;margin:0 0 2rem}
.signup-field{margin-bottom:1.4rem}.signup-field label{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.6rem;font-size:.9rem;font-weight:600}.signup-field label span{color:var(--d-ink-2);font-size:.75rem;font-weight:400}
.signup-field input{display:block;width:100%;min-height:56px;padding:.9rem 1rem;border:1px solid #78826f;border-radius:2px;background:var(--d-surface);color:var(--d-ink);font:400 1rem/1.5 var(--f-body);transition:border-color .18s}.signup-field input::placeholder{color:var(--d-ink-3);opacity:1}.signup-field input:focus-visible{outline:2px solid var(--d-accent);outline-offset:3px;border-color:var(--d-accent)}.signup-field input:user-invalid{border-color:#f4b6a6}.signup-field small{display:block;margin-top:.5rem;color:var(--d-ink-2);font-size:.8rem;line-height:1.5}
.sample-signup .signup-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:1.8rem;min-height:58px;background:var(--d-accent);border:1px solid var(--d-accent);color:var(--d-bg);font-weight:600;white-space:normal;text-align:left}.signup-submit span:last-child{font-size:1.5rem;line-height:1}.signup-submit:hover{background:#e0f2bb;border-color:#e0f2bb}.signup-submit:focus-visible{outline:2px solid var(--d-ink);outline-offset:4px}.signup-submit:disabled{opacity:.7;cursor:wait}
.sample-signup .signup-footnote{text-align:center;color:var(--d-ink-2);font-size:.75rem;margin:.9rem 0 1.5rem}.sample-signup .signup-consent{border-top:1px solid var(--d-line);padding-top:1.2rem;font-size:.8rem;line-height:1.6;color:var(--d-ink-2);margin:0}.sample-signup .signup-status{font-size:.85rem;color:var(--d-accent);margin-top:1rem}.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.signup-fallback{font-size:.8rem}
.more summary{cursor:pointer;min-height:52px;padding:1rem 0;font-weight:600;border-block:1px solid var(--line)}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}.chapter-list article{display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:1.8rem 0}.chapter-list article>span{color:var(--accent);font:1rem/1.5 var(--f-mono)}.chapter-list h3{font-size:1.25rem;margin-bottom:.6rem}.chapter-list p{font-size:.95rem}
.author{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.pricehead{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.poster{position:relative;display:flex;flex-direction:column;justify-content:center;aspect-ratio:4/5;max-width:420px;width:100%;padding:2rem;background:var(--d-bg);color:var(--d-ink);border-left:8px solid var(--d-line)}.poster::after{content:"";position:absolute;inset:16px;border:1px solid var(--d-line);pointer-events:none}.poster-index{position:absolute;top:2rem;left:2rem;font:.75rem/1.5 var(--f-mono);color:var(--d-ink-2)}.poster u{text-decoration:none;font:600 clamp(2.7rem,4.2vw,4.5rem)/1 var(--f-display);letter-spacing:-.06em}.poster u:last-of-type{color:var(--d-accent)}.poster small{margin-top:2rem;font:.65rem/1.6 var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.reveal-price b{font:600 clamp(3.8rem,7vw,6.5rem)/1.1 var(--f-display);letter-spacing:-.07em}.reveal-note{margin-top:1rem}
.bonus-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.bonus-pass{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--d-line);background:var(--d-surface)}.bonus-pass h3{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.06;margin-block:1.5rem;letter-spacing:-.05em}.bonus-pass>p{max-width:36ch}
.bonus-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:1rem 2rem;margin-block:1.5rem;padding-block:1.5rem;border-block:1px solid var(--d-line)}.bonus-value>span{font-size:.8rem}.bonus-value s{display:inline-block;margin-top:.35rem;font-size:2rem;text-decoration-thickness:1px}.bonus-value strong{max-width:15ch;color:var(--d-accent);font-size:1.35rem;line-height:1.3}.bonus-pass .bonus-terms{font-size:.85rem}
.bonus-uses article{padding-block:1.5rem;border-top:1px solid var(--d-line)}.bonus-uses h3{margin-block:.6rem .8rem;font-size:1.6rem}.bonus-uses article:first-child{padding-top:0;border-top:0}
@media(max-width:899px){.bonus-layout{grid-template-columns:1fr}.bonus-pass{max-width:620px;width:100%}}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{position:relative;list-style:none;cursor:pointer;padding:1.5rem 2.5rem 1.5rem 0;font-size:1.05rem;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:.3rem;top:1.5rem;font:1.3rem/1.2 var(--f-mono);color:var(--accent)}.faq details[open] summary::after{content:"−"}.faq p{padding:0 1rem 1.5rem 0;max-width:68ch;font-size:.95rem}
.closing{background:var(--d-bg);color:var(--d-ink)}.closing p{color:var(--d-ink-2)}.closing .eyebrow{color:var(--d-accent)}.final{padding-block:clamp(4rem,8vw,8rem);text-align:center}.final h2{font-size:clamp(2.8rem,6vw,5.8rem);max-width:17ch;margin-inline:auto}.final p{margin-inline:auto}.final .btn-row{justify-content:center}.band .btn,.closing .btn{background:var(--d-accent);color:var(--d-bg);border-color:var(--d-accent)}.band .btn:hover,.closing .btn:hover{background:#e0f2bb}.closing footer{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--d-line);padding-block:2.5rem;font-size:.8rem}.closing footer strong{color:var(--d-ink)}
@media(min-width:1100px){#evidencia .sec-head,#livro .sec-head{grid-template-columns:1.1fr 1fr;column-gap:5rem}#evidencia .sec-head .eyebrow,#livro .sec-head .eyebrow{grid-column:1/-1}#evidencia .sec-head p,#livro .sec-head p{align-self:end}.gallery .gal:nth-child(even){padding-top:3rem}#perguntas{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}}
@media(max-width:1100px){.hdr-nav{display:none}.hero h1{font-size:clamp(3rem,5.9vw,5rem)}}
@media(max-width:899px){.hero-in{grid-template-columns:1fr;gap:2.5rem}.hero-text{max-width:650px}.hero h1{max-width:14ch;font-size:clamp(3.1rem,8vw,5rem)}.hero-sub{max-width:52ch}.studio-visual{justify-self:start;max-width:620px}.studio-portrait{aspect-ratio:5/4}.hero{padding-top:2.5rem}.sample-layout,.pricehead{grid-template-columns:1fr;gap:2rem}.gallery{grid-template-columns:1fr}.author{gap:2rem}.sample-layout>div:first-child{padding-top:0}.sample-embed{max-width:640px;width:100%}.pricehead .poster{max-width:340px}.sec-head{margin-bottom:2rem}}
@media(max-width:600px){.hdr-in{min-height:80px;gap:.8rem}.brand{font-size:.95rem;max-width:130px}.hdr-in>.btn{font-size:.72rem;padding:.7rem;max-width:155px;min-height:48px}.note-lang{font-size:.7rem;text-align:left}.hero .btn-row{width:100%;flex-direction:column;align-items:stretch}.hero .btn-ghost{justify-content:flex-start;min-height:44px}.trust{gap:.4rem .8rem}.studio-visual-top{font-size:.6rem}.studio-frame-label{bottom:1.5rem;left:1.5rem}.studio-scroll>span{display:none}.studio-scroll{justify-content:flex-end}.value-comparison,.author,.chapter-list,.closing footer{grid-template-columns:1fr}.value-comparison{gap:2rem}.sample-signup{padding:1.5rem}.signup-meta{font-size:.6rem}.sample-signup h3{font-size:2.1rem}.signup-field label{font-size:.85rem}.callout{padding:1.2rem}.final .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reading-progress{display:none}}
@media print{.hdr,.reading-progress,.studio-scroll,.note-lang,.btn-row,.sample-signup{display:none}*{animation:none!important;transform:none!important}.sec{padding-block:2rem}.hero-in,.pricehead,.portrait-story{display:block}.studio-visual,.story-stage{max-width:350px}.story-stage{position:relative;top:auto;height:auto;grid-template-rows:auto auto auto}.story-media{aspect-ratio:4/3}.story-chapter{min-height:0}.story-progress{display:none}}
@media(min-width:900px){.gallery .gal:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 1rem)}}
.product-mock{position:relative;width:100%;max-width:440px;aspect-ratio:1/1.05;margin:0}
.ereader{position:absolute;left:0;top:0;width:52%;aspect-ratio:3/4.35;padding:7% 6% 13%;background:linear-gradient(160deg,#2a2a2c,#141415);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 26px 50px -20px rgba(0,0,0,.5);transform:rotate(-5deg)}
.ereader-screen{height:100%;overflow:hidden;border-radius:2px;background:#ecebe6}
.ereader-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;mix-blend-mode:multiply;opacity:.92}
.book-mock{position:absolute;right:0;bottom:0;width:70%;height:auto;filter:drop-shadow(14px 22px 26px rgba(0,0,0,.32))}
@media(max-width:899px){.product-mock{max-width:320px}}
.signup-done{padding:.5rem 0 1rem}.signup-done:focus{outline:none}.signup-done p{color:var(--d-ink-2);margin:0}