/* Mobbin / Not Boring inspiration: sculptural emphasis, physical controls, quiet supporting UI.
   The original brand fonts, palette, character, episodes and level alignment stay intact. */
:root{--control-edge:0 4px 0 var(--ff-ink);--paper-edge:0 5px 0 #d5d9cc,0 7px 0 var(--ff-ink)}
.button{box-shadow:var(--control-edge),inset 0 1px 0 #ffffff38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--ff-ink),inset 0 1px 0 #ffffff38}
.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ff-ink),inset 0 1px 0 #ffffff24}
.site-header .button{box-shadow:0 3px 0 var(--ff-ink)}
.site-header .button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ff-ink)}
.hero-inner{grid-template-columns:1.05fr 1fr;gap:5px;min-height:700px}
.hero-copy{padding-top:61px;padding-bottom:110px}
.hero-copy h1{font-size:clamp(52px,5.55vw,80px);line-height:1.04;letter-spacing:-.045em;max-width:640px;margin-bottom:30px}
.hero-copy>p:not(.hand-note){font-size:21px;max-width:585px}
.hero-actions{gap:18px}
.hand-note{margin-top:25px}
.shell-world{top:8px;left:-43px;right:-53px;height:560px}
.shell-label{font-family:var(--ff-font-body);font-size:17px;font-weight:650;min-height:48px;padding:10px 16px;border:2px solid var(--ff-ink);background:var(--ff-paper);box-shadow:0 4px 0 var(--ff-ink),inset 0 1px 0 #ffffffa8;transition:box-shadow .2s,background .2s}
.shell-label:hover,.shell-label.is-hovered{background:#e5eacb;box-shadow:0 5px 0 var(--ff-ink),inset 0 1px 0 #ffffffa8}
.shell-label:active{box-shadow:0 1px 0 var(--ff-ink)}
.garden-caption{top:563px;left:3%;gap:12px;font-size:17px;font-weight:500}
.garden-caption button{border-radius:6px;width:46px;height:46px;box-shadow:0 3px 0 var(--ff-ink);transition:transform .18s,box-shadow .18s}
.garden-caption button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ff-ink)}
.garden-friendly{width:174px;right:-6px;bottom:-7px}
.featured-episode{padding:24px;border-width:2px;box-shadow:var(--paper-edge);gap:38px}
.episode-art{border-width:2px;box-shadow:inset 0 2px 0 #ffffff40}
.episode-copy h3{font-size:36px;line-height:1.12;letter-spacing:-.035em}
.episode-status{font-size:16px;font-weight:650;letter-spacing:.055em;text-transform:uppercase}
.play-circle{width:72px;height:72px;box-shadow:0 5px 0 var(--ff-ink);background:var(--ff-paper)}
.episode-art:hover .play-circle{background:var(--ff-sun)}
.newsletter-panel{box-shadow:var(--paper-edge)}
.signup-row input,.search-label input{box-shadow:inset 0 3px 0 #16301c0c}
.filter-button{box-shadow:0 2px 0 #16301c85;transition:background .18s,transform .18s,box-shadow .18s}
.filter-button:active{transform:translateY(2px);box-shadow:none}
.step-number{font-size:62px;letter-spacing:-.06em;line-height:1;flex-basis:91px;text-shadow:0 2px 0 #b4cec8}
.creator-mark{box-shadow:0 3px 0 #16301c50}
@media(min-width:1450px){.hero-inner,.hero{min-height:720px}.hero-copy{padding-top:65px}.hero-copy h1{font-size:82px}.shell-world{top:16px;height:575px}.garden-caption{top:580px}}
@media(max-width:1100px){.hero-copy h1{font-size:64px}.hero-copy>p:not(.hand-note){font-size:20px}.shell-world{left:-25px;right:-38px;top:42px;height:500px}.garden-caption{top:555px;font-size:16px}.hero-actions{gap:15px}.episode-copy h3{font-size:32px}}
@media(max-width:800px){.hero-inner{display:block;min-height:0}.hero-copy{padding:43px 0 0}.hero-copy h1{font-size:clamp(48px,8.2vw,64px);max-width:650px}.hero-copy>p:not(.hand-note){max-width:600px}.hero-actions{gap:16px}.shell-garden{height:450px;max-width:610px}.shell-world{left:-20px;right:-20px;top:-14px;height:415px}.garden-caption{top:392px;font-size:16px;left:0;justify-content:center}.garden-friendly{width:126px;right:-5px;bottom:-6px}.shell-label{min-height:46px;padding:9px 13px;font-size:17px}.episode-copy h3{font-size:32px}.step-number{font-size:53px;flex-basis:75px}}
@media(max-width:480px){.hero-copy h1{font-size:46px;line-height:1.04;margin-bottom:24px}.hero-copy>p:not(.hand-note){font-size:19px}.hero-actions{gap:14px}.hand-note{margin-top:23px;font-size:21px}.shell-garden{height:343px}.shell-world{top:-16px;height:322px;left:-20px;right:-20px}.shell-label{min-height:44px;padding:9px 11px;font-size:16px;gap:6px}.garden-caption{top:291px;left:0;justify-content:flex-start;gap:9px;font-size:15px;right:0}.garden-caption button{width:44px;height:44px;min-width:44px}.garden-friendly{width:99px;right:-10px;bottom:-5px}.featured-episode{padding:14px;gap:0}.episode-copy h3{font-size:29px}.episode-status{font-size:15px;letter-spacing:.035em}.play-circle{width:62px;height:62px}.step-number{font-size:45px;flex-basis:59px}.steps li{gap:16px}}
@media(prefers-reduced-motion:reduce){.button:hover,.button:active,.filter-button:active,.garden-caption button:active{transform:none}}
/* Keep the video landscape below the interaction caption at narrower sizes. */
@media(max-width:800px){.hero-landscape{height:75px}.garden-caption{top:382px}}
@media(max-width:480px){.garden-caption{top:273px}.shell-garden{height:355px}}