*,:before,:after {
  box-sizing:border-box
}
 :root {
  --paper:#f8f4eb;
  --ink:#25241f;
  --muted:#5d625f;
  --orange:#bb4b23;
  --line:#ded8ca;
  --sage:#61725b
}
html {
  scroll-behavior:auto
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.5
}
body:before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.34;
  background:url('/assets/illustrated/paper.svg');
  pointer-events:none
}
a {
  color:inherit;
  text-underline-offset:4px
}
a:hover {
  color:var(--orange)
}
a:focus-visible,summary:focus-visible {
  outline:3px solid var(--orange);
  outline-offset:5px;
  border-radius:3px
}
img {
  display:block;
  max-width:100%
}
.wrap {
  max-width:1440px;
  margin:0 auto;
  padding:0 48px
}
.skip-link {
  position:absolute;
  top:0;
  left:16px;
  transform:translateY(-200%);
  background:var(--paper);
  padding:14px;
  z-index:10
}
.skip-link:focus {
  transform:none
}
.site-header {
  display:flex;
  align-items:center;
  gap:65px;
  min-height:102px;
  position:relative;
  z-index:2
}
.brand {
  display:flex;
  align-items:center;
  gap:13px;
  text-decoration:none;
  white-space:nowrap;
  font-size:36px;
  font-style:italic;
  letter-spacing:-1.5px;
  font-weight:bold;
  line-height:1
}
.brand em {
  color:var(--orange);
  font-size:48px
}
.brand-sun {
  width:49px;
  height:49px;
  fill:#dfa857;
  stroke:#dfa857;
  stroke-width:2;
  stroke-linecap:round
}
.site-header nav {
  display:flex;
  gap:36px;
  align-items:center;
  font:600 14px/1.3 system-ui,sans-serif
}
.site-header nav a {
  padding:14px 0;
  text-decoration:none;
  position:relative
}
.site-header nav a[aria-current=page]:after {
  content:"";
  position:absolute;
  bottom:4px;
  left:0;
  right:0;
  height:3px;
  border-radius:50%;
  background:var(--orange);
  transform:rotate(-2deg)
}
.hero {
  position:relative;
  display:grid;
  grid-template-columns:46% 54%;
  min-height:470px;
  align-items:center;
  padding-top:5px;
  padding-bottom:22px
}
.hero-copy {
  position:relative;
  z-index:1;
  padding:9px 0 38px;
  max-width:630px
}
.eyebrow {
  font:650 10px/1.7 system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  color:var(--muted);
  margin:0 0 18px
}
h1,h2,h3,p {
  margin-top:0
}
h1 {
  font-size:clamp(38px,3.3vw,48px);
  line-height:1.08;
  letter-spacing:-1.8px;
  margin-bottom:29px;
  font-weight:bold
}
.lead {
  font-size:19px;
  line-height:1.42;
  color:var(--muted);
  max-width:600px;
  margin:0 0 28px
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:45px;
  padding:10px 20px;
  font:650 13px/1.3 system-ui,sans-serif;
  text-decoration:none;
  border-radius:10px;
  transition:background .15s,color .15s
}
.primary {
  background:var(--orange);
  color:#fffaf0;
  font:700 19px/1.3 Georgia,serif;
  padding:18px 28px;
  border-radius:10px
}
.primary:hover {
  color:white;
  background:#94391a
}
.outline {
  border:1.5px solid var(--orange);
  color:var(--orange);
  min-height:40px;
  padding:9px 17px
}
.outline:hover {
  background:var(--orange);
  color:white
}
.hero-art {
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  margin:-98px -35px -22px -3px;
  min-width:0;
  z-index:0
}
.hero-art>img {
  width:100%;
  height:auto;
  mix-blend-mode:multiply;
  mask-image:linear-gradient(to right,transparent 0%,black 7%,black 100%)
}
.portrait-pending {
  position:absolute;
  left:11%;
  bottom:18%;
  padding:10px 14px;
  max-width:150px;
  background:#f8f4ebe8;
  border:1px dashed #a18c75;
  box-shadow:1px 2px 8px #6b4b2520;
  font:12px/1.35 system-ui,sans-serif
}
.portrait-pending strong,.portrait-pending span {
  display:block
}
.portrait-pending strong {
  font-size:16px;
  margin-bottom:3px
}
.contributors {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding-top:14px;
  padding-bottom:14px
}
.person {
  display:flex;
  gap:11px;
  align-items:center
}
.person img,.missing-avatar {
  width:44px;
  height:44px;
  flex-shrink:0;
  object-fit:cover;
  border-radius:50%;
  border:1px solid var(--line)
}
.person img[src$="aime.webp"] {
  object-position:50% 25%
}
.missing-avatar {
  display:grid;
  place-items:center;
  background:#e9ddcc;
  color:#765139;
  font:italic bold 23px Georgia,serif
}
.person p {
  margin:0;
  font:12px/1.5 system-ui,sans-serif
}
.person strong {
  font-size:14px;
  display:block
}
.person strong a {
  text-decoration:none
}
.person span {
  color:var(--muted)
}
.ventures {
  padding-top:23px
}
.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px
}
.section-heading .eyebrow {
  margin:0
}
.section-heading>a {
  font:600 12px/1.5 system-ui,sans-serif;
  color:var(--orange)
}
.venture-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.venture {
  display:grid;
  grid-template-columns:49% 51%;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#fffdf741
}
.venture-art {
  width:100%;
  height:100%;
  min-height:202px;
  object-fit:cover;
  mix-blend-mode:multiply
}
.venture-copy {
  padding:23px 24px;
  display:flex;
  align-items:flex-start;
  flex-direction:column
}
.venture h3 {
  font-size:23px;
  line-height:1.2;
  letter-spacing:-.5px;
  margin:0 0 9px
}
.venture p {
  color:var(--muted);
  font-size:16px;
  line-height:1.35;
  flex:1;
  margin-bottom:20px
}
.venture .button {
  font-size:12px;
  white-space:normal;
  width:100%
}
.journal-section {
  padding-top:26px;
  padding-bottom:27px
}
.journal-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px
}
.journal-card {
  display:grid;
  grid-template-columns:33% 67%;
  border:1px solid var(--line);
  background:#fffdf775;
  border-radius:11px;
  overflow:hidden;
  min-width:0
}
.journal-art {
  display:block;
  margin:12px 0 12px 12px;
  overflow:hidden;
  border-radius:6px
}
.journal-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  mix-blend-mode:multiply;
  transition:transform .2s
}
.journal-art:hover img {
  transform:scale(1.04)
}
.journal-copy {
  display:flex;
  flex-direction:column;
  padding:17px 15px;
  min-width:0
}
.category {
  font:650 9px/1.4 system-ui,sans-serif;
  color:#667480;
  text-transform:uppercase;
  letter-spacing:1.6px;
  margin-bottom:7px
}
.journal-card h3 {
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.4px;
  margin:0 0 9px
}
.journal-card h3 a {
  text-decoration:none
}
.excerpt {
  font-size:14px;
  line-height:1.35;
  color:var(--muted);
  margin:0 0 12px
}
.compact .excerpt {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden
}
.byline {
  display:flex;
  align-items:center;
  gap:9px;
  margin: auto 0 0;
  font:11px/1.45 system-ui,sans-serif
}
.byline>img {
  border-radius:50%;
  width:32px;
  height:32px;
  object-fit:cover;
  object-position:50% 23%
}
.byline a {
  font-weight:650;
  text-decoration:none
}
.date {
  display:block;
  color:var(--muted);
  font-size:10px
}
.site-footer {
  display:flex;
  align-items:center;
  gap:24px;
  justify-content:space-between;
  min-height:78px;
  border-top:1px solid var(--line);
  font:11px/1.5 system-ui,sans-serif;
  color:var(--muted)
}
.footer-brand {
  font:italic bold 22px/1.2 Georgia,serif;
  text-decoration:none;
  color:var(--ink)
}
.footer-brand em {
  color:var(--orange)
}
.site-footer p {
  margin:0
}
.site-footer>div {
  display:flex;
  gap:20px
}
.site-footer a {
  text-decoration:none
}
.resource-details {
  font:12px/1.6 system-ui,sans-serif;
  color:var(--muted);
  padding-bottom:18px
}
.resource-details summary {
  cursor:pointer;
  width:fit-content
}
.resource-details p {
  margin-top:12px;
  max-width:680px
}
.archive,.page {
  padding-top:40px;
  padding-bottom:70px
}
.page-intro {
  max-width:820px;
  margin-bottom:40px
}
.page-intro h1 {
  font-size:clamp(40px,5vw,64px)
}
.page-intro .lead {
  max-width:660px
}
.quiet {
  font:13px/1.6 system-ui,sans-serif;
  color:var(--muted)
}
.archive-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.archive .journal-card {
  grid-template-columns:1fr
}
.archive .journal-art {
  height:150px;
  margin:0;
  border-radius:0
}
.archive .journal-copy {
  padding:25px
}
.archive .journal-card h3 {
  font-size:24px
}
.archive .excerpt {
  font-size:16px
}
.archive .byline {
  padding-top:16px
}
.score-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px
}
.score-cell,.contact-panel {
  padding:30px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fffdf770
}
.score-cell h2,.contact-panel h2,.revenue h2 {
  font-size:27px;
  letter-spacing:-.6px;
  line-height:1.2;
  margin:16px 0
}
.score-cell p,.contact-panel p,.revenue>p {
  color:var(--muted);
  font-size:17px;
  max-width:760px
}
.score-cell .source {
  font:12px/1.6 system-ui,sans-serif;
  margin:18px 0 0
}
.status {
  font:600 11px/1.5 system-ui,sans-serif;
  border:1px solid var(--line);
  border-radius:4px;
  padding:4px 8px
}
.verified {
  color:#465a39;
  background:#edf0e8
}
.missing {
  color:#744d2f;
  background:#f0e8da
}
.historical {
  color:#5e6268;
  background:#eae9e4
}
.revenue {
  padding-top:28px
}
.table-scroll {
  overflow-x:auto
}
table {
  width:100%;
  border-collapse:collapse;
  font:14px/1.6 system-ui,sans-serif;
  margin-bottom:23px
}
caption {
  text-align:left;
  color:var(--muted);
  padding-bottom:13px;
  font-size:12px
}
th,td {
  text-align:left;
  padding:16px;
  border-bottom:1px solid var(--line);
  vertical-align:top
}
thead {
  background:#eee7db
}
td:last-child {
  color:var(--muted)
}
.contact-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px
}
.contact-panel h2 {
  margin-top:0
}
.email-link {
  font-size:clamp(18px,2.4vw,28px);
  color:var(--orange)
}

