/* THE FOLIO — independent magazine masthead, fine rules and editorial rhythm. */
html[data-theme=folio]{--bg:#faf9f5;--surface:#faf9f5;--surface2:#f0eee7;--ink:#20201e;--muted:#686761;--accent:#87392f;--accent-ink:#fff9f1;--line:#c8c5bb;--display:SparkDisplay,Georgia,serif;--radius:0px;--hero-art:#e8e4dc;--reader:#282825}
[data-theme=folio] .site-header{height:125px;border-bottom:3px double var(--ink)}[data-theme=folio] .brand{font-size:46px}[data-theme=folio] .site-header .brand-icon{display:none}[data-theme=folio] .hero{grid-template-columns:1.05fr 1fr;gap:65px;padding:55px 0}[data-theme=folio] .hero h1{font-size:clamp(55px,5.6vw,80px);line-height:1.05}[data-theme=folio] .hero h1 em{color:var(--ink);font-style:italic}[data-theme=folio] .hero-art{border-radius:0;background:var(--hero-art)}[data-theme=folio] .hero-art:before{border:1px solid #fff9;border-radius:0;inset:15px}[data-theme=folio] .orbit,[data-theme=folio] .art-spark{display:none}[data-theme=folio] .hero-book{width:41%}[data-theme=folio] .book-one{left:4%;top:80px;transform:rotate(-4deg)}[data-theme=folio] .book-two{right:3%;top:60px;transform:rotate(4deg)}[data-theme=folio] .book-three{left:29%;top:30px;transform:rotate(0)}[data-theme=folio] .daily-seal{bottom:45px;border-radius:0;outline:0;width:135px;height:77px;right:-10px;transform:rotate(0);background:var(--accent);color:var(--accent-ink)}[data-theme=folio] .daily-seal b{font-size:27px}[data-theme=folio] .habit-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}[data-theme=folio] .story-grid{gap:40px}[data-theme=folio] .cover-link{padding:26px 55px}[data-theme=folio] .card-body .eyebrow{letter-spacing:.2em}[data-theme=folio] .card-body h3{font-size:30px}[data-theme=folio] .section-heading{border-top:1px solid var(--ink);padding-top:23px}[data-theme=folio] .section-heading h2{font-style:italic;font-size:40px}[data-theme=folio] .genre-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}[data-theme=folio] .genre-card{background:transparent;border:0;border-right:1px solid var(--line);padding:32px}[data-theme=folio] .genre-card:last-child{border:0}[data-theme=folio] .continue-empty{border-left:0;border-right:0}
@media(max-width:800px){[data-theme=folio] .site-header{min-height:132px;height:auto}[data-theme=folio] .site-header .brand{font-size:40px}[data-theme=folio] .hero{gap:30px}[data-theme=folio] .hero h1{font-size:51px}[data-theme=folio] .daily-seal{width:90px;height:70px;right:-5px}[data-theme=folio] .cover-link{padding:24px 28px}[data-theme=folio] .story-grid{gap:22px}}
@media(max-width:600px){[data-theme=folio] .site-header{min-height:125px;padding-top:22px}[data-theme=folio] .hero{gap:30px;padding:35px 0}[data-theme=folio] .hero h1{font-size:clamp(50px,15vw,59px)}[data-theme=folio] .hero-art{height:350px}[data-theme=folio] .book-one{top:65px}[data-theme=folio] .book-two{top:48px}[data-theme=folio] .book-three{top:25px}[data-theme=folio] .daily-seal{right:-5px;bottom:28px;width:100px;height:70px}[data-theme=folio] .daily-seal b{font-size:26px}[data-theme=folio] .story-grid{gap:32px}[data-theme=folio] .cover-link{padding:28px 75px}[data-theme=folio] .card-body h3{font-size:31px}[data-theme=folio] .section-heading h2{font-size:32px}[data-theme=folio] .section-heading{padding-top:20px}[data-theme=folio] .genre-card{border:0;border-bottom:1px solid var(--line);padding:25px 10px}}