/* A solar garden. Motion never hides content or moves a link target. */
.home-garden { --garden-ink:#193d35; --garden-cream:#f7f0dc; --garden-peach:#f1b59a; }
.garden-hero { background:#173d35; color:var(--garden-cream); border-bottom:0; padding:1.6rem 0 0; min-height:0; }
.garden-hero,.curiosity-section,.founder-preview,.wonder-page .hero { --focus:#f6d584; }
.garden-hero::before,.garden-hero::after { display:none; }
.garden-heading,.garden-bottom { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.garden-heading .eyebrow { color:#c2d6bf; letter-spacing:.15em; margin:0; }
.garden-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:1.5rem; align-items:center; padding-top:2.6rem; padding-bottom:3rem; }
.garden-welcome h1 { font-weight:400; max-width:9ch; font-size:clamp(3.9rem,7.2vw,7rem); line-height:.99; letter-spacing:-.055em; }
.garden-welcome .lede { font-size:clamp(1.5rem,2.6vw,2.05rem); margin:1.5rem 0 1rem; color:#f0c79c; }
.garden-intro { max-width:35ch; font-size:1.14rem; color:#e2e7d5; }
.garden-welcome .button { background:#f0c79c; color:#193d35; border-color:#f0c79c; border-radius:.35rem; box-shadow:none; gap:2rem; }
.garden-welcome .button.secondary { color:var(--garden-cream); background:transparent; border-color:#9db8a8; }
.garden-footnote { max-width:38ch; font:400 .8rem/1.6 system-ui,sans-serif; color:#b7cbbd; margin-top:1.5rem; }
.solar-garden { position:relative; min-width:0; }
.garden-art { width:100%; display:block; overflow:visible; }
.garden-caption { display:block; text-align:center; margin-top:-1.5rem; font:400 .77rem/1.7 system-ui,sans-serif; color:#c2d6bf; letter-spacing:.03em; }
.garden-bottom { border-top:1px solid #68897a; padding-top:1.1rem; padding-bottom:1.1rem; font:400 .83rem/1.5 system-ui,sans-serif; }
.garden-bottom a { color:#f0c79c; }
.garden-orbit { transform-origin:305px 270px; }
.garden-float { transform-origin:center; }
html[data-motion="running"] .garden-orbit { animation:garden-orbit 75s linear infinite; }
html[data-motion="running"] .garden-float { animation:garden-breathe 8s ease-in-out infinite; }
@keyframes garden-orbit { to { transform:rotate(360deg); } }
@keyframes garden-breathe { 50% { transform:translateY(-7px); } }
.motion-switch { border:1px solid currentColor; background:transparent; color:inherit; padding:.4rem .7rem; min-height:44px; font-size:.72rem; font-weight:600; box-shadow:none; flex-shrink:0; }
.home-garden .section { padding:clamp(3rem,6vw,6rem) 0; }
.home-garden h2 { font-weight:400; letter-spacing:-.04em; max-width:20ch; }
.home-garden .section-heading { align-items:end; }
.home-garden .section-heading>p { max-width:23ch; font-size:.95rem; }
.wayfinder { background:#f7f0dc; scroll-margin-top:7rem; }
.wayfinder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.way-card { color:#193d35; background:#e4e9cf; text-decoration:none; padding:2rem; border:1px solid #b5c1a4; display:flex; flex-direction:column; min-height:19rem; transition:background .2s; }
.way-card:nth-child(2) { background:#efd5ba; border-color:#d3b595; }.way-card:nth-child(3) { background:#dfd9ed; border-color:#bfb2d7; }
.way-card:hover { background:#fffaf0; }.way-card h3 { font-weight:400; font-size:2.1rem; margin:2.2rem 0 .8rem; }
.way-card p { margin:0 0 2rem; font-size:1rem; }.way-number { font:600 .73rem/1.5 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.1em; }
.way-link { margin-top:auto; font:600 .85rem/1.6 system-ui,sans-serif; text-decoration:underline; text-underline-offset:.3em; }
.earth-section { background:#e8e5d4; color:#193d35; }.earth-section .eyebrow { color:#5b4935; }.earth-section a { color:#7d2f30; }.earth-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,5rem); align-items:center; }
.earth-layout .lede { font-size:1.4rem; }.earth-photo { margin:0; }.earth-photo img { width:100%; height:32rem; object-fit:cover; border-radius:50% 50% .5rem .5rem; }
.earth-photo figcaption { margin-top:.8rem; font:400 .8rem/1.6 system-ui,sans-serif; color:#494d40; }.text-arrow { font-weight:600; display:inline-block; margin-top:1rem; }
.curiosity-section { background:#242138; color:#f7f0dc; border:0; }.curiosity-section .eyebrow { color:#d4c2ea; }.curiosity-section .lede { color:inherit; font-size:1.5rem; }
.curiosity-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(2rem,6vw,5rem); align-items:center; }
.curiosity-deck { position:relative; padding:2rem; color:#242138; background:#e4dbea; border-radius:.3rem; box-shadow:10px 10px 0 #706082; min-height:22rem; overflow:hidden; }
.curiosity-deck { --focus:#193d68; }
.curiosity-deck .kicker { color:#524368; }.curiosity-deck h3 { font-weight:400; font-size:2.5rem; position:relative; margin:1.3rem 0 .8rem; }.curiosity-deck p { position:relative; max-width:29ch; }
.curiosity-deck a { color:#3e305b; font:700 .95rem/1.5 system-ui,sans-serif; position:relative; }.curiosity-controls { display:flex; gap:.4rem; flex-wrap:wrap; position:relative; z-index:1; }
.curiosity-controls button { background:transparent; border:1px solid #695778; color:#342444; font-size:.82rem; padding:.4rem .75rem; min-height:44px; box-shadow:none; }
.curiosity-controls button[aria-pressed="true"] { background:#342444; color:#fff8df; }.deck-star { position:absolute; right:-1rem; bottom:-2.6rem; font-size:12rem; line-height:1; color:#c8b6d6; pointer-events:none; z-index:0; }
#curiosity-result { position:relative; z-index:1; }.curiosity-section .button { font-size:.85rem; border-radius:.35rem; box-shadow:none; }
.gratitude-section { background:#d7e3c9; color:#193d35; }.gratitude-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,5rem); align-items:start; }.gratitude-layout>div>p { max-width:36ch; }
.gratitude-card { border:1px solid #8ca482; background:#eef2df; padding:1.5rem; }.gratitude-card summary { cursor:pointer; font-size:1.5rem; padding:.5rem; min-height:48px; }.gratitude-answer { padding:0 .5rem; }.gratitude-answer .small { color:#465b41; font-size:.8rem; }.gratitude-answer button { font-size:.8rem; }
.seed-bed { height:5rem; display:flex; align-items:flex-end; justify-content:center; gap:1.8rem; border-bottom:1px solid #8ca482; overflow:hidden; }.seed-bed span { display:block; font-size:3.5rem; color:#587c40; transform-origin:bottom; transform:scale(.55); transition:transform .6s; }.gratitude-card:has(details[open]) .seed-bed span { transform:scale(1); }.seed-bed span:nth-child(2) { transition-delay:.1s; }
.resource-invitation { background:#f0c79c; }.resource-invitation p { max-width:60ch; }.home-garden .founder-preview { background:#173d35; border-top:0; }.home-garden .founder-photo { border-radius:1rem 1rem 8rem 1rem; min-height:0; }.home-garden .founder-photo img { min-height:0; max-height:36rem; }
.home-garden .founder-preview h2 { font-size:clamp(2.8rem,5vw,4.2rem); }.home-garden .soft { background:#f7f0dc; }
/* Small optional exploration on the rest of the public site. */
.wonder-detour { max-width:72rem; margin:0 auto 3rem; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:1.1rem; }
.wonder-detour>summary { cursor:pointer; padding:.5rem 0; font-size:1.2rem; min-height:44px; }.wonder-detour-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.wonder-detour-grid a { padding:1.3rem; border:1px solid var(--border); background:var(--bg); border-radius:.3rem; color:var(--ink); text-decoration:none; display:block; }.wonder-detour-grid strong { display:block; margin-bottom:.5rem; }.wonder-detour-grid span { display:block; font-size:.94rem; }.wonder-detour-grid a:hover { background:var(--panel); }
.mission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:start; margin-top:2rem; }
.mission-card { border:1px solid #a9b49a; background:#e5e9d4; border-radius:.4rem; }
.mission-card:nth-child(2) { background:#efd8bd; }.mission-card:nth-child(3) { background:#e5daed; }
.mission-card summary { padding:1.3rem; min-height:5rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:1.2rem; }
.mission-card summary span { font-size:1.5rem; transition:transform .2s; }.mission-card[open] summary span { transform:rotate(45deg); }
.mission-card>div { padding:0 1.3rem 1.5rem; }.mission-card p { margin-top:0; }.mission-card a { font-size:.9rem; font-weight:700; }
.figure-finder button { font-size:.83rem; border-radius:.35rem; box-shadow:none; }.figure-hero { --focus:#f6d584; }
.wonder-page .hero>.container { position:relative; }.wonder-page .hero .motion-switch { margin-top:1.2rem; }
html[data-motion="running"] .wonder-page .hero::before { animation:hero-drift 16s ease-in-out infinite; }
@keyframes hero-drift { 50% { transform:translate(-14px,12px) rotate(6deg); } }
html[data-motion="paused"] *,html[data-motion="paused"] *::before,html[data-motion="paused"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
html[data-motion="paused"] { scroll-behavior:auto!important; }
@media(min-width:1101px) { .home-garden .garden-welcome { padding-top:1rem; } }
@media(max-width:850px) { .garden-layout { grid-template-columns:1fr 1fr; }.garden-welcome h1 { font-size:4rem; }.wayfinder-grid { grid-template-columns:1fr; }.way-card { min-height:0; padding:1.5rem; }.way-card h3 { margin:1rem 0 .6rem; }.way-card p { margin-bottom:1rem; }.earth-layout,.curiosity-layout,.gratitude-layout { grid-template-columns:1fr; }.earth-photo img { height:25rem; }.curiosity-deck { max-width:35rem; }.wonder-detour-grid { grid-template-columns:1fr; } }
@media(max-width:620px) { .garden-heading { align-items:start; }.garden-heading .eyebrow { max-width:20ch; line-height:1.6; font-size:.66rem; }.garden-layout { grid-template-columns:1fr; padding-top:2.5rem; }.garden-welcome h1 { font-size:clamp(3.8rem,16vw,5.8rem); }.garden-intro { font-size:1.1rem; }.solar-garden { max-width:27rem; margin:-.4rem auto 0; width:100%; }.garden-caption { margin-top:-.5rem; }.garden-bottom { align-items:start; font-size:.75rem; }.garden-bottom>span { max-width:16ch; }.garden-bottom>a { max-width:19ch; text-align:right; }.home-garden .section-heading { display:block; }.home-garden .section-heading>p { max-width:none; }.curiosity-deck { padding:1.4rem; margin-right:.65rem; }.earth-photo img { height:22rem; } }
@media(prefers-reduced-motion:reduce) { .garden-orbit,.garden-float,.wonder-page .hero::before { animation:none!important; }.seed-bed span { transition:none; } }
@media(max-width:850px) { .mission-grid { grid-template-columns:1fr; } }