/* Revisão editorial: quatro seções e escala de leitura desktop/mobile. */
body{font-size:18px;line-height:1.65}
.section-frame{max-width:1280px;margin-inline:auto;padding:80px 48px}
.hero{padding-block:56px;min-height:650px;gap:48px}
h1{font-size:52px;line-height:1.12;max-width:14ch;letter-spacing:-1.4px;text-wrap:balance}
h2{font-size:38px;line-height:1.18;letter-spacing:-.7px;text-wrap:balance}
h3{font-size:24px;line-height:1.3}
.lead{font-size:18px;line-height:1.7}
.intro-note{font-size:16px;line-height:1.7}
.eyebrow{font-size:12px;letter-spacing:1.7px}
.masthead-note{font-size:10px}
.nav-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.button,.purchase{font-size:16px;min-height:56px;padding:15px 22px;line-height:1.5;text-align:center}
.handwritten{font-size:36px}
.hero-action{margin-top:26px}
.section-heading{max-width:800px;margin-bottom:36px}
.section-heading>p:not(.eyebrow){max-width:69ch;font-size:18px;line-height:1.75}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.value-grid article{border-top:1px solid var(--line);padding-top:22px}
.value-index{display:block;font-size:11px;letter-spacing:1.3px;color:var(--coral);margin-bottom:16px}
.value-grid h3{max-width:21ch;margin:0 0 14px}
.value-grid p{font-size:17px;line-height:1.75;margin:0}
.contents-note{font-size:16px;color:#786053;margin:32px 0 0;border-top:1px solid var(--line);padding-top:23px}
.preview-section{background:#f3ece3;position:relative;isolation:isolate}
.preview-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.preview-inner{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px}
.preview-copy>p:not(.eyebrow){font-size:17px;line-height:1.75}
.original-note{display:flex;align-items:flex-start;gap:14px;padding-block:19px;margin-top:22px;border-block:1px solid var(--line)}
.original-note>span{font-size:27px;color:var(--brown);line-height:1.3}
.original-note p{font-size:15px;line-height:1.7;margin:0}
.original-note strong{font-weight:600}
.text-cta{display:inline-flex;align-items:center;gap:22px;font-size:16px;color:var(--brown);text-decoration:none;border-bottom:1px solid var(--coral);padding-block:14px;margin-top:10px}
.page-previews{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.page-previews figure{margin:0;min-width:0}
.page-previews figure:nth-child(2){padding-top:55px}
.page-previews a{display:block;box-shadow:0 12px 28px #49271920;transition:transform .3s ease}
.page-previews a:hover{transform:translateY(-5px)}
.page-previews img{display:block;width:100%;border:5px solid #fffaf3}
.page-previews figcaption{font-size:14px;line-height:1.6;margin-top:14px;color:var(--brown)}
.page-previews figcaption span{display:block;font-size:13px;color:#755b50}
.edition{gap:72px;align-items:center}
.edition-story>p:not(.eyebrow):not(.handwritten){font-size:18px;line-height:1.75;max-width:60ch}
.offer{padding:32px}
.offer-top{font-size:10px;letter-spacing:1px}
.offer>.eyebrow{font-size:11px;letter-spacing:1.2px}
.offer h2{font-size:38px;line-height:1.18}
.offer-description{font-size:16px;line-height:1.75}
.price{font-size:64px}
.checkout-status{font-size:14px;line-height:1.6}
.exclusive-note p{font-size:15px;line-height:1.7}
details,summary{font-size:16px;line-height:1.6}
summary{padding-block:18px}
details p{font-size:16px;line-height:1.7}
footer p,footer a{font-size:13px}
.seal small{font-size:7px}
@media(min-width:761px) and (max-width:1050px){
  .hero{gap:25px;padding-inline:30px}
  h1{font-size:46px}
  .section-frame{padding:64px 30px}
  .value-grid{gap:24px}
  .preview-inner{gap:30px;grid-template-columns:1fr 1.1fr}
  .page-previews{gap:14px}
  .edition{gap:35px}
  .offer{padding:25px}
}
@media(min-width:761px) and (max-width:900px){
  .edition,.preview-inner{grid-template-columns:1fr;max-width:720px;gap:36px}
  .offer-wrap{max-width:520px;width:100%;justify-self:center}
  .page-previews{max-width:580px;width:100%;justify-self:center}
}
@media(max-width:760px){
  body{font-size:17px}
  .masthead{padding:14px 22px}
  .nav-link{font-size:13px}
  .hero{padding:35px 22px 28px;gap:20px;min-height:0}
  h1{font-size:38px;line-height:1.15;max-width:15ch;letter-spacing:-.7px}
  h2,.offer h2{font-size:30px;line-height:1.2;letter-spacing:-.4px}
  h3{font-size:22px;line-height:1.3}
  .eyebrow{font-size:11px}
  .lead,.section-heading>p:not(.eyebrow),.edition-story>p:not(.eyebrow):not(.handwritten){font-size:17px;line-height:1.7}
  .intro-note{font-size:16px;max-width:none}
  .button,.purchase{font-size:16px;width:100%;min-height:56px}
  .hero-action{display:block}
  .handwritten,.handwritten.small{font-size:34px}
  .collection{height:375px;max-width:350px;margin:15px auto 12px}
  .quill{width:86px;right:-1%}
  .seal{width:78px;height:78px}
  .seal strong{font-size:31px}
  .seal small{font-size:6px}
  .collection-caption{font-size:28px}
  .postmark{font-size:8px}
  .divider i{font-size:19px}
  .section-frame{padding:52px 22px;max-width:600px}
  .section-heading{margin-bottom:28px}
  .section-heading h2 br{display:none}
  .value-grid{grid-template-columns:1fr;gap:24px}
  .value-grid h3{max-width:none;margin-bottom:10px}
  .value-grid p,.preview-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}
  .value-index{font-size:11px;margin-bottom:12px}
  .contents-note{font-size:16px;margin-top:25px}
  .preview-inner{grid-template-columns:1fr;gap:30px}
  .page-previews{gap:16px}
  .page-previews figure:nth-child(2){padding-top:28px}
  .page-previews figcaption,.page-previews figcaption span{font-size:14px}
  .original-note p{font-size:16px}
  .edition{gap:30px}
  .offer-wrap,.offer{transform:none}
  .offer-wrap{margin:0}
  .offer{padding:24px 20px}
  .offer-top{font-size:9px;letter-spacing:.6px}
  .offer>.eyebrow{font-size:10px;line-height:1.7}
  .exclusive-note p{font-size:16px}
  .offer-description,details,summary,details p{font-size:16px}
  .checkout-status{font-size:14px}
  footer{margin-inline:22px}
  footer p,footer a{font-size:12px}
}
@media(max-width:400px){
  .page-previews{grid-template-columns:1fr;max-width:260px;margin-inline:auto;gap:28px}
  .page-previews figure:nth-child(2){padding-top:0}
}
@media(max-width:350px){
  h1{font-size:35px}
  .collection{height:340px}
  .collection-caption{font-size:25px}
  .offer{padding-inline:16px}
  .button,.purchase{gap:10px;font-size:15px}
}
/* Pequenas ilustrações editoriais, como anotações guardadas entre as cartas. */
.contents .section-heading{max-width:680px;margin-inline:auto;text-align:center;margin-bottom:42px}
.contents .section-heading>p:not(.eyebrow){max-width:54ch;margin-inline:auto;font-size:17px}
.contents .value-grid{gap:27px;align-items:stretch}
.value-grid .illustrated-note{position:relative;padding:19px 26px 30px;background:#fffdf7;border:1px solid #b35c462d;box-shadow:0 10px 28px #893c1c09;text-align:center;isolation:isolate}
.illustrated-note:before{content:"";position:absolute;width:58px;height:18px;top:-9px;left:calc(50% - 29px);background:#e7dbc69c;border-inline:1px solid #fff8;transform:rotate(-5deg)}
.illustrated-note:nth-child(2):before{transform:rotate(4deg);background:#aac87743}
.illustrated-note:nth-child(3):before{transform:rotate(-3deg)}
.illustrated-note:after{content:"";position:absolute;inset:7px;border:1px solid #b35c4615;pointer-events:none;z-index:-1}
.note-art{height:157px;display:grid;place-items:center;margin-bottom:7px}
.drawn-icon{width:200px;max-width:100%;height:150px;overflow:visible}
.art-wash{fill:#e7d5bc;opacity:.22}
.pen-icon .art-wash{fill:#aac877;opacity:.2}
.letters-icon .art-wash{fill:#b35c46;opacity:.1}
.ink-lines{fill:none;stroke:#893c1c;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.art-flourish{fill:none;stroke:#b35c46;stroke-width:1;stroke-linecap:round;opacity:.5}
.illustrated-note .value-index{font-size:11px;margin-bottom:12px;letter-spacing:1.5px}
.illustrated-note h3{font-size:25px;margin:0 0 13px;max-width:none}
.illustrated-note p{font-size:16px;line-height:1.7;max-width:29ch;margin-inline:auto}
.contents .contents-note{display:flex;justify-content:center;align-items:center;gap:14px;border-top:0;padding-top:0;margin-top:30px;font-size:15px}
.contents-note svg{width:27px;height:33px;fill:none;stroke:var(--coral);stroke-width:1.2;flex-shrink:0}
.contents-note strong{font-weight:500;color:var(--brown)}
.scroll-reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .scroll-reveal:not(.is-visible){opacity:0;translate:0 24px}
.scroll-reveal.is-visible{opacity:1;translate:0 0}
.illustrated-note.is-visible .ink-lines path,.illustrated-note.is-visible .ink-lines circle{stroke-dasharray:650;stroke-dashoffset:650;animation:ink-reveal 2.6s ease forwards;animation-delay:var(--reveal-delay,0ms)}
.illustrated-note.is-visible .art-wash{animation:wash-in 1.5s ease both}
.illustrated-note.is-visible .ink-lines .steam{animation:ink-reveal 2.6s ease forwards,steam-rise 3s 2.6s ease-in-out 2}
.illustrated-note.is-visible .ink-lines .feather{transform-origin:60% 55%;animation:ink-reveal 2.6s ease forwards,feather-sway 4s 2.6s ease-in-out 2}
.illustrated-note:hover .note-art{transform:translateY(-4px)}
.note-art{transition:transform .45s ease}
.page-previews figure.is-visible img{animation:paper-settle 1s ease both}
.text-cta span,.edition .button span{display:inline-block;transition:transform .3s ease}
.text-cta:hover span,.edition .button:hover span{transform:translate(3px,-3px)}
@keyframes ink-reveal{to{stroke-dashoffset:0}}
@keyframes wash-in{from{opacity:0;transform:scale(.8);transform-origin:center}to{transform:scale(1)}}
@keyframes steam-rise{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-5px);opacity:.5}}
@keyframes feather-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}
@keyframes paper-settle{from{transform:rotate(-2deg) translateY(12px)}to{transform:rotate(0) translateY(0)}}
@media(max-width:900px) and (min-width:761px){.value-grid .illustrated-note{padding-inline:18px}.illustrated-note h3{font-size:23px}.note-art{height:130px}.drawn-icon{height:130px}}
@media(max-width:760px){
  .contents .section-heading{margin-bottom:32px}
  .contents .value-grid{gap:27px}
  .value-grid .illustrated-note{padding:16px 24px 26px;max-width:420px;width:100%;margin-inline:auto}
  .note-art{height:132px;margin-bottom:5px}
  .drawn-icon{height:130px;width:175px}
  .illustrated-note h3{font-size:24px}
  .illustrated-note p{font-size:17px;max-width:30ch}
  .contents .contents-note{align-items:flex-start;font-size:15px;max-width:340px;margin-inline:auto;line-height:1.7}
  .contents-note strong{display:block}
}
@media(prefers-reduced-motion:reduce){
  .page-previews a:hover,.illustrated-note:hover .note-art{transform:none}
  .motion-ready .scroll-reveal:not(.is-visible){opacity:1;translate:none}
  .scroll-reveal{transition:none}
  .illustrated-note .ink-lines path,.illustrated-note .ink-lines circle{stroke-dashoffset:0!important}
  .text-cta:hover span,.edition .button:hover span{transform:none}
}