@font-face{font-family:PM Public;src:url(fonts/PublicSans-VariableFont_wght.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:PM Serif;src:url(fonts/InstrumentSerif-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:PM Display;src:url(fonts/BowlbyOneSC-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:PM Note;src:url(fonts/Salted_Regular.otf) format('opentype');font-display:swap}
.pm-blog{--paper:#fff9ed;--card:#fffcf4;--cream:#f5ecda;--ink:#121013;--purple:#763899;--deep:#3b2351;--lilac:#afaad2;--line:#12101326;--gutter:clamp(20px,4vw,56px);background:var(--paper);color:var(--ink);font:16px/1.6 'PM Public',sans-serif;position:relative;text-align:left}
.pm-blog *,.pm-blog *::before,.pm-blog *::after{box-sizing:border-box}
.pm-blog [hidden]{display:none!important}.pm-blog h1,.pm-blog h2,.pm-blog h3,.pm-blog p,.pm-blog ul,.pm-blog ol{margin:0;padding:0}.pm-blog ul,.pm-blog ol{list-style:none}.pm-blog a{color:inherit;text-decoration:none}.pm-blog a:hover{color:var(--purple)}.pm-blog img{display:block;max-width:100%;border-radius:0}.pm-blog button{font:inherit;cursor:pointer;background:transparent;box-shadow:none;margin:0}.pm-blog a:focus-visible,.pm-blog button:focus-visible{outline:3px solid #cf6a28;outline-offset:5px}.pm-blog .pm-frame{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.pm-blog .pm-eyebrow,.pm-blog .pm-header nav,.pm-blog .pm-pill{font-size:11px;line-height:1.4;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:var(--purple)}
.pm-blog .pm-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid currentColor;border-radius:999px;padding:12px 20px;min-height:42px}.pm-blog .pm-pill:hover{background:var(--purple);color:var(--paper)}.pm-blog .pm-pill:disabled{opacity:.35;cursor:default;background:transparent;color:var(--purple)}
.pm-blog .pm-hero,.pm-blog .pm-primer{background-color:var(--deep);background-image:radial-gradient(circle,#fff9ed21 1.2px,transparent 1.2px);background-size:26px 26px;color:var(--paper)}
.pm-blog .pm-header{height:64px;display:flex;align-items:center;gap:16px}.pm-blog .pm-header nav{margin-left:auto;display:flex;align-items:center;gap:20px;color:var(--lilac)}.pm-blog .pm-header nav a:hover{color:var(--paper)}.pm-blog .pm-header .pm-pill{color:var(--paper);border-color:#fff9ed66;padding:8px 14px;min-height:36px}.pm-blog .pm-brand{display:flex;align-items:end;gap:10px;flex-shrink:0}.pm-blog .pm-brand img{height:28px;width:auto;filter:brightness(0) invert(1)}.pm-blog .pm-brand span{font:19px/1 'PM Serif',serif;color:var(--lilac);border-left:1px solid #fff9ed66;padding-left:10px;margin-bottom:2px}
.pm-blog .pm-hero .pm-header{position:absolute;left:0;right:0;top:0}.pm-blog .pm-hero-grid{padding-top:96px;padding-bottom:96px;display:grid;gap:40px}.pm-blog h1{container-type:inline-size;font-weight:400}.pm-blog h1 span{display:block;white-space:nowrap;font: min(60px,9.5cqw)/.94 'PM Display',sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:var(--lilac)}.pm-blog .pm-note{position:relative;background:#ff8b99;color:var(--deep);transform:rotate(-3deg);width:230px;padding:40px 20px 28px;font:17px/1.3 'PM Note',cursive;box-shadow:2px 5px 0 #12101326;margin:0 16px 0 0}.pm-blog .pm-note img{position:absolute;top:-24px;left:calc(50% - 26px)}
.pm-blog .pm-running{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:90;background:var(--paper);border-bottom:1px solid var(--line)}.pm-blog .pm-running .pm-brand img{filter:brightness(0)}.pm-blog .pm-running .pm-brand span{color:var(--purple);border-color:var(--line)}.pm-blog .pm-running .pm-header nav,.pm-blog .pm-running .pm-header .pm-pill{color:var(--purple)}.pm-blog .pm-running .pm-header .pm-pill{border-color:var(--purple)}.pm-blog .pm-running .pm-header a:hover{color:var(--ink)}
.pm-blog .pm-lead-wrap{position:relative;margin-top:-64px;z-index:1}.pm-blog .pm-lead{padding:32px 24px;border:1px solid #12101340;background:var(--card);box-shadow:4px 5px 0 #12101312;display:grid;align-items:center;gap:32px}.pm-blog .pm-lead h2{font:clamp(30px,3.6vw,44px)/1.02 'PM Serif',serif;letter-spacing:-.02em;margin-top:14px;text-wrap:balance}.pm-blog .pm-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#4d4d4d}.pm-blog .pm-lead .pm-excerpt{margin-top:16px;font-size:17px;line-height:1.65;max-width:52ch}.pm-blog .pm-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;line-height:1.6;color:#696071}.pm-blog .pm-meta span+span{white-space:nowrap}.pm-blog .pm-lead .pm-meta{margin-top:20px}.pm-blog .pm-read{display:inline-flex;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--purple);margin-top:24px}.pm-blog .pm-cover{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;border:1px solid var(--line)}.pm-blog .pm-cover-empty{display:grid;place-items:center;background:var(--lilac);color:var(--deep);font:30px 'PM Serif',serif}.pm-blog .pm-lead-cover{order:-1}
.pm-blog .pm-recent{padding-block:56px}.pm-blog .pm-recent>h2{border-bottom:1px solid #12101340;padding-bottom:16px;color:#696071}.pm-blog .pm-grid{display:grid;gap:24px;margin-top:32px}.pm-blog .pm-card{height:100%;border:1px solid var(--line);background:var(--card)}.pm-blog .pm-card:hover{border-color:var(--purple)}.pm-blog .pm-card>a{display:flex;flex-direction:column;height:100%}.pm-blog .pm-card .pm-cover{border:0;border-bottom:1px solid var(--line)}.pm-blog .pm-card-text{padding:20px}.pm-blog .pm-card h3{font:600 18px/1.3 'PM Public',sans-serif;letter-spacing:-.005em;margin-top:10px}.pm-blog .pm-card .pm-excerpt{font-size:15px;line-height:1.6;margin-top:10px}.pm-blog .pm-more{text-align:center;margin-top:40px}
.pm-blog .pm-conversations{background:var(--cream);border-block:1px solid var(--line)}.pm-blog .pm-section{padding-block:64px}.pm-blog .pm-section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px}.pm-blog .pm-section h2{font:clamp(30px,3.6vw,40px)/1.04 'PM Serif',serif;letter-spacing:-.02em;margin-top:12px}.pm-blog .pm-controls{display:flex;gap:8px}.pm-blog .pm-rail{--visible:2;margin-top:40px;overflow:auto}.pm-blog .pm-rail ul{display:flex;gap:20px}.pm-blog .pm-rail li{flex:0 0 calc((100% - (var(--visible) - 1)*20px)/var(--visible));min-width:0}.pm-blog .pm-rail .pm-card-text{padding:16px}.pm-blog .pm-rail h3{font-size:15px;line-height:1.35;margin-top:8px}.pm-blog .pm-rail.pm-enhanced{overflow:hidden}.pm-blog .pm-rail.pm-enhanced ul{transition:transform .4s ease-out}
.pm-blog .pm-primer-grid{display:grid;gap:32px}.pm-blog .pm-primer .pm-eyebrow{color:var(--lilac)}.pm-blog .pm-primer h2{font-size:clamp(32px,4vw,46px);line-height:1.02}.pm-blog .pm-primer p:not(.pm-eyebrow){color:var(--lilac);font-size:15px;line-height:1.65;max-width:38ch;margin-top:16px}.pm-blog .pm-primer li a{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid #fff9ed26;padding-block:20px}.pm-blog .pm-primer a:hover{color:var(--paper);border-color:#fff9ed73}.pm-blog .pm-number{width:32px;flex-shrink:0;font:28px/1 'PM Serif',serif;color:var(--lilac)}.pm-blog .pm-primer-name{min-width:0;flex:1;font:24px/1.15 'PM Serif',serif;letter-spacing:-.01em}.pm-blog .pm-primer li .pm-eyebrow{flex-shrink:0;white-space:nowrap}.pm-blog .pm-archive-link{display:block;padding:20px 0}
.pm-blog .pm-footer{background-color:var(--cream);background-image:linear-gradient(#12101306 1px,transparent 1px),linear-gradient(90deg,#12101306 1px,transparent 1px);background-size:26px 26px;padding-top:56px}.pm-blog .pm-footer-top{display:grid;gap:28px}.pm-blog .pm-footer-top p{max-width:67ch;color:#4d4d4d;font-size:14px}.pm-blog .pm-footer nav{display:flex;flex-wrap:wrap;gap:24px;margin-block:32px;font-size:12px}.pm-blog .pm-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px;border-top:1px solid var(--line);font-size:11px;color:#696071}.pm-blog .pm-desktop{display:none}.pm-blog .pm-sr,.pm-blog .pm-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pm-blog .pm-skip:focus{position:absolute;top:4px;left:4px;z-index:100;background:var(--paper);padding:12px;color:var(--purple)}
/* On stacked layouts, the note shares the title's width instead of leaving a vacant column. */
@media(max-width:1023px){
  .pm-blog .pm-hero-grid{gap:36px}
  .pm-blog .pm-note{justify-self:center;width:calc(100% - 16px);max-width:480px;margin:0;padding:28px 24px 20px;text-align:center;text-wrap:balance;transform:rotate(-1.5deg)}
  .pm-blog .pm-note img{width:40px;height:40px;top:-20px;left:calc(50% - 20px)}
}
@media(min-width:640px){.pm-blog .pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-blog .pm-rail{--visible:3}.pm-blog .pm-desktop{display:inline}.pm-blog .pm-mobile{display:none}.pm-blog .pm-lead{padding:36px}.pm-blog .pm-primer li a{gap:28px}.pm-blog .pm-archive-link{padding-left:60px}}
@media(min-width:1024px){.pm-blog .pm-hero-grid{padding-block:112px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px}.pm-blog .pm-note{margin-top:-16px}.pm-blog .pm-lead-wrap{margin-top:-96px}.pm-blog .pm-lead{padding:44px 48px;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px}.pm-blog .pm-lead-cover{order:0}.pm-blog .pm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-blog .pm-recent,.pm-blog .pm-section{padding-block:80px}.pm-blog .pm-rail{--visible:4}.pm-blog .pm-primer-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:64px}.pm-blog .pm-footer-top{grid-template-columns:1fr 2fr;gap:64px}}
@media(prefers-reduced-motion:reduce){.pm-blog .pm-rail.pm-enhanced ul{transition:none}}
@media(max-width:380px){.pm-blog .pm-header{gap:10px}.pm-blog .pm-header nav{gap:10px;font-size:10px}.pm-blog .pm-header .pm-pill{padding-inline:10px;white-space:nowrap;font-size:10px}.pm-blog .pm-brand img{height:24px}.pm-blog .pm-brand{gap:7px}.pm-blog .pm-brand span{padding-left:7px}}

/* Phone layout prioritizes the article titles and covers. */
@media(max-width:639px){
  .pm-blog .pm-note,.pm-blog .pm-excerpt{display:none}
  .pm-blog .pm-header nav{gap:12px;min-width:0}
  .pm-blog .pm-header nav>a:first-child{max-width:80px;text-align:center;letter-spacing:.04em}
  .pm-blog .pm-header .pm-pill{flex-shrink:0}
}

.pm-blog .pm-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #12101340;padding-bottom:20px}
.pm-blog .pm-search{display:flex;align-items:center;gap:12px;margin:0;min-width:0;padding:0;border:0;background:transparent}
.pm-blog .pm-search input{min-width:0;width:210px;max-width:100%;height:38px;border:1px solid #3b235133;border-radius:3px;background:var(--card);color:var(--ink);padding:8px 11px;font:400 13px/1.5 'PM Public',sans-serif;box-shadow:none;appearance:none}
.pm-blog .pm-search input::placeholder{color:#696071;opacity:1}
.pm-blog .pm-search input:focus,.pm-blog .pm-search input:focus-visible{border-color:var(--purple);outline:1px solid var(--purple);outline-offset:1px;box-shadow:none}
.pm-blog .pm-search button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:64px;border:1px solid var(--deep);border-radius:3px;padding:9px 14px;background:var(--deep);color:var(--paper);font:500 12px/1.4 'PM Public',sans-serif;letter-spacing:0;text-transform:none;text-decoration:none}
.pm-blog .pm-search button:hover{background:var(--purple);border-color:var(--purple);color:var(--paper)}
.pm-blog .pm-search button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.pm-blog .pm-footer .pm-languages{gap:16px;margin-block:0 24px}
.pm-blog .pm-languages a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:639px){.pm-blog .pm-recent-heading{align-items:stretch;flex-direction:column;gap:16px}.pm-blog .pm-search input{width:100%;flex:1}.pm-blog .pm-search button{flex-shrink:0}}
/* Align title and note above the lead, then tighten the next section. */
@media(min-width:1024px){
 .pm-blog .pm-hero-grid{align-items:end;padding-top:80px;padding-bottom:136px}
 .pm-blog .pm-hero-grid h1{padding-bottom:4px}
 .pm-blog .pm-note{margin-top:0;margin-bottom:4px}
 .pm-blog .pm-recent{padding-top:44px}
}
@media(max-width:1023px){.pm-blog .pm-recent{padding-top:36px}}