/* Natura-1 article typography and reading layout.
   The article type is set in fixed pixels and a fixed measure so it reads the same on every screen;
   --art-scale (the site's 1920px coordinate system) is only used by the hero, header and footer.
   Headings: Instrument Sans. Body: Source Serif 4. Hero title keeps the site's Cormorant Garamond. */
@font-face{font-family:'Source Serif 4';src:url('/_releases/b45a07089dbe1f42ae5f8397aea3e0f54ded60c8c541e0c8fd62e5aff731ee5f/assets/source-serif-4-variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/_releases/b45a07089dbe1f42ae5f8397aea3e0f54ded60c8c541e0c8fd62e5aff731ee5f/assets/source-serif-4-italic-variable.ttf') format('truetype');font-style:italic;font-weight:200 900;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/_releases/b45a07089dbe1f42ae5f8397aea3e0f54ded60c8c541e0c8fd62e5aff731ee5f/assets/instrument-sans-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/_releases/b45a07089dbe1f42ae5f8397aea3e0f54ded60c8c541e0c8fd62e5aff731ee5f/assets/instrument-sans-italic-variable.ttf') format('truetype');font-style:italic;font-weight:400 700;font-stretch:75% 100%;font-display:swap}

.natura-preview-page .site-header a[aria-disabled="true"]{cursor:default}
.natura-preview-page .main-nav a[aria-disabled="true"]:hover{opacity:.6}
.natura-preview-page .main-nav a[aria-disabled="true"][aria-current="page"]:hover{opacity:1}

/* Hero */
/* Keep navigation above the opening block, including its transparent top padding. */
.natura-preview-page .article-hero>.design-canvas{z-index:2}
.natura-preview-page .article-hero{height:auto;min-height:100svh;padding-bottom:100px}
.natura-preview-page .article-opening{position:relative;left:auto;top:auto;transform:none;width:min(92vw,calc(1320px * var(--art-scale)));margin:0 auto;padding-top:65svh;animation:natura-opening 1.8s cubic-bezier(.2,.6,.2,1) .3s both}
.natura-preview-page .article-field{height:100svh;inset:0 0 auto}
@keyframes natura-opening{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
html body.natura-preview-page .article-hero h1{margin:0;font:600 clamp(60px,6.4vw,112px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;scroll-margin-top:80px}
html body.natura-preview-page .article-hero h1 em{font-weight:500}
.natura-subtitle{font:400 clamp(17px,1.2vw,20px)/1.5 'Instrument Sans',Inter,Arial,sans-serif;max-width:620px;margin:22px auto 0;opacity:.72}
html body.natura-preview-page .article-toc{display:block;width:420px;margin-top:36px;font:400 15px/1.7 'Instrument Sans',Inter,Arial,sans-serif}

/* Reading region: plain paper, no grid. */
.natura-preview-page .detail-background{display:none}
.natura-preview-page .article-reading{display:flow-root;background:#fcfcfc}
.natura-review-note{display:flex;gap:24px;align-items:baseline;box-sizing:border-box;max-width:1182px;margin:48px auto 0;padding:14px 40px;border-bottom:1px solid #d7d8ce;font:400 12px/1.6 'Instrument Sans',Inter,Arial,sans-serif;color:#6f726b}
.natura-review-note>span{flex-shrink:0;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}
.natura-reading-layout{display:grid;grid-template-columns:212px minmax(0,850px);gap:40px;box-sizing:border-box;max-width:1182px;margin:0 auto;padding:56px 40px 128px}

/* Chapter navigation rail */
.natura-reading-nav{position:sticky;top:88px;align-self:start;max-height:calc(100svh - 128px);overflow-y:auto;padding-right:8px;font:400 13px/1.5 'Instrument Sans',Inter,Arial,sans-serif;scrollbar-width:thin;color:#8a8e8e}
.reading-nav-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;color:#404545;font-size:13px;letter-spacing:.01em}
.reading-nav-top span{color:#9b9e9e}
.natura-reading-nav ol{list-style:none;padding:0;margin:0;border-left:1px solid #24252518}
.natura-reading-nav li{margin:0;padding:0}
.natura-reading-nav li a{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:baseline;padding:8px 0 8px 16px;color:inherit;transition:color .2s}
.natura-reading-nav .reading-nav-subsections{border:0;margin:0 0 8px 20px}
.natura-reading-nav .reading-nav-subsections a{grid-template-columns:22px 1fr;gap:6px;padding:6px 0 6px 12px;font-size:12.5px;line-height:1.45}
.natura-reading-nav .reading-nav-subsections .reading-nav-number{font-size:10px}
.natura-reading-nav .is-parent-current{color:#595e5e}
.natura-reading-nav li a::before{content:'';position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:currentColor;opacity:0;transform:scaleY(.5);transition:opacity .2s,transform .2s}
.natura-reading-nav li a:hover,.natura-reading-nav li a.is-current{color:#242525}
.natura-reading-nav li a.is-current::before{opacity:1;transform:scaleY(1)}
.natura-reading-nav a:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.reading-nav-number{font:400 10.5px/1.5 'SFMono-Regular','SF Mono',Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;opacity:.7}

/* Article body */
html body.natura-preview-page .natura-article{min-width:0;padding:0;letter-spacing:normal;line-break:auto;word-break:normal;overflow-wrap:normal;font:400 var(--text)/1.62 var(--serif);font-optical-sizing:auto}
.natura-article{--paper:#fcfcfc;--ink:#242525;--muted:#6f726b;--line:#d7d8ce;--soft:#eeeee7;--serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'Instrument Sans',Inter,Arial,Helvetica,sans-serif;--mono:'SFMono-Regular','SF Mono',Menlo,Consolas,'Liberation Mono',monospace;--display:'Cormorant Garamond',Georgia,serif;--text:19px;--measure:850px;color:var(--ink)}
.natura-article :is(img,svg,iframe){max-width:100%}
.natura-article .article-section-body{min-width:0}
/* Running text and media share one 850px column; below 1024px the text uses the full width. */
.natura-article :is(p,h2,h3,h4,ul,ol,figcaption,.article-footnote,.article-highlight,.article-code){max-width:var(--measure)}
.natura-article :is(.benchmark-results,.scaling-figure,.architecture-figure,.case-study,.observation-browser) :is(p,h4,figcaption){max-width:none}
.natura-article p{text-wrap:pretty}
.natura-article .article-section-body>p{margin:0}
html .natura-article .article-section-body>p+p{margin-top:1em}
.natura-article .article-section-body :is(p,li) strong{font-weight:600}
.natura-article a{text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:rgba(36,37,37,.35)}
.natura-article a:hover{text-decoration-color:currentColor}
.natura-article .natura-lead{width:auto;margin:0;font:400 22px/1.45 var(--serif);letter-spacing:-.004em}
.natura-article .natura-lead p{max-width:var(--measure)}
.natura-article .natura-section{display:block;margin:96px 0 0;scroll-margin-top:72px}
.natura-article .article-section-label{padding:20px 0 0;margin-bottom:28px;border-top:1px solid var(--ink)}
.natura-article .article-section-label h2{margin:10px 0 0;font:600 38px/1.1 var(--sans);letter-spacing:-.022em;text-wrap:balance;-webkit-text-stroke:0}
.natura-article .article-section-number{font:400 11px/1.4 var(--mono);letter-spacing:.1em;color:var(--muted);opacity:1;font-variant-numeric:tabular-nums}
.natura-article .article-section-body :is(h3,h4){color:var(--ink)}
.natura-article .article-section-body .natura-subsection-heading{display:flex;align-items:baseline;gap:.7em;margin:48px 0 18px;max-width:var(--measure);font:600 26px/1.2 var(--sans);letter-spacing:-.016em;text-wrap:balance}
.natura-article .performance-section>.natura-subsection-heading{margin-top:0}
.natura-subsection-heading .subsection-number{flex-shrink:0;font:400 12px/1.5 var(--mono);color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.natura-article .article-section-body>h4{margin:36px 0 12px;font:600 19px/1.3 var(--sans);letter-spacing:-.01em}
.natura-article .article-section-body :is(.performance-copy,.subsection-copy){font-size:inherit;line-height:inherit}
.natura-article .article-section-body>.performance-section{margin-top:64px;padding-top:24px;border-top:1px solid var(--line)}
.natura-article .overview-film{margin:32px 0 0}
.natura-article .egocentric-data-figure{width:100%;margin:0 0 32px}
.natura-article .egocentric-data-figure iframe{display:block;width:100%;height:auto;min-width:0;aspect-ratio:32/9;border:0;background:transparent}
.natura-article .overview-film .review-frame::after{content:'Natura-1 / Full demo';position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#dedede;font:400 clamp(15px,1.3vw,21px)/1.2 var(--sans);letter-spacing:.08em}
.natura-article .overview-film .review-frame{background:#000}
.natura-article [id]{scroll-margin-top:72px}
.natura-article .article-section-body>.article-footnote{font:400 13px/1.6 var(--sans);color:var(--muted);margin-top:20px}
.natura-article .article-code{max-width:var(--measure);overflow-x:auto;white-space:pre;font:400 12.5px/1.75 var(--mono);padding:20px 24px;background:#f7f7f4;border:1px solid var(--line);border-radius:2px;color:var(--ink)}
.natura-article [hidden]{display:none!important}
.natura-media-dialog{font-family:var(--sans)}

/* Figure chrome: one eyebrow style, one caption style. */
.natura-article .eyebrow,
.natura-article :is(.selector-heading,.film-heading,.benchmark-figure-heading,.figure-top,.observation-heading,.open-case-caption,.open-case-request,.study-intent,.performance-kicker,.archive-card figcaption)>.eyebrow{font:400 10.5px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.natura-article .teacher-scaling .figure-top>.eyebrow{font:400 10.5px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}
.natura-article .teacher-scaling{border-radius:2px}
.natura-article .scaling-cohort-heading{font:600 11px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.natura-article :is(.evidence-count,.study-position,.film-duration,.observation-number){font:400 10.5px/1.6 var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.natura-article :is(.architecture-figure,.scaling-figure) figcaption{font:400 13px/1.6 var(--sans);color:var(--muted);max-width:var(--measure)}
.natura-article .scaling-figure figcaption{font-size:13px;line-height:1.6}
.natura-article .performance-kicker{margin-bottom:22px}

@media(max-width:1279px){
  .natura-reading-layout{gap:32px;grid-template-columns:200px minmax(0,850px)}
}
@media(max-width:1023px){
  .natura-preview-page .article-hero{min-height:100svh;padding-bottom:84px}
  .natura-preview-page .article-hero>.design-canvas{position:absolute;inset:0 0 auto}
  .natura-preview-page .article-opening{width:min(90vw,640px);padding-top:61svh}
  html body.natura-preview-page .article-hero h1{font-size:72px;line-height:1.02}
  .natura-subtitle{max-width:520px;font-size:17px;margin-top:20px}
  html body.natura-preview-page .article-toc{width:min(100%,320px);margin-top:32px;font-size:14px;line-height:1.8}
  .natura-review-note{margin:24px 0 0;padding:12px 24px;gap:14px;align-items:flex-start;font-size:11px}
  .natura-reading-layout{display:block;margin:0;padding:0 24px 72px}
  .natura-reading-nav{z-index:5;top:0;max-height:none;margin:0 -24px 32px;padding:12px 24px;background:rgba(252,252,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid #24252518;overflow-x:auto;overflow-y:hidden;font-size:13px}
  .reading-nav-top{display:none}
  .natura-reading-nav ol{display:flex;gap:22px;width:max-content;border:0}
  .natura-reading-nav .reading-nav-chapter,.natura-reading-nav .reading-nav-subsections{display:contents}
  .natura-reading-nav .reading-nav-subsections a{display:flex;gap:7px;padding:6px 0;font-size:1em;line-height:1.5}
  .natura-reading-nav li a{display:flex;gap:7px;padding:6px 0;white-space:nowrap}
  .natura-reading-nav li a::before{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;transform:scaleX(.5)}
  .natura-reading-nav li a.is-current::before{transform:scaleX(1)}
  html body.natura-preview-page .natura-article{--text:17px;--measure:none;line-height:1.6}
  .natura-article .natura-lead{font-size:19px}
  .natura-article .natura-section{margin-top:72px;scroll-margin-top:86px}
  .natura-article .article-section-label{margin-bottom:24px}
  .natura-article .article-section-label h2{font-size:32px}
  .natura-article .article-section-body .natura-subsection-heading{font-size:24px;line-height:1.2}
  .natura-article .article-section-body>h4{font-size:18px}
  .natura-article [id]{scroll-margin-top:86px}
}
@media(min-width:600px) and (max-width:1023px){
  .natura-reading-layout{max-width:840px;padding-inline:28px;margin-inline:auto}
  .natura-review-note{max-width:784px;margin-inline:auto;padding-inline:0}
  html body.natura-preview-page .article-hero h1{font-size:88px}
}
@media(max-width:599px){
  html body.natura-preview-page .article-hero h1{font-size:60px}
  .natura-subtitle{font-size:16px;max-width:335px}
  html body.natura-preview-page .article-toc{width:min(100%,310px);font-size:14px}
  .natura-review-note{display:block}
  .natura-review-note>span{display:block;margin-bottom:6px}
  .natura-reading-layout{padding-inline:20px}
  .natura-reading-nav{margin-inline:-20px;padding-inline:20px}
  .natura-article .article-code{padding:16px 18px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.natura-preview-page .article-opening{animation:none}.natura-reading-nav *{transition:none!important}}