/* The accepted hero lives in styles.css. This sheet owns the story and invitation. */
:root{--orchard:#eaf0d8;--leaf:#294b35;--leaf-hover:#1c3926;--honey:#eed08b;--petal:#fffefa}
.adventure-section{background:var(--orchard);padding:70px 0 34px;scroll-margin-top:0}
.adventure-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}
.adventure-heading h2{color:var(--leaf);font-size:clamp(2rem,3.2vw,2.75rem)}
.adventure-heading>p{color:#47603e;font-size:.9375rem;line-height:1.65;padding-bottom:4px}
.adventure-stage{position:relative;border-radius:16px;overflow:hidden;background:#f8f9ec;isolation:isolate}
.adventure-world{height:740px;position:relative;overflow:hidden;background:#dce7be}
#adventure-image{height:100%;width:100%;object-fit:cover;object-position:center 42%}
.adventure-world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1c362e39,transparent 20%,transparent 80%,#19372126)}
.adventure-top{position:absolute;top:20px;left:22px;right:22px;display:flex;gap:12px;align-items:center;z-index:3;color:var(--leaf)}
#story-chapter{font-size:.75rem;font-weight:650;background:#fffefaeF;border-radius:30px;padding:10px 17px;margin-right:auto}
.story-icon{width:44px;height:44px;display:grid;place-items:center;padding:0;flex:none;border:0;border-radius:50%;color:var(--leaf);background:#fffefaef;transition:background .2s}
.story-icon:hover:not(:disabled){background:var(--honey)}
.story-icon:disabled{opacity:.55;cursor:default}
.adventure-dock{position:absolute;bottom:26px;left:26px;width:460px;max-width:calc(100% - 52px);padding:24px 27px 26px;background:#fffefaf5;border-radius:14px;box-shadow:0 16px 30px -22px #173d3255;outline:none;z-index:2;color:var(--leaf)}
.scene-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;font-size:.6875rem;color:#5b694e}
.scene-dots{display:flex;gap:5px;flex:none}.scene-dots i{width:5px;height:5px;border-radius:50%;background:#cbd3bb}.scene-dots .current{background:var(--leaf);width:15px;border-radius:4px}.scene-dots .done{background:#79905e}
#scene-content h3{font-size:1.875rem;line-height:1.2;letter-spacing:-.03em;margin-bottom:15px;max-width:100%;text-wrap:balance}
#scene-content>p{font-size:.9375rem;line-height:1.65;color:#4b5e42;max-width:48ch}
.adventure-button{background:var(--leaf);color:var(--petal);font-size:.8125rem;gap:18px;margin-top:22px;min-height:50px;max-width:100%;padding:14px 20px}
.adventure-button:hover{background:var(--leaf-hover)}
.adventure-button:disabled{background:#dce4ce;color:#56634b;cursor:default;transform:none}
.adventure-stage :focus-visible{outline:3px solid var(--leaf);outline-offset:4px}
.world-caption{position:absolute;right:24px;bottom:27px;background:#fffefaea;color:#42583a;font-size:.6875rem;padding:7px 12px;border-radius:20px;z-index:1;max-width:calc(100% - 48px)}
.world-actions{position:absolute;inset:0;z-index:2;pointer-events:none}
.flower-hotspot{position:absolute;width:44px;height:44px;border:2px solid #fffefa;border-radius:50%;background:#294b35e8;color:white;box-shadow:0 5px 16px -7px #233e32;pointer-events:auto;display:grid;place-items:center;transition:background .2s,scale .2s}
.flower-hotspot>span{font-size:24px;font-weight:400;line-height:1}
.flower-hotspot b{position:absolute;top:49px;white-space:nowrap;font-size:.6875rem;line-height:1.3;font-weight:600;color:var(--leaf);background:#fffefaef;padding:7px 10px;border-radius:7px;left:50%;transform:translateX(-50%)}
.flower-hotspot:hover{scale:1.06;background:var(--leaf)}
.flower-hotspot.discovered{background:#d1ac59;color:#263d27}
.pollen-hotspot{left:39%;top:33%}.centre-hotspot{left:53%;top:46%}
.clue-progress{font-size:.6875rem;color:#66744f;margin-top:14px}
.story-options{display:grid;gap:9px;margin-top:18px}
.story-option{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:49px;border:1px solid #9eae8e;border-radius:10px;background:#fffefa;color:var(--leaf);font-size:.8125rem;line-height:1.4;padding:12px 14px;transition:background .15s,border-color .15s}
.story-option svg{width:17px;height:17px}
.story-option:hover,.story-option[aria-pressed=true]{background:#e8efd7;border-color:var(--leaf)}
.story-feedback:empty{display:none}
#scene-content>.story-feedback{font-size:.8125rem;color:#8b421e;margin-top:13px}
.discovery-label{display:block;color:#6c501a;font-size:.75rem;margin-top:14px;font-weight:650}
.future-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.future-options .story-option{font-size:.75rem;padding:11px 12px;min-height:57px}
.future-options .story-option svg{display:none}
#scene-content>.future-reveal{font-size:.8125rem;line-height:1.6;margin-top:14px;min-height:62px}
.story-discoveries{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;font-size:.6875rem;color:#4a6040}
.story-discoveries span{border-radius:20px;padding:5px 9px;background:#e9efd9}
.play-again{background:none;border:0;color:var(--leaf);font-size:.75rem;display:block;padding:12px 2px 0;margin-top:5px;text-decoration:underline;text-underline-offset:4px;min-height:40px}
.adventure-footnote{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font-size:.6875rem;color:#516445;margin:18px 3px 0;line-height:1.6}
.adventure-footnote a{text-decoration:underline;text-underline-offset:3px}
.waitlist-band{background:var(--accent);color:var(--paper);padding:85px 0 90px;scroll-margin-top:0;overflow:hidden}
.waitlist-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}
.uncle-invitation{position:relative;width:300px;height:330px;margin:auto}
.uncle-invitation img{position:absolute;width:250px;height:250px;object-fit:contain;left:12px;bottom:0;transform:rotate(-9deg)}
.next-question{position:absolute;top:0;right:-18px;z-index:1;background:var(--paper);color:var(--leaf);padding:18px 24px;border-radius:14px;transform:rotate(6deg);font-size:1.125rem;line-height:1.35;letter-spacing:-.025em;box-shadow:0 12px 24px -16px #522b2a60}
.next-question:after{content:"";position:absolute;width:15px;height:15px;background:var(--paper);bottom:-5px;left:28px;transform:rotate(45deg)}
.waitlist-copy h2{font-size:clamp(2.25rem,3.8vw,3rem);line-height:1.18;max-width:650px;color:var(--paper)}
.waitlist-copy h2 em{color:#ffdb96}
.waitlist-copy>p{font-size:1rem;color:#fff0e5;margin-top:23px}
#waitlist-form{margin-top:29px}
#waitlist-form label{display:block;font-size:.75rem;font-weight:550;margin-bottom:8px}
.waitlist-fields{display:flex;gap:9px;align-items:stretch}
#waitlist-email{background:var(--paper);color:var(--ink);border:0;border-radius:8px;min-height:56px;padding:15px 17px;font:400 1rem/1.4 Manrope,sans-serif;width:100%;min-width:0;caret-color:var(--accent)}
#waitlist-email::placeholder{color:#697067;opacity:1}
.waitlist-fields .button{background:#ffdb96;color:#3b392a;white-space:nowrap;border-radius:8px;gap:14px;padding-inline:19px;min-height:56px;flex:none}
.waitlist-fields .button:hover{background:#ffe7b8;transform:none}
.waitlist-band :focus-visible{outline-color:#fffefa;outline-offset:4px}
#waitlist-email:focus-visible{outline:3px solid #ffdb96;outline-offset:3px}
#waitlist-form #waitlist-note{font-size:.6875rem;line-height:1.5;color:#fff0e5;margin-top:11px}
@media(min-width:1100px){.adventure-stage[data-stage=explore] .adventure-dock{width:400px}.adventure-stage[data-stage=experiment] .adventure-dock,.adventure-stage[data-stage=connections] .adventure-dock{width:470px}}
@media(max-width:1100px){.adventure-world{height:690px}.adventure-dock{width:430px;padding:22px}.world-caption{bottom:18px;right:18px;max-width:40%;text-align:right}.waitlist-inner{gap:42px;grid-template-columns:.7fr 1.3fr}.uncle-invitation{width:240px}.uncle-invitation img{width:220px;height:220px}.next-question{right:-8px;font-size:1rem;padding:16px 18px}.waitlist-fields{flex-wrap:wrap}.waitlist-fields .button{flex:1}.waitlist-fields input{flex-basis:100%}}
@media(max-width:800px){.adventure-section{padding:48px 0 26px}.adventure-heading{align-items:start;gap:20px}.adventure-heading>p{font-size:.8125rem;max-width:150px}.adventure-heading h2{font-size:2rem}.adventure-world{height:500px}.adventure-dock{position:relative;bottom:auto;left:auto;margin:-42px 20px 20px;width:auto;max-width:none;padding:24px;box-shadow:none}.world-caption{bottom:52px;right:18px;max-width:calc(100% - 36px);font-size:.6875rem}.adventure-top{inset:16px 16px auto;gap:10px}#story-chapter{font-size:.6875rem;padding:10px 13px}.pollen-hotspot{left:37%;top:34%}.centre-hotspot{left:55%;top:49%}.waitlist-inner{grid-template-columns:.65fr 1.35fr;gap:30px}.waitlist-copy h2{font-size:2.25rem}.waitlist-band{padding:65px 0}.uncle-invitation{width:190px;height:280px}.uncle-invitation img{width:185px;height:185px;left:0}.next-question{top:5px;right:-8px;font-size:.875rem;padding:16px}.adventure-footnote{display:block}.adventure-footnote a{display:block;margin-top:3px}}
@media(max-width:600px){.adventure-heading{display:block;margin-bottom:24px}.adventure-heading>p{font-size:.875rem;max-width:none;margin-top:16px;padding:0}.adventure-heading>p br{display:none}.adventure-heading h2{font-size:2rem;line-height:1.2}.adventure-stage{margin-inline:-8px;border-radius:14px}.adventure-world{height:365px}#adventure-image{object-position:50% 36%}.adventure-top{inset:12px 10px auto;gap:7px}.story-icon{width:40px;height:40px}#story-chapter{padding:9px 10px;font-size:.625rem;max-width:220px;line-height:1.35}.adventure-dock{margin:-32px 10px 10px;padding:21px 20px 22px;border-radius:12px}.scene-meta{margin-bottom:15px;font-size:.625rem;gap:8px}.scene-dots{gap:4px}.scene-dots i{width:4px;height:4px}.scene-dots .current{width:11px}#scene-content h3{font-size:1.625rem;margin-bottom:13px;line-height:1.22}#scene-content>p{font-size:.875rem;line-height:1.65}.adventure-button{width:100%;margin-top:19px;min-height:50px;font-size:.8125rem;padding-inline:12px;gap:12px}.world-caption{bottom:43px;right:11px;max-width:calc(100% - 22px);font-size:.625rem;padding:5px 9px}.pollen-hotspot{left:31%;top:33%}.centre-hotspot{left:57%;top:49%}.flower-hotspot b{font-size:.625rem;padding:6px 8px}.clue-progress{font-size:.6875rem}.future-options{gap:8px;margin-top:16px}.future-options .story-option{padding:11px;font-size:.75rem}#scene-content>.future-reveal{font-size:.8125rem;min-height:63px}.adventure-footnote{font-size:.625rem;margin-top:13px}.waitlist-band{padding:45px 0 48px}.waitlist-inner{display:flex;flex-direction:column;gap:28px}.uncle-invitation{width:260px;height:225px;margin:auto}.uncle-invitation img{width:188px;height:188px;left:0;bottom:0}.next-question{top:0;right:-8px;font-size:.9375rem;padding:15px 18px}.waitlist-copy{width:100%}.waitlist-copy h2{font-size:2.375rem;line-height:1.2}.waitlist-copy>p{font-size:.9375rem;line-height:1.6;margin-top:20px}#waitlist-form{margin-top:25px}.waitlist-fields{display:grid;grid-template-columns:1fr;gap:10px}.waitlist-fields .button{width:100%;font-size:.875rem}#waitlist-email{font-size:1rem}.waitlist-copy #waitlist-note{font-size:.6875rem}.adventure-section .content-width{width:calc(100% - 40px)}}
@media(max-width:360px){.adventure-world{height:330px}.adventure-dock{padding:18px 16px}.adventure-heading h2{font-size:1.875rem}#scene-content h3{font-size:1.5rem}#story-chapter{font-size:.5625rem;max-width:174px}.scene-meta{font-size:.5625rem}.scene-dots{gap:3px}.waitlist-copy h2{font-size:2.125rem}.future-options .story-option{font-size:.6875rem;padding:10px}.waitlist-fields .button{font-size:.8125rem}}
.scene-meta,.world-caption,.adventure-footnote{font-size:.75rem}
.adventure-footnote a{display:inline-flex;align-items:center;gap:4px}.adventure-footnote svg{width:13px;height:13px}
.pollen-hotspot b{top:4px;left:-10px;transform:translateX(-100%)}
.centre-hotspot b{top:4px;left:52px;transform:none}
.story-icon{min-width:44px;min-height:44px}
#story-chapter{font-size:.75rem}
@media(max-width:600px){#story-chapter{font-size:.6875rem}.adventure-footnote a{display:flex;margin-top:4px}.flower-hotspot b{font-size:.6875rem}.adventure-world{height:345px}}
@media(max-width:360px){.adventure-world{height:320px}#story-chapter{font-size:.6875rem}.world-caption{font-size:.75rem}.pollen-hotspot b{width:58px;white-space:normal;text-align:center;padding:5px;left:-6px}}
.clue-progress,#waitlist-form #waitlist-note{font-size:.75rem}
@media(prefers-reduced-motion:reduce){.flower-hotspot{transition:none}.flower-hotspot:hover{scale:none}}
