/* UNDERSTORY section stylesheet - B5, byte-for-byte, as a code file.
 *
 * Why not the section's css field: writing it there runs it through this site's
 * design-system matcher, which on the first write DELETED 7 declarations and
 * injected 12 .text-* preset classes into the markup - including .text-massif-logo
 * (Archivo 900, uppercase) onto .tag b, which is an italic Fraunces species name.
 * The matcher reports the deletions only inside dynamic_globals_matches.stripped;
 * the call itself returns success. A code file is stored byte for byte.
 *
 * B5 is already fully scoped to .uichemy-understory-1, so unlike a widget stylesheet
 * it needs no prefixing pass - it is reproduced here exactly as the appendix has it.
 */

/* The matcher re-injects .text-* preset classes into the markup on every save, and
 * this site's preset list keeps growing (35 at last count, Ember & Oak + MASSIF:
 * Fraunces, Manrope, Archivo, JetBrains Mono). Neutralise any of them inside the
 * wrapper so each element falls back to the Understory rules below. Matched by
 * prefix rather than by name so a new preset cannot silently reach in later.
 * Placed FIRST: it ties on specificity with the rules below, so source order lets
 * every real Understory rule win. Scoped, so the rest of the site is untouched. */
.uichemy-understory-1 [class^="text-"],
.uichemy-understory-1 [class*=" text-"]{
  font-family:inherit; font-size:inherit; font-weight:inherit;
  font-style:inherit; line-height:inherit; letter-spacing:inherit;
  text-transform:inherit; font-variation-settings:inherit;
}

