/* C050 A Plant From This — Creative map row 13: herbarium sheet, two offset vellum overlays, gummed specimen label lower right. Spectral + Jost. */
@font-face{font-family:"Spectral";src:url(fonts/spectral-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Spectral";src:url(fonts/spectral-latin-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Spectral";src:url(fonts/spectral-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--vellum:#F4F1E6;--glow:#FFFBEF;--sap:#3F7D4E;--leaf:#24513A;--sepia:#5A4630;--coral:#E4775B;--pollen:#E9B949;--serif:"Spectral",Georgia,serif;--sans:"Jost",system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;min-height:100dvh;background:#E7E2D2;color:var(--sepia);font:400 16px/1.5 var(--sans)}
.pv{max-width:1240px;margin:0 auto;padding:18px 24px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);gap:28px;align-items:start}
.pv-top{grid-column:1/-1;display:flex;justify-content:space-between;font:500 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--sap)}
.pv-top a{color:inherit;text-decoration:none}.pv-top a:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
.pv-intro{grid-column:1;padding-top:40px}
.pv-intro h1{font:300 clamp(40px,4.6vw,64px)/1 var(--serif);margin:0 0 14px;color:var(--leaf)}
.pv-lede{font:italic 300 21px/1.4 var(--serif);margin:0}
/* the herbarium sheet: tall, centered, generous margins; plant grows from a soil line */
.pv-stage{grid-column:2;position:relative;aspect-ratio:5/7;width:100%}
.pv-sheet{position:absolute;inset:0;background:linear-gradient(180deg,var(--glow),var(--vellum));border:1px solid rgba(90,70,48,.18);box-shadow:0 2px 0 rgba(90,70,48,.06),0 40px 70px -40px rgba(36,81,58,.45)}
.pv-vel{position:absolute;background:rgba(255,251,239,.38);border:1px solid rgba(90,70,48,.10);pointer-events:none}
.pv-vel--a{inset:4% -3% 9% 6%;transform:rotate(.8deg)}
.pv-vel--b{inset:10% 7% 3% -2%;transform:rotate(-1.1deg);background:rgba(255,251,239,.28)}
.pv-soil{position:absolute;left:12%;right:12%;bottom:13%;border-top:1px solid rgba(90,70,48,.45)}
.pv-svg{position:absolute;inset:0;width:100%;height:100%}
.pv-label{position:absolute;right:6%;bottom:3.5%;width:min(62%,300px);background:#FBF6E6;border:1px solid rgba(90,70,48,.35);padding:8px 12px 9px;box-shadow:1px 2px 0 rgba(90,70,48,.12);font:400 11px/1.35 var(--sans);letter-spacing:.06em}
.pv-label b{display:block;font:500 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sap);margin-bottom:3px}
.pv-label p{margin:0;font:italic 300 16px/1.3 var(--serif);letter-spacing:0;color:var(--sepia);overflow-wrap:anywhere}
.pv-stem{fill:none;stroke:var(--leaf);stroke-linecap:round}
.pv-leaf{stroke:rgba(36,81,58,.55);stroke-width:.5}
.pv-flower{stroke:rgba(90,70,48,.35);stroke-width:.5}
.pv-grow .pv-stem{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:pv-draw 700ms ease-out forwards;animation-delay:var(--d)}
.pv-grow .pv-leaf,.pv-grow .pv-flower{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:pv-open 600ms ease-out forwards;animation-delay:var(--d)}
@keyframes pv-draw{to{stroke-dashoffset:0}}@keyframes pv-open{from{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}
.pv-side{grid-column:3;padding-top:40px}
.pv-field{display:block;margin:0 0 4px}
.pv-field span{display:block;font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sap);margin-bottom:6px}
.pv-field input{width:100%;font:300 20px var(--serif);color:var(--sepia);background:rgba(255,251,239,.7);border:0;border-bottom:1.5px solid var(--sepia);padding:8px 6px}
.pv-field input:focus{outline:2px solid var(--sap);outline-offset:2px}
.pv-msg{font:400 13px var(--sans);color:#A3402A;min-height:1.3em;margin:2px 0 10px}
.pv-hint,.pv-fine{font:400 14px/1.5 var(--sans);color:#6E5C47;margin:6px 0}
.pv-fine{font-size:13px}
.pv-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.pv-btn{font:500 15px var(--sans);letter-spacing:.04em;padding:11px 20px;border:1.5px solid var(--leaf);background:transparent;color:var(--leaf);border-radius:2px;cursor:pointer}
.pv-btn--primary{background:var(--leaf);color:var(--glow)}
.pv-btn:focus-visible{outline:3px solid var(--pollen);outline-offset:3px}
.pv-note{font:italic 300 20px/1.4 var(--serif);border-left:2px solid var(--coral);padding-left:12px;margin:10px 0;overflow-wrap:anywhere}
.pv-status{font:italic 300 16px var(--serif);color:var(--sap);min-height:1.4em}
.pv-linkbox input{width:100%;font:13px var(--sans);padding:8px;border:1px solid var(--sepia);background:#fff}
.pv-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--leaf);color:var(--glow);padding:10px 16px;font:14px var(--sans);z-index:9}
@media(max-width:960px){.pv{grid-template-columns:1fr;gap:16px;padding:14px 16px 32px}.pv-intro,.pv-stage,.pv-side{grid-column:1;padding-top:0}.pv-stage{max-width:520px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.pv-grow .pv-stem{animation:none;stroke-dashoffset:0}.pv-grow .pv-leaf,.pv-grow .pv-flower{animation:none;opacity:1}}

/* visitor-text wrap: long unbroken words never widen the page */
body{overflow-wrap:anywhere}
input,textarea{min-width:0;max-width:100%}