@font-face{font-family:Hand;src:url('/assets/fonts/PatrickHand-Regular.woff')}@font-face{font-family:Note;src:url('/assets/fonts/ComicNeue-Regular.woff')}
:root{--ink:#090909;--sky:#93cbf8;--yellow:#f5e6a8;--link:#174e73}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:18px/1.65 Georgia,serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.035em}p{margin:0 0 20px}a{color:var(--link);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2.5px}a:focus-visible,button:focus-visible{outline:3px solid #2457a3;outline-offset:5px}a{min-height:44px;align-content:center}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}.preview{text-align:center;background:#f4f8fc;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;padding:7px 12px}.masthead,.cover,.journal-section,.curiosity-story,.site-footer{width:calc(100% - 40px);max-width:1200px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #090909}.brand,.footer-brand{font:34px/1 Hand,cursive;color:var(--ink);text-decoration:none;white-space:nowrap}.masthead nav{display:none}.menu{font:14px Arial;border:1px solid #090909;background:white;padding:12px;min-height:44px}.masthead{flex-wrap:wrap}.masthead nav.open{display:flex;width:100%;flex-wrap:wrap;gap:8px 24px}.masthead nav a{font:14px/1.4 Arial,sans-serif}.tool{background:var(--yellow);padding:10px 14px}.cover{display:grid;gap:24px;padding:28px 0 40px}.cover h1{font-size:40px;grid-row:1;line-height:1.06}.cover h1 span{font-family:Hand;letter-spacing:-.02em;display:block;font-size:44px;line-height:1.08;margin-top:4px}.entry-paths{grid-row:2;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.entry-paths a{display:block;text-decoration:none;padding:12px 0}.entry-paths a+a{border-top:1px solid #ddd}.entry-paths strong{display:block;font-size:21px;font-weight:400;line-height:1.3;text-decoration:underline;text-underline-offset:.2em}.entry-paths span{font:12px/1.5 Arial,sans-serif;color:#4e4e49;display:block;margin-top:4px}.cover-portrait{grid-row:3;width:240px;justify-self:center}.cover-portrait figcaption{font:20px/1.3 Note;text-align:center;margin-top:12px}.cover-intro{grid-row:4;font-size:18px}.cover-intro p{margin-bottom:16px}.intro-aside .hand-note{font:24px/1.3 Note}.underlined-link,.read-link{font:600 14px/1.5 Arial,sans-serif;display:inline-block;padding:10px 0}.job-note{display:none}.cover-carnival{grid-row:5;text-align:center;font:23px/1.35 Hand}.cover-carnival span{display:block}.cover-carnival strong{display:inline;background:var(--yellow);font-weight:400;padding:0 5px}.journal-section{padding:40px 0;border-top:1px solid var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2{font-size:34px}.section-heading>a{flex-shrink:0}.section-heading{flex-wrap:wrap}.featured-story{display:grid;gap:28px}.lead-memo{background:var(--sky);padding:24px 12px 12px}.hero-art{position:relative;max-width:300px;margin:auto;height:330px}.paper-under,.hero-arrow{display:none}.hero-paper{position:absolute;background:white;border:1px solid #222;inset:5px 12px 48px;padding:20px;transform:rotate(-3deg);box-shadow:0 3px 8px #09090912}.note-top{font:9px/1.3 Arial;letter-spacing:.08em}.memo-rule{border-top:1px solid #222;margin:10px 0 15px}.hero-paper p{font:37px/.98 Hand;letter-spacing:-.03em;margin:0 0 12px}.memo-bottom{font:17px/1.15 Note;display:block;padding-right:20px}.paper-clock{position:absolute;width:38px;height:38px;right:6px;bottom:12px}.margin-note{position:absolute;bottom:2px;left:0;right:0;text-align:center;font:17px/1.3 Note;white-space:nowrap;transform:none}.story-text h3{font-size:36px;margin-bottom:20px}.read-link{margin-right:24px}.handoff-direct{display:block;width:fit-content}.curiosity-story{padding:40px 0 48px;border-top:1px solid #090909;display:grid;gap:28px}.beach-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.beach-pair figure+figure{padding-top:40px}.beach-pair figcaption{font:19px/1.3 Note;margin-top:12px}.curiosity-copy h2{font-size:36px;margin-bottom:24px}.curiosity-copy h2 em{font-family:Hand;font-style:normal;font-size:1.15em}.curiosity-copy p{font-size:17px;line-height:1.65}.curiosity-copy .hand-note{font:24px/1.3 Note}.site-footer{border-top:1px solid #090909;padding:28px 0 20px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.footer-top p{font:21px/1.3 Note}.footer-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:16px 0}.footer-links a{font:13px/1.5 Arial}.trademark-note{font:11px/1.6 Arial;color:#4e4e49}.footer-small{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ddd;margin-top:20px;padding-top:16px;font:11px/1.5 Arial}.skip{position:absolute;left:10px;top:-100px;background:white}.skip:focus{top:10px;z-index:99}
/* B: a photographic letter, with a gentler headline and a quiet blue opening. */
.option-b .cover{padding-top:24px}.option-b .cover h1{font-size:36px}.option-b .cover h1 span{font-size:39px;color:#174e73}.option-b .cover-portrait{background:#f4f8fc;padding:16px;width:272px}.option-b .cover-carnival{border-left:4px solid var(--yellow);text-align:left;padding-left:16px}.option-b .journal-section{background:#f4f8fc;padding:32px 20px;width:100%;max-width:none;border-top:0}.option-b .journal-section>div,.option-b .journal-section>article{max-width:1200px;margin-left:auto;margin-right:auto}.option-b .lead-memo{background:transparent}.option-b .curiosity-copy h2 em{background:var(--yellow);padding:0 4px}
@media(min-width:768px){.masthead,.cover,.journal-section,.curiosity-story,.site-footer{width:calc(100% - 96px)}.masthead{flex-wrap:nowrap;padding:24px 0}.menu{display:none}.masthead nav,.masthead nav.open{display:flex;width:auto;gap:28px;align-items:center}.brand{font-size:46px}.cover{grid-template-columns:minmax(0,1fr) 32%;column-gap:56px;row-gap:24px;padding:40px 0 52px}.cover h1{grid-row:1;grid-column:1;font-size:clamp(52px,5.6vw,80px)}.cover h1 span{font-size:clamp(56px,5.6vw,80px);margin-top:12px}.cover-intro{grid-row:2;grid-column:1;display:grid;grid-template-columns:1fr 210px;gap:28px;align-items:center;padding-top:20px}.cover-intro>p{max-width:39ch}.intro-aside{text-align:center}.intro-aside .hand-note{font-size:20px}.job-note{display:grid;place-items:center;background:url('/assets/doodles/job-note.svg') center/100% 100% no-repeat;width:170px;height:105px;margin:auto;font:22px/1 Hand}.intro-aside .underlined-link{font-size:12px}.entry-paths{grid-row:3;grid-column:1;display:grid;grid-template-columns:1fr 1fr 1.16fr;border-top-width:2px}.entry-paths a{padding:16px 14px}.entry-paths a:first-child{padding-left:0}.entry-paths a+a{border-top:0;border-left:1px solid #ddd}.entry-paths strong{font-size:21px}.entry-paths span{font-size:12px}.cover-portrait{grid-row:1/5;grid-column:2;width:100%;align-self:start;padding-top:8px}.cover-portrait figcaption{text-align:left;font-size:23px}.cover-carnival{grid-row:4;grid-column:1;font-size:26px;padding-top:8px}.cover-carnival span{display:inline;margin-right:8px}.section-heading{flex-wrap:nowrap;margin-bottom:40px}.section-heading h2{font-size:48px}.journal-section{padding:48px 0 64px}.featured-story{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lead-memo{padding:28px 24px 20px}.hero-art{height:360px;max-width:320px}.hero-paper{inset:8px 10px 52px;padding:24px}.hero-paper p{font-size:43px}.memo-bottom{font-size:20px}.paper-clock{width:46px;height:46px}.margin-note{font-size:19px}.story-text h3{font-size:48px;max-width:12ch}.curiosity-story{padding:64px 0;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.curiosity-copy h2{font-size:48px}.beach-pair{gap:24px}.beach-pair figure+figure{padding-top:64px}.beach-pair figcaption{font-size:21px}.site-footer{padding-top:32px}.option-b .masthead .brand{font-size:36px}.option-b .cover{grid-template-columns:38% minmax(0,1fr);column-gap:72px;row-gap:32px}.option-b .cover h1{grid-column:1/-1;grid-row:1;font-size:64px;border:0;padding:0 0 8px;max-width:none}.option-b .cover h1 br{display:none}.option-b .cover h1 span{font-size:65px;display:inline;margin-left:16px;color:#174e73}.option-b .cover-portrait{grid-column:1;grid-row:2/5;width:100%;max-width:380px;padding:20px;background:#f4f8fc}.option-b .cover-portrait figcaption{font-size:22px}.option-b .cover-intro{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 170px;gap:24px;padding-top:0;align-self:start}.option-b .cover-intro>p{font-size:23px;line-height:1.45}.option-b .job-note{width:155px;height:100px}.option-b .intro-aside .hand-note{font-size:18px}.option-b .entry-paths{grid-column:2;grid-row:3;align-self:start}.option-b .entry-paths strong{font-size:21px}.option-b .cover-carnival{grid-column:2;grid-row:4;text-align:left;padding:12px 0 12px 20px;align-self:start}.option-b .cover-carnival span{display:block;margin:0}.option-b .journal-section{padding:48px;max-width:none;width:100%}.option-b .featured-story{grid-template-columns:340px 1fr;gap:90px}.option-b .story-text h3{max-width:none;font-size:56px}.option-b .curiosity-story{grid-template-columns:1fr 1.15fr}.option-b .curiosity-copy h2{font-size:46px}.option-b .curiosity-copy h2 br{display:none}}
@media(min-width:768px) and (max-width:1100px){.cover{column-gap:32px}.cover-intro{grid-template-columns:1fr}.intro-aside{text-align:left}.job-note{display:none}.entry-paths strong{font-size:18px}.entry-paths a{padding-inline:10px}.option-b .cover{gap:24px 36px}.option-b .cover h1{font-size:50px}.option-b .cover h1 span{font-size:52px;margin-left:0;display:block}.option-b .cover-intro{grid-template-columns:1fr}.option-b .cover-intro>p{font-size:20px}.option-b .featured-story{grid-template-columns:1fr 1fr;gap:32px}.option-b .story-text h3{font-size:42px}}
@media(max-width:359px){.cover h1{font-size:36px}.cover h1 span{font-size:39px}.entry-paths strong{font-size:20px}.paper-clock{display:none}.section-heading h2{font-size:31px}.footer-small{display:block}.option-b .cover-portrait{width:260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none;animation:none}}
/* Selected B direction: text left, photograph right on desktop. */
@media(min-width:768px){
 .option-b .cover{grid-template-columns:minmax(0,1fr) 38%}
 .option-b .cover-portrait{grid-column:2}
 .option-b .cover-intro,.option-b .entry-paths,.option-b .cover-carnival{grid-column:1}
}
@media(min-width:768px){.option-b .curiosity-copy h2 em{margin-left:.15em}}

/* A direct introduction with one clear About action. */
.option-b .cover-intro{display:block}
.option-b .cover-intro>p{max-width:36ch}
.about-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--yellow);border:1px solid var(--ink);font:600 16px/1.5 Arial,sans-serif;text-decoration:none;color:var(--ink);margin-top:8px}
.about-button:hover{background:var(--sky);text-decoration:underline}
@media(min-width:768px){.option-b .cover-intro>p{font-size:27px;line-height:1.5}.option-b .cover-intro{align-self:center}.about-button{font-size:17px;padding:14px 24px}}
/* Reading leads; the optional tool remains available without competing emphasis. */
.masthead nav .reading-primary{background:var(--yellow);padding:10px 16px;font-weight:600}
.entry-paths a:first-child{border-left:4px solid var(--yellow);padding-left:12px}
.entry-paths a:first-child strong{font-weight:600}
.option-b .cover-portrait figcaption{text-align:center}
.beach-pair figure+figure{padding-top:0}
@media(min-width:768px){.entry-paths{grid-template-columns:1.2fr 1fr 1fr}.entry-paths a:first-child{padding-left:12px}.beach-pair figure+figure{padding-top:0}}
/* Give the sticky-note title its own unbroken line. */

@media(min-width:851px){.option-b .entry-paths{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:850px){.option-b .entry-paths{grid-template-columns:1fr 1fr}.entry-paths a:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #ddd}}
.entry-paths a{align-content:start}
@media(min-width:851px) and (max-width:1100px){.option-b .entry-paths strong{font-size:18px}}

/* The About invitation belongs with the portrait. */
.cover-portrait .about-button{display:flex;width:100%;margin:0;padding:12px 10px;text-align:center;font:600 16px/1.4 Arial,sans-serif}
/* A connected editorial spread: one feature, a useful extra, two more stories. */
.magazine-home.option-b .journal-section{padding:32px 20px 36px}
.magazine-home .journal-section .section-heading{margin-bottom:24px}
.magazine-home .journal-section .featured-story{gap:24px}
.magazine-home .journal-section .lead-memo{padding:0}
.magazine-home .journal-section .hero-art{height:330px}
.magazine-home .journal-section .story-text{max-width:48ch}
.magazine-home .feature-meta{font:12px/1.5 Arial,sans-serif;letter-spacing:.035em;color:#4e4e49;margin:0 0 12px}
.magazine-home .journal-section .story-text h3{font:36px/1.08 Georgia,serif;letter-spacing:-.035em;max-width:19ch;margin:0 0 20px}
.magazine-home .feature-excerpt{font:18px/1.65 Georgia,serif;margin:0 0 24px;max-width:43ch}
.magazine-home .feature-read{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--yellow);border:1px solid var(--ink);font:600 16px/1.5 Arial,sans-serif;color:var(--ink);text-decoration:none}
.magazine-home .feature-read:hover{background:var(--sky);text-decoration:underline}
.magazine-home .journal-section .handoff-direct{font-size:14px;margin-top:8px;margin-bottom:0}
.magazine-home .journal-more{border-top:1px solid #aab5bb;margin-top:28px;padding-top:16px;max-width:1200px;margin-inline:auto}
.magazine-home .journal-more-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-bottom:16px}
.magazine-home .journal-more-heading>p{font:22px/1.35 Hand,cursive;margin:0}
.magazine-home .journal-more-grid{display:grid;grid-template-columns:1fr;gap:24px}
.magazine-home .journal-more-grid article+article{border-top:1px solid #c4cdd3;padding-top:24px}
.magazine-home .journal-more-grid h3{font:26px/1.2 Georgia,serif;margin:0 0 12px;max-width:27ch;letter-spacing:-.02em}
.magazine-home .journal-more-grid article>p:not(.feature-meta){font:17px/1.6 Georgia,serif;max-width:45ch;margin:0}
@media(min-width:768px){
 .magazine-home.option-b .journal-section{padding:40px 48px 40px}
 .magazine-home .journal-section .section-heading{margin-bottom:28px}
 .magazine-home .journal-section .featured-story{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
 .magazine-home .journal-section .hero-art{height:350px;max-width:320px}
 .magazine-home .journal-section .story-text h3{font-size:44px}
 .magazine-home .journal-more{margin-top:32px;padding-top:16px}
 .magazine-home .journal-more-grid{grid-template-columns:1fr 1fr;gap:40px}
 .magazine-home .journal-more-grid article+article{border-top:0;border-left:1px solid #aab5bb;padding:0 0 0 40px}
 .magazine-home .journal-more-grid h3{font-size:28px}
}
@media(min-width:768px) and (max-width:1000px){
 .magazine-home .journal-section .featured-story{grid-template-columns:1fr 1.2fr;gap:28px}
 .magazine-home .journal-section .story-text h3{font-size:36px}
 .magazine-home .journal-section .hero-paper{padding:20px}
 .magazine-home .journal-section .hero-paper p{font-size:36px}
 .magazine-home .journal-section .memo-bottom{font-size:18px}
}
@media(min-width:768px){.magazine-home .journal-more-grid h3{min-height:2.4em}}
@media(min-width:768px) and (max-width:850px){.magazine-home .journal-more-grid h3{min-height:3.6em}}