/* Motion-graphic direction: a white stage, ink contours, and the original Friendly palette. */
:root{--ff-paper:#fff;--ff-sky:#fff;--paper-edge:0 3px 0 var(--ff-ink)}
body,.hero,.site-header,.newsletter-section,.site-footer,.creator-band{background:#fff}
.hero{border-bottom:1px solid var(--ff-ink);min-height:730px}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:730px}
.hero-copy{padding:85px 0 100px}
.hero-copy h1{font-size:clamp(52px,5.5vw,80px);line-height:1.04;letter-spacing:-.045em;margin-bottom:30px;max-width:660px}
.hero-break{display:block}
.hero-copy>p:not(.hand-note){font-size:21px;max-width:585px}
.hero-actions{gap:16px}
.shell-garden{position:relative;align-self:stretch;min-width:0}
.motion-heading{position:absolute;top:37px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.06em}
.motion-heading>span:first-child{font-family:var(--ff-font-hand);font-size:19px;letter-spacing:0}
.motion-heading>span:last-child{white-space:nowrap;font-size:11px}
.shell-world{position:absolute;top:80px;left:-30px;right:-30px;height:475px;isolation:isolate}
.shell-world canvas{width:100%;height:100%;touch-action:pan-y;display:block}
.shell-labels{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:center;gap:10px;pointer-events:none}
.shell-label{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:9px 13px;border:1.5px solid var(--ff-ink);border-radius:99px;box-shadow:none;background:#fff;font-family:var(--ff-font-body);font-size:17px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;pointer-events:auto;transition:background .2s}
.shell-label svg{width:17px;height:17px}
.shell-label:hover,.shell-label.is-hovered{background:#e8f0dd;box-shadow:none;color:var(--ff-ink)}
.shell-label[data-shell=about]:hover,.shell-label[data-shell=about].is-hovered{background:#fff2cc}
.shell-dot{width:10px;height:10px;border:1px solid var(--ff-ink);border-radius:50%;background:#5c9440;flex-shrink:0}
[data-shell=start] .shell-dot{background:#c4da91}
[data-shell=about] .shell-dot{background:#f0c75e}
.garden-caption{position:absolute;top:618px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:400}
.garden-caption button{width:auto;min-height:44px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;box-shadow:none;background:#fff;font-size:14px;white-space:nowrap}
.garden-caption button:active{transform:none;box-shadow:none}
.garden-caption button svg{width:18px;height:18px}
.garden-caption button[aria-pressed=true]{background:#fff}
.garden-caption button .play-icon{display:none}
.garden-caption button[aria-pressed=true] .play-icon{display:block}
.garden-caption button[aria-pressed=true] .pause-icon{display:none}
.friendly-ground{position:absolute;bottom:0;left:0;right:0;height:56px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ff-ink)}
.garden-friendly{position:static;width:115px;height:auto;flex-shrink:0;margin-bottom:-2px}
.friendly-ground>span{font-family:var(--ff-font-hand);font-size:19px;padding-bottom:10px}
.creator-band{padding:36px 0;border-top:1px solid #16301c30}
.creator-inner{display:flex;align-items:center;gap:26px}
.creator-inner>div:nth-child(2){flex:1;max-width:800px}
.creator-inner h2{font-size:30px;margin-bottom:11px}
.creator-inner p{font-size:19px;line-height:1.5;margin:0}
.creator-inner>.text-link{margin-left:auto;white-space:nowrap}
.creator-mark{width:70px;height:70px;border:2px solid var(--ff-ink);border-radius:50%;display:grid;place-items:center;background:#fff;font-family:Fraunces;font-size:32px;flex-shrink:0;box-shadow:none}
.world-fallback canvas{display:none}
.world-fallback .shell-labels{top:25%;flex-direction:column;align-items:center;gap:24px}
.world-fallback+.garden-caption button{display:none}
.editorial-note{background:#fff;border:1px solid #16301c40;border-left:3px solid var(--ff-forest)}
.newsletter-section{border-top:1px solid var(--ff-ink)}
@media(min-width:1450px){.hero,.hero-inner{min-height:760px}.hero-copy{padding-top:100px}.hero-copy h1{font-size:82px}.shell-world{height:490px;top:87px}.garden-caption{top:635px}}
@media(max-width:1100px){.hero-copy{padding-top:88px}.hero-copy h1{font-size:60px}.hero-copy>p:not(.hand-note){font-size:20px}.hero,.hero-inner{min-height:700px}.shell-world{top:90px;left:-20px;right:-20px;height:430px}.shell-labels{gap:7px}.shell-label{font-size:15px;padding:9px 10px;gap:6px}.shell-label svg{width:15px}.garden-caption{top:578px;display:flex;flex-wrap:wrap;justify-content:center;gap:0}.motion-heading>span:last-child{display:none}.motion-heading{top:50px}.creator-inner{gap:20px}.creator-inner h2{font-size:28px}.creator-mark{width:60px;height:60px}.creator-inner p{font-size:18px}}
@media(max-width:800px){.hero-inner{display:block;min-height:0}.hero{min-height:0}.hero-copy{padding:43px 0 0}.hero-copy h1{font-size:clamp(48px,8.2vw,64px);max-width:650px}.hero-break{display:none}.shell-garden{height:610px;max-width:610px;margin:30px auto 0}.motion-heading{top:10px}.motion-heading>span:last-child{display:block}.shell-world{top:45px;height:430px;left:-15px;right:-15px}.shell-labels{gap:10px}.shell-label{font-size:17px;padding:10px 13px}.garden-caption{top:537px;display:flex;flex-wrap:nowrap;justify-content:space-between;font-size:16px}.friendly-ground{height:46px}.garden-friendly{width:100px;margin-bottom:-2px}.creator-inner{flex-wrap:wrap}.creator-inner>div:nth-child(2){flex:1;min-width:210px}.creator-inner>.text-link{margin-left:80px}}
@media(max-width:480px){.hero-copy h1{font-size:46px;margin-bottom:24px}.hero-break{display:block}.hero-copy>p:not(.hand-note){font-size:19px}.hero-actions{gap:14px}.shell-garden{height:465px;margin-top:26px}.motion-heading{top:0;font-size:11px}.motion-heading>span:first-child{font-size:18px}.motion-heading>span:last-child{display:none}.shell-world{top:27px;height:305px;left:-12px;right:-12px}.shell-labels{gap:7px;left:0;right:0}.shell-label{font-size:15px;padding:10px 9px;gap:5px;min-height:44px}.shell-label svg{display:none}.shell-dot{width:8px;height:8px}.garden-caption{top:389px;font-size:14px;gap:5px}.garden-caption button{font-size:13px;padding-inline:4px}.garden-friendly{width:86px;margin-bottom:-2px}.friendly-ground>span{font-size:17px}.creator-band{padding:28px 0}.creator-inner{gap:15px}.creator-mark{width:48px;height:48px;font-size:25px;align-self:start}.creator-inner h2{font-size:26px}.creator-inner p{font-size:18px}.creator-inner>.text-link{margin-left:63px}}
@media(prefers-reduced-motion:reduce){.garden-caption button{display:none}}