@media(min-width:1500px) {
  .hero-art {
    margin-top:-78px
  }
  .hero {
    min-height:485px
  }
  
}
@media(max-width:1150px) {
  .wrap {
    padding-left:30px;
    padding-right:30px
  }
  .site-header {
    gap:36px
  }
  .site-header nav {
    gap:24px
  }
  .brand {
    font-size:30px
  }
  .brand em {
    font-size:40px
  }
  .hero {
    grid-template-columns:48% 52%;
    min-height:420px
  }
  .hero h1 {
    font-size:40px
  }
  .hero-art {
    margin-right:-23px;
    margin-top:-50px
  }
  .lead {
    font-size:17px
  }
  .venture {
    grid-template-columns:44% 56%
  }
  .venture-copy {
    padding:20px 17px
  }
  .venture h3 {
    font-size:22px
  }
  .venture p {
    font-size:15px
  }
  .journal-grid,.archive-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .journal-grid .journal-card:last-child {
    grid-column:1/-1;
    max-width:550px
  }
  .contributors {
    gap:12px
  }
  .person p {
    font-size:10px
  }
  
}

@media(max-width:760px) {
  .wrap {
    padding-left:22px;
    padding-right:22px
  }
  .site-header {
    min-height:118px;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding-top:20px;
    padding-bottom:13px
  }
  .brand {
    font-size:30px
  }
  .brand em {
    font-size:38px
  }
  .brand-sun {
    width:36px;
    height:36px
  }
  .site-header nav {
    width:100%;
    justify-content:space-between;
    gap:18px;
    font-size:13px
  }
  .site-header nav a {
    padding:12px 0;
    min-height:44px
  }
  .hero {
    display:flex;
    flex-direction:column;
    min-height:0;
    padding-top:22px;
    padding-bottom:0;
    overflow:hidden
  }
  .hero-copy {
    padding:0;
    align-self:stretch;
    max-width:600px
  }
  .hero .eyebrow {
    font-size:9px;
    letter-spacing:2.4px;
    margin-bottom:18px
  }
  .hero h1 {
    font-size:42px;
    letter-spacing:-1.8px;
    line-height:1.05;
    max-width:530px;
    margin-bottom:22px
  }
  .hero .lead {
    font-size:18px;
    max-width:530px;
    margin-bottom:24px
  }
  .primary {
    font-size:17px;
    min-height:54px;
    padding:15px 23px
  }
  .hero-art {
    margin:18px -17px 0;
    align-self:auto;
    width:calc(100% + 34px)
  }
  .hero-art>img {
    mask-image:none
  }
  .portrait-pending {
    bottom:19%;
    left:11%;
    font-size:10px;
    max-width:110px;
    padding:7px 10px
  }
  .portrait-pending strong {
    font-size:13px
  }
  .contributors {
    grid-template-columns:repeat(2,1fr);
    padding-top:17px;
    padding-bottom:17px;
    gap:18px 12px
  }
  .person p {
    font-size:10px
  }
  .person strong {
    font-size:13px
  }
  .person img,.missing-avatar {
    width:39px;
    height:39px
  }
  .ventures {
    padding-top:23px
  }
  .venture-grid {
    grid-template-columns:1fr;
    gap:17px
  }
  .venture {
    grid-template-columns:42% 58%
  }
  .venture-art {
    min-height:205px
  }
  .venture-copy {
    padding:19px 15px
  }
  .venture h3 {
    font-size:22px
  }
  .venture p {
    font-size:15px
  }
  .venture .button {
    padding:10px 12px;
    font-size:11px;
    gap:6px
  }
  .section-heading {
    align-items:baseline;
    gap:15px
  }
  .section-heading .eyebrow {
    font-size:9px;
    letter-spacing:2px
  }
  .section-heading>a {
    font-size:11px
  }
  .journal-grid,.archive-grid {
    grid-template-columns:1fr;
    gap:15px
  }
  .journal-grid .journal-card:last-child {
    grid-column:auto;
    max-width:none
  }
  .journal-card {
    grid-template-columns:34% 66%
  }
  .journal-copy {
    padding:18px 16px
  }
  .journal-card h3 {
    font-size:19px
  }
  .journal-section {
    padding-top:27px
  }
  .byline {
    padding-top:4px
  }
  .excerpt {
    font-size:15px
  }
  .site-footer {
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:14px 24px;
    padding-top:23px;
    padding-bottom:25px
  }
  .site-footer>div {
    width:100%;
    gap:24px
  }
  .resource-details {
    font-size:11px
  }
  .page,.archive {
    padding-top:33px;
    padding-bottom:50px
  }
  .page-intro h1 {
    font-size:43px
  }
  .score-grid,.contact-grid {
    grid-template-columns:1fr
  }
  .score-cell,.contact-panel {
    padding:23px
  }
  .archive .journal-card {
    grid-template-columns:1fr
  }
  .archive .journal-art {
    height:145px
  }
  th,td {
    padding:12px;
    font-size:12px
  }
  .archive .journal-copy {
    padding:24px
  }
  .email-link {
    font-size:23px
  }
  
}

