@font-face{font-family:Inter;src:url('fonts/Inter-Regular.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--u:calc(min(100vw, 1600px) / 1440);--serif:'Cormorant Garamond',Georgia,serif;--sans:Inter,Arial,sans-serif;--yfn-ink:#080a09;--yfn-paper:#ece9de;--yfn-muted:#989c91;--yfn-accent:#c9aa77;--yfn-line:#30342e;--yfn-panel:#111510;color-scheme:dark}
*{box-sizing:border-box;border:0 solid}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--yfn-ink);color:var(--yfn-paper);font-family:var(--sans);font-size:15px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;text-align:inherit}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a[href],button{transition:color .2s,background .2s,opacity .2s}a[href]:hover,.text-link:hover{color:var(--yfn-accent)}:focus-visible{outline:2px solid var(--yfn-accent);outline-offset:6px}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 16px;background:var(--yfn-paper);color:#080a09;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:10;max-width:1600px;height:calc(104 * var(--u));margin:auto;padding:0 calc(64 * var(--u));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30342e80;gap:30px}.identity{font-size:calc(14 * var(--u));letter-spacing:.04em;line-height:1.5;white-space:nowrap}.identity small{display:block;font-size:calc(8 * var(--u));color:var(--yfn-muted);letter-spacing:.12em}nav{display:flex;gap:calc(26 * var(--u))}nav a{font-size:calc(12 * var(--u));line-height:1.4;white-space:nowrap}nav small{display:block;font-size:calc(8 * var(--u));color:var(--yfn-muted);padding-top:4px}nav a[aria-current=page],nav a[aria-current=page] small{color:var(--yfn-accent)}.menu-toggle{display:none}main{max-width:1600px;margin:0 auto;min-height:70vh;outline:none}.design-page{overflow:clip;min-height:70vh}.route-home .design-page{margin-top:calc(-104 * var(--u))}.image-slot{overflow:hidden}.image-slot img{object-fit:cover}.image-slot img[alt]{font-size:0}a.actionable{display:flex}a.text-node.actionable:not(.layout-row):not(.layout-col){display:block}.actionable{cursor:pointer}.actionable:hover img{transform:scale(1.025)}.actionable img{transition:transform .6s}.actionable:hover .text-node{color:var(--yfn-accent)}.actionable[data-name="Start reading"]:hover{background:var(--yfn-accent);color:#080a09}.actionable[data-name="Start reading"]:hover .text-node{color:#080a09}.actionable:focus-visible{outline-offset:-3px}.reading-index{position:sticky;top:30px;align-self:flex-start}.reading-index a:hover,.section-nav a:hover{color:var(--yfn-accent)}.reading-index a{padding:4px 0}.design-page>[data-name="Fine rule"]{display:none}.design-page[data-name^="Detail"]{padding-bottom:calc(50 * var(--u))}.design-page [data-name="Conceptual reading guide"]{flex-wrap:wrap}.design-page [data-name="Manuscript excerpts"]{min-width:0}.film-controls{position:absolute;right:calc(72 * var(--u));top:calc(95 * var(--u));display:flex;gap:12px;z-index:2}.film-controls button{font-size:11px;letter-spacing:.08em;padding:8px 12px;border:1px solid #ece9de66;background:#080a0940;backdrop-filter:blur(8px)}.film-controls button:hover{background:var(--yfn-paper);color:var(--yfn-ink)}.film-video{width:100%;height:100%;object-fit:cover}.reading-downloads{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;font-size:11px;color:var(--yfn-accent);border-top:1px solid var(--yfn-line);padding-top:20px}.additional-notes{width:100%;border-top:1px solid var(--yfn-line);padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.additional-notes a{padding:24px;background:var(--yfn-panel);display:block}.additional-notes span{display:block;font:32px/1.2 var(--serif);padding:12px 0}.eyebrow{font-size:10px;letter-spacing:.1em;color:#6f705f}
body:has(dialog[open]){overflow:hidden}
dialog{width:min(880px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:20px 60px 36px;color:var(--yfn-ink);background:transparent;border:0;overflow:auto}
dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}
.card-close{position:sticky;z-index:3;top:0;display:block;width:110px;margin:0 0 24px auto;color:var(--yfn-paper);font-size:12px;line-height:1.55;letter-spacing:0}
.card-front,.card-back{display:flex;flex-direction:column;gap:24px;width:100%;padding:30px 36px;border-radius:8px;background:var(--yfn-paper);box-shadow:0 24px 56px #0000006b;transform:rotate(var(--paper-angle));transform-origin:center}
.card-front{--paper-angle:2deg}.card-back{--paper-angle:-1deg}
.card-header{display:flex;align-items:flex-start;gap:24px;width:100%;padding-bottom:24px;border-bottom:1px solid #080a0933;font-size:10px;line-height:1.55}
.card-header>p:first-child{flex:1}.card-header>p:last-child{width:120px;flex-shrink:0}
.card-front-body{display:grid;grid-template-columns:288px 364px;gap:36px;align-items:start;width:100%}
.card-portrait{width:288px;margin:0}.card-portrait img{width:288px;height:384px;object-fit:cover}.card-portrait figcaption{margin-top:12px;font-size:9px;line-height:1.55}
.card-identity{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0}
.card-greeting{font:27px/1.06 var(--serif)}.card-identity h2{font:78px/1.06 var(--serif);margin:0}.card-meta{font-size:10px;line-height:1.55}.card-tagline{font:24px/1.06 var(--serif);margin:0}.card-rule{height:1px;flex-shrink:0;background:#080a0933}
dialog .text-link{font-size:13px;line-height:1.55;letter-spacing:0;border:0;padding:0}dialog .text-link:hover,dialog a:hover{color:#725b36}
.card-back h2{font:42px/1.06 var(--serif);margin:0}.card-back>p{font-size:15px;line-height:1.55;margin:0}
.card-footer{display:grid;grid-template-columns:300px 360px;gap:28px;width:100%;padding-top:24px;border-top:1px solid #080a0933;font-size:12px;line-height:1.55}.card-footer .text-link,.card-footer a{font-size:12px}
.not-found{padding:100px 24px;text-align:center}.not-found h1{font:60px var(--serif)}
@media(min-width:1001px) and (max-width:1100px){.site-header{gap:15px}nav{gap:14px}nav a{font-size:10px}.identity{font-size:12px}.identity small,nav small{font-size:7px}}
@media(max-width:1000px){
:root{--u:1px}.site-header{height:84px;padding:0 22px;gap:14px}.identity{font-size:12px}.identity small{font-size:7px}.menu-toggle{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.1em}.menu-toggle span{font-size:20px}nav{display:none;position:absolute;left:0;right:0;top:83px;flex-direction:column;gap:0;padding:16px 22px 28px;background:#080a09fa;border-bottom:1px solid var(--yfn-line);box-shadow:0 20px 40px #0005}nav.is-open{display:flex}nav a{padding:12px 0;display:flex;justify-content:space-between;font-size:15px}nav small{font-size:8px}.design-page{width:100%!important}.design-page [data-width]{width:100%;max-width:100%;min-width:0}.design-page .layout-row{flex-direction:column;gap:24px;align-items:stretch}.design-page .layout-col{gap:min(var(--mobile-gap,24px),32px)}.design-page .text-node{height:auto;min-height:0;word-break:normal}.design-page .display-text{font-size:54px;line-height:1.05}.design-page .heading-text{font-size:34px;line-height:1.16}.design-page .small-text{font-size:11px;line-height:1.65}.design-page .image-slot{height:auto;aspect-ratio:var(--ratio,4/3)}.image-slot>img{position:absolute;inset:0;width:100%;height:100%}.editorial-content{width:auto!important;margin:52px 22px 70px!important;gap:76px!important}.editorial-content>.layout-col{gap:30px}.chapter-opening{gap:24px!important}.chapter-opening .display-text{font-size:60px}.section-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:16px!important;text-align:left}.section-nav a{width:100%!important}.section-nav+div{max-width:100%}.article-grid{display:block!important}.reading-index{position:static;display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin-bottom:42px;padding-bottom:24px;border-bottom:1px solid var(--yfn-line)}.reading-index>p:first-child{grid-column:1/-1}.reading-index>div{grid-column:1/-1}.reading-index a{font-size:11px!important}.design-page[data-name^="Detail"]{padding:0 22px 50px;gap:0}.design-page [data-name="Editorial introduction"]{padding:52px 0 40px;gap:20px}.design-page [data-name="Reading prelude"]{padding-bottom:48px;gap:32px}.design-page [data-name="Manuscript excerpts"]{gap:48px}.design-page [data-name="Manuscript excerpts"] .text-node{font-size:16px;line-height:1.85}.design-page [data-name="Manuscript excerpts"] .heading-text{font-size:30px;line-height:1.2}.design-page [data-name="Continue reading"]{padding:60px 0 0;gap:20px}.design-page [data-name="Related reading"]{padding:60px 0 0}.design-page [data-name="Return links"]{padding-top:30px;gap:20px}.design-page [data-name="Full manuscript"] .text-node{font-size:15px;line-height:1.85}.design-page [data-name="Full manuscript"] .display-text{font-size:48px;line-height:1.1}.design-page [data-name="Full manuscript"] .heading-text{font-size:30px;line-height:1.2}.design-page [data-name="Contents / jump to section"]{gap:14px}.action-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:18px 0!important}.action-row>p{width:auto!important;font-size:10px!important;line-height:1.6!important}.action-row>p:last-child{flex-shrink:0}.additional-notes{grid-template-columns:1fr}.additional-notes span{font-size:30px}.photo-grid{gap:30px!important}
.route-home .design-page{margin-top:-84px}.route-home .design-page>div:not(:first-child):not([data-name^="01 /"]){padding:64px 22px;gap:32px}.route-home [data-name="00 / Opening"]{height:880px;width:100%;overflow:hidden}.route-home [data-name="Hero / Generated fungi particle artwork"]{inset:0 0 auto;height:880px;width:100%}.route-home [data-name="Hero / Generated fungi particle artwork"] img{object-position:48% center}.route-home [data-name^="Atmosphere"]{width:100%;left:0}.route-home [data-name="Atmosphere / bottom fade"]{top:700px;height:180px}.route-home [data-name="Atmosphere / full-width readability veil"]{height:880px}.route-home [data-name="Hero copy"]{top:180px;left:22px;width:calc(100% - 44px);gap:24px}.route-home [data-name="Hero copy"] .display-text{font-size:55px;line-height:1.04}.route-home [data-name="Hero copy"] p{max-width:100%}.route-home [data-name="Hero copy"]>div:nth-child(3){line-height:1.7;font-size:13px}.route-home [data-name="Start reading"]{flex-direction:row;gap:26px;width:auto;padding:14px 24px}.route-home [data-node-id="192:149"]{left:22px;top:640px;width:260px;height:140px;justify-content:flex-start}.route-home [data-name="Meet Yuanshuo / miniature personal card"]{flex-direction:row;gap:16px;width:260px;padding:12px}.route-home [data-name="Meet Yuanshuo / miniature personal card"] .image-slot{width:70px;height:94px;flex-shrink:0}.route-home [data-name="Meet Yuanshuo / miniature personal card"] [data-name="Frame"]{width:auto;gap:6px}.route-home [data-node-id="108:75"]{left:22px;top:815px;width:calc(100% - 44px);gap:12px}.route-home [data-node-id="108:75"]>p:last-child{font-size:7px;letter-spacing:.02em}.route-home [data-name="01 / Enter the field — Video"]{height:850px;width:100%;overflow:hidden}.route-home [data-name^="Video poster"],.route-home [data-name="Video / atmospheric contrast"]{inset:0;width:100%;height:100%}.route-home [data-name="Film header"]{top:32px;left:22px;width:calc(100% - 44px);flex-direction:row;font-size:8px}.route-home [data-name="Film title / reveal on scroll"]{top:245px;left:22px;width:calc(100% - 44px);gap:20px}.route-home [data-name="Film title / reveal on scroll"] .display-text{font-size:48px}.route-home [data-name="Opening label"]{left:22px;top:530px;width:calc(100% - 44px);gap:10px}.route-home [data-name="Research statement"]{left:22px;top:650px;width:calc(100% - 44px);gap:14px}.route-home [data-name="Film / section divider"]{left:22px;top:500px;width:calc(100% - 44px)}.film-controls{right:22px;top:76px}.film-controls button{font-size:9px}.route-home [data-name="Researcher statement"] .image-slot{width:100%;max-height:420px;aspect-ratio:4/3}.route-home [data-name="Footer"]{flex-direction:row;font-size:8px}.route-home [data-name="YFN / Chapter row"]{position:relative;padding:22px 0;gap:14px}.route-home [data-name="YFN / Chapter row"]>p:first-child{width:auto;font-size:10px}.route-home [data-name="YFN / Chapter row"] .heading-text{font-size:32px}.route-home [data-name="YFN / Chapter row"]>p:last-child{position:absolute;right:0;top:24px;width:auto;font-size:24px}.route-home [data-name="Methods and field material"]{gap:24px}.route-home [data-name="Paper overview"] .heading-text{font-size:34px}.route-home [data-name="Paper title with entry"]{flex-direction:row;justify-content:space-between}.route-home [data-name="Journal heading"]{gap:20px}.route-home [data-name="Field photographs"]{gap:40px}.route-home [data-name="Researcher copy"]{gap:20px}
dialog{width:calc(100vw - 16px);padding:12px 16px 28px}.card-close{width:auto;margin-bottom:16px;font-size:11px}.card-front,.card-back{--paper-angle:0deg;padding:24px 20px;gap:24px}.card-header{gap:16px;font-size:8px}.card-header>p:last-child{width:82px}.card-front-body{grid-template-columns:1fr;gap:24px}.card-portrait{width:100%;max-width:240px;margin:0 auto}.card-portrait img{width:100%;height:auto;aspect-ratio:3/4}.card-identity{gap:16px}.card-identity h2{font-size:60px;line-height:1.02}.card-tagline{font-size:22px;line-height:1.1}.card-back h2{font-size:34px;line-height:1.1}.card-back>p{font-size:14px;line-height:1.7}.card-footer{grid-template-columns:1fr 1fr;gap:16px}.card-footer .text-link,.card-footer a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Pointer-tracked immersion and scroll-linked copy for the homepage. */
.route-home [data-name="00 / Opening"],.route-home [data-name="01 / Enter the field — Video"]{--pointer-x:50%;--pointer-y:50%;--pointer-x-num:0;--pointer-y-num:0;--pointer-depth:.9}
.route-home [data-name="Hero / Generated fungi particle artwork"] img{transform:none;transition:none}
.route-home [data-name="00 / Opening"]{--spotlight-x:-999px;--spotlight-y:-999px;--spotlight-radius:clamp(180px,16.5vw,255px);isolation:isolate}
.route-home [data-name="00 / Opening"]::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.28);pointer-events:none}
.route-home [data-name="Atmosphere / full-width readability veil"]{z-index:1;pointer-events:none}
.route-home .is-spotlight-active [data-name="Atmosphere / full-width readability veil"],.route-home [data-name="00 / Opening"].is-spotlight-active::after{-webkit-mask-image:radial-gradient(circle var(--spotlight-radius) at var(--spotlight-x) var(--spotlight-y),transparent 0%,rgba(0,0,0,.04) 24%,rgba(0,0,0,.38) 58%,#000 100%);mask-image:radial-gradient(circle var(--spotlight-radius) at var(--spotlight-x) var(--spotlight-y),transparent 0%,rgba(0,0,0,.04) 24%,rgba(0,0,0,.38) 58%,#000 100%)}
.hero-spotlight{position:absolute;z-index:1;left:var(--spotlight-x);top:var(--spotlight-y);width:calc(2 * var(--spotlight-radius));height:calc(2 * var(--spotlight-radius));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,239,207,.24) 0%,rgba(255,225,172,.11) 34%,rgba(239,211,157,.035) 60%,transparent 82%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .22s ease}
.is-spotlight-active>.hero-spotlight{opacity:1}
.route-home [data-name="Hero copy"],.route-home [data-node-id="108:75"],.route-home [data-node-id="192:149"]{z-index:2}
.route-home [data-node-id="192:149"]{transform:translateY(var(--card-lift,0px)) rotate(var(--card-tilt-y,0deg)) rotateX(var(--card-tilt-x,0deg));transform-origin:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));perspective:800px;visibility:hidden;opacity:0;pointer-events:none}
.route-home [data-node-id="192:149"]:hover{filter:drop-shadow(0 24px 24px rgba(0,0,0,.28))}
.route-home [data-node-id="192:149"].is-card-visible{visibility:visible;opacity:1;pointer-events:auto}
.personal-card-paper{transform-origin:24% 28%;backface-visibility:hidden}
.is-card-entering>.personal-card-paper{animation:personal-card-arrive 1.45s cubic-bezier(.2,.72,.25,1) both;will-change:transform,opacity}
.route-home [data-name="Meet Yuanshuo / miniature personal card"]{opacity:1;transform:none}
.route-home [data-name="01 / Enter the field — Video"] .film-video{transform:translate(calc(var(--pointer-x-num) * -12px),calc(var(--pointer-y-num) * -8px)) scale(1.045);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pointer-beacon{position:absolute;z-index:4;left:0;top:0;width:clamp(120px,18vw,280px);height:clamp(120px,18vw,280px);border-radius:50%;pointer-events:none;opacity:0;mix-blend-mode:screen;transform:translate3d(-999px,-999px,0) translate(-50%,-50%);transition:opacity .35s ease;will-change:transform,opacity;background:radial-gradient(circle,rgba(244,211,153,.26) 0,rgba(205,169,106,.13) 18%,rgba(205,169,106,.04) 44%,transparent 72%);filter:blur(2px)}
.pointer-beacon::after{content:"";position:absolute;inset:39%;border-radius:50%;background:rgba(255,231,183,.38);filter:blur(8px);box-shadow:0 0 32px 12px rgba(209,172,104,.22)}
.pointer-beacon.is-active{opacity:1}
.pointer-beacon-film{width:clamp(150px,22vw,320px);height:clamp(150px,22vw,320px);background:radial-gradient(circle,rgba(215,202,150,.2) 0,rgba(172,162,117,.1) 22%,rgba(172,162,117,.025) 48%,transparent 72%)}
.route-home [data-name="Video / atmospheric contrast"]{background:radial-gradient(ellipse 37% 32% at var(--pointer-x) var(--pointer-y),rgba(190,181,126,.13),transparent 65%),linear-gradient(90deg,rgba(8,10,9,.72) 0%,rgba(8,10,9,.32) 35%,rgba(8,10,9,.58) 60%,#080a09 100%);transition:background .7s ease}
.film-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.film-reveal.is-visible{opacity:1;transform:translate3d(calc(var(--pointer-x-num) * -6px),calc(var(--pointer-y-num) * -4px),0)}
.film-scroll-linked .film-reveal.is-visible{transform:translate3d(calc(var(--pointer-x-num) * -6px),calc((var(--film-progress) - .5) * -18px),0);filter:blur(calc(abs(var(--film-progress) - .5) * 1px))}
.route-home [data-name="Film title / reveal on scroll"].is-visible{transform:translate3d(calc(var(--pointer-x-num) * -10px),calc(var(--pointer-y-num) * -7px),0)}
.route-home [data-name="Opening label"].is-visible{transform:translate3d(calc(var(--pointer-x-num) * -4px),calc(var(--pointer-y-num) * -3px),0)}
.route-home [data-name="Research statement"].is-visible{transform:translate3d(calc(var(--pointer-x-num) * -7px),calc(var(--pointer-y-num) * -5px),0)}
@keyframes personal-card-arrive{0%{opacity:0;transform:translate3d(-92px,72px,0) rotate(-18deg) rotateY(-62deg) rotateX(12deg) scale(.78)}22%{opacity:1}46%{opacity:1;transform:translate3d(12px,-22px,0) rotate(12deg) rotateY(12deg) rotateX(-4deg) scale(1.04)}68%{transform:translate3d(-7px,6px,0) rotate(-3deg) rotateY(-5deg) scale(.99)}84%{transform:translate3d(3px,-3px,0) rotate(6deg) rotateY(2deg) scale(1.01)}100%{opacity:1;transform:translate3d(0,0,0) rotate(4deg) rotateY(0) rotateX(0) scale(1)}}
@keyframes personal-card-pop{0%{opacity:0;transform:translateY(26px) scale(.92) rotate(-1.5deg)}65%{opacity:1;transform:translateY(-4px) scale(1.015) rotate(.25deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes personal-card-backdrop{from{opacity:0}to{opacity:1}}
@keyframes personal-card-content{from{opacity:0;transform:translateY(16px) rotate(var(--paper-angle))}to{opacity:1;transform:translateY(0) rotate(var(--paper-angle))}}
dialog[open]{animation:personal-card-pop .62s cubic-bezier(.2,.8,.2,1) both}
dialog[open]::backdrop{animation:personal-card-backdrop .42s ease both}
dialog[open] .card-front:not([hidden]),dialog[open] .card-back:not([hidden]){animation:personal-card-content .5s .12s ease both}
@media(max-width:1000px){
 .route-home [data-name="Hero / Generated fungi particle artwork"] img{transform:none}
 .route-home [data-name="01 / Enter the field — Video"] .film-video{transform:scale(1.02)}
}
@media(prefers-reduced-motion:reduce){
 .route-home [data-name="Hero / Generated fungi particle artwork"] img,.route-home [data-name="01 / Enter the field — Video"] .film-video,.route-home [data-node-id="192:149"]{transform:none;transition:none}
 .hero-spotlight{display:none}
 .pointer-beacon,.film-reveal,.film-reveal.is-visible,.route-home [data-name="Film title / reveal on scroll"].is-visible,.route-home [data-name="Opening label"].is-visible,.route-home [data-name="Research statement"].is-visible{opacity:1;transform:none;transition:none;filter:none}
 dialog[open],dialog[open]::backdrop,dialog[open] .card-front:not([hidden]),dialog[open] .card-back:not([hidden]){animation:none}
}
@media print{.site-header,.film-controls,.reading-index,.card-close{display:none!important}body{background:white;color:black}.design-page{overflow:visible}a{color:inherit}}
/* Keep multiline CTAs and document-flow links within their editorial columns. */
[data-name="Price / editorial opening"]{flex-wrap:wrap}
[data-name="Price / editorial opening"]>.action-row{flex-basis:100%}
@media(max-width:1000px){
.route-home [data-name="Research statement"]>a{width:auto!important;align-self:flex-start}
.route-home [data-name="Paper title with entry"]>[data-name="Read full paper ↗"]{width:48px!important;height:48px!important;flex:0 0 48px;display:flex!important;justify-content:center;align-items:center}
.route-home [data-name="Paper title with entry"]>[data-name="Read full paper ↗"]>p{width:auto!important}
.route-home [data-name="Paper title with entry"]>:first-child{flex:1;min-width:0;font-size:clamp(26px,8vw,34px)}
.action-row>:first-child{flex:1;min-width:0}
.route-home [data-name="Footer"]{flex-wrap:wrap;gap:16px}
.route-home [data-name="Footer"]>p,.route-home [data-name="Footer"]>button{width:auto!important;flex-shrink:1;font-size:8px;max-width:48%}
.design-page[data-name^="Detail"]{align-items:center}
.design-page[data-name^="Detail"] [data-name="Reading index"]{width:100%;margin:0 0 36px}
}
@media(max-width:1000px){.route-home [data-node-id="108:95"]{left:50%;top:815px;font-size:9px}}

/* Shared navigation typography and inset rule from the Figma page frames. */
.identity{font-family:var(--serif);font-size:calc(20 * var(--u));line-height:1.35;letter-spacing:0}
.identity small{font-family:var(--sans);font-size:calc(9 * var(--u));line-height:1.35;letter-spacing:0;margin-top:calc(3 * var(--u))}
@media(min-width:1001px){
.site-header{padding-right:calc(104 * var(--u));border-bottom:0}
.site-header::after{content:"";position:absolute;left:calc(64 * var(--u));right:calc(64 * var(--u));top:calc(105 * var(--u));height:1px;background:var(--yfn-line);opacity:.4;pointer-events:none}
nav a{line-height:1.35}
nav small{line-height:1.35}
.route-home nav a[aria-current=page]{color:var(--yfn-paper)}
.route-home nav a[aria-current=page] small{color:var(--yfn-muted)}
}
@media(max-width:1000px){
.identity{font-size:18px}
.identity small{font-size:8px;margin-top:3px}
.route-home [data-name="YFN / Chapter row"]{height:auto;min-height:0}
}
/* Preserve the Figma market crop inside its responsive outer image slot. */
.route-fungi-people [data-node-id="108:188"]>div{inset:0;width:100%;height:100%;aspect-ratio:auto}
.route-fungi-people [data-node-id="108:188"] img{top:-9.15%;width:100%;height:128%}
.route-journey [data-node-id="115:208"] img{object-fit:contain}
@media(max-width:380px){
.route-home [data-name="Hero copy"] .display-text{font-size:clamp(42px,14.1vw,53px)}
.route-home [data-name="Hero copy"]>p:first-child{font-size:9px;letter-spacing:2px}
.route-home [data-node-id="108:67"]{font-size:22px}
}
/* Let mobile film captions grow with wrapped text and system font metrics. */
@media(max-width:1000px){
.route-home [data-name="01 / Enter the field — Video"]{height:auto;min-height:850px;display:flex;flex-direction:column;padding:245px 22px 32px}
.route-home [data-name="Film title / reveal on scroll"],.route-home [data-name="Film / section divider"],.route-home [data-name="Opening label"],.route-home [data-name="Research statement"]{position:relative;top:auto;left:auto;width:100%;flex-shrink:0}
.route-home [data-name="Film title / reveal on scroll"]{order:0}
.route-home [data-name="Film / section divider"]{order:1;margin-top:48px}
.route-home [data-name="Opening label"]{order:2;margin-top:28px}
.route-home [data-name="Research statement"]{order:3;margin-top:28px}
.route-home [data-node-id="108:95"]{position:relative;order:4;left:auto;top:auto;transform:none;align-self:center;margin-top:36px;width:auto;flex-shrink:0}
}