.journey-scene{--scene-ink:#bdc8af;background:#172322;color:#f1eee6;padding:80px max(6vw,24px)}.journey-heading h2{font-size:clamp(32px,4.5vw,62px);letter-spacing:-.05em;line-height:1.15;margin:20px 0}.journey-heading p{color:#b9c8bf}.scene-choices{display:flex;gap:12px;margin:28px 0}.scene-choices button{padding:14px 24px;min-height:48px;background:none;border:1px solid #819288;color:#d6dfd8;border-radius:3px;cursor:pointer}.scene-choices button[aria-pressed=true]{background:#d3ddc8;color:#182823}.scene-landscape{min-height:420px;position:relative;overflow:hidden;border-top:1px solid #bacabe40;display:flex;align-items:center;background:radial-gradient(ellipse at 72% 80%,#82967a35,transparent 60%);transition:background .6s}.scene-copy{position:relative;z-index:1;max-width:420px;padding:40px 0}.scene-copy>span{font:11px monospace;letter-spacing:.16em;color:var(--scene-ink)}.scene-copy h3{font-size:clamp(30px,3.5vw,48px);line-height:1.25}.scene-copy p{line-height:1.9;color:#becac3}.scene-copy a{display:inline-block;padding:20px 0;color:#ece8da}.scene-art{position:absolute;inset:0 0 0 35%;opacity:.7;overflow:hidden}.course-track{position:absolute;width:100%;height:110%;border:2px solid #a1b59970;border-radius:48%;left:25%;top:20%;transform:rotate(-25deg);box-shadow:0 0 0 24px #9ab09812,0 0 0 48px #9ab09812,0 0 0 72px #9ab09812,0 0 0 96px #9ab09812;transition:transform 1s,border-radius 1s}.course-wheel{position:absolute;width:280px;aspect-ratio:1;border:1px solid #b0c4c0;border-radius:50%;right:10%;top:18%;background:repeating-conic-gradient(#a7c0b840 0deg 1deg,transparent 1deg 30deg);opacity:0;scale:.8;transition:opacity .7s,scale .7s;animation:course-turn 35s linear infinite paused}.course-marker{position:absolute;right:8%;top:25%;font:54px monospace;letter-spacing:.1em;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.course-marker span{font:12px sans-serif;letter-spacing:.12em}.journey-scene[data-scene=ride]{background:#15252b;--scene-ink:#b1d0d3}.journey-scene[data-scene=ride] .course-wheel{opacity:.65;scale:1}.journey-scene[data-scene=ride] .course-track{transform:rotate(-8deg) translateY(25%)}.journey-scene[data-scene=race]{background:#302824;--scene-ink:#d7bea5}.journey-scene[data-scene=race] .course-marker{opacity:.7;transform:none}.journey-scene[data-scene=race] .course-track{border-radius:0;transform:perspective(600px) rotateX(55deg) rotateZ(-15deg)}.journey-visible .course-wheel{animation-play-state:running}.paused .course-wheel{animation-play-state:paused}.doctor-documentary{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.doctor-documentary figure{margin:0}.doctor-documentary>figure{position:sticky;top:40px;align-self:start}.doctor-documentary img{width:100%;height:580px;object-fit:contain;background:#c4c8c4;display:block}.doctor-documentary figcaption{font-size:12px;padding:14px 0;color:#626e63}.doctor-timeline details{border-top:1px solid #32483240;padding:24px 0}.doctor-timeline summary{font-size:21px;line-height:1.6;cursor:pointer}.doctor-timeline summary span{display:block;font:32px monospace;color:#7a856b;margin-bottom:12px}.doctor-timeline p{font-size:15px;line-height:1.9;color:#596358}.doctor-timeline a{color:#314932;font-size:13px}.doctor-course{margin-top:24px!important}.doctor-course img{height:420px}.science-journey{background:#dedfce;color:#29392d;padding:90px max(6vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.science-anchor{position:sticky;top:50px;align-self:start}.science-anchor h2{font-size:clamp(30px,3.6vw,50px);line-height:1.2;letter-spacing:-.04em}.science-anchor>p{font-size:13px;color:#65725e}.science-anchor a,.science-pages a{font-size:13px;color:#364e35}.science-orbit{width:180px;aspect-ratio:1;border:1px solid #64785e60;border-radius:50%;display:grid;place-items:center;margin:28px 0;box-shadow:0 0 0 12px #7583690a,0 0 0 24px #7583690a;transition:transform .7s,background .7s}.science-orbit span{font-size:64px;font-weight:300}.science-journey[data-step="1"] .science-orbit{background:#bdc7ac;transform:rotate(-8deg)}.science-journey[data-step="2"] .science-orbit{background:#c7ccb4;transform:translateX(15px)}.science-journey[data-step="3"] .science-orbit{background:#aebca0;transform:rotate(8deg)}.science-pages article{min-height:55vh;padding:80px 0 60px;border-top:1px solid #60735540;display:flex;flex-direction:column;justify-content:center}.science-pages article>span{font:12px monospace;letter-spacing:.14em;color:#758169}.science-pages h3{font-size:clamp(27px,3vw,42px);line-height:1.35}.science-pages p{font-size:17px;line-height:1.9;max-width:420px}.journey-scene button:focus-visible,.doctor-timeline summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}@keyframes course-turn{to{rotate:360deg}}
@media(max-width:700px){.journey-scene,.science-journey{padding:52px 22px}.scene-choices{gap:8px}.scene-choices button{padding:13px 19px}.scene-landscape{min-height:440px;align-items:end}.scene-art{inset:0;opacity:.35}.scene-copy{padding-top:180px;max-width:100%}.course-wheel{width:180px;top:20px}.course-marker{font-size:36px;top:35px}.course-track{top:0;left:40%;height:75%}.doctor-documentary{display:block}.doctor-documentary>figure{position:static}.doctor-documentary img{height:400px}.doctor-timeline{margin-top:30px}.doctor-course img{height:420px}.science-journey{display:block}.science-anchor{position:relative;top:auto}.science-orbit{width:90px;margin:24px 0}.science-orbit span{font-size:38px}.science-pages article{min-height:0;padding:48px 0}.science-pages h3{margin:20px 0}.science-pages p{font-size:16px}.science-pages{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.journey-scene *,.science-journey *{animation:none!important;transition:none!important}}

/* A question leads to source reading; it is not a product recommendation. */
.scene-next{border-top:1px solid #bdc8af40;margin-top:12px;padding-top:18px}
.scene-next>span{display:block;font-size:11px;color:#b9c8bf;letter-spacing:.08em}
.scene-next a{font-size:14px;padding:12px 0;min-height:44px;line-height:1.6;text-underline-offset:5px}
.science-next{border-top:1px solid #60735540;margin-top:28px;padding-top:14px}
.science-next p{font-size:14px!important}.science-next a{display:inline-block;min-height:44px;padding-block:12px}
.scene-next a:focus-visible,.science-next a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#reading,#read-q10,#read-salt,#read-beet,#read-gel{scroll-margin-top:28px}
@media(max-width:700px){.scene-copy{padding-bottom:8px}.scene-next{margin-top:4px}.scene-next a{font-size:14px}}