@font-face{font-family:Bricolage;src:url('assets/fonts/bricolage.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--s-ink:#18131F;--s-paper:#FFFCF7;--s-mint:#83F7D0;--s-teal:#00CFC2;--s-coral:#FF666B;--s-pink:#FFA9EB;--s-sun:#FFE34D;--s-purple:#6B43E8;--s-blue:#2E69D6;--s-surface:#F2F0F8;--line:#d8d3da;--display:Bricolage,Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--s-paper);color:var(--s-ink);font:16px/1.55 var(--body)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.04;letter-spacing:-.03em;word-spacing:.04em}h1{font-size:clamp(42px,5.1vw,76px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:27px}h1 em,h2 em{font-style:italic}p+p{margin-top:1em}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait}button svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8}:focus-visible{outline:3px solid var(--s-ink);outline-offset:4px;box-shadow:0 0 0 6px var(--s-paper)}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:16px;padding:14px 20px;background:var(--s-sun);z-index:1000}.skip:focus{top:8px}.eyebrow{font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.small{font-size:12px;line-height:1.55}.star{width:100%;height:auto}.squiggle{width:170px;height:24px;color:var(--s-coral)}.curve-arrow{width:72px;height:72px}.heart-doodle{width:54px;height:54px}.coral-bg,.coral{background:var(--s-coral);color:var(--s-ink)}.mint-bg,.mint{background:var(--s-mint);color:var(--s-ink)}.sun-bg,.sun{background:var(--s-sun);color:var(--s-ink)}.pink-bg,.pink{background:var(--s-pink);color:var(--s-ink)}.purple-bg,.purple{background:var(--s-purple);color:var(--s-paper)}.paper{background:var(--s-paper);color:var(--s-ink)}
/* Compact masthead. Existing brand bitmap is never recoloured or recreated. */
.utility{height:30px;background:var(--s-mint);padding:0 max(32px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650}.utility a{text-decoration:none;display:flex;gap:9px;align-items:center}.utility a>span:first-child{font-size:18px;line-height:1}.masthead{height:112px;display:flex;align-items:center;gap:28px}.logo{display:block;width:242px;flex-shrink:0}.logo img{width:100%;height:auto}.brand-manifesto{position:relative;font-family:var(--display);font-size:19px;font-style:italic;font-weight:800;line-height:.96;text-transform:uppercase;border-left:1px solid var(--line);padding-left:22px;min-width:135px;transform:rotate(-3deg)}.brand-manifesto>span{position:absolute;color:var(--s-purple);font-style:normal;font-size:31px;right:0;top:-15px}.primary-nav{display:flex;gap:24px;align-items:center;justify-content:flex-end;flex:1;font-size:13px;font-weight:750}.primary-nav a{text-decoration:none;white-space:nowrap;padding:12px 0;position:relative}.primary-nav a:not(:last-child)::after{content:'';width:4px;height:4px;position:absolute;right:-14px;top:50%;border-radius:50%;background:var(--s-coral)}.primary-nav a:hover{color:var(--s-purple)}.header-actions{display:flex;gap:8px;margin-left:4px}.icon-button,.menu-button{background:transparent;width:44px;height:44px;display:grid;place-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%}.icon-button:hover,.menu-button:hover{background:var(--s-sun);border-color:var(--s-ink)}.icon-button svg{width:22px;height:22px}.menu-button{display:none;gap:5px}.menu-button>span{width:18px;height:2px;background:var(--s-ink)}.no-script-nav{display:flex;gap:20px;padding:12px 0;font-size:13px}.legacy-notice{font-size:11px;padding:12px 0}
/* Art-directed front cover: large photo / paper headline / portrait collage / image rail. */
.hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.82fr) minmax(0,1fr);gap:16px;height:500px;margin-top:12px}.hero>*{min-width:0}.lead-card{position:relative;overflow:hidden;border-radius:12px;background:var(--s-mint);height:100%;isolation:isolate}.lead-image{width:100%;height:100%;object-fit:cover;object-position:center 42%}.lead-copy{position:absolute;left:22px;right:22px;bottom:22px}.pill{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:-.01em;text-transform:uppercase;padding:6px 11px;display:inline-block;border-radius:3px;line-height:1.1;transform:rotate(-3deg);white-space:normal}.lead-copy>.pill{font-size:15px;padding:8px 15px;margin:0 0 12px 6px;transform:rotate(-4deg);background:var(--s-teal)}.lead-copy h1,.lead-copy h2{font-size:clamp(38px,4.2vw,63px);font-weight:800;font-style:italic;line-height:1.04;letter-spacing:-.025em;word-spacing:.05em;transform:rotate(-2deg);margin-bottom:16px}.lead-copy h1 a,.lead-copy h2 a{text-decoration:none}.lead-copy h1 span,.lead-copy h2 span{background:var(--s-paper);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .13em .07em;display:inline;box-shadow:3px 2px 0 var(--s-paper)}.lead-dek{display:flex;align-items:center;gap:16px;background:var(--s-paper);padding:12px 13px;border-radius:3px 3px 10px 3px;max-width:580px}.lead-dek p{font-size:13px;font-weight:500;line-height:1.5;max-width:400px}.circle-link{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:28px;line-height:1;flex-shrink:0;border:1px solid transparent}.circle-link:hover{transform:rotate(8deg);border-color:var(--s-ink)}.lead-dek .circle-link{margin-left:auto}.sun-sticker{position:absolute;right:18px;top:18px;width:88px;height:88px;display:grid;place-content:center;background:var(--s-sun);font:800 15px/.95 var(--display);text-align:center;transform:rotate(12deg);clip-path:polygon(50% 0%,61% 10%,75% 7%,81% 21%,95% 25%,93% 40%,100% 50%,91% 62%,94% 76%,80% 81%,75% 95%,60% 92%,50% 100%,38% 90%,24% 94%,20% 80%,6% 75%,9% 61%,0% 50%,10% 39%,6% 25%,21% 20%,25% 6%,40% 9%)}.friend-feature{position:relative;background:var(--s-coral);border-radius:10px 28px 10px 10px;padding:26px 20px;overflow:hidden;isolation:isolate}.friend-feature>.eyebrow{font-size:9px;max-width:145px}.friend-feature h2{font-size:clamp(28px,2.6vw,39px);line-height:1.02;margin:22px 0;position:relative;z-index:3;letter-spacing:-.055em;transform:rotate(-3deg)}.friend-feature h2 a{text-decoration:none}.friend-feature h2 em{font-size:.98em}.friend-feature>.heart-doodle{position:absolute;right:14px;top:12px;transform:rotate(14deg);width:46px}.portrait-paper{position:absolute;left:4%;bottom:-8px;width:92%;height:65%;padding:7px;background:var(--s-paper);transform:rotate(-7deg);border-radius:60px 60px 4px 4px;overflow:hidden;box-shadow:5px 8px 0 rgb(24 19 31/.13)}.portrait-paper img{width:100%;height:100%;object-fit:cover;object-position:53% center;border-radius:54px 54px 0 0}.tape-note{position:absolute;right:0;top:45%;padding:9px 12px;z-index:4;background:var(--s-sun);font:800 19px/1.1 var(--display);transform:rotate(6deg);box-shadow:2px 3px 0 rgb(24 19 31/.12)}.friend-feature>.curve-arrow{position:absolute;left:15px;top:36%;width:57px;z-index:4;transform:rotate(8deg)}.friend-feature>.circle-link{position:absolute;bottom:16px;right:16px;z-index:5}.hero-rail{display:grid;grid-template-rows:1fr 1fr;gap:16px;height:100%}.image-story{position:relative;border-radius:10px;overflow:hidden;background:var(--s-surface);isolation:isolate;min-height:0}.image-story>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:75% 45%;z-index:-2}.image-story::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.93) 24%,rgba(255,252,247,.1) 78%);z-index:-1}.image-story-copy{padding:22px 18px;width:78%;position:relative;z-index:1}.image-story .pill{font-size:10px;padding:6px 8px;white-space:nowrap}.image-story h2{font-size:clamp(24px,2.3vw,35px);line-height:.98;letter-spacing:-.045em;margin:14px 0 10px}.image-story h2 a{text-decoration:none;background:var(--s-paper);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}.image-story p{font-size:11px;max-width:150px;line-height:1.4;background:var(--s-paper);display:inline;padding:2px}.image-story .circle-link{position:absolute;right:15px;bottom:15px;width:38px;height:38px;font-size:25px}.image-story.future>img{object-position:55% 65%}.image-story.future::after{background:linear-gradient(90deg,rgba(255,252,247,.96),rgba(255,252,247,.8) 26%,rgba(255,252,247,0) 80%)}
/* Fast editorial browsing, with the density of a magazine page. */
.latest-section{margin-top:34px}.latest-topline{display:grid;grid-template-columns:.65fr 1.8fr;gap:28px;align-items:center;margin-bottom:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:8px}.section-heading>a{font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}.section-heading>span{font-size:12px}.latest-topline>.section-heading{margin:0}.latest-topline h2{font-size:44px;line-height:.95;text-transform:uppercase;font-style:italic;letter-spacing:-.02em;word-spacing:.06em}.latest-topline h2 br{display:none}.latest-topline .eyebrow{display:none}.latest-topline .squiggle{margin-top:8px;display:block}.newsletter{padding:28px;background:var(--s-sun);border-radius:9px;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;margin:48px 0;position:relative}.newsletter-heading{display:flex;align-items:center;gap:18px}.newsletter h2{font-size:30px;font-style:italic;letter-spacing:-.02em;word-spacing:.06em;margin-top:5px}.newsletter-heading>.mail-art{font-size:53px;line-height:1;transform:rotate(-13deg);display:block}.newsletter-compact{margin:0;padding:22px 24px;gap:20px;border-radius:6px;transform:rotate(-.5deg);grid-template-columns:1fr 1.15fr}.newsletter-compact>*{transform:rotate(.5deg)}.newsletter-compact h2{font-size:25px}.newsletter-compact h2 br{display:none}.newsletter-compact .eyebrow{font-size:9px}.newsletter-compact .mail-art{font-size:42px}.newsletter-form{min-width:0}.input-group{display:flex;background:var(--s-paper);border:1px solid var(--s-ink);border-radius:6px;min-height:45px;overflow:hidden}.input-group input{border:0;background:transparent;min-width:0;width:100%;padding:12px 14px;color:var(--s-ink);font-size:12px}.input-group button{background:var(--s-ink);color:var(--s-paper);font-weight:700;font-size:12px;padding:12px 17px;white-space:nowrap}.input-group input:focus-visible{outline:0;box-shadow:none}.input-group:focus-within{outline:3px solid var(--s-purple);outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.4;margin:8px 0}.consent input{width:14px;height:14px;min-width:14px;margin:0;accent-color:var(--s-purple)}.newsletter-form .small{font-size:9px}.form-status{font-size:12px;font-weight:650;margin-top:8px;line-height:1.5}.form-status:empty{display:none}.form-status[data-state=error]{border:2px solid var(--s-ink);padding:10px;background:var(--s-paper)}.form-status[data-state=success]{padding:10px;background:var(--s-mint)}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.story-card{min-width:0}.card-image{display:block;border-radius:8px;overflow:hidden}.card-image img{width:100%;height:210px;object-fit:cover;object-position:center 40%;transition:transform .25s ease}.card-image:hover img{transform:scale(1.035)}.card-copy{padding-top:16px;min-width:0}.story-card .pill{font-size:9px;padding:5px 8px}.story-card h3{font-size:26px;line-height:1.05;margin:12px 0 9px}.story-card h3 a{text-decoration:none}.story-card h3 a:hover{text-decoration:underline}.story-card p{font-size:12px;line-height:1.5}.text-arrow{display:inline-block;font-size:26px;text-decoration:none;line-height:1;margin-top:12px}.compact-grid .story-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:13px}.compact-grid .card-image img{height:170px}.compact-grid .card-copy{padding:8px 0 0}.compact-grid h3{font-size:22px;margin:10px 0 8px}.compact-grid p{font-size:11px}.compact-grid .text-arrow{font-size:23px;margin-top:10px}.editorial-ticker{margin:44px 0 0;background:var(--s-mint);padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:800 23px/.95 var(--display);letter-spacing:-.035em;transform:rotate(-1deg);border-block:1px solid var(--s-ink)}.editorial-ticker i{font-style:normal;font-size:30px}.section{margin-top:58px}.spotlight{display:grid;grid-template-columns:1fr 1fr;min-height:410px;background:var(--s-purple);color:var(--s-paper);border-radius:12px;overflow:hidden}.spotlight-photo{position:relative;min-height:420px}.spotlight-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 48%}.spotlight-photo .pill{position:absolute;left:24px;top:24px;font-size:14px}.spotlight-copy{padding:48px;position:relative}.spotlight-copy h2{font-size:60px;line-height:.96;margin:20px 0 22px}.spotlight-copy p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:430px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:4px;background:var(--s-purple);color:var(--s-paper);font-size:13px;font-weight:750;text-decoration:none;border:1px solid transparent}.button:hover{background:var(--s-ink);color:var(--s-paper)}.button.outline{background:transparent;color:var(--s-ink);border-color:var(--s-ink)}.spotlight .button{background:var(--s-sun);color:var(--s-ink);margin-top:28px}.spotlight .curve-arrow{position:absolute;right:26px;bottom:24px;transform:rotate(-25deg);width:65px;color:var(--s-mint)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-grid>a{padding:24px 20px;text-decoration:none;border-radius:8px;position:relative;min-height:190px;overflow:hidden}.topic-grid>a>span{font-family:var(--display);font-size:64px;line-height:1;font-weight:500;display:block;margin-bottom:18px}.topic-grid>a:nth-child(2)>span{transform:rotate(-12deg);transform-origin:left center}.topic-grid h3{font-size:26px;max-width:180px}.topic-grid b{position:absolute;right:18px;bottom:18px;font-size:25px}.topic-grid a:hover b{transform:translate(3px,-3px)}.parents-strip{display:grid;grid-template-columns:auto 1.3fr 1fr auto;gap:28px;align-items:center;background:var(--s-coral);padding:30px;margin:50px 0 0;border-radius:8px}.parents-strip h2{font-size:30px}.parents-strip>p{font-size:13px;max-width:210px}.prototype-note{font-size:10px;line-height:1.6;margin:28px 0;max-width:900px}.footer{background:var(--s-ink);color:var(--s-paper);padding:38px 0 20px;margin-top:40px}.footer-top{display:flex;align-items:center;gap:35px}.footer-logo{width:190px;flex-shrink:0;display:block}.footer-logo img{width:100%}.footer-top>p{font-size:13px;line-height:1.4;color:var(--s-mint)}.footer-top nav{display:flex;gap:24px;flex-wrap:wrap;margin-left:auto;font-size:12px}.footer-bottom{display:flex;gap:24px;justify-content:space-between;font-size:10px;border-top:1px solid rgb(255,252,247,.3);margin-top:30px;padding-top:18px}
/* Article and discovery templates keep the new editorial voice, with a calm reading column. */
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;margin:26px 0}.breadcrumbs a{text-decoration:none}.article-header{max-width:950px;margin:30px auto 34px}.article-header h1{font-size:clamp(44px,5.5vw,78px);margin:20px 0;font-style:italic;letter-spacing:-.05em}.dek{font-size:20px;line-height:1.6;max-width:780px}.byline{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:12px}.byline>div{display:flex;flex-direction:column;gap:3px}.byline span:last-child{font-size:11px}.avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--s-mint);font-family:var(--display);font-size:24px;font-weight:800}.article-hero{margin:0}.article-hero img{width:100%;max-height:560px;object-fit:cover;object-position:center 40%;border-radius:12px}.article-hero figcaption{font-size:11px;margin-top:12px;max-width:900px}.article-layout{display:grid;grid-template-columns:190px minmax(0,760px);gap:58px;justify-content:center;margin:48px 0}.toc nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}.toc .eyebrow{border-top:3px solid var(--s-coral);padding-top:15px;margin-bottom:8px}.toc a{font-size:12px;text-decoration:none;line-height:1.5;padding:4px 0}.toc a:hover{text-decoration:underline}.prose{font-size:18px;line-height:1.65;min-width:0}.prose p{margin-bottom:1.4em}.prose h2{font-size:35px;margin:1.5em 0 .6em}.prose h3{font-size:28px;margin-bottom:.6em}.prose li{margin-bottom:1em}.prose ol{padding-left:1.4em}.prose .demo-disclosure{font-size:11px;border-left:3px solid var(--s-purple);padding:8px 14px;background:var(--s-surface);margin-bottom:24px}.lead-paragraph{font-weight:550;font-size:21px}.prose blockquote{margin:36px 0;border-left:5px solid var(--s-coral);padding:16px 28px}.prose blockquote p{font-family:var(--display);font-size:36px;font-style:italic;line-height:1.15;letter-spacing:-.03em;font-weight:750;margin-bottom:14px}.prose cite{font-size:11px;font-style:normal}.fact-box{padding:28px;background:var(--s-mint);border-radius:8px;margin:32px 0}.fact-box .eyebrow{margin-bottom:12px}.fact-box p:last-child{margin-bottom:0}.sources{border-top:1px solid var(--line);margin-top:40px;font-size:14px}.sources h2{font-size:28px}.author-card{padding:24px;background:var(--s-surface);border-radius:8px;display:flex;gap:20px;margin-top:40px}.author-card h2{font-size:22px;margin:0 0 12px}.author-card p{font-size:13px;margin-bottom:0}.author-card .eyebrow{font-size:10px;margin-bottom:8px}.hub-header{padding:38px 42px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:40px}.hub-header h1{font-size:80px;margin:16px 0;font-style:italic}.hub-header p:not(.eyebrow){max-width:560px;font-size:16px}.hub-header>.star{width:180px;transform:rotate(10deg)}.hub-filter{display:flex;gap:24px;align-items:center;padding:24px 0 26px}.hub-filter>span{font-size:12px;font-weight:650}.hub-filter nav{display:flex;gap:8px;flex-wrap:wrap}.hub-filter a,.tags a{font-size:12px;border:1px solid var(--s-ink);border-radius:4px;padding:9px 14px;text-decoration:none;display:inline-block}.hub-filter .active{background:var(--s-ink);color:var(--s-paper)}.hub-lead{height:440px}.pagination{display:flex;justify-content:center;margin:36px 0;font-size:14px;font-weight:650}.search-page{max-width:1000px;padding-top:40px}.search-page h1{margin-top:16px;font-style:italic}.search-form.large{max-width:800px;margin:28px 0 44px}.search-form label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.search-form.large input{font-size:18px;padding:18px}.search-results>.small{margin-bottom:28px}.search-result{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:24px 0;border-top:1px solid var(--line);align-items:center}.search-result img,.result-art{width:220px;height:145px;object-fit:cover;border-radius:7px}.search-result h3{font-size:30px;margin:10px 0}.search-result h3 a{text-decoration:none}.search-result p{font-size:14px}.result-art{font-family:var(--display);font-size:56px;font-weight:800;display:grid;place-items:center}.empty-state{background:var(--s-surface);padding:36px;border-radius:9px}.empty-state p{margin:16px 0 24px}.not-found{text-align:center;padding:36px 0 24px;max-width:760px;margin:auto}.error-number{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:170px;line-height:1;font-weight:800;letter-spacing:-.06em}.error-number .star{width:120px;color:var(--s-coral);margin-inline:12px}.not-found h1{font-size:60px;margin:20px 0;font-style:italic}.not-found>p:not(.eyebrow){max-width:520px;margin:16px auto}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.not-found .actions{justify-content:center}.components-page{padding-top:40px}.components-page>h1{margin:12px 0 24px;font-style:italic}.demo-controls{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.demo-controls button{background:var(--s-surface);padding:12px 16px;border:1px solid var(--s-ink);border-radius:4px;font-size:13px}.components-page .newsletter{margin-top:24px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);padding-top:40px}.contact h2{margin:16px 0 24px}.contact form{display:flex;flex-direction:column;gap:10px}.contact input,.contact textarea{border:1px solid var(--s-ink);border-radius:4px;padding:12px;background:var(--s-paper);width:100%}.contact label{font-size:13px;font-weight:650}.contact .button{align-self:flex-start}.components-page .section:last-child{margin-bottom:60px}.info-page{max-width:850px;margin-top:40px;margin-bottom:60px}.info-page h1{font-size:56px}.info-page code{overflow-wrap:anywhere}.design-index{padding-top:44px;padding-bottom:50px}.design-index>h1{margin:16px 0 24px}.design-index>p:not(.eyebrow){max-width:750px}.review-preview{display:grid;grid-template-columns:1.2fr 1fr;margin-top:35px;background:var(--s-coral);text-decoration:none;border-radius:10px;overflow:hidden}.review-preview>img{width:100%;height:410px;object-fit:cover}.review-preview>span{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:24px}.review-preview b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.review-preview strong{font:800 italic 54px/.98 var(--display);letter-spacing:-.04em}.review-preview i{font-size:14px;font-style:normal;font-weight:650}.prototype-routes{display:flex;gap:12px 24px;flex-wrap:wrap;margin:32px 0;font-size:13px}.prototype-routes a{padding:9px 0}.design-index>.small{font-size:12px}
/* Native accessible dialogs, with explicit tab containment in app.js. */
dialog{border:1px solid var(--s-ink);border-radius:12px;padding:34px;max-width:min(680px,calc(100% - 32px));width:100%;background:var(--s-paper);color:var(--s-ink)}dialog::backdrop{background:rgb(24 19 31/.72)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.dialog-heading h2{font-size:38px;font-style:italic}.close-button{background:var(--s-mint);border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:20px}.mobile-nav{display:flex;flex-direction:column}.mobile-nav a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;text-decoration:none;font-family:var(--display);font-size:27px;font-weight:750}.mobile-nav+p{margin-top:28px;font-size:13px}.tags{display:flex;gap:8px;flex-wrap:wrap}dialog>.eyebrow{margin:26px 0 12px}
/* Responsive art direction: preserve the image story, not a tall stack of empty cards. */
@media(min-width:1700px){.hero{height:530px}.lead-copy h1,.lead-copy h2{font-size:67px}.friend-feature h2{font-size:40px}.image-story h2{font-size:38px}.latest-topline h2{font-size:50px}}
@media(max-width:1250px){.masthead{gap:20px}.logo{width:210px}.brand-manifesto{font-size:16px;min-width:110px;padding-left:17px}.brand-manifesto>span{font-size:26px}.primary-nav{gap:18px;font-size:11px}.primary-nav a:not(:last-child)::after{right:-10px}.hero{height:470px;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr);gap:14px}.lead-copy{left:17px;right:17px;bottom:17px}.lead-copy h1,.lead-copy h2{font-size:47px}.lead-dek p{font-size:11px}.friend-feature{padding:22px 16px}.friend-feature h2{font-size:31px}.friend-feature>.eyebrow{font-size:8px;max-width:110px}.friend-feature .heart-doodle{width:36px;right:10px}.image-story-copy{padding:20px 13px;width:85%}.image-story h2{font-size:28px}.image-story .pill{font-size:9px}.image-story p{font-size:10px;max-width:130px}.tape-note{font-size:17px}.latest-topline{grid-template-columns:.65fr 1.8fr;gap:22px}.latest-topline h2{font-size:38px}.latest-topline h2 br{display:block}.newsletter-compact{padding:20px;gap:16px}.newsletter-compact h2{font-size:23px}.newsletter-compact .mail-art{display:none}.compact-grid{gap:18px}.compact-grid .story-card{grid-template-columns:85px minmax(0,1fr);gap:11px}.compact-grid h3{font-size:19px}.compact-grid .pill{font-size:8px}.compact-grid p{font-size:10px}.compact-grid .card-image img{height:164px}.story-card h3{font-size:24px}.spotlight-copy{padding:38px}.spotlight-copy h2{font-size:53px}.topic-grid h3{font-size:24px}.parents-strip{gap:22px}.parents-strip h2{font-size:27px}}
@media(max-width:1020px){.wrap{width:calc(100% - 40px)}.utility{padding-inline:20px}.masthead{height:98px;gap:18px}.logo{width:190px}.brand-manifesto{display:none}.primary-nav{font-size:11px;gap:18px}.hero{height:auto;grid-template-columns:1.1fr .9fr;gap:16px}.lead-card{grid-column:1/-1;height:460px}.lead-image{object-position:center 30%}.lead-copy{max-width:640px;left:25px;bottom:25px}.lead-copy h1,.lead-copy h2{font-size:59px}.lead-dek p{font-size:14px}.sun-sticker{right:25px;top:25px}.friend-feature{height:340px;padding:26px}.friend-feature h2{font-size:40px;max-width:220px;margin-top:20px}.portrait-paper{left:46%;bottom:-8%;width:55%;height:90%;transform:rotate(-6deg);border-radius:70px 70px 5px 5px}.portrait-paper img{border-radius:60px 60px 0 0;object-position:54% center}.friend-feature .tape-note{top:auto;bottom:20px;right:auto;left:15px;font-size:20px;transform:rotate(-5deg)}.friend-feature>.curve-arrow{top:54%;left:22px;transform:rotate(-35deg)}.friend-feature>.heart-doodle{width:48px;right:18px;top:18px}.friend-feature>.circle-link{right:16px;bottom:16px}.hero-rail{height:340px;gap:14px}.image-story-copy{width:80%;padding:14px}.image-story h2{font-size:28px;margin:10px 0 7px}.image-story p{font-size:10px}.image-story .circle-link{width:33px;height:33px;right:12px;bottom:12px;font-size:23px}.latest-topline{grid-template-columns:.65fr 1.7fr}.latest-topline h2{font-size:38px}.newsletter-compact{grid-template-columns:1fr;gap:14px}.newsletter-compact h2{font-size:25px}.newsletter-compact .eyebrow{display:none}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.compact-grid .story-card{grid-template-columns:110px minmax(0,1fr);gap:16px}.compact-grid h3{font-size:24px}.compact-grid p{font-size:12px}.compact-grid .pill{font-size:10px}.compact-grid .card-image img{height:165px}.editorial-ticker{font-size:19px;padding-inline:17px}.editorial-ticker>span:last-child{display:none}.spotlight-photo{min-height:390px}.spotlight-copy{padding:32px}.spotlight-copy h2{font-size:48px}.spotlight-copy p:not(.eyebrow){font-size:13px}.spotlight .curve-arrow{display:none}.topic-grid{gap:12px}.topic-grid>a{padding:20px 16px}.topic-grid h3{font-size:22px}.parents-strip{grid-template-columns:auto 1fr auto;gap:20px}.parents-strip>p{display:none}.parents-strip h2{font-size:30px}.article-layout{grid-template-columns:165px minmax(0,1fr);gap:30px}.footer-top{gap:25px}.footer-top nav{gap:14px}.footer-logo{width:170px}.footer-top>p{font-size:11px}.story-grid:not(.compact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card-image img{height:240px}.hub-lead .lead-card{height:420px}.hub-lead .lead-copy h2{font-size:54px}.review-preview strong{font-size:45px}}
@media(max-width:800px){.masthead{height:78px}.logo{width:195px}.primary-nav{display:none}.header-actions{margin-left:auto}.menu-button{display:grid}.utility{height:27px;font-size:10px}.utility a>span:first-child{font-size:15px}.hero{margin-top:7px}.latest-topline{grid-template-columns:.7fr 1.3fr;gap:24px}.newsletter-compact h2{font-size:25px}.newsletter-compact .small{font-size:9px}.latest-topline h2{font-size:40px}.section{margin-top:45px}.section-heading h2{font-size:37px}.editorial-ticker{margin-top:35px}.spotlight{min-height:360px}.spotlight-photo{min-height:360px}.spotlight-copy{padding:28px}.spotlight-copy h2{font-size:43px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-grid>a{min-height:170px;padding:20px}.topic-grid>a>span{font-size:52px;margin-bottom:15px}.topic-grid h3{font-size:26px;max-width:230px}.newsletter{gap:24px;padding:26px}.newsletter h2{font-size:29px}.newsletter-heading>.mail-art{display:none}.footer-top{flex-wrap:wrap;align-items:start}.footer-top nav{width:100%;margin-left:0}.footer-bottom{flex-wrap:wrap;gap:10px 24px}.footer-bottom>span{width:100%}.article-header{margin:28px 0}.article-header h1{font-size:58px}.dek{font-size:18px}.article-layout{grid-template-columns:1fr;gap:24px;margin-top:30px}.toc nav{position:static;background:var(--s-surface);padding:20px;border-radius:8px}.toc .eyebrow{border:0;padding:0;margin:0}.toc a{padding:0}.prose{max-width:760px}.prose h2{font-size:32px}.hub-header{padding:30px;gap:24px}.hub-header h1{font-size:66px}.hub-header>.star{width:130px}.hub-filter{align-items:flex-start;flex-direction:column;gap:12px}.search-page{padding-top:30px}.search-result{grid-template-columns:180px 1fr;gap:24px}.search-result img,.result-art{width:180px;height:140px}.search-result h3{font-size:27px}.contact{gap:32px}.review-preview>span{padding:28px}.review-preview strong{font-size:40px}}
@media(max-width:520px){body{font-size:15px}.wrap{width:calc(100% - 28px)}.utility{height:26px;padding-inline:14px;font-size:9px}.utility a{font-size:9px;gap:5px}.utility a>span:first-child{display:none}.masthead{height:71px;gap:12px}.logo{width:182px}.header-actions{gap:7px}.icon-button,.menu-button{width:37px;height:37px}.icon-button svg{width:19px;height:19px}.menu-button>span{width:16px}.hero{margin-top:5px;grid-template-columns:1fr 1fr;gap:12px}.lead-card{height:450px;border-radius:9px}.lead-image{object-position:60% top}.lead-copy{left:14px;right:14px;bottom:14px;max-width:none}.lead-copy>.pill{font-size:12px;padding:7px 10px;margin:0 0 10px 4px}.lead-copy h1,.lead-copy h2{font-size:40px;line-height:1.08;letter-spacing:-.025em;word-spacing:.05em;margin-bottom:12px}.lead-copy h1 span,.lead-copy h2 span{padding-inline:.12em}.lead-dek{padding:10px;gap:10px;border-radius:3px 3px 8px 3px}.lead-dek p{font-size:11px;line-height:1.45}.lead-dek .circle-link{width:35px;height:35px;font-size:25px}.sun-sticker{right:12px;top:12px;width:70px;height:70px;font-size:12px}.friend-feature{height:318px;padding:18px 12px;border-radius:8px 22px 8px 8px}.friend-feature>.eyebrow{font-size:7px;max-width:100px;line-height:1.3}.friend-feature h2{font-size:22px;line-height:1.02;letter-spacing:-.025em;margin-top:22px;max-width:none}.friend-feature>.heart-doodle{width:27px;right:10px;top:9px}.portrait-paper{left:7%;bottom:-4px;width:92%;height:62%;border-width:0;padding:5px;border-radius:45px 45px 0 0;transform:rotate(-7deg)}.portrait-paper img{border-radius:40px 40px 0 0;object-position:53% center}.friend-feature .tape-note{font-size:14px;padding:6px 8px;left:0;bottom:51%;transform:rotate(-5deg)}.friend-feature>.curve-arrow{display:none}.friend-feature>.circle-link{width:31px;height:31px;font-size:23px;bottom:12px;right:12px}.hero-rail{height:318px;gap:12px}.image-story{border-radius:8px}.image-story-copy{padding:12px 10px;width:100%}.image-story .pill{font-size:8px;padding:5px 6px}.image-story h2{font-size:23px;line-height:1.02;margin:10px 0 7px;max-width:150px}.image-story p{font-size:9px;max-width:110px}.image-story .circle-link{width:29px;height:29px;font-size:21px;right:10px;bottom:10px}.image-story>img{object-position:80% 40%}.image-story::after{background:linear-gradient(90deg,rgba(255,252,247,.95),rgba(255,252,247,.7) 30%,rgba(255,252,247,0) 100%)}.image-story.future::after{background:linear-gradient(90deg,rgba(255,252,247,.93),rgba(255,252,247,.5) 50%,rgba(255,252,247,0))}.latest-section{margin-top:28px}.latest-topline{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.latest-topline h2{font-size:36px}.latest-topline h2 br{display:none}.latest-topline .squiggle{width:135px;height:18px;margin-top:5px}.newsletter-compact{grid-template-columns:1fr;padding:20px;gap:15px;border-radius:5px}.newsletter-compact h2{font-size:26px}.newsletter-compact h2 br{display:none}.newsletter-compact .newsletter-heading{gap:12px}.newsletter-compact .mail-art{display:block;font-size:39px}.newsletter-compact .eyebrow{display:block;font-size:8px}.newsletter-compact .consent{font-size:10px}.newsletter-compact .small{font-size:9px}.input-group{min-height:44px}.input-group input{padding:11px;font-size:12px}.input-group button{font-size:11px;padding:11px 14px}.compact-grid{grid-template-columns:1fr;gap:20px}.compact-grid .story-card{grid-template-columns:105px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}.compact-grid .card-image img{height:132px}.compact-grid .card-copy{padding:4px 0 0}.compact-grid .pill{font-size:9px}.compact-grid h3{font-size:24px;margin:10px 0 7px}.compact-grid p{font-size:11px;line-height:1.45}.compact-grid .text-arrow{font-size:22px;margin-top:8px}.editorial-ticker{margin:28px 0 0;padding:13px 12px;font-size:16px;gap:14px;line-height:1.1}.editorial-ticker i{font-size:23px}.editorial-ticker i:last-of-type{display:none}.editorial-ticker>span:nth-of-type(2){max-width:135px}.section{margin-top:36px}.section-heading{gap:15px;margin-bottom:20px;align-items:end}.section-heading h2{font-size:31px;max-width:260px}.section-heading .eyebrow{font-size:9px}.section-heading>a{font-size:10px;max-width:84px;white-space:normal;line-height:1.45;text-align:right}.spotlight{grid-template-columns:1fr;border-radius:9px}.spotlight-photo{min-height:255px}.spotlight-photo img{object-position:center 39%}.spotlight-photo .pill{left:18px;top:18px;font-size:12px}.spotlight-copy{padding:26px 24px 28px}.spotlight-copy h2{font-size:49px;margin:15px 0 18px}.spotlight-copy p:not(.eyebrow){font-size:14px}.spotlight .button{margin-top:22px}.spotlight .curve-arrow{display:block;width:50px;right:17px;bottom:18px}.topic-grid{gap:12px}.topic-grid>a{padding:18px 14px;min-height:168px;border-radius:7px}.topic-grid>a>span{font-size:47px;margin-bottom:18px}.topic-grid h3{font-size:22px;max-width:130px}.topic-grid b{right:12px;bottom:14px;font-size:22px}.parents-strip{grid-template-columns:1fr auto;gap:15px;padding:22px 20px;margin-top:34px}.parents-strip>.pill{grid-column:1/-1;justify-self:start;font-size:10px}.parents-strip h2{font-size:28px}.parents-strip .circle-link{width:36px;height:36px;font-size:25px}.prototype-note{font-size:9px;margin:22px 0}.footer{margin-top:30px;padding-top:26px}.footer-top{gap:20px;justify-content:space-between}.footer-logo{width:160px}.footer-top>p{font-size:11px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:12px;margin-top:4px}.footer-bottom{font-size:9px;line-height:1.5;margin-top:24px}.newsletter{grid-template-columns:1fr;padding:24px;gap:20px;margin:34px 0;border-radius:7px}.newsletter h2{font-size:32px}.newsletter-heading>.mail-art{display:block;font-size:46px}.newsletter-compact{margin:0;padding:20px;gap:15px}.newsletter-compact h2{font-size:26px}.newsletter-compact .mail-art{font-size:39px}.story-grid:not(.compact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card-image img{height:155px}.story-card h3{font-size:23px}.card-copy{padding-top:12px}.story-card .pill{font-size:8px}.story-card p{font-size:11px}.story-card .text-arrow{font-size:23px;margin-top:10px}.breadcrumbs{margin:20px 0;font-size:10px;gap:8px}.article-header{margin:24px 0}.article-header h1{font-size:47px;margin:18px 0}.dek{font-size:18px;line-height:1.6}.byline{gap:10px;align-items:start;font-size:11px}.byline span:last-child{font-size:10px}.article-hero img{border-radius:8px;height:280px;min-height:0;object-position:center 35%}.article-hero figcaption{font-size:10px}.article-layout{margin:28px 0}.prose{font-size:17px;line-height:1.65}.prose h2{font-size:30px;line-height:1.12}.prose h3{font-size:25px}.prose .lead-paragraph{font-size:19px}.prose blockquote{padding:12px 20px;margin:30px 0}.prose blockquote p{font-size:31px}.fact-box{padding:24px}.sources{font-size:13px}.sources h2{font-size:27px}.author-card{padding:20px;gap:13px}.author-card h2{font-size:22px}.author-card .avatar{width:34px;height:34px}.author-card p{font-size:12px}.hub-header{padding:26px 22px;position:relative;overflow:hidden}.hub-header h1{font-size:61px;position:relative;z-index:1;margin:16px 0 20px}.hub-header>.star{position:absolute;top:40px;right:-30px;width:135px;opacity:.16}.hub-header .eyebrow{font-size:9px}.hub-header p:not(.eyebrow){font-size:14px;line-height:1.6}.hub-filter{padding:22px 0}.hub-filter a{font-size:10px;padding:8px 11px}.hub-lead .lead-card{height:420px}.hub-lead .lead-copy h2{font-size:40px}.search-page{padding-top:26px}.search-page h1{font-size:46px}.search-form.large{margin:25px 0 34px}.search-form.large input{font-size:15px;padding:14px}.search-result{grid-template-columns:94px minmax(0,1fr);gap:15px;padding:22px 0;align-items:start}.search-result img,.result-art{width:94px;height:114px}.result-art{font-size:34px}.search-result .eyebrow{font-size:8px}.search-result h3{font-size:23px;margin:8px 0}.search-result p{font-size:12px}.search-results .section-heading h2{font-size:28px}.search-results .section-heading>span{font-size:10px;max-width:85px}.not-found{padding:26px 0 8px}.error-number{font-size:135px}.error-number .star{width:85px;margin-inline:6px}.not-found h1{font-size:43px}.not-found>p:not(.eyebrow){font-size:14px}.not-found>.small{font-size:10px!important}.not-found .actions{flex-direction:column;align-items:stretch;gap:12px}.contact{grid-template-columns:1fr;gap:28px}.components-page{padding-top:28px}.components-page>h1{font-size:46px}.demo-controls{gap:8px}.demo-controls button{font-size:11px;padding:10px 12px}.info-page{margin-block:28px 40px}.info-page h1{font-size:42px}.design-index{padding-top:28px}.design-index>h1{font-size:49px}.review-preview{grid-template-columns:1fr;margin-top:26px}.review-preview>img{height:230px}.review-preview>span{padding:26px;gap:18px}.review-preview strong{font-size:42px}.review-preview b{font-size:10px}.review-preview i{font-size:13px}dialog{padding:24px;max-width:calc(100% - 24px);border-radius:9px}.dialog-heading h2{font-size:31px}.dialog-heading{margin-bottom:24px}.mobile-nav a{font-size:25px;padding:14px 0}.close-button{width:40px;height:40px}.legacy-notice{font-size:10px}}
@media(max-width:375px){.logo{width:165px}.header-actions{gap:5px}.lead-copy h1,.lead-copy h2,.hub-lead .lead-copy h2{font-size:37px}.friend-feature h2{font-size:21px}.image-story h2{font-size:21px}.image-story .pill{font-size:7px}.compact-grid h3{font-size:22px}.compact-grid .story-card{grid-template-columns:96px minmax(0,1fr)}.topic-grid h3{font-size:21px}.parents-strip h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){.circle-link,.button,.topic-grid b,.icon-button,.menu-button{transition:transform .16s ease,background-color .16s ease}}

/* Revision 03: editorial cover, real photography, clean poster surfaces.
   Uses the unchanged master tokens; photos and brand source pixels remain intact. */
.wrap { width: min(1440px, calc(100% - 48px)); }
.utility { height: 28px; padding-inline: max(24px, calc((100vw - 1440px)/2)); }
.masthead { height: 100px; gap: 25px; }
.logo { width: 228px; }
.brand-manifesto { font-size: 17px; min-width: 122px; padding-left: 20px; }
.primary-nav { gap: 23px; font-size: 12px; }
.primary-nav a { padding-block: 16px; }
.primary-nav a:not(:last-child)::after { width: 3px; height: 3px; right: -13px; }
.icon-button { border-color: var(--s-ink); }
.hero { grid-template-columns: minmax(0,1.85fr) minmax(0,.85fr) minmax(0,1fr); gap: 14px; height: 542px; margin-top: 10px; }
.lead-card { border-radius: 6px; }
.lead-image { object-position: 52% 45%; filter: brightness(1.1) saturate(1.06); }
.cover-kicker { position: absolute; top: 20px; left: 22px; background: var(--s-paper); padding: 5px 9px; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; transform: rotate(-2deg); }
.sun-sticker { width: 78px; height: 78px; right: 18px; top: 17px; font-size: 13px; transform: rotate(12deg); }
.lead-copy { left: 22px; right: 22px; bottom: 22px; }
.lead-copy>.pill { font-size: 12px; padding: 8px 11px; margin: 0 0 10px 4px; transform: rotate(-3deg); }
.lead-copy h1, .lead-copy h2 { font-size: clamp(42px,4.15vw,62px); line-height: 1.04; font-style: normal; letter-spacing: -.045em; word-spacing: .02em; transform: rotate(-1.2deg); margin-bottom: 14px; }
.lead-copy h1 span, .lead-copy h2 span { padding: 0 .12em .06em; box-shadow: 2px 2px 0 var(--s-paper); }
.lead-copy h1 em, .lead-copy h2 em { font-style: italic; font-weight: 800; }
.lead-dek { padding: 11px 12px; max-width: 570px; border-radius: 2px; gap: 15px; }
.lead-dek p { font-size: 12px; line-height: 1.45; max-width: 440px; }
.lead-dek .circle-link { height: 40px; width: 40px; font-size: 27px; }
.friend-feature { border-radius: 4px; padding: 24px 22px; background: var(--s-coral); }
.friend-feature>.pill { position: relative; z-index: 3; font-size: 10px; padding: 6px 8px; transform: rotate(-2deg); }
.friend-feature h2 { font-size: clamp(35px,3vw,45px); line-height: .98; letter-spacing: -.035em; margin: 19px 0 12px; transform: none; }
.friend-feature h2 em { font-size: 1em; }
.feature-intro { position: relative; z-index: 3; max-width: 185px; font-size: 12px; line-height: 1.45; }
.portrait-paper { left: 0; bottom: 0; width: 100%; height: 62%; padding: 0; background: transparent; border-radius: 0; transform: none; box-shadow: none; clip-path: polygon(0 8%,100% 0,100% 100%,0 100%); }
.portrait-paper img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: 52% center; }
.tape-note { top: auto; right: auto; left: 14px; bottom: 23px; padding: 8px 12px; background: var(--s-sun); font-size: 21px; line-height: .98; transform: rotate(-7deg); box-shadow: none; }
.feature-star { position: absolute; z-index: 4; right: 13px; top: 35%; color: var(--s-ink); font: 70px/.9 var(--display); transform: rotate(10deg); }
.friend-feature>.circle-link { bottom: 18px; right: 17px; width: 41px; height: 41px; border: 1px solid var(--s-ink); }
.hero-rail { gap: 14px; }
.image-story { border-radius: 4px; background: var(--s-pink); }
.image-story.future { background: var(--s-mint); }
.image-story>img { z-index: -1; width: 57%; height: 100%; right: 0; top: 0; object-position: 78% center; clip-path: polygon(24% 0,100% 0,100% 100%,0 100%); }
.image-story.future>img { object-position: 58% 66%; width: 56%; }
.image-story::after, .image-story.future::after { display: none; }
.image-story-copy { padding: 21px 18px; width: 70%; }
.image-story .pill { font-size: 9px; padding: 6px 8px; transform: rotate(-2deg); }
.image-story h2 { font-size: clamp(27px,2.45vw,36px); line-height: .99; letter-spacing: -.035em; margin: 17px 0 12px; }
.image-story h2 a { background: none; padding: 0; }
.image-story h2 em { font-style: italic; }
.image-story p { display: block; background: none; padding: 0; max-width: 135px; font-size: 10px; font-weight: 550; }
.image-story .circle-link { right: 13px; bottom: 13px; width: 35px; height: 35px; font-size: 24px; }
.latest-section { margin-top: 35px; }
.latest-topline { grid-template-columns: minmax(280px,.75fr) minmax(0,2fr); gap: 35px; margin-bottom: 26px; }
.latest-topline h2 { font-size: 37px; font-style: normal; text-transform: none; line-height: 1.02; letter-spacing: -.035em; word-spacing: 0; }
.latest-topline h2 br { display: block; }
.latest-topline h2 em { font-style: normal; }
.latest-topline .squiggle { width: 155px; height: 18px; margin-top: 7px; color: var(--s-purple); }
.newsletter-compact { padding: 17px 20px; gap: 22px; border-radius: 4px; transform: none; grid-template-columns: .85fr 1.25fr; }
.newsletter-compact>* { transform: none; }
.newsletter-compact .newsletter-heading { gap: 14px; }
.newsletter-compact h2 { font-style: normal; font-size: 26px; line-height: 1; margin: 0; letter-spacing: -.035em; }
.newsletter-compact h2 br { display: block; }
.newsletter-compact .eyebrow { display: none; }
.newsletter-compact .mail-art { display: block; font-size: 39px; }
.newsletter-compact .consent { font-size: 9px; margin: 7px 0; }
.newsletter-compact .small { font-size: 8px; }
.compact-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.compact-grid .story-card { display: block; position: relative; border-top: 1px solid var(--s-ink); padding-top: 12px; }
.compact-grid .card-image { border-radius: 4px; }
.compact-grid .card-image img { height: 185px; object-position: center 48%; }
.compact-grid .story-card:nth-child(1) .card-image img { object-position: center 64%; }
.compact-grid .story-card:nth-child(3) .card-image img { object-position: center 67%; }
.compact-grid .card-copy { padding: 17px 1px 0; }
.compact-grid .pill { font-size: 10px; padding: 6px 8px; }
.compact-grid h3 { font-size: 27px; line-height: 1.03; margin: 12px 0 10px; letter-spacing: -.035em; }
.compact-grid p { font-size: 12px; max-width: 250px; }
.compact-grid .text-arrow { margin-top: 13px; font-size: 25px; }
.editorial-ticker { margin-top: 38px; border: 0; padding: 18px 24px; background: var(--s-ink); color: var(--s-paper); font-size: 24px; transform: rotate(-.7deg); }
.editorial-ticker i { color: var(--s-mint); }
.spotlight { border-radius: 5px; grid-template-columns: 1.05fr 1fr; }
.spotlight-photo img { object-position: center 61%; }
.spotlight-copy { padding: 50px; }
.spotlight-copy h2 { font-size: 65px; letter-spacing: -.045em; }
.topic-grid>a { border-radius: 4px; min-height: 205px; }
.topic-grid>a>span { font-size: 58px; }
.topic-grid h3 { font-size: 28px; }
.parents-strip { border-radius: 4px; }
.article-header { max-width: 1010px; margin-block: 32px 35px; }
.article-header h1 { font-style: normal; font-size: clamp(45px,5.6vw,81px); letter-spacing: -.045em; line-height: 1.02; }
.article-header h1 em { color: var(--s-ink); }
.article-hero img { border-radius: 4px; filter: brightness(1.08) saturate(1.04); }
.hub-header, .search-result img, .result-art, .author-card, .fact-box { border-radius: 4px; }
.hub-header h1, .search-page h1, .not-found h1, .components-page>h1 { font-style: normal; }
.dialog-heading h2 { font-style: normal; }

@media (min-width:1700px) {
  .hero { height: 565px; }
  .lead-copy h1, .lead-copy h2 { font-size: 65px; }
  .friend-feature h2 { font-size: 47px; }
  .image-story h2 { font-size: 38px; }
}
@media (max-width:1250px) {
  .logo { width: 205px; }
  .masthead { gap: 20px; }
  .brand-manifesto { min-width: 105px; padding-left: 17px; font-size: 15px; }
  .primary-nav { gap: 19px; font-size: 11px; }
  .primary-nav a:not(:last-child)::after { right: -11px; }
  .hero { height: 500px; gap: 12px; }
  .lead-copy { left: 17px; right: 17px; bottom: 17px; }
  .lead-copy h1, .lead-copy h2 { font-size: 46px; }
  .lead-dek p { font-size: 11px; }
  .friend-feature { padding: 21px 16px; }
  .friend-feature h2 { font-size: 35px; }
  .feature-intro { font-size: 11px; max-width: 150px; }
  .feature-star { font-size: 56px; top: 37%; }
  .image-story-copy { padding: 20px 14px; width: 74%; }
  .image-story h2 { font-size: 29px; }
  .image-story p { max-width: 115px; font-size: 9px; }
  .image-story .pill { font-size: 8px; }
  .latest-topline { grid-template-columns: minmax(240px,.75fr) minmax(0,2fr); gap: 25px; }
  .latest-topline h2 { font-size: 32px; }
  .newsletter-compact { padding: 17px; gap: 18px; grid-template-columns: .85fr 1.25fr; }
  .newsletter-compact h2 { font-size: 24px; }
  .newsletter-compact .mail-art { display: none; }
  .compact-grid { gap: 18px; }
  .compact-grid .card-image img { height: 170px; }
  .compact-grid h3 { font-size: 25px; }
  .spotlight-copy { padding: 38px; }
  .spotlight-copy h2 { font-size: 56px; }
}
@media (max-width:1020px) {
  .wrap { width: calc(100% - 40px); }
  .utility { padding-inline: 20px; }
  .masthead { height: 88px; }
  .hero { height: auto; grid-template-columns: 1.05fr .95fr; gap: 16px; }
  .lead-card { height: 470px; grid-column: 1/-1; }
  .lead-image { object-position: 52% 43%; }
  .lead-copy { left: 24px; right: 24px; bottom: 24px; max-width: 680px; }
  .lead-copy h1, .lead-copy h2 { font-size: 61px; }
  .lead-dek p { font-size: 13px; }
  .friend-feature { height: 340px; padding: 26px; }
  .friend-feature h2 { font-size: 44px; max-width: 240px; margin-top: 21px; }
  .feature-intro { font-size: 12px; max-width: 155px; }
  .portrait-paper { left: auto; right: 0; width: 58%; height: 87%; bottom: 0; transform: none; border-radius: 0; clip-path: polygon(28% 0,100% 0,100% 100%,0 100%); }
  .portrait-paper img { border-radius: 0; object-position: 50% center; }
  .friend-feature .tape-note { left: 23px; bottom: 24px; font-size: 21px; transform: rotate(-6deg); }
  .feature-star { top: 16px; right: 19px; font-size: 48px; }
  .hero-rail { height: 340px; gap: 14px; }
  .image-story-copy { padding: 15px 17px; }
  .image-story h2 { font-size: 28px; margin: 11px 0 7px; }
  .image-story h2 br:nth-child(2) { display: none; }
  .image-story p { font-size: 9px; }
  .image-story>img { width: 55%; }
  .latest-topline { grid-template-columns: .75fr 1.5fr; gap: 25px; }
  .latest-topline h2 { font-size: 32px; }
  .newsletter-compact { grid-template-columns: 1fr; gap: 13px; }
  .newsletter-compact h2 { font-size: 27px; }
  .newsletter-compact h2 br { display: none; }
  .compact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
  .compact-grid .card-image img { height: 220px; }
  .compact-grid h3 { font-size: 28px; }
  .spotlight-copy { padding: 30px; }
  .spotlight-copy h2 { font-size: 48px; }
  .topic-grid h3 { font-size: 24px; }
  .hub-lead .lead-copy h2 { font-size: 59px; }
}
@media (max-width:800px) {
  .masthead { height: 78px; }
  .logo { width: 195px; }
  .primary-nav { display: none; }
  .latest-topline { grid-template-columns: 1fr 1.5fr; }
  .latest-topline h2 { font-size: 34px; }
  .newsletter-compact h2 { font-size: 24px; }
  .image-story-copy { padding: 15px; width: 82%; }
  .image-story h2 { font-size: 27px; }
  .image-story p { display: none; }
  .feature-intro { max-width: 130px; }
  .spotlight-copy h2 { font-size: 46px; }
  .article-header h1 { font-size: 60px; }
  .topic-grid h3 { font-size: 28px; }
}
@media (max-width:520px) {
  .wrap { width: calc(100% - 28px); }
  .utility { height: 25px; padding-inline: 14px; }
  .masthead { height: 72px; gap: 12px; }
  .logo { width: 182px; }
  .icon-button, .menu-button { width: 38px; height: 38px; }
  .hero { margin-top: 6px; gap: 12px; grid-template-columns: 1fr 1fr; }
  .lead-card { height: 435px; border-radius: 5px; }
  .lead-image { object-position: 57% 43%; }
  .cover-kicker { top: 15px; left: 14px; font-size: 8px; padding: 5px 7px; }
  .sun-sticker { right: 12px; top: 12px; width: 66px; height: 66px; font-size: 11px; }
  .lead-copy { left: 12px; right: 12px; bottom: 14px; max-width: none; }
  .lead-copy>.pill { font-size: 10px; padding: 6px 8px; margin-bottom: 9px; }
  .lead-copy h1, .lead-copy h2 { font-size: 35px; line-height: 1.06; margin-bottom: 12px; letter-spacing: -.04em; word-spacing: 0; }
  .lead-copy h1 span, .lead-copy h2 span { padding-inline: .12em; }
  .lead-dek { padding: 10px; gap: 9px; border-radius: 2px; }
  .lead-dek p { font-size: 10px; line-height: 1.45; }
  .lead-dek .circle-link { width: 33px; height: 33px; font-size: 24px; }
  .friend-feature { height: 319px; border-radius: 4px; padding: 17px 13px; }
  .friend-feature>.pill { font-size: 8px; padding: 5px 6px; }
  .friend-feature h2 { font-size: 30px; margin: 17px 0 10px; line-height: .98; letter-spacing: -.035em; }
  .feature-intro { max-width: 125px; font-size: 9px; line-height: 1.4; }
  .portrait-paper { width: 100%; height: 53%; left: 0; right: 0; bottom: 0; clip-path: polygon(0 9%,100% 0,100% 100%,0 100%); padding: 0; }
  .portrait-paper img { object-position: 51% center; }
  .friend-feature .tape-note { left: 8px; bottom: 13px; font-size: 16px; padding: 6px 8px; }
  .feature-star { font-size: 36px; top: 43%; right: 7px; }
  .friend-feature>.circle-link { width: 31px; height: 31px; font-size: 22px; bottom: 12px; right: 9px; }
  .hero-rail { height: 319px; gap: 12px; }
  .image-story { border-radius: 4px; }
  .image-story-copy { padding: 12px 10px; width: 90%; }
  .image-story .pill { font-size: 7px; padding: 5px 6px; white-space: nowrap; }
  .image-story h2 { font-size: 23px; line-height: 1; margin: 12px 0 0; letter-spacing: -.035em; }
  .image-story h2 br:nth-child(2) { display: block; }
  .image-story>img, .image-story.future>img { width: 51%; object-position: 80% 45%; clip-path: polygon(40% 0,100% 0,100% 100%,0 100%); }
  .image-story.future>img { object-position: 60% 67%; }
  .image-story .circle-link { width: 28px; height: 28px; right: 8px; bottom: 9px; font-size: 20px; }
  .latest-section { margin-top: 29px; }
  .latest-topline { grid-template-columns: 1fr; gap: 22px; margin-bottom: 23px; }
  .latest-topline h2 { font-size: 33px; }
  .latest-topline h2 br { display: none; }
  .latest-topline .squiggle { width: 130px; margin-top: 7px; }
  .newsletter-compact { padding: 18px; gap: 15px; margin: 0; border-radius: 4px; }
  .newsletter-compact .newsletter-heading { gap: 14px; }
  .newsletter-compact h2 { font-size: 26px; line-height: 1.02; }
  .newsletter-compact h2 br { display: block; }
  .newsletter-compact .mail-art { display: block; font-size: 40px; }
  .newsletter-compact .consent { font-size: 10px; }
  .newsletter-compact .small { font-size: 9px; }
  .compact-grid { grid-template-columns: 1fr; gap: 21px; }
  .compact-grid .story-card { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 15px; padding-top: 16px; border-bottom: 0; padding-bottom: 0; }
  .compact-grid .card-image img { height: 155px; }
  .compact-grid .card-copy { padding-top: 2px; }
  .compact-grid .pill { font-size: 8px; padding: 5px 7px; }
  .compact-grid h3 { font-size: 24px; margin: 10px 0 9px; }
  .compact-grid p { font-size: 11px; }
  .compact-grid .text-arrow { font-size: 23px; margin-top: 9px; }
  .editorial-ticker { padding: 15px 12px; margin-top: 31px; font-size: 17px; gap: 14px; }
  .spotlight { grid-template-columns: 1fr; }
  .spotlight-copy { padding: 27px 24px 30px; }
  .spotlight-copy h2 { font-size: 50px; }
  .spotlight-photo img { object-position: center 59%; }
  .topic-grid>a { min-height: 180px; padding: 20px 15px; }
  .topic-grid h3 { font-size: 23px; }
  .topic-grid>a>span { font-size: 50px; }
  .article-header h1 { font-size: 43px; line-height: 1.04; }
  .hub-lead .lead-copy h2 { font-size: 35px; }
}
@media (max-width:375px) {
  .logo { width: 165px; }
  .lead-copy h1, .lead-copy h2, .hub-lead .lead-copy h2 { font-size: 32px; }
  .lead-copy { left: 11px; right: 11px; }
  .friend-feature h2 { font-size: 28px; }
  .image-story h2 { font-size: 21px; }
  .latest-topline h2 { font-size: 30px; }
  .compact-grid .story-card { grid-template-columns: 100px minmax(0,1fr); gap: 13px; }
  .compact-grid h3 { font-size: 23px; }
}

/* Final V3 legibility pass: keep secondary headlines on opaque colour. */
.lead-copy h1, .lead-copy h2 { letter-spacing: -.025em; word-spacing: .03em; }
@media (max-width:520px) {
  .lead-copy h1, .lead-copy h2 { font-size: 34px; letter-spacing: -.025em; word-spacing: .03em; }
  .image-story>img, .image-story.future>img { width: 36%; clip-path: polygon(25% 0,100% 0,100% 100%,0 100%); }
  .image-story h2 { font-size: 21px; letter-spacing: -.025em; }
  .image-story-copy { width: 80%; }
}
@media (max-width:375px) {
  .lead-copy h1, .lead-copy h2, .hub-lead .lead-copy h2 { font-size: 31px; }
  .image-story h2 { font-size: 19px; }
}

/* Editorial density: keep the next stories readable in the opening viewport. */
@media (min-width:1021px) {
  .latest-topline h2 { font-size: 39px; }
  .latest-topline h2 br { display: none; }
  .compact-grid .story-card { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 14px; }
  .compact-grid .card-image img { height: 150px; }
  .compact-grid .card-copy { padding-top: 1px; }
  .compact-grid h3 { font-size: 23px; margin: 11px 0 8px; }
  .compact-grid p { font-size: 11px; }
  .compact-grid .pill { font-size: 9px; padding: 5px 7px; }
  .compact-grid .text-arrow { font-size: 23px; margin-top: 9px; }
}
@media (min-width:1021px) and (max-width:1250px) {
  .latest-topline h2 { font-size: 33px; }
  .compact-grid .story-card { grid-template-columns: 78px minmax(0,1fr); gap: 11px; }
  .compact-grid .card-image img { height: 145px; }
  .compact-grid h3 { font-size: 20px; }
  .compact-grid .pill { font-size: 8px; }
  .compact-grid p { font-size: 10px; }
}
@media (max-width:520px) {
  .latest-topline h2 { font-size: 35px; }
}