@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{color-scheme:light;--ink:#19342b;--forest:#143f31;--sage:#768f6a;--cream:#f4f0df;--paper:#fbfaf2;--orange:#e36c37;--gold:#e9b949;--line:#cfcdbd;--muted:#657067;--white:#fff;--shadow:0 18px 55px rgb(25 52 43 / 10%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}.shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:20;padding:.7rem 1rem;transform:translateY(-150%);background:white}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:5;top:0;left:50%;display:flex;width:min(1180px,calc(100% - 2rem));height:5.5rem;align-items:center;justify-content:space-between;transform:translateX(-50%);border-bottom:1px solid rgb(25 52 43 / 20%)}.brand{display:flex;gap:.65rem;align-items:center;color:var(--ink);font-weight:700;letter-spacing:.04em;text-decoration:none}.brand-mark{font-size:1.5rem;color:var(--orange)}nav{display:flex;gap:1.4rem;align-items:center}nav a,.saved-link{border:0;color:var(--ink);background:none;font:inherit;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer}.saved-link span{display:inline-grid;min-width:1.35rem;height:1.35rem;margin-left:.25rem;place-items:center;border-radius:50%;color:white;background:var(--forest);font-size:.7rem}.saved-link.active{color:var(--orange)}.hero{display:grid;min-height:43rem;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:6rem}.hero-copy{position:relative;z-index:2;padding:4rem 0}.eyebrow{margin:0 0 1.2rem;color:var(--orange);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#e9c594}.hero h1{max-width:720px;margin:0;font-family:"DM Serif Display",serif;font-size:clamp(4rem,8vw,7.6rem);font-weight:400;letter-spacing:-.045em;line-height:.86}.hero h1 em{color:var(--orange);font-weight:400}.hero-intro{max-width:31rem;margin:2rem 0;color:#52685f;font-size:1.15rem;line-height:1.65}.primary-button{display:inline-flex;gap:2rem;align-items:center;padding:.9rem 1.15rem;color:white;background:var(--forest);font-size:.88rem;font-weight:700;text-decoration:none}.primary-button span{font-size:1.2rem}.hero-art{position:relative;height:100%;min-height:37rem;overflow:hidden}.sun{position:absolute;top:20%;right:8%;width:14rem;height:14rem;border-radius:50%;background:#edb849}.ground{position:absolute;right:0;bottom:0;width:90%;height:29%;border-radius:55% 0 0;background:#d9b56a;transform:skewY(-5deg)}.mountain{position:absolute;right:-4%;bottom:23%;clip-path:polygon(48% 0,100% 100%,0 100%)}.mountain-back{width:105%;height:42%;background:#b7c0a0}.mountain-front{right:-15%;width:82%;height:34%;background:#8da078}.saguaro{position:absolute;z-index:2;right:29%;bottom:18%;width:2.8rem;height:15rem;border-radius:1.5rem 1.5rem 0 0;background:var(--forest)}.saguaro:after,.saguaro:before{position:absolute;width:1.8rem;height:7rem;border-radius:1rem;background:var(--forest);content:""}.saguaro:before{top:5.5rem;left:-3.7rem}.saguaro:after{top:3rem;right:-3.8rem}.saguaro i,.saguaro b{position:absolute;width:3.8rem;height:1.8rem;background:var(--forest)}.saguaro i{top:10.7rem;right:1rem}.saguaro b{top:8.2rem;left:1rem}.season-strip{padding:2.5rem 0;color:white;background:var(--forest)}.season-grid{display:grid;grid-template-columns:1fr 1.2fr auto;gap:3rem;align-items:center}.season-grid h2{margin:0;font-family:"DM Serif Display",serif;font-size:2.5rem;font-weight:400}.season-note{padding-left:2rem;border-left:1px solid rgb(255 255 255 / 25%)}.season-note strong{color:#efd19d;font-size:.9rem}.season-note p{margin:.35rem 0 0;color:#d8e0da;font-size:.9rem;line-height:1.55}.month-control{display:grid;gap:.35rem;color:#cbd6d0;font-size:.7rem;text-transform:uppercase}.month-control select{min-width:10rem;padding:.7rem;border:1px solid #758a80;color:white;background:transparent;font:inherit;font-size:.9rem;text-transform:none}.library{padding:6.5rem 0}.library-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.5rem}.library-heading h2,.sources h2{margin:0;font-family:"DM Serif Display",serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;line-height:1}.library-heading>p{text-align:right}.library-heading span{color:var(--muted);font-size:.8rem}.toolbar{padding:1rem;border-block:1px solid var(--line)}.search{display:flex;gap:.5rem;align-items:center;max-width:29rem;padding:.6rem 0}.search span{font-size:1.5rem}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filter-row button{padding:.58rem 1rem;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:transparent;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.filter-row button[aria-pressed=true]{border-color:var(--forest);color:white;background:var(--forest)}.select-row{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.select-row label{display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.73rem;font-weight:600;text-transform:uppercase}.select-row select{padding:.35rem;border:0;color:var(--ink);background:transparent;font:inherit;font-weight:600}.plant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}.plant-card{overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}.plant-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.plant-portrait{position:relative;display:grid;height:15rem;place-items:center;overflow:hidden}.plant-portrait:before,.dialog-portrait:before{position:absolute;right:-12%;bottom:-38%;width:75%;height:75%;border:1px solid rgb(25 52 43 / 16%);border-radius:50%;content:""}.tone-yellow{background:#e9c75f}.tone-pink{background:#dca095}.tone-lavender,.tone-purple{background:#a99bb6}.tone-red,.tone-coral{background:#dc7654}.tone-orange{background:#e59452}.tone-blue{background:#96aaa8}.tone-green{background:#97aa7c}.tone-mixed{background:#d9a9a9}.native-label{position:absolute;right:.7rem;bottom:.7rem;padding:.35rem .55rem;color:white;background:rgb(20 63 49 / 80%);font-size:.62rem;font-weight:700;text-transform:uppercase}.plant-icon{position:relative;z-index:1;display:block;width:6rem;height:8rem;background:var(--forest)}.icon-tree{width:5rem;height:5rem;border-radius:48% 52% 44% 56%;box-shadow:-2.8rem 1.2rem 0 -1rem var(--forest),2.8rem 1rem 0 -1rem var(--forest)}.icon-tree:after{position:absolute;top:4rem;left:2.15rem;width:.7rem;height:4rem;background:var(--forest);content:""}.icon-shrub{width:7.5rem;height:5rem;border-radius:55% 45% 48% 52%}.icon-shrub:before,.icon-shrub:after{position:absolute;width:4rem;height:4rem;border-radius:50%;background:inherit;content:""}.icon-shrub:before{top:-2rem;left:.5rem}.icon-shrub:after{top:-1.5rem;right:0}.icon-flower{width:1rem;height:6rem}.icon-flower:before{position:absolute;top:-1.7rem;left:-1.35rem;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--paper);box-shadow:0 -1.6rem 0 -.6rem var(--forest),0 1.6rem 0 -.6rem var(--forest),1.6rem 0 0 -.6rem var(--forest),-1.6rem 0 0 -.6rem var(--forest);content:""}.icon-spike,.icon-agave{height:7rem;clip-path:polygon(50% 0,61% 68%,85% 19%,72% 74%,100% 51%,68% 100%,32% 100%,0 51%,28% 74%,15% 19%,39% 68%)}.icon-cactus{width:2.3rem;border-radius:1.2rem 1.2rem 0 0}.icon-cactus:before{position:absolute;top:2.8rem;left:-2.2rem;width:2.6rem;height:1.5rem;border-radius:1rem;background:inherit;box-shadow:3.8rem -1.2rem 0 0 var(--forest);content:""}.icon-leaf{width:5rem;height:7rem;border-radius:90% 0 90% 0;transform:rotate(-35deg)}.plant-body{padding:1.2rem}.card-top{display:flex;align-items:center;justify-content:space-between}.timing{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timing:before{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;content:""}.timing-now{color:#217552}.timing-soon{color:#a46119}.timing-wait{color:#777}.save-button{border:0;color:var(--orange);background:none;font-size:1.6rem;cursor:pointer}.plant-type{margin:1rem 0 .35rem;color:var(--orange);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.plant-card h3{margin:0}.plant-card h3 button{padding:0;border:0;color:var(--ink);background:none;font-family:"DM Serif Display",serif;font-size:1.75rem;text-align:left;cursor:pointer}.botanical{margin:.25rem 0;color:var(--muted);font-family:Georgia,serif;font-size:.82rem;font-style:italic}.plant-why{min-height:4.4rem;margin:1rem 0;color:#526158;font-size:.85rem;line-height:1.55}.plant-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding-top:1rem;border-top:1px solid var(--line)}.plant-card dl div+div{padding-left:.7rem;border-left:1px solid var(--line)}dt{color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}dd{margin:.25rem 0 0;font-size:.75rem;font-weight:600;text-transform:capitalize}.empty{padding:5rem;text-align:center}.empty span{font-size:3rem}.empty h3{font-family:"DM Serif Display",serif;font-size:2rem;font-weight:400}.empty button{padding:.7rem 1rem;border:1px solid var(--forest);background:transparent;cursor:pointer}.learn-band{padding:6.5rem 0;color:white;background:#1d4939}.learn-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem}.learn-grid h2{margin:0;font-family:"DM Serif Display",serif;font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:1}.principles{display:grid;gap:1.5rem}.principles article{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / 25%)}.principles span{grid-row:1/3;color:#e9c594;font-family:Georgia,serif;font-size:1.3rem}.principles h3{margin:0;font-family:"DM Serif Display",serif;font-size:1.45rem;font-weight:400}.principles p{margin:.45rem 0 0;color:#c7d5ce;font-size:.86rem;line-height:1.5}.sources{padding:6.5rem 0}.source-links{margin-top:2rem;border-top:1px solid var(--line)}.source-links a{display:grid;grid-template-columns:9rem 1fr auto;gap:1rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.source-links span{color:var(--orange);font-size:.7rem;font-weight:700;text-transform:uppercase}.source-links b{font-size:1.2rem}.disclaimer{max-width:52rem;margin-top:2rem;color:var(--muted);font-size:.75rem;line-height:1.6}footer{padding:2rem 0;color:white;background:#102f25}footer .shell{display:flex;align-items:center;justify-content:space-between}footer span{font-weight:700}footer i{color:var(--orange);font-style:normal}footer p{color:#bfcac5;font-size:.75rem}dialog{width:min(880px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;color:var(--ink);background:var(--paper);box-shadow:0 30px 90px rgb(0 0 0 / 35%)}dialog::backdrop{background:rgb(10 34 26 / 70%)}#dialog-content{display:grid;grid-template-columns:.8fr 1.2fr}.dialog-portrait{position:relative;display:grid;min-height:38rem;place-items:center;overflow:hidden}.dialog-body{padding:3.5rem}.dialog-body h2{margin:.35rem 0 0;font-family:"DM Serif Display",serif;font-size:3rem;font-weight:400}.dialog-lede{font-size:1.05rem;line-height:1.6}.detail-list{margin:2rem 0;border-top:1px solid var(--line)}.detail-list div{display:grid;grid-template-columns:9rem 1fr;padding:.8rem 0;border-bottom:1px solid var(--line)}.detail-list dd{font-size:.82rem;text-transform:none}.field-tip{padding:1rem;background:#e8eadc}.field-tip span{color:var(--orange);font-size:.65rem;font-weight:700;text-transform:uppercase}.field-tip p{margin:.35rem 0 0;font-size:.85rem;line-height:1.5}.dialog-save{width:100%;margin-top:1rem;padding:.8rem;border:0;color:white;background:var(--forest);font:inherit;font-weight:700;cursor:pointer}.dialog-close{position:absolute;top:.7rem;right:.7rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:rgb(255 255 255 / 80%);font-size:1.5rem;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.plant-portrait:before,.dialog-portrait:before{display:none}.plant-portrait img,.dialog-portrait img{width:100%;height:100%;object-fit:cover}.plant-portrait img{transition:transform .35s ease}.plant-card:hover .plant-portrait img{transform:scale(1.025)}.photo-credit{position:absolute;bottom:.7rem;left:.7rem;z-index:2;padding:.32rem .5rem;color:white;background:rgb(20 43 35 / 78%);font-size:.58rem;font-weight:600;text-decoration:none}.dialog-portrait .photo-credit{bottom:1rem;left:1rem}.icon-palm{width:1rem;height:7rem}.icon-palm:before{position:absolute;top:-1rem;left:-3rem;width:7rem;height:4rem;border-radius:50%;background:var(--forest);clip-path:polygon(50% 50%,0 0,43% 43%,30% 0,47% 42%,50% 0,53% 42%,70% 0,57% 43%,100% 0);content:""}.icon-grass{width:8rem;height:6rem;background:transparent}.icon-grass:before{position:absolute;inset:0;background:var(--forest);clip-path:polygon(2% 100%,12% 18%,20% 100%,28% 0,37% 100%,48% 12%,55% 100%,68% 0,74% 100%,88% 20%,96% 100%);content:""}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:46rem}.hero-copy{align-self:start;padding-top:7rem}.hero-art{position:absolute;inset:16rem 0 0 10%;z-index:0;min-height:30rem;opacity:.75}.season-grid,.learn-grid{grid-template-columns:1fr;gap:1.5rem}.season-note{padding:1.2rem 0 0;border-top:1px solid rgb(255 255 255 / 25%);border-left:0}.plant-grid{grid-template-columns:repeat(2,1fr)}.learn-grid{gap:3rem}.source-links a{grid-template-columns:6rem 1fr auto}}
@media(max-width:560px){.site-header{height:4.5rem}.site-header nav>a{display:none}.hero{min-height:42rem;padding-top:4rem}.hero h1{font-size:4.1rem}.hero-intro{font-size:1rem}.hero-art{inset:18rem -20% 0 0}.sun{width:10rem;height:10rem}.season-strip{padding:2rem 0}.library{padding:4rem 0}.library-heading{align-items:start}.library-heading>p{max-width:7rem;margin:0}.filter-row{flex-wrap:nowrap;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto;scrollbar-width:none}.filter-row button{flex:none}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.select-row label{display:grid;gap:.2rem}.plant-grid{grid-template-columns:1fr}.plant-portrait{height:13rem}.plant-why{min-height:0}.learn-band,.sources{padding:4.5rem 0}.source-links a{grid-template-columns:1fr auto}.source-links span{grid-column:1/3}.source-links b{grid-column:2;grid-row:2}.source-links strong{font-size:.9rem}.sources h2{font-size:2.8rem}footer .shell{display:block}#dialog-content{grid-template-columns:1fr}.dialog-portrait{min-height:12rem;height:12rem}.dialog-portrait .plant-icon{transform:scale(.65)}.dialog-body{padding:1.5rem}.dialog-body h2{font-size:2.35rem}.detail-list{margin:1.2rem 0}.detail-list div{grid-template-columns:7rem 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}