/* This layer extends the existing MegaMyco palette and typography. */
.home-selector .selector-grid>div:first-child{align-self:center}
.home-selector h2{margin-bottom:2.1rem}
.home-selector .selector-detail{margin:1rem 0 .1rem}
.home-selector #home-estimate{min-height:2.6em;margin:.4rem 0 1.5rem;max-width:26rem}
.selector-product{position:relative}
.selector-product .selected-weight{position:absolute;bottom:1.2rem;right:-.2rem;font-family:Lilita,sans-serif;font-size:clamp(3rem,6vw,7rem);line-height:.85;letter-spacing:-.05em;transform:rotate(-5deg);color:var(--green)}
.selector-product img{transition:transform .3s ease-out}
.is-guided article{transition:opacity .22s ease,transform .22s ease}
.is-guided article:not(.is-current){opacity:.68}
.is-guided article.is-current{transform:translateY(-.35rem)}
.is-guided h3{display:block}
.is-guided h3 button{display:flex;align-items:center;gap:.8rem;text-align:left;background:none;border:0;padding:0;font:inherit;line-height:inherit;color:inherit}
.is-guided h3 button span{flex:none}
.is-guided h3 button[aria-pressed=true] span{background:var(--green);color:var(--cream)}
.is-guided article:hover,.is-guided article:focus-within{opacity:1}
.plant-choice{position:relative;display:block}
.plant-choice .plant-art{display:block;position:relative;overflow:hidden}
.plant-choice .root-cover{position:absolute;bottom:0;left:0;right:0;height:35%;background:var(--green);color:var(--orange);display:flex;align-items:end;justify-content:center;padding-bottom:1rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;transition:transform .28s ease-out;transform-origin:bottom}
.plant-choice:hover .root-cover,.plant-choice:focus-visible .root-cover{transform:translateY(100%)}
.plant-choice strong{display:block;border-top:1px solid #f4efe366;padding-top:1rem;text-transform:uppercase;font-size:1rem}
.plant-choice small{display:block;font-size:.75rem;font-weight:800;color:var(--orange);letter-spacing:.05em;margin-top:.25rem}
.plant-choice em{display:block;font-style:normal;font-size:.9rem;line-height:1.35;max-width:16rem;margin-top:.6rem;color:var(--cream)}
.plant-choice:hover img,.plant-choice:focus-visible img{transform:translateY(-.6rem)}
.underground-experience{background:var(--green);color:var(--cream);overflow:clip}
.under-transition{height:170vh;position:relative;background:var(--cream);color:var(--green)}
.under-sticky{height:calc(100svh - 88px);min-height:650px;position:sticky;top:88px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(3rem,6vw,6rem) max(4vw,calc((100vw - 1350px)/2));background:var(--cream);transition:color .15s}
.under-sticky:before{content:"";position:absolute;inset:0;background:var(--green);opacity:var(--forest,0);z-index:-1;pointer-events:none}
.under-sticky>.hand{margin:0 0 1.3rem;font-size:clamp(1.4rem,2vw,2.4rem);max-width:28rem}
.under-sticky h2{font-size:clamp(5rem,10.6vw,12rem);line-height:.81;letter-spacing:-.055em;position:relative;z-index:4;margin:0;max-width:1400px}
.under-sticky h2 span{display:block}
.under-sticky h2 em{font-style:normal;color:var(--orange)}
.under-sticky.is-below{color:var(--cream)}
.under-sticky.is-below h2 em{color:var(--orange)}
.under-art{position:absolute;inset:38% 0 0;z-index:2;overflow:hidden;pointer-events:none}
.under-plant{width:100%;height:100%;object-fit:cover;object-position:center 47%;transform:translateY(calc(var(--shift,0) * -10%)) scale(1.03)}
.under-soil{position:absolute;inset:0;background:linear-gradient(0deg,#082d22 1%,#082d22ce 17%,transparent 65%);opacity:var(--soil,.18)}
.under-hyphae{position:absolute;inset:0;background:linear-gradient(0deg,#082d2277,#082d2277),url('/assets/underground-print.webp') center 65%/cover;opacity:var(--hyphae,0);clip-path:inset(25% 0 0 0)}
.under-progress{position:absolute;right:4vw;bottom:1.5rem;z-index:5;font-size:.75rem;font-weight:800;letter-spacing:.12em}
.under-progress span{color:var(--orange);padding:0 .5rem}
.under-content{padding:clamp(6rem,10vw,12rem) 0}
.under-content>h2{font-size:clamp(5rem,9vw,11rem);line-height:.82;letter-spacing:-.055em;margin:0 0 clamp(5rem,9vw,10rem)}
.biology-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(3rem,8vw,9rem);align-items:center}
.biology-grid h3{font-size:clamp(3.8rem,6vw,8rem);line-height:.85;overflow-wrap:anywhere}
.biology-grid h3 i{color:var(--orange);font-style:normal}
.biology-grid>div:first-child>p:not(.eyebrow){max-width:31rem;font-size:1.15rem;line-height:1.5;margin:2rem 0}
.biology-explorer img{width:100%;max-height:490px;object-fit:cover;object-position:center 60%;transition:object-position .28s}
.biology-path{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}
.biology-path button{background:transparent;color:var(--cream);border:1px solid #f4efe380;padding:.6rem .7rem;font-weight:800;font-size:.72rem;letter-spacing:.04em}
.biology-path button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--green)}
.biology-path button:hover{border-color:var(--orange)}
#biology-note{min-height:3.1em;max-width:35rem;font-size:1.15rem;margin:.8rem 0}
.underground-questions{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;align-items:start;margin:clamp(8rem,14vw,16rem) 0;border-top:1px solid #f4efe366;padding-top:3rem}
.underground-questions h3{font-size:clamp(3.5rem,6vw,7rem)}
.underground-questions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem 1.5rem}
.underground-questions a{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f4efe366;padding:1.1rem 0;font-size:1rem;font-weight:700;transition:color .18s,padding-left .18s}
.underground-questions a:hover,.underground-questions a:focus-visible{color:var(--orange);padding-left:.3rem}
.underground-exit{border-top:2px solid var(--orange);padding-top:clamp(4rem,8vw,8rem);max-width:900px}
.underground-exit h2{font-size:clamp(5rem,10vw,12rem);line-height:.8;margin:1rem 0}
.underground-exit>p:not(.hand){font-size:1.3rem;max-width:27rem}
.underground-exit .button{background:var(--orange);border-color:var(--orange);color:var(--green)}
.legal-links a{display:block}
.footer-top .legal-links button{font-size:14px;text-decoration:underline;text-underline-offset:3px;text-align:left}
.legal-page{max-width:1100px}
.legal-page h1{font-size:clamp(3.8rem,7vw,7rem);margin-bottom:2rem}
.legal-page>section{border-top:1px solid var(--line);padding:2rem 0;display:grid;grid-template-columns:minmax(210px,.5fr) 1fr;gap:2rem}
.legal-page>section h2{font-size:clamp(1.8rem,2.6vw,2.6rem)}
.legal-page>section p{margin:0 0 1rem;max-width:60ch}
.legal-page a{text-decoration:underline;text-underline-offset:3px}
.model-form{border:1px solid var(--line);padding:1.5rem;background:#fff9}
.text-button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;font-weight:700;color:inherit}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}
.cookie-actions .button{font-size:.75rem}
.plant-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.plant-examples button{border:1px solid var(--green);background:transparent;padding:.5rem .85rem;font-weight:700}
.plant-examples button:hover{background:var(--orange)}
@media(max-width:800px){.under-transition{height:135vh}.under-sticky{top:76px;height:calc(100svh - 76px);min-height:560px;padding:3rem 20px}.under-sticky h2{font-size:clamp(4.4rem,13vw,8rem)}.under-art{inset:35% 0 0}.under-content>h2{font-size:clamp(4.5rem,12vw,7rem)}.biology-grid,.underground-questions{grid-template-columns:1fr}.biology-explorer img{max-height:360px}.underground-questions>div{grid-template-columns:1fr 1fr}.legal-page>section{grid-template-columns:1fr;gap:.7rem}.legal-page h1{font-size:clamp(3.5rem,12vw,5rem)}.is-guided article:not(.is-current){opacity:1;transform:none}.plant-choice .root-cover{height:31%}}
@media(max-width:520px){.under-sticky{min-height:500px}.under-sticky h2{font-size:clamp(3.8rem,15vw,6rem)}.under-sticky>.hand{font-size:1.3rem}.under-art{inset:38% 0 0}.under-content>h2{font-size:clamp(4rem,15vw,6rem)}.biology-grid h3{font-size:clamp(3.2rem,12vw,5rem)}.underground-questions>div{grid-template-columns:1fr}.under-progress{font-size:.65rem;right:20px}.selector-product .selected-weight{font-size:3.4rem}.plant-explorer a{flex-basis:240px}}
@media(prefers-reduced-motion:reduce){.under-transition{height:auto}.under-sticky{position:relative;top:0;height:85vh}.under-sticky:before{opacity:.85}.under-sticky{color:var(--cream)}.under-soil{opacity:.65}.under-hyphae{opacity:.35}.under-plant{transform:none}.is-guided article,.plant-choice .root-cover,.underground-questions a{transition:none}}

/* Let the illustrations carry the rhythm instead of framing each one as a card. */
.use-section{position:relative}
.use-section .steps{gap:clamp(1.5rem,4vw,4.5rem)}
.use-section .steps article{background:transparent;border:0;position:relative}
.use-section .step-art{height:clamp(230px,24vw,360px);margin-bottom:1.5rem;overflow:visible}
.use-section .step-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.use-section .steps article.is-current .step-art img{transform:translateY(-.4rem)}
.use-section .steps article .step-art img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.plant-choice .root-cover{display:none}
.plant-choice .plant-art{overflow:visible}
.plant-choice img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s;transform-origin:center 80%}
.plant-choice.is-visible img{transform:translateY(-.35rem)}
.plant-choice:last-child{border-top:2px solid var(--orange)}
.plant-choice:last-child small{color:var(--cream);text-decoration:underline;text-underline-offset:4px}
.under-sticky h2 span:last-child{transform:translateY(calc(var(--shift,0) * 8vh));transition:transform .1s linear}
.under-art{inset:35% 0 0}
.under-plant{transform:translateY(calc(var(--shift,0) * -18%)) scale(1.08)}
.under-hyphae{transition:opacity .1s linear}
.biology-grid,.underground-questions{transition:opacity .65s,transform .65s}
.biology-grid:not(.is-visible),.underground-questions:not(.is-visible){opacity:.68;transform:translateY(1.5rem)}
.home-selector:before{border:0;background:var(--orange);opacity:.2}
.selector-product{background:none}
.selector-product:before{content:"";position:absolute;width:min(75%,450px);aspect-ratio:1;top:18%;left:13%;border-radius:50%;background:#ffb35b;z-index:-1}
.selector-product .selected-weight{right:0;bottom:2rem;z-index:2}
@media(max-width:800px){.use-section .step-art{height:180px}.plant-choice.is-visible img{transform:translateY(-.2rem)}.selector-product:before{top:12%;left:15%;width:70%}}
@media(prefers-reduced-motion:reduce){.under-sticky h2 span:last-child,.biology-grid:not(.is-visible),.underground-questions:not(.is-visible){transform:none}.biology-grid:not(.is-visible),.underground-questions:not(.is-visible){opacity:1}}