.moss-record{color:#283d31;overflow:hidden}.moss-record h1,.moss-record h2,.moss-record h3{font-weight:500}.moss-record h1{font-size:clamp(32px,4.3vw,61px);line-height:1.4;letter-spacing:.025em;margin:16px 0 24px}.moss-record h2{font-size:clamp(26px,3vw,40px);line-height:1.5;margin:12px 0 20px}.moss-record h3{font-size:22px;line-height:1.6;margin:10px 0}.moss-record p{font-size:17px;line-height:1.95}.moss-record .eyebrow{font-size:12px;letter-spacing:.12em}.moss-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center;padding-top:35px;padding-bottom:58px}.moss-record .moss-deck{font-size:21px;line-height:1.85}.moss-record .moss-meta{font-size:13px;color:#748071;margin-top:24px}.moss-portrait{margin:0;position:relative;aspect-ratio:3/5;overflow:hidden;background:#e4e6db}.moss-portrait img{width:100%;height:100%;object-fit:cover;object-position:9% center;display:block}.moss-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 18px 16px;background:linear-gradient(transparent,rgba(19,30,22,.7));color:white;font-size:12px}.moss-jumps{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:30px;font-size:14px}.moss-jumps a{border-bottom:1px solid #859882;padding:8px 0}.moss-prose{max-width:730px;margin:0 auto;padding:15px 24px}.moss-prose p{margin:18px 0}.moss-section-block{padding-top:70px;padding-bottom:65px}.moss-section-heading{max-width:710px;margin-bottom:30px}.moss-section-heading>p{color:#63705e}.moss-materials{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 42px}.moss-materials>div{border-top:1px solid #cad1c1;padding:24px 0}.moss-materials dt{font-weight:600;font-size:19px}.moss-materials dd{margin:10px 0 0;font-size:16px;line-height:1.9;color:#596650}.moss-record .moss-footnote{font-size:13px;line-height:1.8;color:#6c7667}.moss-demo-section{background:#e8ecdf;padding:65px 0}.moss-demo{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.moss-demo-art{position:relative;background:#f7f7ee;border-radius:160px 160px 20px 20px;overflow:hidden}.moss-demo-art svg{display:block;width:100%;height:auto;max-height:570px}.moss-demo-note{display:block;text-align:center;font-size:12px;color:#7c806c;padding:0 12px 24px}.moss-demo-panel h3{font-size:27px}.moss-demo-panel>p:not(.moss-footnote){min-height:100px}.moss-demo-controls{display:flex;gap:12px;margin:24px 0}.moss-demo-controls button{border:1px solid #536f4a;padding:12px 20px;border-radius:4px;color:#304b2b;background:transparent;font:inherit;cursor:pointer}.moss-demo-controls #demo-play{background:#304b2b;color:#fff;min-width:132px}.moss-demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.moss-demo-steps button{border:1px solid #bdc8b2;background:transparent;color:#596650;cursor:pointer;padding:12px 5px;font:inherit;font-size:14px;border-radius:4px}.moss-demo-steps button[aria-current=true]{background:#d4dfc6;color:#253e23;border-color:#537647}.moss-demo-scrub{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px}.moss-demo-scrub input{flex:1;min-width:0;accent-color:#536f4a}.moss-demo [data-stage]{opacity:0;transform:translateY(-13px);transition:opacity .75s ease,transform .85s ease}.moss-demo [data-stage].is-visible{opacity:1;transform:none}.moss-demo [data-stage="2"]{transform:translateY(-7px)}.moss-demo [data-stage="2"].is-visible{transform:none}.moss-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.moss-step{min-width:0}.moss-step-art{aspect-ratio:1;background-image:url('assets/moss-first-jar/steps-illustration.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f6f2e5}.moss-step h3{font-size:20px;margin:20px 0 10px}.moss-step h3 span{font-size:14px;letter-spacing:.08em;margin-right:10px;color:#8b996e}.moss-step p{font-size:16px;margin:0;color:#606b57}.moss-reflection{border-block:1px solid #ccd2c3;padding-block:60px;display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center}.moss-angle-two img{object-position:39% center}.moss-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.moss-care-grid p{font-size:16px}.moss-care-note{background:#ecefe4;padding:22px 28px}.moss-care-note ul{padding-left:20px;font-size:16px;line-height:1.85}.moss-care-note li{margin:14px 0}.moss-care-note a{text-decoration:underline;text-underline-offset:3px}.moss-ending{padding-top:0;padding-bottom:60px}.moss-record section[id]{scroll-margin-top:100px}.moss-record button:focus-visible,.moss-record a:focus-visible,.moss-record input:focus-visible{outline:3px solid #bf7d39;outline-offset:4px}
.moss-home-art{background-image:url('assets/moss-first-jar/steps-illustration.png');background-size:300% 200%;background-position:100% 100%;aspect-ratio:1}.world .world-image.moss-home-art{height:auto;aspect-ratio:1}.story .moss-home-art{height:230px;background-size:300% auto}.story .moss-home-number{font-size:64px;line-height:1.4;font-family:Georgia,serif;color:#657c59;padding:36px 0 22px}
@media(max-width:850px){.moss-intro{gap:25px;grid-template-columns:1fr;padding-top:20px;padding-bottom:20px}.moss-intro>div{padding-bottom:8px}.moss-record h1{font-size:34px;margin-top:10px}.moss-record .moss-deck{font-size:19px}.moss-portrait{aspect-ratio:3/5;max-height:650px}.moss-jumps{gap:8px 22px;margin-top:14px}.moss-prose{padding-inline:24px}.moss-section-block{padding-top:46px;padding-bottom:40px}.moss-materials{grid-template-columns:1fr}.moss-materials>div{padding:19px 0}.moss-demo-section{padding:42px 0}.moss-demo{grid-template-columns:1fr;gap:28px}.moss-demo-art{max-width:500px;width:100%;margin:auto}.moss-demo-art svg{max-height:450px}.moss-demo-panel>p:not(.moss-footnote){min-height:85px}.moss-demo-steps button{min-height:48px}.moss-step-grid{grid-template-columns:1fr 1fr;gap:32px 18px}.moss-step h3{font-size:18px;line-height:1.55}.moss-step h3 span{display:block;margin-bottom:3px}.moss-step p{font-size:15px;line-height:1.9}.moss-reflection{grid-template-columns:1fr;gap:30px;padding-block:35px}.moss-care-grid{grid-template-columns:1fr;gap:22px}.moss-care-note{padding:20px}.moss-ending{padding-bottom:40px}}
@media(max-width:460px){.moss-step-grid{grid-template-columns:1fr;gap:35px}.moss-step-art{max-height:420px}.moss-step h3 span{display:inline}.moss-step h3{font-size:21px}.moss-step p{font-size:17px}.moss-record h1{font-size:31px}.moss-demo-scrub{gap:8px}}
@media(prefers-reduced-motion:reduce){.moss-demo [data-stage]{transition:none;transform:none}}