@font-face{font-family:'DM Mono';font-weight:400;font-style:normal;font-display:swap;src:url('/leituras/assets/dm-mono.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/dm-sans-latin.woff2') format('woff2')}
:root{font-family:'DM Sans',Arial,sans-serif;--paper:#ede6dd;--ink:#3a1226;--blue:#9fc2d2;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}a,button,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bb446c;outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block}html{scroll-behavior:smooth}.mono{font-family:'DM Mono',ui-monospace,'Courier New',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.skip{position:fixed;top:-90px;left:20px;background:var(--paper);padding:15px;z-index:10}.skip:focus{top:10px}.top,footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 48px}.wordmark{font-size:28px;font-weight:650;letter-spacing:-1.8px;white-space:nowrap}footer>.wordmark{font-size:25px}.top-link,footer>a:last-child{font-size:12px}.cover{max-width:1344px;margin:auto;min-height:740px;height:calc(100svh - 126px);max-height:940px;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);padding:42px 58px;display:flex;flex-direction:column;background:#49311f}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2}.cover::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0004,#0002 30%,#0009);z-index:-1}.cover-meta{display:flex;justify-content:space-between}.cover-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:140px}.cover h1{font-size:clamp(76px,8.8vw,126px);font-weight:400;line-height:.95;letter-spacing:-.052em}.cover h1 strong{font-weight:650}.star{flex-shrink:0;transform:rotate(12deg);margin:90px 9% 0 20px}.cover-down{margin-top:42px;display:flex;justify-content:space-between;align-items:center}.cover-down span{font-size:25px}.reading-section{max-width:1248px;margin:0 auto;padding:88px 48px 56px;scroll-margin-top:20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.intro h2,.share h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04;font-weight:400;letter-spacing:-.045em;margin-top:22px}.intro-note{max-width:370px;margin-left:auto}.intro-note>p{font-size:16px;line-height:1.6}.intro-note label{display:block;margin-top:25px}.intro-note select{width:100%;padding:12px 0;border:0;border-bottom:1px solid #3a12264d;border-radius:0;background:transparent;margin-top:4px;font-size:14px;min-height:44px}.list-meta{display:flex;justify-content:space-between;gap:15px;margin:58px 0 25px;padding-top:22px;border-top:1px solid #3a122630}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.reading-link{display:block;height:100%}.visual{aspect-ratio:3/4;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);padding:7.407%;background:#302a26}.visual-bg{position:absolute;width:158.47%;height:158.47%;left:-14.67%;top:-46.27%;object-fit:fill;z-index:-2}.visual::after{content:'';position:absolute;inset:0;background:#0007;z-index:-1}.red .visual-bg{inset:0;width:100%;height:100%;object-fit:cover}.red .visual::after{background:#0000004a}.nyt .visual::after{background:#0000003d}.piaui .visual-bg{left:-12.56%;top:-38.14%}.barbour .visual-bg{width:251.05%;height:251.05%;left:-5.83%;top:-4.13%}.visual-meta{display:flex;justify-content:space-between;font-size:clamp(10px,1.2vw,15px)}.visual-heading{font-size:clamp(35px,5vw,65px);letter-spacing:-.03em;line-height:.96;max-width:85%;margin-top:7%}.preview{position:absolute;overflow:hidden;border-radius:14px;width:84.365%;height:44.0746%;left:8.285%;top:38.343%;background:#fff}.preview-image{position:absolute;width:100%;height:103.78%;max-width:none;left:0;top:0}.red .preview{width:68.895%;height:51.603%;left:15.698%;top:34.657%}.red .preview-image{width:371.33%;height:241.06%;left:-139.82%;top:-21.76%}.artists .preview-image{width:103.67%;height:104.69%;left:-2.18%;top:-2.34%}.piaui .preview{width:72.772%;height:56.975%;left:14.08%;top:31.683%}.piaui .preview-image{height:100%}.barbour .preview{width:52.932%;height:55.754%;left:23.075%;top:31.223%}.barbour .preview-image{height:102.8%}.barbour .visual-heading{max-width:100%}.caption{padding-top:21px}.source{display:block;font-size:10px;opacity:.8}.caption h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin-top:10px;max-width:95%;text-wrap:balance}.caption-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-bottom:18px;border-bottom:1px solid #3a12262b;font-size:12px}.topic{opacity:.75}.read-cta{font-weight:600}.access-note{font-size:12px;line-height:1.6;opacity:.75;margin-top:38px}.share{background:var(--ink);color:var(--paper);padding:52px  max(48px,calc((100vw - 1152px)/2));display:flex;justify-content:space-between;align-items:center;gap:45px}.share h2{font-size:38px}.share button{border:1px solid #ede6dd88;background:none;padding:18px 23px;border-radius:50px;font-size:13px;cursor:pointer;white-space:nowrap}.share button span{margin-left:35px}#share-status{font-size:12px;max-width:340px;overflow-wrap:anywhere;margin-top:14px;min-height:28px}footer{padding-block:35px}footer .mono{font-size:9px}@media(hover:hover){.reading-link:hover .read-cta{text-decoration:underline;text-underline-offset:5px}.share button:hover{background:var(--paper);color:var(--ink)}}@media(min-width:1600px){.visual-heading{font-size:67px}}@media(max-width:700px){.top,footer{padding:22px 22px}.top>.mono{display:none}.wordmark{font-size:25px;letter-spacing:-1.3px}footer>.wordmark{font-size:23px}.top-link{font-size:11px}.cover{margin:0 12px;padding:28px 25px;min-height:600px;height:78svh;max-height:780px}.cover-meta{font-size:9px;letter-spacing:1px}.cover h1{font-size:clamp(58px,13vw,88px)}.cover-bottom{position:relative}.star{position:absolute;right:-65px;bottom:30px;margin:0;transform:rotate(12deg) scale(.53);transform-origin:center}.cover-down{font-size:9px;margin-top:30px}.reading-section{padding:54px 22px 38px}.intro{grid-template-columns:1fr;gap:24px}.intro-note{margin:0;max-width:100%}.intro-note>p{font-size:14px}.intro h2{font-size:42px}.list-meta{margin-top:34px;font-size:9px;letter-spacing:.7px}.reading-grid{grid-template-columns:1fr;gap:35px}.visual-heading{font-size:clamp(37px,10.7vw,69px)}.visual-meta{font-size:11px}.caption h3{font-size:23px}.share{padding:37px 22px;display:block}.share h2{font-size:34px}.share button{margin-top:26px}footer{flex-wrap:wrap}footer .mono{order:3;flex-basis:100%;font-size:8px}.preview{border-radius:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:400px){.wordmark{font-size:22px}}

/* Keep every reading card and its preview aligned across the edition. */
.reading-grid{grid-auto-rows:1fr;align-items:stretch}
.reading-link{display:flex;flex-direction:column}
.visual{width:100%;flex-shrink:0}
.caption{display:flex;flex-direction:column;flex:1}
.caption h3{min-height:3.6em}
.caption-bottom{margin-top:auto;padding-top:22px}
.reading .preview{width:76%;height:48%;left:12%;top:38%}

.share>div:last-child{position:relative;display:flex;align-items:center;justify-content:center}
#share-status{position:absolute;top:100%;left:0;right:0;min-height:0;text-align:center}
@media(max-width:700px){.share{text-align:center}.share>div:last-child{margin-top:26px}.share button{margin-top:0}.share{padding-bottom:64px}}

/* Frame 06 in Figma: preserve the full portrait article at its original position. */
.barbour .preview{width:52.932%;height:55.754%;left:23.075%;top:31.223%;border-radius:2.934% / 2.089%;background:#0b0b0b}
.barbour .preview-image{width:100%;height:auto;left:0;top:0}

.visual--export{padding:0;overflow:hidden}
.visual--export::after{display:none}
.visual-export{position:relative;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,#000 88%,transparent 90%)}