@media(max-width:370px) {
  .wrap {
    padding-left:17px;
    padding-right:17px
  }
  .hero h1 {
    font-size:36px
  }
  .venture {
    grid-template-columns:1fr
  }
  .venture-art {
    height:180px;
    min-height:0
  }
  .venture-copy {
    padding:21px
  }
  .person {
    gap:7px
  }
  .person p {
    font-size:9px
  }
  .journal-copy {
    padding:15px 13px
  }
  .journal-card h3 {
    font-size:18px
  }
  
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important
  }
  
}

.newsletter-details { padding-bottom: 20px; font: 12px/1.6 system-ui,sans-serif; color: var(--muted); }
.newsletter-details summary { cursor: pointer; width: fit-content; }
.newsletter { max-width: 600px; padding-top: 12px; }
.newsletter-fields { display: flex; gap: 10px; margin-top: 8px; }
.newsletter-fields input[type=email] { min-width: 0; flex: 1; min-height: 48px; border: 1px solid var(--line); border-radius: 8px; background: #fffdf7; color: var(--ink); padding: 12px; font: inherit; }
.newsletter-fields .primary { font: 650 13px/1.5 system-ui,sans-serif; padding: 10px 18px; border: 0; cursor: pointer; }
.newsletter input:focus-visible,.newsletter button:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.person img[src$="mika.png"]{object-position:center 22%;}
/* The journal shares the same paper-and-watercolor shell on every article. */
.journal-reading{max-width:1060px;padding-top:24px;padding-bottom:48px;min-width:0}
.reading-back{display:inline-block;margin-bottom:24px;color:var(--orange);font:14px/1.5 system-ui,sans-serif}
.reading-content{min-width:0;max-width:100%;font-size:18px;line-height:1.75;overflow-wrap:anywhere}
.reading-content :is(article,.article,.container,.content,.prose,.post-body){display:block;max-width:100%;margin:0;padding:0;color:var(--ink);font-size:inherit;line-height:inherit;min-width:0}
.reading-content .hero{display:block;grid-template-columns:none;gap:0;max-width:none;margin:0 0 30px;padding:0;text-align:left}
.reading-content h1{font:700 clamp(30px,4vw,48px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px;max-width:100%}
.reading-content h2{font:700 clamp(24px,3vw,32px)/1.25 Georgia,serif;margin:40px 0 18px}
.reading-content h3{font:700 22px/1.3 Georgia,serif;margin:30px 0 14px}
.reading-content h4{font-size:19px;margin:24px 0 12px}
.reading-content p{margin:0 0 20px}
.reading-content :is(.gradient,h1 span){background:none;-webkit-text-fill-color:currentColor;color:var(--orange)}
.reading-content a{color:var(--orange);text-decoration:underline}
.reading-content :is(.meta,.post-meta,.article-meta,.hero-meta,.date,.post-date){font:14px/1.6 system-ui,sans-serif;color:var(--muted);margin-bottom:20px}
.reading-content :is(.subtitle,.lede){font-size:20px;line-height:1.6;color:var(--muted);margin-bottom:30px}
.reading-content .tag{font:12px/1.5 system-ui,sans-serif;display:inline-block;border:1px solid var(--line);padding:4px 9px;margin:0 6px 8px 0;background:#eee7db}
.reading-content :is(.callout,.cta,.cta-box,.cta-block,.kill-box,.pivot-box,.hero-quote,.author-box,.stat-box,.stat-block,.advisors,.checklist,.thread-list){padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#eee8db;margin:24px 0;max-width:100%;min-width:0}
.reading-content :is(.cta,.cta-box,.cta-block) h2{margin-top:0}
.reading-content :is(.author-box,.byline){display:flex;gap:16px;align-items:flex-start;font:14px/1.6 system-ui,sans-serif}
.reading-content :is(.author-avatar,.byline-avatar){width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}
.reading-content :is(.author-name,.callout-title,.stat-title,.advisor-name,.thread-title){font-weight:bold}
.reading-content :is(.author-bio,.author-note,.caption){font:14px/1.6 system-ui,sans-serif;color:var(--muted)}
.reading-content :is(.stats-grid,.stat-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.reading-content :is(.stat-card,.stat){background:#eee7db;padding:16px;border:1px solid var(--line);min-width:0}
.reading-content :is(.stat-num,.number){display:block;font-size:30px;font-weight:bold;color:var(--orange)}
.reading-content :is(.stat-label,.label){font:13px/1.5 system-ui,sans-serif}
.reading-content :is(.stat-row,.advisor-row,.thread-item,.check){display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.reading-content :is(.advisor-row,.thread-item,.check){display:block}
.reading-content li{margin-bottom:8px}
.reading-content ul,.reading-content ol{padding-left:25px;margin-bottom:24px}
.reading-content img{max-width:100%;height:auto;margin:20px auto}
.reading-content :is(.byline,.author-box) img{width:44px;height:44px;border-radius:50%;object-fit:cover;margin:0}
.reading-content :is(pre,code){font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eee7db;color:var(--ink);overflow-wrap:anywhere}
.reading-content code{padding:2px 4px}.reading-content pre{padding:18px;white-space:pre-wrap;max-width:100%;overflow-x:auto}
.reading-content blockquote{border-left:3px solid var(--orange);padding-left:20px;margin-left:0;color:var(--muted)}
.reading-content .article-table-scroll{max-width:100%;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:6px;margin:24px 0 10px;background:var(--paper)}
.reading-content .article-table-scroll:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.reading-content table{display:table;width:100%;border-collapse:collapse;table-layout:auto;margin:0;font:15px/1.55 system-ui,sans-serif}
.reading-content th,.reading-content td{padding:14px 16px;min-width:130px;max-width:300px;white-space:normal;word-break:normal;overflow-wrap:break-word;color:var(--ink);border-bottom:1px solid var(--line);vertical-align:top}
.reading-content th{background:#eee7db}.reading-content .article-table-hint{display:none;font:13px/1.5 system-ui,sans-serif;color:var(--muted);margin-bottom:24px}
.reading-content [data-related-posts]{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.reading-content [data-related-posts]>div>div{font-weight:bold;margin-bottom:12px}
@media(max-width:760px){.journal-reading{padding-top:18px}.reading-content{font-size:17px}.reading-content :is(.subtitle,.lede){font-size:18px}.reading-content :is(.stats-grid,.stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.reading-content .article-table-hint{display:block}.reading-content :is(.callout,.cta,.cta-box,.cta-block,.author-box,.stat-box,.stat-block,.advisors,.checklist,.thread-list){padding:16px}.reading-content .hero h1{font-size:32px}}
/* Restore the approved hand-inked journal identity. */
@font-face{font-family:'Made Journal Hand';src:url('/assets/fonts/caveat-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.brand{font-family:'Made Journal Hand',cursive;font-style:normal;font-size:46px;font-weight:700;letter-spacing:-1.5px;gap:12px}
.brand em{font-family:inherit;font-style:normal;font-size:60px}
.footer-brand{font-family:'Made Journal Hand',cursive;font-style:normal;font-size:30px;font-weight:700;letter-spacing:-.5px}
.hero{grid-template-columns:46% 54%;min-height:410px;padding-top:0;padding-bottom:12px}
.hero-copy{padding:0 0 30px;max-width:620px}
.hero-copy .eyebrow{margin-bottom:17px;font-size:11px;letter-spacing:2.5px}
.hero h1{font-size:clamp(37px,3.05vw,46px);line-height:1.08;letter-spacing:-1.7px;margin-bottom:23px}
.hero .lead{font-size:18px;line-height:1.42;margin-bottom:24px;max-width:580px}
.hero-art{margin:-68px -32px -12px -16px;align-self:center}
.hero-art>img{mask-image:linear-gradient(to right,transparent 0%,black 5%,black 100%)}
.ventures{padding-top:20px}
.journal-section{padding-top:24px;padding-bottom:24px}
.journal-card.compact{grid-template-columns:32% 68%;border-radius:9px;min-height:205px}
.journal-card.compact .journal-art{margin:10px 0 10px 10px;border-radius:6px;min-height:174px}
.journal-art img{mix-blend-mode:normal}
.journal-card.compact .journal-copy{padding:14px 13px}
.journal-card.compact h3{font-size:18px;line-height:1.18;margin-bottom:8px}
.journal-card.compact .excerpt{-webkit-line-clamp:2;font-size:14px;line-height:1.4;margin-bottom:10px}
.journal-card.compact .category{font-size:10px;letter-spacing:1.4px}
.byline{font-size:12px}.byline .date{font-size:12px}
@media(min-width:1500px){.hero{min-height:430px}.hero-art{margin-top:-68px}}
@media(max-width:1150px){.brand{font-size:40px}.brand em{font-size:52px}.hero{min-height:390px;grid-template-columns:48% 52%}.hero h1{font-size:38px}.hero .lead{font-size:17px}.hero-art{margin-top:-34px;margin-right:-22px}.journal-card.compact{grid-template-columns:34% 66%}}
@media(max-width:760px){.brand{font-size:39px;letter-spacing:-1px}.brand em{font-size:49px}.brand-sun{width:35px;height:35px}.site-header{padding-top:14px;min-height:116px}.hero{display:flex;min-height:0;padding-top:18px;padding-bottom:0}.hero-copy{padding:0}.hero h1{font-size:39px;line-height:1.08;margin-bottom:20px}.hero .lead{font-size:17px;line-height:1.5;margin-bottom:22px}.hero-art{width:calc(100% + 34px);margin:17px -17px 0;align-self:auto}.hero-art>img{mask-image:none}.journal-card.compact{grid-template-columns:34% 66%;min-height:205px}.journal-card.compact .journal-art{min-height:172px}.journal-card.compact .journal-copy{padding:14px 13px}.journal-card.compact h3{font-size:18px}.journal-card.compact .excerpt{font-size:14px;-webkit-line-clamp:2}}
@media(max-width:380px){.brand{font-size:35px}.brand em{font-size:44px}.hero h1{font-size:36px}.journal-card.compact h3{font-size:17px}.journal-card.compact .journal-copy{padding:13px 11px}.journal-card.compact .category{font-size:10px;letter-spacing:1px}}
/* A dated notebook archive, rather than repeated dashboard tiles. */
.journal-volume .page-intro{margin-bottom:30px;max-width:950px}
.journal-volume .page-intro h1{font-size:clamp(39px,4vw,56px);margin-bottom:22px}
.journal-volume .page-intro .quiet{border-left:3px solid var(--orange);padding-left:12px}
.journal-opening{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:34px}
.journal-section-label{font-family:'Made Journal Hand',cursive;font-size:28px;font-weight:600;color:var(--orange);margin:0 0 12px}
.journal-volume .journal-opening .journal-card{grid-template-columns:42% 58%;border:none;background:transparent;border-radius:0}
.journal-volume .journal-opening .journal-art{height:100%;min-height:265px;margin:0 18px 0 0;border-radius:7px}
.journal-volume .journal-opening .journal-copy{padding:12px 0 4px}
.journal-volume .journal-opening h3{font-size:28px;line-height:1.16;margin-bottom:14px}
.journal-volume .journal-opening .excerpt{font-size:16px;line-height:1.5;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.journal-volume .journal-opening .journal-latest{grid-template-columns:1fr}
.journal-volume .journal-opening .journal-latest .journal-art{height:145px;min-height:145px;margin:0 0 16px}
.journal-volume .journal-opening .journal-latest h3{font-size:24px}
.journal-volume .journal-opening .journal-latest .excerpt{-webkit-line-clamp:2}
.journal-volume .journal-copy .category{font-size:11px}.journal-volume .byline{font-size:12px;padding-top:10px}.journal-volume .byline .date{font-size:12px}
.journal-archive-section h2{font:700 28px/1.2 Georgia,serif;letter-spacing:-.5px;margin-bottom:0}
.journal-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.journal-volume .journal-ledger .journal-card{grid-template-columns:105px minmax(0,1fr);gap:18px;border:0;border-top:1px solid var(--line);background:transparent;border-radius:0;padding:24px 0;min-width:0}
.journal-volume .journal-ledger .journal-art{height:135px;margin:0;border-radius:5px}
.journal-volume .journal-ledger .journal-copy{padding:0;min-width:0}
.journal-volume .journal-ledger h3{font-size:21px;line-height:1.22;margin-bottom:9px}
.journal-volume .journal-ledger .excerpt{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.journal-volume .journal-ledger .byline>img{width:26px;height:26px}
/* A visible report sheet with meaningful counts and explicit data gaps. */
.report-page .page-intro{max-width:900px;margin-bottom:28px}
.report-card-sheet{max-width:1120px;border:1px solid #c8bda8;border-top:5px solid var(--orange);background:#fffdf8 url('/assets/illustrated/paper.svg');box-shadow:7px 7px 0 #e9e1d0;padding:32px 38px}
.report-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:2px solid var(--ink)}
.report-kicker{font:700 13px/1.5 system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px;color:var(--muted)}
.report-sheet-header h2{font:700 36px/1.15 Georgia,serif;letter-spacing:-1px;margin:0}
.report-date{text-align:right;font:14px/1.55 system-ui,sans-serif;border:1px solid var(--line);padding:10px 14px;background:#f1ebdf;flex:none;transform:rotate(1deg)}
.report-date span,.report-date time{display:block}.report-date time{font-weight:700;color:var(--ink)}
.report-facts{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.report-fact{padding:27px 26px 27px 0;min-width:0}.report-fact+ .report-fact{padding-left:30px;border-left:1px solid var(--line)}
.report-fact>div{display:grid;grid-template-columns:auto 1fr;column-gap:17px;align-items:end;margin-bottom:15px}
.report-fact .status{grid-column:1/-1;justify-self:start;font-size:12px;margin-bottom:15px}
.report-number{font:700 68px/1 Georgia,serif;color:var(--orange);margin:0!important;letter-spacing:-3px}
.report-fact h3{font:700 24px/1.15 Georgia,serif;margin:0 0 6px;letter-spacing:-.5px}
.report-fact p{font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 13px}.report-fact a{color:var(--ink)}
.report-source{font:13px/1.6 system-ui,sans-serif!important;color:var(--muted);margin:0!important}
.report-revenue{padding:27px 0;border-bottom:1px solid var(--line)}
.report-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.report-section-head h3{font:700 26px/1.2 Georgia,serif;margin:0;letter-spacing:-.5px}
.report-state{font:600 12px/1.5 system-ui,sans-serif;border:1px solid #ba9c80;padding:5px 10px;color:#744d2f;background:#f0e8da}
.report-note{font-size:15px;color:var(--muted);margin:12px 0 20px;max-width:850px}
.report-venture-row{display:grid;grid-template-columns:1.05fr .8fr 1.3fr;align-items:start;gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:16px;min-width:0}
.report-venture-row strong,.report-venture-row span{display:block}.report-venture-row span{font:12px/1.6 system-ui,sans-serif;color:var(--muted);margin-top:5px}
.report-missing-value{font:italic 700 22px/1.3 Georgia,serif;color:#79573b}.report-venture-row p{font:14px/1.55 system-ui,sans-serif;color:var(--muted);margin:0}
.report-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:27px 0}.report-details h3{font:700 23px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 14px}.report-details .status{display:inline-block;font-size:12px;margin-bottom:12px}.report-details p{font-size:16px;line-height:1.5;margin:0 0 12px;color:var(--muted)}
.report-sheet-footer{display:flex;justify-content:space-between;align-items:start;gap:35px;border-top:2px solid var(--ink);padding-top:20px;font:13px/1.6 system-ui,sans-serif;color:var(--muted)}.report-sheet-footer p{margin:0;max-width:450px}
.report-sheet-footer strong{color:var(--ink)}.contact-panel .status{font-size:12px}.contact-panel .quiet{font:14px/1.6 system-ui,sans-serif}
@media(max-width:1050px){.journal-opening{grid-template-columns:1.2fr 1fr;gap:22px}.journal-volume .journal-opening .journal-card{grid-template-columns:1fr}.journal-volume .journal-opening .journal-art{height:180px;min-height:180px;margin:0 0 18px}.journal-volume .journal-opening h3{font-size:25px}.journal-ledger{gap:0 24px}.journal-volume .journal-ledger .journal-card{grid-template-columns:88px minmax(0,1fr);gap:15px}.journal-volume .journal-ledger h3{font-size:19px}.report-card-sheet{padding:28px}.report-sheet-header h2{font-size:31px}.report-venture-row{grid-template-columns:1fr .85fr}.report-venture-row p{grid-column:1/-1}}
@media(max-width:760px){.journal-opening{grid-template-columns:1fr;gap:26px}.journal-volume .page-intro h1{font-size:42px}.journal-volume .journal-opening .journal-card{grid-template-columns:35% 65%}.journal-volume .journal-opening .journal-art{height:100%;min-height:245px;margin:0 16px 0 0}.journal-volume .journal-opening .journal-copy{padding:0}.journal-volume .journal-opening h3{font-size:23px}.journal-volume .journal-opening .journal-latest .journal-art{min-height:205px}.journal-volume .journal-opening .excerpt{font-size:15px;-webkit-line-clamp:3}.journal-ledger{grid-template-columns:1fr}.journal-volume .journal-ledger .journal-card{grid-template-columns:90px minmax(0,1fr);gap:17px;padding:22px 0}.journal-volume .journal-ledger h3{font-size:20px}.report-card-sheet{padding:22px 20px;box-shadow:4px 4px 0 #e9e1d0}.report-sheet-header{flex-direction:column;gap:17px}.report-sheet-header h2{font-size:29px}.report-date{text-align:left;transform:none;font-size:13px}.report-facts{grid-template-columns:1fr}.report-fact{padding:23px 0}.report-fact+ .report-fact{padding:23px 0;border-left:0;border-top:1px solid var(--line)}.report-number{font-size:62px}.report-fact h3{font-size:23px}.report-section-head{align-items:flex-start;flex-direction:column;gap:12px}.report-section-head h3{font-size:25px}.report-venture-row{grid-template-columns:1fr;gap:9px}.report-venture-row p{grid-column:auto}.report-details{grid-template-columns:1fr;gap:23px}.report-sheet-footer{flex-direction:column;gap:16px}.report-source{font-size:13px!important}}
@media(max-width:380px){.journal-volume .journal-opening .journal-card{grid-template-columns:1fr}.journal-volume .journal-opening .journal-art{height:170px;min-height:170px;margin:0 0 15px}.journal-volume .journal-opening .journal-latest .journal-art{height:145px;min-height:145px}.journal-volume .journal-ledger .journal-card{grid-template-columns:78px minmax(0,1fr);gap:13px}.journal-volume .journal-ledger h3{font-size:18px}.report-card-sheet{padding:20px 16px}.report-sheet-header h2{font-size:27px}}
/* Review fixes: metric emphasis outranks prose styles; desktop artwork stays below navigation. */
.report-fact p.report-number{font:700 68px/1 Georgia,serif;color:var(--orange);margin:0!important;letter-spacing:-3px}
@media(max-width:760px){.report-fact p.report-number{font-size:62px}}
@media(min-width:761px){.hero-art{margin-top:0;align-self:center}.hero{padding-top:10px}}
/* Homepage composition: artwork integrates into the header; the journal and ventures span the canvas. */
.home-composition .wrap{max-width:1920px;padding-left:clamp(20px,3.5vw,68px);padding-right:clamp(20px,3.5vw,68px)}
.home-composition .site-header{gap:45px}
.home-composition .site-header nav{position:relative;background:var(--paper);box-shadow:14px 0 20px var(--paper),-14px 0 20px var(--paper);padding-left:3px;padding-right:3px;gap:32px}
.home-composition .ventures{padding-top:22px}
.home-composition .venture-grid{gap:18px}
.home-composition .journal-section{padding-top:27px;padding-bottom:27px}
.home-composition .journal-grid .journal-card:last-child{max-width:none}
@media(min-width:761px){
 .home-composition .hero{grid-template-columns:44% 56%;min-height:460px;padding-top:0;padding-bottom:0;isolation:isolate}
 .home-composition .hero-copy{max-width:720px;padding:10px 0 32px;z-index:1}
 .home-composition .hero h1{font-size:clamp(38px,3.05vw,48px);line-height:1.08;letter-spacing:-1.4px;margin-bottom:24px}
 .home-composition .hero .lead{font-size:18px;line-height:1.45;max-width:640px;margin-bottom:25px}
 .home-composition .hero-art{align-self:center;margin:-92px calc(-1 * clamp(20px,3.5vw,68px)) -16px -40px;z-index:0}
 .home-composition .hero-art>img{mask-image:linear-gradient(to right,transparent 0%,black 14%,black 100%)}
 .home-composition .venture-art{min-height:230px}
 .home-composition .venture h3{font-size:25px}
 .home-composition .venture p{font-size:17px;line-height:1.4}
 .home-composition .venture .button{font-size:13px}
 .home-composition .journal-card.compact{grid-template-columns:34% 66%;min-height:232px}
 .home-composition .journal-card.compact .journal-art{min-height:210px}
 .home-composition .journal-card.compact .journal-copy{padding:16px 15px}
 .home-composition .journal-card.compact h3{font-size:20px;line-height:1.2}
 .home-composition .journal-card.compact .excerpt{font-size:15px;line-height:1.4;-webkit-line-clamp:3}
 .home-composition .journal-card.compact .byline{font-size:12px}
}
@media(min-width:1200px){.home-composition .hero h1{width:calc(100% + 70px)}}
@media(min-width:901px){.home-composition .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-composition .journal-grid .journal-card:last-child{grid-column:auto}}
@media(min-width:761px) and (max-width:1100px){.home-composition .site-header{gap:28px}.home-composition .site-header nav{gap:22px}.home-composition .hero{grid-template-columns:46% 54%;min-height:425px}.home-composition .hero-art{margin-top:-80px;margin-left:-24px}.home-composition .hero .lead{font-size:17px}.home-composition .venture-art{min-height:224px}.home-composition .venture-copy{padding:20px 18px}.home-composition .venture h3{font-size:23px}.home-composition .venture p{font-size:16px}.home-composition .journal-card.compact h3{font-size:18px}.home-composition .journal-card.compact .excerpt{font-size:14px}}
@media(max-width:900px){.home-composition .journal-grid{grid-template-columns:1fr}.home-composition .journal-grid .journal-card:last-child{grid-column:auto}}
@media(max-width:760px){.home-composition .site-header{gap:8px}.home-composition .site-header nav{background:transparent;box-shadow:none;padding-left:0;padding-right:0;gap:18px}.home-composition .hero{padding-top:18px;overflow:hidden}.home-composition .hero-art{width:calc(100% + 40px);margin:17px -20px 0}.home-composition .hero-art>img{mask-image:none}.home-composition .journal-card.compact{min-height:210px}}
/* Match the reference's higher copy position as the wider hero expands. Artwork and mobile layout stay in place. */
@media(min-width:1200px){.home-composition .hero-copy{transform:translateY(clamp(-80px,calc(240px - 16.6666667vw),0px))}}
/* Live review draft: four names sit beside their people, and the studio reaches the page edge. */
.home-composition{overflow-x:clip}
.home-composition .hero-contributors{position:absolute;inset:0;margin:0;pointer-events:none}
.home-composition .hero-person{position:absolute;width:156px;max-width:25%;padding:10px 12px;background:#fffdf8;border:1px solid #d5cbbb;box-shadow:1px 2px 5px #46372520;border-radius:2px;font:13px/1.35 system-ui,sans-serif;color:var(--ink);pointer-events:auto}
.home-composition .hero-person dt{font-size:16px;line-height:1.2;font-weight:750;margin:0 0 4px}
.home-composition .hero-person dd{margin:0;color:#45463f}
.home-composition .hero-person a{text-decoration:none}
.home-composition .hero-person-derek{left:12%;top:6%;transform:rotate(-1deg)}
.home-composition .hero-person-eunice{right:4%;top:14%;transform:rotate(1deg)}
.home-composition .hero-person-mika{left:3%;bottom:27%;transform:rotate(-1deg)}
.home-composition .hero-person-aime{right:4%;bottom:18%;transform:rotate(1deg)}
@media(min-width:761px){
 .home-composition .hero-art{margin-top:-120px;margin-right:calc(-1 * clamp(20px,3.5vw,68px))}
 .home-composition .hero-art>img{clip-path:inset(1.8% 1.8% 0 0)}
}
@media(min-width:761px) and (max-width:1100px){
 .home-composition .hero-art{margin-top:-104px;margin-right:calc(-1 * clamp(20px,3.5vw,68px))}
 .home-composition .hero-person{width:128px;padding:8px 9px;font-size:12px}
 .home-composition .hero-person dt{font-size:15px}
 .home-composition .hero-person-derek{left:14%;top:4%}
 .home-composition .hero-person-eunice{right:5%;top:5%}
}
@media(max-width:760px){
 .home-composition .hero-person{width:112px;max-width:28%;padding:7px 8px;font-size:12px;line-height:1.3;transform:none}
 .home-composition .hero-person dt{font-size:15px;margin-bottom:3px}
 .home-composition .hero-person-derek{left:2%;top:2%}
 .home-composition .hero-person-eunice{right:2%;top:2%}
 .home-composition .hero-person-mika{left:2%;bottom:11%}
 .home-composition .hero-person-aime{right:2%;bottom:5%}
}
/* Compact field-note overview from the live review. Other pages retain their reading layouts. */
.home-composition .hero-newsletter{max-width:510px;margin-top:22px;font:14px/1.4 system-ui,sans-serif}
.home-composition .newsletter-heading{font-weight:650;margin-bottom:8px}
.home-composition .hero-newsletter label{font-size:12px;color:var(--muted)}
.home-composition .newsletter-fields{gap:8px;margin-top:5px}
.home-composition .newsletter-fields input[type=email]{min-height:42px;border-radius:5px;padding:10px 12px;font:14px/1.4 system-ui,sans-serif;opacity:1;-webkit-text-fill-color:var(--muted)}
.home-composition .newsletter-fields button{min-height:42px;border-radius:5px;font:650 14px/1.3 system-ui,sans-serif;padding:10px 15px;border:0;white-space:nowrap;opacity:1;cursor:default}
.home-composition #preview-subscriptions{font-size:12px;color:var(--muted);margin:7px 0 0}
.home-composition .section-heading{gap:17px;margin-bottom:13px}
.home-composition .section-heading:after{content:"";height:1px;background:var(--line);flex:1;order:1}
.home-composition .section-heading .eyebrow{flex:none;order:0}
.home-composition .section-heading>a{order:3;flex:none;font-size:13px}
.home-composition .handwritten{font:600 22px/1.05 'Made Journal Hand',cursive;letter-spacing:0;color:#4f554f}
.home-composition .journal-saying{order:2;flex:none;transform:rotate(-3deg);margin:0 7px;max-width:170px}
.home-composition .ventures{padding-top:18px}
.home-composition .venture-copy{padding:16px 20px;justify-content:center}
.home-composition .venture h3{font-size:23px;margin-bottom:7px}
.home-composition .venture p{font-size:16px;line-height:1.4;flex:initial;margin-bottom:13px}
.home-composition .venture .button{width:auto;min-height:36px;font-size:13px;padding:8px 13px}
.home-composition .journal-section{padding-top:22px;padding-bottom:22px}
.home-composition .journal-card.compact .journal-copy{padding:12px 13px}
.home-composition .journal-card.compact h3{font-size:18px;line-height:1.18;margin-bottom:7px}
.home-composition .journal-card.compact .excerpt{font-size:14px;line-height:1.4;-webkit-line-clamp:2;margin-bottom:9px}
.home-composition .site-footer{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;min-height:92px;padding-top:15px;padding-bottom:15px}
.home-composition .site-footer .footer-identity{display:flex;flex-wrap:wrap;gap:5px 15px;align-items:baseline}
.home-composition .site-footer .footer-identity .handwritten{font-size:20px}
.home-composition .copyright{flex-basis:100%;font-size:12px}
.home-composition .site-footer .footer-notes{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.home-composition .footer-links{display:flex;gap:20px;font:13px/1.4 system-ui,sans-serif}
@media(min-width:761px){
 .home-composition .hero{min-height:460px}
 .home-composition .hero-copy{transform:translateY(-35px);padding-bottom:24px}
 .home-composition .hero-art{height:clamp(420px,39vw,590px)}
 .home-composition .hero-art>img{height:100%;object-fit:cover;object-position:center top;max-width:none;clip-path:none;mask-image:linear-gradient(to right,transparent 0%,black 14%,black 100%),linear-gradient(to bottom,black 0%,black 96%,transparent 100%);mask-composite:intersect}
 .home-composition .venture-art{min-height:170px;height:100%}
 .home-composition .journal-card.compact{min-height:180px}
 .home-composition .journal-card.compact .journal-art{min-height:158px}
}
@media(min-width:761px) and (max-width:1100px){
 .home-composition .hero-copy{transform:none}
 .home-composition .hero-art{height:auto}
 .home-composition .hero-art>img{height:auto;object-fit:contain;object-position:center;clip-path:none;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 100%)}
 .home-composition .hero-person{max-width:28%}
 .home-composition .hero-person-derek{left:2%;top:2%}
 .home-composition .hero-person-eunice{right:2%;top:2%}
 .home-composition .venture h3{font-size:21px}
 .home-composition .venture-copy{padding:14px 15px}
 .home-composition .venture .button{font-size:12px}
 .home-composition .journal-saying{font-size:20px}
}
@media(max-width:760px){
 .home-composition .hero-copy{transform:none}
 .home-composition .hero-newsletter{margin-top:19px}
 .home-composition .hero-newsletter .newsletter-fields{flex-wrap:wrap}
 .home-composition .hero-newsletter .newsletter-fields input{flex:1 1 155px}
 .home-composition .hero-newsletter .newsletter-fields button{flex:0 1 auto}
 .home-composition .section-heading{flex-wrap:wrap;gap:10px 14px}
 .home-composition .journal-saying{order:4;flex-basis:100%;max-width:none;margin:2px 0 4px;transform:none;font-size:22px}
 .home-composition .journal-saying br{display:none}
 .home-composition .journal-card.compact{min-height:200px}
 .home-composition .journal-card.compact .journal-art{min-height:178px}
 .home-composition .site-footer{grid-template-columns:1fr;gap:13px;padding-top:18px;padding-bottom:20px}
 .home-composition .site-footer .footer-identity{width:auto}
 .home-composition .site-footer .footer-notes{width:auto;align-items:flex-start}
 .home-composition .site-footer .handwritten{font-size:22px}
 .home-composition .footer-links{font-size:14px}
}
/* Keep card artwork from dictating a tall row, and keep tablet faces fully in frame. */
.home-composition .journal-card.compact .journal-art{position:relative;height:auto;align-self:stretch}
.home-composition .journal-card.compact .journal-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-composition .journal-card.compact .byline{margin:8px 0 0}
@media(min-width:761px){
 .home-composition .venture{--art-column:49%;position:relative;min-height:178px;grid-template-columns:var(--art-column) minmax(0,1fr)}
 .home-composition .venture-art{position:absolute;inset:0 auto 0 0;width:var(--art-column);height:100%;min-height:0}
 .home-composition .venture-copy{grid-column:2}
}
@media(min-width:761px) and (max-width:1150px){.home-composition .venture{--art-column:44%}}
@media(min-width:761px) and (max-width:900px){
 .home-composition .hero{display:flex;flex-direction:column;min-height:0;padding-top:16px;padding-bottom:0;align-items:stretch}
 .home-composition .hero-copy{padding:0;max-width:none}
 .home-composition .hero h1{font-size:42px;max-width:720px;width:auto}
 .home-composition .hero .lead{max-width:680px}
 .home-composition .hero-art{width:calc(100% + 2 * clamp(20px,3.5vw,68px));height:auto;margin:18px calc(-1 * clamp(20px,3.5vw,68px)) 0;align-self:auto}
 .home-composition .hero-art>img{height:auto;mask-image:none;clip-path:none}
 .home-composition .hero-person{width:142px;max-width:25%;padding:9px 10px;font-size:13px}
 .home-composition .hero-person dt{font-size:16px}
 .home-composition .hero-person-derek{left:2%;top:2%}
 .home-composition .hero-person-eunice{right:2%;top:2%}
 .home-composition .hero-person-mika{left:2%;bottom:11%}
 .home-composition .hero-person-aime{right:2%;bottom:5%}
}

/* The fifth contributor stays on the clear desk area below her hat and face. */
.home-composition .hero-person-rukia{left:50%;bottom:2%;transform:translateX(-50%)}

/* Keep Derek’s desktop note clear of the Contact navigation target. */
@media(min-width:1440px){.home-composition .hero-person-derek{left:8%;top:max(14.5%,92px)}}
@media(min-width:1101px) and (max-width:1439px){.home-composition .hero-person-derek{left:8%;top:14.5%;width:128px;padding:8px 9px;font-size:12px}.home-composition .hero-person-derek dt{font-size:15px}}