.uichemy-understory-1{--ink:#eef2ea; --ink-soft:rgba(238,242,234,.74); --ink-faint:rgba(238,242,234,.48); --moss:#bcd894; --lichen:#e6cf96; --bark:#0c0f0b; --hair:rgba(238,242,234,.20); --glass:rgba(12,16,11,.38); --serif:"Fraunces",Georgia,serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace; --pad:44px;}
.uichemy-understory-1 *{box-sizing:border-box}
.uichemy-understory-1{background:var(--bark);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.uichemy-understory-1 #stage{position:fixed;inset:0;z-index:0}
.uichemy-understory-1 #stage canvas{display:block;width:100%;height:100%}
.uichemy-understory-1 .scrim{position:fixed;inset:0;z-index:1;pointer-events:none; background: linear-gradient(to bottom, rgba(9,12,8,.62) 0%, rgba(9,12,8,0) 22%), linear-gradient(to top, rgba(9,12,8,.78) 0%, rgba(9,12,8,.30) 32%, rgba(9,12,8,0) 55%), linear-gradient(to right, rgba(9,12,8,.45) 0%, rgba(9,12,8,0) 46%);}
.uichemy-understory-1 .grain{position:fixed;inset:-50%;z-index:2;pointer-events:none;opacity:.07;mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.9%27%20numOctaves%3D%273%27%20stitchTiles%3D%27stitch%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); animation:us-grain 1.2s steps(6) infinite;}
@keyframes us-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)} 60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,2%)}100%{transform:translate(0,0)}}
.uichemy-understory-1 #loader{position:fixed;inset:0;z-index:40;background:var(--bark); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px; transition:opacity .9s ease;}
.uichemy-understory-1 #loader.done{opacity:0;pointer-events:none}
.uichemy-understory-1 .mark{font-family:var(--serif);font-style:italic;font-size:32px;font-weight:340; font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72}
.uichemy-understory-1 .bar{width:180px;height:1px;background:var(--hair);overflow:hidden}
.uichemy-understory-1 .bar i{display:block;height:100%;width:0%;background:var(--moss);transition:width .25s ease}
.uichemy-understory-1 .pct{font:400 11px/1 var(--mono);letter-spacing:.22em;color:var(--ink-faint)}
.uichemy-understory-1 .content{position:fixed;inset:0;z-index:3;pointer-events:none}
.uichemy-understory-1 .content a,.uichemy-understory-1 .content button{pointer-events:auto}
.uichemy-understory-1 .mono{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.uichemy-understory-1 .topbar{position:absolute;top:0;left:0;right:0;padding:30px var(--pad); display:flex;justify-content:space-between;align-items:flex-start;}
.uichemy-understory-1 .brand{display:flex;flex-direction:column;gap:7px}
.uichemy-understory-1 .brand b{font-weight:360;font-style:italic;font-size:24px;letter-spacing:-.01em;line-height:1; font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 60}
.uichemy-understory-1 .brand span{color:var(--ink-faint)}
.uichemy-understory-1 .station{text-align:right;display:flex;flex-direction:column;gap:8px;color:var(--ink-soft)}
.uichemy-understory-1 .rec{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;color:var(--moss)}
.uichemy-understory-1 .rec i{width:6px;height:6px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 0 rgba(188,216,148,.7); animation:us-rec 2.2s ease-out infinite}
@keyframes us-rec{0%{box-shadow:0 0 0 0 rgba(188,216,148,.6)}100%{box-shadow:0 0 0 10px rgba(188,216,148,0)}}
.uichemy-understory-1 .lead{position:absolute;left:var(--pad);bottom:48px;width:min(760px,62vw)}
.uichemy-understory-1 .eyebrow{display:flex;align-items:center;gap:12px;color:var(--lichen);margin:0 0 26px}
.uichemy-understory-1 .eyebrow::before{content:"";width:34px;height:1px;background:var(--lichen);opacity:.7}
.uichemy-understory-1 h1{margin:0 0 30px;font-weight:330;line-height:.9;letter-spacing:-.035em;font-size:104px; font-variation-settings:"SOFT" 60,"WONK" 0,"opsz" 144;}
.uichemy-understory-1 h1 span{display:block}
.uichemy-understory-1 h1 .l2{padding-left:.9em}
.uichemy-understory-1 h1 .l3{padding-left:.28em}
.uichemy-understory-1 h1 em{font-style:italic;font-weight:300;color:var(--moss); font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}
.uichemy-understory-1 .lede{margin:0;max-width:430px;font-size:18px;line-height:1.55;font-weight:350;color:var(--ink-soft); font-variation-settings:"opsz" 18}
.uichemy-understory-1 .lede b{font-weight:500;color:var(--ink)}
.uichemy-understory-1 .specimen{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;transition:opacity .6s}
.uichemy-understory-1 .specimen.off{opacity:0}
.uichemy-understory-1 .pin{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%; border:1.5px solid var(--lichen);background:rgba(230,207,150,.25)}
.uichemy-understory-1 .pin::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(230,207,150,.55); animation:us-ping 2.6s ease-out infinite}
@keyframes us-ping{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.uichemy-understory-1 .lead-line{position:absolute;left:0;top:-96px;width:118px;height:96px;overflow:visible}
.uichemy-understory-1 .tag{position:absolute;left:118px;top:-126px;width:214px;padding:12px 14px; background:rgba(236,232,214,.92);color:#1c2016;border-radius:1px; box-shadow:0 18px 40px -18px rgba(0,0,0,.6);}
.uichemy-understory-1 .tag .no{display:block;color:#6b6a4e;font-size:10px;margin-bottom:8px}
.uichemy-understory-1 .tag b{display:block;font-weight:500;font-style:italic;font-size:17px;line-height:1.1; font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 30}
.uichemy-understory-1 .tag .common{display:block;font-size:13px;color:#4b4d3c;margin-top:3px}
.uichemy-understory-1 .specimen.flip .lead-line{left:-118px;transform:scaleX(-1)}
.uichemy-understory-1 .specimen.flip .tag{left:auto;right:118px}
.uichemy-understory-1 .tag .meta{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px dashed #a8a488; color:#6b6a4e;font-size:9.5px}
.uichemy-understory-1 .rise{opacity:0;transform:translateY(18px)}
.uichemy-understory-1.ready .rise{animation:us-rise 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.uichemy-understory-1.ready .d1{animation-delay:.10s}
.uichemy-understory-1.ready .d2{animation-delay:.22s}
.uichemy-understory-1.ready .d3{animation-delay:.34s}
.uichemy-understory-1.ready .d4{animation-delay:.48s}
.uichemy-understory-1.ready .d5{animation-delay:.62s}
.uichemy-understory-1.ready .d6{animation-delay:.80s}
.uichemy-understory-1.ready .d7{animation-delay:1.05s}
@keyframes us-rise{to{opacity:1;transform:none}}
@media(max-width:1200px){.uichemy-understory-1{--us-guard:0}.uichemy-understory-1 h1{font-size:76px}.uichemy-understory-1 .lead{width:min(620px,60vw)}}
@media(max-width:900px){.uichemy-understory-1{--us-guard:0}.uichemy-understory-1{--pad:20px}.uichemy-understory-1 h1{font-size:50px}.uichemy-understory-1 .lede{font-size:16px;max-width:none}.uichemy-understory-1 .lead{width:auto;right:var(--pad);bottom:30px}.uichemy-understory-1 .specimen,.uichemy-understory-1 .station .coords{display:none}}
@media(prefers-reduced-motion:reduce){.uichemy-understory-1{--us-guard:0}.uichemy-understory-1 .grain,.uichemy-understory-1 .pin::after,.uichemy-understory-1 .rec i{animation:none}.uichemy-understory-1 .rise{opacity:1;transform:none}.uichemy-understory-1.ready .rise{animation:none}}