@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,400&display=swap');
:root{--mist:#edf5f2;--mist2:#e3efeb;--white:#fbfdfb;--ink:#243c3b;--soft:#46615f;--muted:#718984;--line:#d7e5e0;--green:#4f8176;--deep:#315e56;--sea:#9bc9c1;--serif:Newsreader,Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(1160px,calc(100% - 56px));margin:auto}.skip{position:absolute;left:-9999px;top:1rem;background:var(--ink);color:white;padding:.6rem 1rem}.skip:focus{left:1rem}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700;font-size:1.3rem;letter-spacing:-.06em}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px 15px 15px 5px;background:#dcece6;color:var(--deep);font-size:1.8rem}.dot{color:var(--green)}nav{display:flex;gap:2rem}nav a{text-decoration:none;color:var(--soft);font-size:.86rem;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:560px;padding-block:4rem;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((1160px - 100vw)/2);background:linear-gradient(120deg,#f4f9f7,#edf5f2 58%,#e8f2f2)}.eyebrow{margin:0 0 1rem;color:var(--deep);font-size:.68rem;font-weight:700;letter-spacing:.15em}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;background:#76a99c}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(4rem,7.4vw,6.8rem)/.91 var(--serif);letter-spacing:-.065em;margin-bottom:1.4rem}h1 em{font-weight:400;color:var(--green)}.intro{max-width:470px;color:#5b7772;line-height:1.85}.pill{display:inline-flex;gap:.8rem;align-items:center;margin-top:.3rem;padding:.8rem 1.1rem;border-radius:99px;background:var(--deep);color:white;text-decoration:none;font-size:.84rem;font-weight:700;box-shadow:0 7px 18px #315e5618}.pill:hover{background:#244b44}.small-note{margin:1.5rem 0 0;color:#78908b;font-size:.75rem}.landscape{position:relative;height:360px;overflow:hidden;border-radius:48% 48% 24px 24px;background:linear-gradient(#dcecf0,#eaf3f1 72%,#d7e9df);box-shadow:inset 0 0 0 1px #fff8}.sun{position:absolute;top:46px;right:20%;width:94px;height:94px;border-radius:50%;background:#f5e6c9;box-shadow:0 0 0 14px #f5e6c930}.cloud{position:absolute;height:18px;border-radius:99px;background:#fbfdfb;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.cloud:before{width:35px;height:35px;left:15px}.cloud:after{width:26px;height:26px;left:39px}.c1{top:100px;left:10%;width:74px}.c2{top:145px;right:8%;width:58px;opacity:.55}.hill{position:absolute;width:135%;height:190px;bottom:-65px;border-radius:50% 50% 0 0}.back{left:-39%;background:#b1d5c9;transform:rotate(-12deg)}.front{left:22%;bottom:-88px;background:#6fa395;transform:rotate(13deg)}.plant{position:absolute;z-index:1;bottom:48px;width:3px;height:110px;background:#416f61;border-radius:4px}.p1{left:28%;transform:rotate(-7deg)}.p2{left:43%;height:135px;transform:rotate(7deg)}.plant i,.plant b{position:absolute;display:block;width:31px;height:16px;border-radius:100% 0 100% 0;background:#8bb9a5}.plant i{top:28px;left:1px;transform:rotate(-28deg)}.plant b{top:51px;right:0;transform:rotate(65deg) scaleX(-1);background:#4f8d79}.caption{position:absolute;left:24px;bottom:22px;color:#f8fffb;font:italic 1.2rem var(--serif)}
.library{padding-block:5rem 6rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid var(--line);padding-top:2.4rem}.section-head .eyebrow{margin-bottom:.55rem}h2{font:500 clamp(2.1rem,4.2vw,3.1rem)/1.12 var(--serif);letter-spacing:-.045em;margin-bottom:.45rem}.muted{margin:0;color:var(--muted);font-size:.9rem}.count{display:flex;flex-direction:column;align-items:end;color:var(--muted);font-size:.72rem;line-height:1.4;white-space:nowrap}.count strong{font-size:1.45rem;color:var(--deep);font-weight:600}.controls{display:flex;gap:.8rem;margin:2.1rem 0 1.6rem}.search,.filter{min-height:52px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#f8fbfa}.search{flex:1;gap:.75rem;padding:0 1rem;color:#76928c}.search>span:first-child{font-size:1.6rem}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.85rem}.search:focus-within,.filter:focus-within{border-color:#80b2a6;box-shadow:0 0 0 3px #a6d0c31f}.filter select{min-width:180px;height:50px;padding:0 2.3rem 0 1rem;border:0;outline:0;background:transparent;color:var(--soft);font:inherit;font-size:.82rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem 1.4rem}.card{min-width:0}.cover-link{display:block;overflow:hidden;border-radius:8px 8px 18px 8px;text-decoration:none;box-shadow:0 6px 18px #2f5a5010;transition:box-shadow .2s,transform .2s}.cover-link:hover,.cover-link:focus-visible{transform:translateY(-4px);box-shadow:0 14px 28px #2f5a501a}.cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;padding:1rem;overflow:hidden;color:var(--cover-ink,#315e56);background:var(--cover-bg,#dcece6)}.cover:before{content:"";position:absolute;z-index:-1;width:175px;height:175px;right:-55px;bottom:55px;border:1px solid currentColor;opacity:.16;border-radius:50%;box-shadow:0 0 0 15px #ffffff10,0 0 0 30px #ffffff10,0 0 0 45px #ffffff10}.cover:after{content:"";position:absolute;z-index:-1;width:95px;height:95px;right:13%;bottom:14%;background:#ffffff24;border-radius:58% 42% 60% 40%;transform:rotate(32deg)}.cover-category{font-size:.54rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cover-title{display:block;margin:1rem 0 .6rem;font:500 clamp(1.25rem,2vw,1.8rem)/1.05 var(--serif);letter-spacing:-.04em;overflow-wrap:anywhere}.cover-subtitle{font-size:.68rem;line-height:1.45;opacity:.85}.cover-number{font-size:.58rem;font-weight:700;letter-spacing:.1em;opacity:.75}.cover-image{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--mist2)}.meta{padding:.9rem .15rem 0}.category{margin-bottom:.25rem;color:var(--green);font-size:.61rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title{margin:0 0 .35rem;font:600 1.08rem/1.25 var(--serif)}.desc{margin:0;color:var(--muted);font-size:.77rem;line-height:1.55}.byline{margin-top:.25rem;color:#829792;font-size:.7rem}.actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.7rem}.actions a{color:var(--deep);font-size:.75rem;font-weight:700;text-underline-offset:3px}.status{margin:1.25rem 0;color:var(--muted);font-size:.85rem}.status:empty{display:none}.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.empty>span{font-size:2rem;color:#9bbfb5}.empty h3{font:500 1.6rem var(--serif);margin:.3rem 0}.empty p{font-size:.85rem}.about{background:linear-gradient(115deg,#edf5f2,#e7f1f3);border-block:1px solid #deebe7}.about-inner{display:flex;align-items:start;gap:1.4rem;padding-block:3.4rem}.about-mark{flex:0 0 56px;display:grid;place-items:center;width:56px;height:56px;border-radius:18px 18px 18px 6px;background:#d3e8df;color:var(--deep);font-size:2rem}.about h2{font-size:1.9rem;margin-bottom:.6rem}.about p:last-child{max-width:720px;margin-bottom:0;color:#69817c;font-size:.84rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:90px;color:#829792;font-size:.75rem}.small{width:28px;height:28px;font-size:1rem;border-radius:10px 10px 10px 3px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:900px){.hero{min-height:480px;gap:1.4rem}.landscape{height:320px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.1rem}}
@media(max-width:640px){.shell{width:calc(100% - 36px)}.header{height:72px}.mark{width:36px;height:36px;font-size:1.6rem}nav{gap:1rem}nav a{font-size:.78rem}.hero{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding-block:3.2rem}.hero:before{inset:0 -18px}h1{font-size:clamp(4.1rem,17vw,5.8rem)}.intro{font-size:.93rem}.small-note{font-size:.7rem}.landscape{height:215px;border-radius:120px 120px 18px 18px}.sun{width:68px;height:68px;top:28px}.hill{height:125px}.back{bottom:-47px}.front{bottom:-65px}.plant{bottom:35px;height:72px}.p1{height:65px}.p2{height:92px}.caption{bottom:14px;left:19px;font-size:1rem}.library{padding-block:3.5rem 4rem}.section-head{align-items:start;gap:.8rem;padding-top:1.8rem}.section-head h2{font-size:2.15rem}.muted{font-size:.82rem}.count{font-size:.65rem;padding-top:.2rem}.count strong{font-size:1.2rem}.controls{flex-direction:column;gap:.65rem;margin-top:1.6rem}.search,.filter{min-height:48px}.filter select{width:100%;height:48px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.65rem .85rem}.cover{padding:.68rem}.cover-category{font-size:.48rem}.cover-title{margin-top:.8rem;font-size:clamp(1.15rem,5.4vw,1.5rem)}.cover-subtitle{font-size:.61rem}.title{font-size:1rem}.desc{font-size:.73rem}.about-inner{padding-block:2.4rem;gap:1rem}.about-mark{flex-basis:43px;width:43px;height:43px;font-size:1.6rem}.about h2{font-size:1.55rem}.footer{align-items:start;flex-direction:column;justify-content:center;gap:.4rem;padding-block:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}