:root{--ink:#232a22;--pine:#3f5c43;--paper:#f2efe7;--cream:#faf7f0;--line:#cfc9ba;--bark:#a8503a}
@media(max-width:767px){[data-design="1"] header button[onclick]{display:none}[data-design="1"] header a>span{font-size:18px;letter-spacing:.08em}}
html{scroll-padding-top:90px}body{font-family:Manrope,sans-serif;color:var(--ink);background:var(--cream)}
footer form{flex-wrap:wrap}footer form>p{flex-basis:100%;width:100%}footer form input{min-width:0;width:100%}
.brand-mark{width:32px;height:40px;object-fit:contain;flex-shrink:0;transform:none!important}
header a[href="#"]{color:var(--ink)}header a[href="#"]>span{letter-spacing:.1em;font-weight:500}
button,a,[tabindex]{touch-action:manipulation} :focus-visible{outline:2px solid var(--pine);outline-offset:4px}
.eco-node{transition:background-color .2s,border-color .2s,box-shadow .2s!important}
.eco-node:hover{transform:var(--tw-transform);filter:none!important}
.eco-node:hover :is(svg,img){transform:none!important}
.eco-node.active-highlight{outline:1px solid var(--pine)}
[data-design="2"] .eco-node{scale:1!important}
[data-design="2"] .eco-node:hover{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0))!important}
[data-design="2"] .eco-node *{transition:none!important}
[data-design="2"] .eco-node>div{transform:none!important}
[data-design="2"] main>section:first-child{padding:0;background-image:none}
[data-design="2"] main>section:first-child>div{max-width:1440px;padding:0}
[data-design="2"] main>section:first-child>div>div{position:relative;display:grid;grid-template-columns:34% 27% 39%;gap:0;align-items:stretch;min-height:600px;height:calc(54vw - 80px);max-height:710px}
[data-design="2"] main>section:first-child>div>div>div:first-child{padding:40px 0 28px 4.6vw;position:relative;z-index:3;grid-column:1;grid-row:1;gap:22px}
[data-design="2"] main>section:first-child h1{font-size:clamp(40px,4.65vw,68px);line-height:.99;font-weight:500;letter-spacing:-.035em;width:125%;position:relative}
[data-design="2"] main>section:first-child h1+p{font-size:clamp(12px,1.1vw,15px);line-height:1.5;max-width:290px;width:85%}
[data-design="2"] main>section:first-child .border-t{border:0;margin-top:auto;padding-top:20px}
[data-design="2"] main>section:first-child .border-t>div{font-size:8px;letter-spacing:.15em}
[data-design="2"] main>section:first-child>div>div>div:nth-child(2){position:absolute;inset:0 30% 0 25%;min-height:0;z-index:1;display:block}
[data-design="2"] main>section:first-child>div>div>div:nth-child(2)>div{max-width:none;height:100%;display:block}
[data-design="2"] .cutout-figure-mask{height:100%;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
[data-design="2"] .cutout-figure-mask img{height:100%;width:100%;max-height:none;object-fit:cover;object-position:67% center;filter:none}
[data-design="2"] main>section:first-child>div>div>div:nth-child(2) .handwritten-note{bottom:27%;right:8%;font-size:clamp(19px,2.1vw,30px);max-width:230px}
[data-design="2"] main>section:first-child>div>div>div:nth-child(3){grid-column:3;grid-row:1;z-index:2;min-width:0;display:block;background:var(--cream);border-radius:48% 0 0 30% / 44% 0 0 56%;margin-left:-28px;padding-left:30px}
[data-design="2"] .ecosystem-disc{height:100%;width:100%;max-width:none;aspect-ratio:auto;border-radius:0;background:none;box-shadow:none;border:0;padding:22px 22px 24px 24px;justify-content:flex-start;gap:10px}
[data-design="2"] .ecosystem-disc h2{font-size:clamp(21px,2.05vw,29px);line-height:1.05;max-width:300px}
[data-design="2"] .ecosystem-disc>div:nth-child(2){width:min(100%,360px);height:auto;aspect-ratio:1;margin:auto 0;flex-shrink:0}
[data-design="2"] .orbit-ring{border:1px solid #cfc9ba;inset:11%;border-radius:50%}
[data-design="2"] #node-you{width:29%;height:29%;box-shadow:none;font-family:'Cormorant Garamond',serif}
[data-design="2"] #node-you>span{font-size:24px;font-weight:400}
[data-design="2"] .eco-node:not(#node-you):is(#node-boris,#node-curator,#node-group,#node-borvis){width:33%;height:33%;border:1px solid var(--line);border-radius:50%;justify-content:center;background:rgba(250,247,240,.55)}
[data-design="2"] .eco-node:not(#node-you)>div:first-child{width:34px;height:34px;box-shadow:none;border:0;margin-bottom:5px}
[data-design="2"] #node-boris>div:first-child img{object-position:center 20%}
[data-design="2"] .ecosystem-disc>div:last-child{display:none}
[data-design="2"] .ecosystem-disc>div:nth-child(3){box-shadow:none;background:none;padding:10px 15px;min-height:48px;max-width:100%}
[data-design="2"] .ecosystem-disc>div:nth-child(3)>div:last-child{display:block}
[data-design="2"] .ecosystem-disc>div:nth-child(3) span{font-size:9px}
[data-design="2"] #stories{padding:0;background:var(--paper)}
[data-design="2"] #stories>div{max-width:1440px;padding:0}
[data-design="2"] #stories>div>div{padding:0;gap:3%;grid-template-columns:40% 29% 25%;border:0;border-radius:0;box-shadow:none;background:none}
[data-design="2"] #stories>div>div>div{grid-column:auto}
[data-design="2"] #stories>div>div>div:first-child{aspect-ratio:2.1;border-radius:0}
[data-design="2"] #stories img{object-position:center 45%}
[data-design="2"] #stories blockquote{font-size:clamp(20px,2.05vw,29px);line-height:1.15}
[data-design="2"] #stories>div>div>div:last-child{padding:12px 20px;border-left:1px solid var(--line)}
[data-design="2"] #stories .grid-cols-2{grid-template-columns:1fr 1fr}
[data-design="2"] #programs{padding:36px 0 28px}
[data-design="2"] #programs>div>div:first-child{margin-bottom:22px}
[data-design="2"] #programs :is(#card-stress,#card-energy,#card-quality){min-height:190px;border-radius:5px}
@media(max-width:1000px){[data-design="2"] main>section:first-child>div>div{min-height:530px;height:60vw}[data-design="2"] .ecosystem-disc{padding:22px 12px}[data-design="2"] .ecosystem-disc h2{font-size:22px}[data-design="2"] .eco-node>span{font-size:9px}[data-design="2"] .eco-node>span:last-child{font-size:8px}[data-design="2"] header nav{gap:16px;font-size:11px}[data-design="2"] header>div:first-child{padding:0 24px}}
@media(max-width:767px){[data-design="2"] main>section:first-child>div>div{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}[data-design="2"] main>section:first-child>div>div>div:first-child{padding:35px 24px 24px}[data-design="2"] main>section:first-child h1{font-size:49px;width:100%;max-width:100%}[data-design="2"] main>section:first-child h1+p{font-size:14px;width:100%;max-width:310px}[data-design="2"] main>section:first-child>div>div>div:nth-child(2){position:relative;inset:auto;height:390px;width:100%;min-height:0}[data-design="2"] .cutout-figure-mask{mask-image:none;-webkit-mask-image:none}[data-design="2"] .cutout-figure-mask img{object-position:70% center}[data-design="2"] main>section:first-child>div>div>div:nth-child(3){margin:0;padding:0;border-radius:0}[data-design="2"] .ecosystem-disc{padding:28px 24px;gap:24px}[data-design="2"] .ecosystem-disc>div:nth-child(2){width:320px;max-width:100%}[data-design="2"] .ecosystem-disc h2{font-size:27px}[data-design="2"] .eco-node>span{font-size:11px}[data-design="2"] .eco-node>span:last-child{font-size:9px}[data-design="2"] #stories>div>div{display:flex;flex-direction:column;align-items:stretch;gap:24px}[data-design="2"] #stories>div>div>div:not(:first-child){padding:0 24px 24px}[data-design="2"] #stories blockquote{font-size:27px}}
@media(min-width:768px){[data-design="2"] main>section:first-child>div>div>div:nth-child(2){height:100%;align-self:stretch;top:0;bottom:0}[data-design="2"] .cutout-figure-mask img{object-position:85% center}[data-design="2"] main>section:first-child>div>div>div:nth-child(2) .handwritten-note{right:20%;bottom:18%;max-width:190px;font-size:23px}}
[data-design="2"] footer .brand-mark{content:url('assets/plantain-light.svg')}
[data-design="1"] #moodNoteWrapper{left:auto;right:65px;top:285px;width:165px;background:var(--cream);padding:12px;border-radius:8px}
[data-design="2"] #programs :is(#card-stress,#card-energy,#card-quality){height:240px;min-height:0;aspect-ratio:auto}
[data-design="2"] #programs [id^="card-"]{padding:22px}
[data-design="2"] #programs [id^="card-"] h3{font-size:32px;line-height:1.1}
[data-design="2"] #programs [id^="card-"] .space-y-4>*+*{margin-top:10px}
[data-design="2"] #programs [id^="card-"] .pt-2{position:absolute;right:0;bottom:0;padding:0}
[data-design="2"] #programs [id^="card-"] .pt-2>span{display:none}
[data-design="2"] #programs [id^="card-"] p{padding-right:35px;font-size:12px}
[data-design="2"] #assessment{padding:0 0 25px}
[data-design="2"] #assessment>div>div{padding:24px;border:0;border-radius:6px;box-shadow:none}
[data-design="2"] #assessment h3{font-size:29px}
@media(min-width:768px){[data-design="2"] #programs :is(#card-stress,#card-energy,#card-quality){height:190px}}
[data-design="3"] main .pointer-events-none.select-none{right:auto;left:20px;top:20px;background:rgba(250,247,240,.86);padding:10px 14px;border-radius:18px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:768px) and (max-width:1023px){[data-design="1"] header nav,[data-design="1"] header button[onclick]{display:none}[data-design="1"] #mobileMenuBtn{display:block}[data-design="1"] #mobileMenu:not(.hidden){display:block}}
@media(min-width:768px) and (max-width:1000px){[data-design="2"] main>section:first-child>div>div{grid-template-columns:55% 45%;height:auto;max-height:none;min-height:0}[data-design="2"] main>section:first-child>div>div>div:first-child{min-height:540px;padding:35px}[data-design="2"] main>section:first-child h1{font-size:45px;width:100%}[data-design="2"] main>section:first-child>div>div>div:nth-child(2){inset:0 0 auto 48%;height:540px}[data-design="2"] main>section:first-child>div>div>div:nth-child(3){grid-column:1/-1;grid-row:2;margin:0;padding:0;border-radius:0;height:490px}[data-design="2"] .ecosystem-disc{gap:10px;padding:20px}[data-design="2"] .ecosystem-disc>div:nth-child(2){width:300px;margin:10px auto}[data-design="2"] #stories>div>div{grid-template-columns:36% 34% 24%;gap:3%}[data-design="2"] #stories>div>div>div:last-child{padding:12px 6px}[data-design="2"] #stories .grid-cols-2{grid-template-columns:1fr}[data-design="2"] #stories .text-3xl{font-size:24px}}
