@font-face {
  font-family:"Fraunces Soft";
  src:url("/assets/fonts/Fraunces72ptSoft-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:"Newsreader";
  src:url("/assets/fonts/Newsreader-Latin.woff2") format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}
@font-face {
  font-family:"Newsreader";
  src:url("/assets/fonts/Newsreader-Italic-Latin.woff2") format("woff2");
  font-style:italic;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:"Fraunces Soft";
  src:url("/assets/fonts/Fraunces72ptSoft-SemiBold.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
@font-face {
  font-family:"Fraunces Soft";
  src:url("/assets/fonts/Fraunces72ptSoft-Italic.woff2") format("woff2");
  font-style:italic;
  font-weight:400;
  font-display:swap;
}

:root {
  --paper:#f4efe6;
  --ink:#17231f;
  --orange:#d96c3b;
  --sage:#9daa99;
  --line:rgba(23,35,31,.18);
  --font-sans:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Newsreader",Georgia,serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans), sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.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-link { position:fixed; left:16px; top:12px; z-index:200; padding:10px 14px; background:var(--ink); color:var(--paper); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
[hidden] { display:none!important; }

.site-header { min-height:104px; display:flex; align-items:center; justify-content:space-between; padding:20px 4vw; border-bottom:1px solid var(--line); }
.wordmark { font-family:var(--font-display),serif; font-size:17px; line-height:.9; letter-spacing:-.02em; display:flex; flex-direction:column; }
.wordmark span:last-child { color:var(--orange); }
nav { display:flex; align-items:center; gap:36px; font-size:13px; font-weight:600; }
nav a { transition:opacity .2s; } nav a:hover { opacity:.55; }
.nav-cta { border:1px solid var(--ink); padding:13px 18px; border-radius:100px; }

.hero { position:relative; min-height:720px; padding:54px 4vw 70px; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-kicker,.eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:.16em; font-weight:700; }
.hero-kicker { display:flex; align-items:center; gap:10px; }
.hero-kicker span { width:26px; height:1px; background:var(--orange); }
h1,h2,h3,p { margin-top:0; }
.hero h1 { position:relative; z-index:2; margin:52px 0 44px; font-family:var(--font-display),serif; font-size:clamp(84px,12.6vw,188px); font-weight:400; line-height:.86; letter-spacing:-.045em; }
.hero h1 em { color:var(--orange); font-weight:400; }
.hero-bottom { position:relative; z-index:3; margin-left:49%; max-width:610px; display:flex; align-items:flex-end; gap:44px; }
.hero-bottom p { max-width:470px; font-size:18px; line-height:1.55; }
.circle-link { display:grid; place-items:center; flex:0 0 48px; height:48px; border:1px solid var(--ink); border-radius:50%; transition:.2s; }
.circle-link:hover { background:var(--ink); color:var(--paper); transform:translateY(4px); }
.hero-art { position:absolute; right:-4vw; bottom:-95px; width:48vw; height:400px; opacity:.9; }
.sun { position:absolute; width:245px; height:245px; right:6vw; top:0; border-radius:50%; background:var(--orange); }
.bridge { position:absolute; border:8px solid var(--sage); border-bottom:0; border-radius:50% 50% 0 0; transform:rotate(-7deg); }
.bridge-one { width:530px; height:180px; right:10vw; bottom:70px; }
.bridge-two { width:365px; height:125px; right:3vw; bottom:54px; }
.art-label { position:absolute; right:8vw; bottom:30px; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }

.featured,.stories,.manifesto,.newsletter,footer { padding:90px 4vw; }
.section-label { display:flex; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--line); text-transform:uppercase; letter-spacing:.14em; font-size:10px; }
.featured-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:9vw; padding-top:60px; }
.featured h2,.stories h2,.manifesto h2,.newsletter h2 { font-family:var(--font-display),serif; font-weight:400; letter-spacing:-.035em; }
.featured h2 { max-width:920px; margin:20px 0 0; font-size:clamp(48px,6.6vw,102px); line-height:.98; }
.featured-copy { padding-top:38px; }
.featured-copy p { font-size:16px; line-height:1.7; color:rgba(23,35,31,.73); }
.featured-copy a,.post-card>a { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid currentColor; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }

.stories { background:var(--ink); color:var(--paper); }
.stories-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; }
.stories h2 { margin:10px 0 0; font-size:clamp(60px,8vw,120px); line-height:.96; }
.stories-heading>p { color:rgba(244,239,230,.62); font-size:13px; line-height:1.6; }
.search-box { max-width:470px; display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid rgba(244,239,230,.3); margin-bottom:32px; }
.search-box input { width:100%; border:0; outline:0; background:transparent; color:var(--paper); }
.search-box input::placeholder { color:rgba(244,239,230,.45); }
.post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.post-card { min-height:590px; padding:24px; display:flex; flex-direction:column; color:var(--ink); background:#f4efe6; transition:transform .25s ease; }
.post-card:hover { transform:translateY(-8px); }
.card-top,.post-meta { display:flex; justify-content:space-between; font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.card-art { position:relative; aspect-ratio:3/2; margin:28px -2px 30px; overflow:hidden; background:#e8dfd0; }
.card-art img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.post-card:hover .card-art img { transform:scale(1.025); }
.post-meta { padding-top:18px; border-top:1px solid var(--line); color:rgba(23,35,31,.6); }
.post-card h3 { font-family:var(--font-display),serif; font-size:36px; font-weight:600; line-height:1.04; letter-spacing:-.025em; margin:23px 0 16px; }
.post-card p { color:rgba(23,35,31,.7); font-size:13px; line-height:1.6; }
.post-card>a { margin-top:auto; }
.empty-state { padding:40px 0; color:rgba(244,239,230,.65); }

.manifesto { min-height:680px; display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; border-bottom:1px solid var(--line); }
.manifesto-mark { align-self:center; font-family:var(--font-display),serif; color:var(--orange); font-size:380px; line-height:.7; }
.manifesto-copy { align-self:center; }
.manifesto h2 { font-size:clamp(58px,7vw,108px); line-height:.96; margin:18px 0 32px; }
.manifesto p { max-width:660px; font-size:17px; line-height:1.7; color:rgba(23,35,31,.73); }
.topic-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
.topic-list span { padding:10px 16px; border:1px solid var(--line); border-radius:100px; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }

.newsletter { background:var(--orange); min-height:440px; display:grid; grid-template-columns:1.3fr .7fr; gap:8vw; align-items:center; }
.newsletter h2 { margin:18px 0 0; font-size:clamp(56px,7vw,106px); line-height:.96; }
.newsletter-action p { max-width:420px; line-height:1.6; }
.newsletter-action a { display:flex; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--ink); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }

footer { background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1.5fr 1fr .5fr; gap:40px; align-items:start; }
.footer-wordmark { font-family:var(--font-display),serif; font-size:42px; line-height:.92; }
footer>div { display:flex; flex-direction:column; gap:10px; font-size:12px; color:rgba(244,239,230,.66); }
.disclaimer { grid-column:1/-1; margin-top:60px; padding-top:20px; border-top:1px solid rgba(244,239,230,.15); font-size:10px; color:rgba(244,239,230,.45); }

/* Article experience */
.reading-progress { position:fixed; inset:0 0 auto; height:3px; z-index:100; background:rgba(23,35,31,.08); }
.reading-progress span { display:block; height:100%; background:var(--orange); transition:width .08s linear; }
.article-header { background:rgba(244,239,230,.92); backdrop-filter:blur(14px); }
.article-hero { padding:46px 4vw 0; overflow:hidden; }
.back-link { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 28px; margin:82px 0 26px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; }
.article-meta span:first-child { color:var(--orange); }
.article-hero h1 { max-width:1240px; margin:0; font-family:var(--font-display),serif; font-size:clamp(60px,8.8vw,132px); font-weight:400; line-height:1.04; letter-spacing:-.03em; }
.article-deck { max-width:720px; margin:42px 0 64px 34%; font-size:clamp(18px,2vw,27px); line-height:1.5; color:rgba(23,35,31,.7); }
.article-cover { position:relative; height:clamp(320px,42vw,620px); overflow:hidden; margin:0 -4vw; background:var(--ink); color:var(--paper); }
.article-cover::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(to bottom,transparent,rgba(23,35,31,.58)); pointer-events:none; }
.article-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.article-cover span { position:absolute; z-index:1; left:4vw; bottom:32px; font-size:10px; text-transform:uppercase; letter-spacing:.18em; }

.article-layout { display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,760px) minmax(40px,1fr); gap:7vw; padding:100px 4vw 130px; }
.article-toc { position:sticky; top:42px; align-self:start; max-width:260px; }
.article-toc ol { list-style:none; padding:20px 0 0; margin:20px 0 0; border-top:1px solid var(--line); }
.article-toc li { border-bottom:1px solid var(--line); }
.article-toc a { display:flex; gap:14px; padding:13px 0; font-size:11px; line-height:1.35; color:rgba(23,35,31,.67); }
.article-toc a span { color:var(--orange); font-size:9px; }
.article-body { grid-column:2; font-size:17px; line-height:1.82; }
.article-body>p,.article-body section>p { margin-bottom:25px; }
.article-lead { font-family:var(--font-display),serif; font-size:clamp(31px,3.3vw,48px); line-height:1.15; letter-spacing:-.03em; color:var(--ink); }
.article-body section { scroll-margin-top:32px; padding-top:88px; }
.article-body h2 { margin:10px 0 30px; font-family:var(--font-display),serif; font-size:clamp(42px,5vw,70px); font-weight:600; line-height:1.04; letter-spacing:-.03em; }
.article-body h2 small { display:block; margin-top:12px; font-family:var(--font-sans),sans-serif; font-size:11px; font-weight:700; line-height:1.3; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); }
.article-body h3 { font-family:var(--font-display),serif; font-size:29px; line-height:1.05; }
.article-body a { color:#9f4c29; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.section-number { display:block; color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.article-callout { margin:36px 0; padding:26px 30px; border-left:3px solid var(--orange); background:rgba(217,108,59,.08); }
.article-callout strong,.best-for strong { font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.article-callout p { margin:8px 0 0!important; }
.account-map { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:38px 0; }
.account-map div { min-height:210px; padding:22px; background:var(--ink); color:var(--paper); display:flex; flex-direction:column; }
.account-map strong { font-family:var(--font-display),serif; font-size:36px; }
.account-map span { margin-top:3px; color:var(--orange); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.account-map p { margin:auto 0 0!important; font-size:12px; line-height:1.55; color:rgba(244,239,230,.65); }
.big-number { margin:40px 0; display:flex; align-items:end; gap:24px; padding:32px 0; border-block:1px solid var(--line); }
.big-number strong { font-family:var(--font-display),serif; font-size:110px; line-height:.7; color:var(--orange); }
.big-number span { max-width:220px; font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.12em; }
.check-list { padding:0; margin:28px 0; list-style:none; }
.check-list li { position:relative; padding:16px 0 16px 34px; border-bottom:1px solid var(--line); }
.check-list li::before { content:"✓"; position:absolute; left:0; top:16px; color:var(--orange); font-weight:700; }
.check-list.numbered { counter-reset:check; }
.check-list.numbered li::before { content:counter(check,decimal-leading-zero); counter-increment:check; font-size:10px; }
.split-note { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:34px 0; }
.split-note>div { padding:28px; border:1px solid var(--line); }
.split-note strong { display:block; margin-bottom:12px; font-family:var(--font-display),serif; font-size:29px; }
.split-note p { margin:0!important; font-size:14px; line-height:1.65; color:rgba(23,35,31,.72); }
blockquote { margin:55px 0 0; padding:0 0 0 30px; border-left:1px solid var(--orange); font-family:var(--font-display),serif; font-size:38px; line-height:1.12; letter-spacing:-.03em; }
.best-for { margin:22px 0 30px!important; color:rgba(23,35,31,.72); }
.detail-list { list-style:none; padding:0; margin:25px 0; border-top:1px solid var(--line); }
.detail-list li { display:grid; grid-template-columns:150px 1fr; gap:24px; padding:18px 0; border-bottom:1px solid var(--line); }
.detail-list strong { font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.detail-list span { color:rgba(23,35,31,.72); }
.decision-list { margin:35px 0; border-top:1px solid var(--line); }
.decision-list div { display:flex; align-items:center; justify-content:space-between; padding:19px 0; border-bottom:1px solid var(--line); }
.decision-list strong { font-family:var(--font-display),serif; font-size:36px; color:var(--orange); }
.process-list { margin:34px 0 40px; }
.process-list>div { display:grid; grid-template-columns:46px 210px 1fr; gap:22px; padding:25px 0; border-top:1px solid var(--line); }
.process-list>div>span { color:var(--orange); font-size:10px; }
.process-list h3 { margin:0; }
.process-list p { margin:0!important; font-size:14px; color:rgba(23,35,31,.72); }
.timeline-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:35px 0; }
.timeline-grid div { min-height:150px; padding:24px; background:rgba(157,170,153,.2); display:flex; flex-direction:column; justify-content:space-between; }
.timeline-grid strong { font-family:var(--font-display),serif; font-size:36px; line-height:1; }
.timeline-grid span { font-size:10px; line-height:1.5; text-transform:uppercase; letter-spacing:.1em; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; padding:20px 36px 20px 0; font-family:var(--font-display),serif; font-size:25px; line-height:1.15; }
.faq-list p { padding:0 0 22px; margin:0!important; color:rgba(23,35,31,.72); }
.article-disclaimer { margin:0 4vw 100px calc(4vw + min(28vw,340px)); max-width:760px; padding:34px; background:rgba(157,170,153,.18); }
.article-disclaimer p { margin:12px 0 0; font-size:13px; line-height:1.7; color:rgba(23,35,31,.7); }
.related-stories { padding:90px 4vw; background:var(--orange); }
.related-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:36px; }
.related-grid>a { min-height:310px; padding:28px; border:1px solid rgba(23,35,31,.32); display:flex; flex-direction:column; transition:.2s; }
.related-grid>a:hover { background:var(--ink); color:var(--paper); transform:translateY(-4px); }
.related-grid>a>span { font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.related-stories h2 { max-width:570px; margin:18px 0 30px; font-family:var(--font-display),serif; font-size:45px; font-weight:600; line-height:1.02; letter-spacing:-.025em; }
.related-grid strong { margin-top:auto; font-family:var(--font-display),serif; font-size:34px; line-height:1; letter-spacing:-.03em; }
.related-grid em { margin-top:28px; font-style:normal; }
.error-page { min-height:65vh; padding:10vw 4vw; }
.error-page h1 { max-width:900px; margin:20px 0 28px; font-family:var(--font-display),serif; font-size:clamp(64px,10vw,150px); font-weight:400; line-height:.9; letter-spacing:-.04em; }
.error-page p { max-width:560px; margin-bottom:38px; font-size:18px; line-height:1.6; }
.error-page pre { max-width:900px; overflow:auto; padding:18px; background:rgba(23,35,31,.08); }

/* Temporary typography comparison */
.type-preview { padding:70px 4vw 110px; }
.type-preview-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:8vw; align-items:end; padding-bottom:64px; }
.type-preview-intro .eyebrow { grid-column:1/-1; }
.type-preview-intro h1 { margin:0; font-family:var(--font-display),serif; font-size:clamp(62px,8vw,126px); font-weight:400; line-height:.9; letter-spacing:-.04em; }
.type-preview-intro p { max-width:520px; margin:0 0 10px; font-size:17px; line-height:1.7; color:rgba(23,35,31,.7); }
.type-preview-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }
.type-option { --option-serif:var(--font-display); min-width:0; background:#f7f2e9; }
.type-option-aeon { --option-serif:"Newsreader",Georgia,serif; }
.type-option-medium { --option-serif:"Fraunces Soft",Georgia,serif; border-left:1px solid var(--line); }
.type-option-label { min-height:92px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); text-transform:uppercase; letter-spacing:.11em; font-size:9px; }
.type-option-label div { display:flex; flex-direction:column; gap:5px; }
.type-option-label strong { font-size:13px; letter-spacing:.06em; }
.type-option-label>span { color:rgba(23,35,31,.55); text-align:right; }
.type-sample-hero { min-height:520px; padding:48px 32px; border-bottom:1px solid var(--line); }
.type-sample-hero>span,.type-sample-article>span { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.15em; }
.type-sample-hero h2 { margin:72px 0 34px; font-family:var(--option-serif),serif; font-size:clamp(52px,5.5vw,86px); font-weight:400; line-height:.91; letter-spacing:-.04em; }
.type-option-aeon .type-sample-hero h2 { letter-spacing:-.025em; line-height:.94; }
.type-sample-hero h2 em { color:var(--orange); font-weight:400; }
.type-sample-hero p { max-width:440px; font-size:14px; line-height:1.65; color:rgba(23,35,31,.68); }
.type-sample-article { padding:48px 32px 58px; }
.type-sample-article h3 { margin:28px 0 24px; font-family:var(--option-serif),serif; font-size:clamp(42px,4vw,64px); font-weight:600; line-height:1; letter-spacing:-.03em; }
.type-option-aeon .type-sample-article h3 { font-weight:500; letter-spacing:-.02em; line-height:1.04; }
.type-deck { min-height:84px; margin-bottom:30px; font-size:16px; line-height:1.55; color:rgba(23,35,31,.68); }
.type-sample-article img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.type-body { margin:36px 0 0; font-family:var(--option-serif),serif; font-size:22px; line-height:1.48; }
.type-body strong { font-weight:600; }
.type-preview-note { max-width:920px; margin:72px auto 0; padding:38px 42px; border-left:3px solid var(--orange); background:rgba(217,108,59,.08); }
.type-preview-note p { margin:14px 0 0; font-size:18px; line-height:1.7; }

@media (max-width:900px) {
  nav>a:not(.nav-cta) { display:none; }
  .hero { min-height:650px; }
  .hero h1 { font-size:19vw; margin-top:80px; }
  .hero-bottom { margin-left:0; width:85%; }
  .hero-art { width:90vw; right:-28vw; opacity:.42; }
  .featured-grid,.newsletter { grid-template-columns:1fr; }
  .featured-copy { padding-top:0; }
  .post-grid { grid-template-columns:1fr; }
  .post-card { min-height:500px; }
  .manifesto { grid-template-columns:1fr; }
  .manifesto-mark { display:none; }
  footer { grid-template-columns:1fr 1fr; }
  .footer-wordmark { grid-column:1/-1; }
  .article-deck { margin-left:20%; }
  .article-layout { grid-template-columns:1fr; padding-top:72px; }
  .article-toc { display:none; }
  .article-body { grid-column:1; max-width:760px; margin:auto; }
  .article-disclaimer { margin-left:4vw; }
  .type-preview-intro { grid-template-columns:1fr; }
  .type-preview-grid { grid-template-columns:1fr; }
  .type-option-medium { border-left:0; border-top:1px solid var(--line); }
}
@media (max-width:560px) {
  .site-header { min-height:82px; }
  .nav-cta { padding:10px 13px; font-size:11px; }
  .hero { padding-top:40px; min-height:610px; }
  .hero h1 { font-size:21.5vw; line-height:.9; margin:90px 0 50px; }
  .hero-bottom p { font-size:15px; }
  .circle-link { display:none; }
  .featured,.stories,.manifesto,.newsletter,footer { padding:68px 5vw; }
  .featured-grid { padding-top:40px; }
  .stories-heading { align-items:start; flex-direction:column; gap:24px; }
  .stories-heading>p { display:none; }
  .post-card h3 { font-size:34px; }
  .manifesto { min-height:620px; }
  .newsletter { min-height:520px; }
  footer { grid-template-columns:1fr; }
  .footer-wordmark { grid-column:auto; }
  .article-hero { padding-top:30px; }
  .article-meta { margin-top:58px; }
  .article-hero h1 { font-size:15.5vw; line-height:1.06; }
  .article-deck { margin:30px 0 46px; font-size:17px; }
  .article-cover { height:250px; }
  .article-layout { padding:55px 5vw 85px; }
  .article-body { font-size:16px; line-height:1.75; }
  .article-lead { font-size:30px; }
  .article-body section { padding-top:65px; }
  .article-body h2 { font-size:43px; }
  .account-map,.split-note,.timeline-grid,.related-grid { grid-template-columns:1fr; }
  .big-number { align-items:start; flex-direction:column; }
  .big-number strong { font-size:90px; }
  .detail-list li { grid-template-columns:1fr; gap:5px; }
  .process-list>div { grid-template-columns:32px 1fr; }
  .process-list p { grid-column:2; }
  blockquote { font-size:31px; }
  .article-disclaimer { margin:0 5vw 70px; }
  .related-stories { padding:68px 5vw; }
  .related-grid>a { min-height:270px; }
  .type-preview { padding:50px 5vw 80px; }
  .type-preview-intro { gap:28px; padding-bottom:44px; }
  .type-preview-intro h1 { font-size:17vw; line-height:.94; }
  .type-option-label { padding:18px; }
  .type-sample-hero { min-height:450px; padding:36px 20px; }
  .type-sample-hero h2 { margin-top:62px; font-size:16vw; }
  .type-sample-article { padding:38px 20px 46px; }
  .type-sample-article h3 { font-size:13vw; }
  .type-deck { min-height:0; }
  .type-body { font-size:20px; }
  .type-preview-note { margin-top:48px; padding:28px; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }