@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173e35;--muted:#65746d;--paper:#f7f8f3;--line:#d9e0d6;--accent:#d5e6b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-icon{font-size:40px;line-height:1}.country{font-size:10px;letter-spacing:1px;background:#e5ebdf;padding:3px 7px;border-radius:3px;align-self:center}.header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.header nav a:hover,.text-link:hover{color:#75854b}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:34px;padding-bottom:76px}.hero-copy{padding:23px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.1px;font-weight:700;margin:0 0 20px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-2.5px}h1{font-size:clamp(48px,5.4vw,72px);font-weight:500;margin:0 0 26px}h2{font-size:39px;font-weight:500;margin:0}h3{font-size:23px;letter-spacing:-.8px;font-weight:600}.intro{max-width:400px;font-size:16px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--ink);color:#fff;padding:15px 22px;border:0;border-radius:4px;font-size:13px;cursor:pointer}.button:hover{background:#28564a}.button span{font-size:20px;line-height:1}.text-link{display:inline-block;font-size:12px;margin-left:18px;border-bottom:1px solid #a5b09e;padding-bottom:3px}.hero-note{margin-top:40px;font-size:10px;letter-spacing:.3px;color:var(--muted)}.hero-note span{margin-right:8px;font-size:18px}.room-art{min-height:470px;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(180deg,#dfe6d7 0%,#dfe6d7 77%,#c1c8ae 77%);isolation:isolate}.art-window{position:absolute;left:8%;top:8%;height:56%;width:48%;background:linear-gradient(145deg,#a7c0ad,#e7ead5);border:13px solid #f3f4e9;display:grid;grid-template-columns:1fr 1fr;gap:7px;box-shadow:8px 10px 18px #a4b29f4d}.art-window i{border-right:2px solid #f3f4e9;border-bottom:2px solid #f3f4e9}.sunlight{position:absolute;left:17%;top:55%;width:100%;height:55%;background:#fbf5cd40;transform:rotate(-30deg)}.purifier{position:absolute;right:13%;bottom:11%;width:30%;height:44%;background:linear-gradient(110deg,#f7f8f1,#dedfd7);border-radius:17px 17px 22px 22px;box-shadow:15px 18px 24px #53644830;transform:rotate(-3deg)}.purifier span{display:block;margin:13px 14px;height:12px;border-radius:50%;background:repeating-linear-gradient(90deg,#546960 0 2px,#9eafa2 2px 4px)}.purifier div{position:absolute;bottom:22px;left:12%;width:76%;height:53%;background:repeating-linear-gradient(90deg,#9ba69c55 0 1px,transparent 1px 4px);border-radius:7px}.purifier small{display:block;text-align:center;color:#6b8e71;font-size:15px}.plant{position:absolute;left:19%;bottom:16%;height:150px;width:100px}.plant b{position:absolute;bottom:0;left:22px;width:60px;height:62px;background:linear-gradient(90deg,#ae795d,#d09b78);border-radius:3px 3px 22px 22px}.plant i{position:absolute;height:95px;width:40px;background:#54765b;border-radius:100% 0 100% 0;bottom:45px;left:30px;transform:rotate(-25deg)}.plant i:nth-child(2){transform:rotate(40deg);left:55px;bottom:53px;background:#6f8e65}.plant i:nth-child(3){height:75px;transform:rotate(-65deg);left:7px;bottom:39px;background:#3d624e}.side-table{position:absolute;bottom:11%;left:13%;height:9px;width:37%;background:#99785c;box-shadow:0 4px 2px #5d65482a}.side-table:after{content:'';position:absolute;left:15%;top:9px;height:50px;width:5px;background:#99785c}.art-label{position:absolute;top:28px;right:22px;font-size:11px;text-align:right;color:#52684e}.art-number{position:absolute;bottom:19px;left:24px;font-size:8px;letter-spacing:2px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles .wrap{display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px;font-size:11px;color:var(--muted)}.principles span:before{content:'↗';margin-right:12px;color:var(--ink)}.section{padding-top:76px;padding-bottom:76px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-top .eyebrow{margin-bottom:14px}.section-top>p{font-size:12px;color:var(--muted);margin:0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.filters button{font-size:11px;padding:8px 15px;border:1px solid var(--line);border-radius:25px;background:transparent;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{border:1px solid var(--line);border-radius:5px;background:#f0f3e9;padding:23px;position:relative}.category[hidden]{display:none}.card-number{font-size:10px;color:#819179}.category-icon{display:block;font-size:44px;line-height:1;margin:25px 0 23px;color:#5b7f5b}.category h3{font-size:20px;margin:0 0 14px}.category p,.category li{font-size:12px;color:var(--muted);line-height:1.7}.category p{min-height:82px}.category details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.category summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:11px;font-weight:700}.category summary::-webkit-details-marker{display:none}.category details ul{padding-left:16px}.planner-section{background:var(--ink);color:#f6f8f1}.planner{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;padding-top:64px;padding-bottom:64px}.planner .eyebrow{color:var(--accent)}.planner h2{font-size:46px}.planner>div>p:not(.eyebrow){font-size:14px;color:#c0d0c4}.planner .fine{font-size:10px!important;color:#b7c7bb!important;line-height:1.7}.calculator{background:#244c42;border:1px solid #416257;border-radius:5px;padding:27px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.input-grid label{font-size:11px;font-weight:600}.input-grid label span{display:block;font-size:9px;font-weight:400;color:#becbc1}.input-grid input{display:block;width:100%;border:1px solid #698374;border-radius:3px;background:#f7f8f2;color:var(--ink);margin-top:7px;padding:9px 11px;font-size:15px}.calculator .button{background:var(--accent);color:var(--ink);margin-top:23px;width:100%;font-size:12px}.results{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.results span{font-size:9px;color:#d0ddce;display:block}.results strong{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;display:block}.results small{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0;font-weight:400}.results p{grid-column:1/-1;font-size:10px;line-height:1.6;color:#c0d0c4;margin:0}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:12px}.checklist article{border-top:1px solid var(--line);padding-top:23px}.checklist span{font-size:10px;color:#7d8e74}.checklist h3{font-size:21px;letter-spacing:-.7px;margin:19px 0 10px}.checklist p{font-size:13px;color:var(--muted);max-width:300px}.closing{background:#e6eddb;border-radius:5px;display:flex;gap:25px;align-items:center;padding-top:32px;padding-bottom:32px}.closing>span{font-size:55px}.closing h2{font-size:27px;letter-spacing:-1px}.closing p{font-size:11px;color:var(--muted);margin:8px 0 0}.closing>a{margin-left:auto;font-size:11px;white-space:nowrap}.footer{min-height:125px;display:flex;align-items:center;gap:30px}.footer .brand{font-size:16px;letter-spacing:-.5px}.footer p,.footer>a:last-child{font-size:10px;color:var(--muted)}.footer>a:last-child{margin-left:auto}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #91b650;outline-offset:5px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;background:white;padding:12px;z-index:5}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:30px}.hero h1{font-size:55px}.text-link{display:table;margin:20px 0 0}.category-grid{grid-template-columns:repeat(2,1fr)}.category p{min-height:45px}.planner{gap:35px}.closing{margin-left:28px;margin-right:28px}.hero-note{margin-top:24px}}@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.header{height:auto;min-height:105px;align-items:flex-start;padding-top:22px;padding-bottom:20px;flex-direction:column;gap:16px}.brand{font-size:20px}.header nav{gap:24px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:6px;padding-bottom:36px;gap:12px}.hero-copy{padding:20px 0}.hero h1{font-size:54px}.intro{font-size:14px}.text-link{display:inline-block;margin:0 0 0 14px;font-size:10px}.hero .button{font-size:11px;gap:16px}.hero-note{font-size:9px}.room-art{min-height:355px}.principles .wrap{gap:15px;font-size:9px;align-items:flex-start}.principles span:before{display:block;margin-bottom:4px}.section{padding-top:47px;padding-bottom:47px}.section-top{display:block}.section-top>p{margin-top:18px}.section-top h2{font-size:32px;letter-spacing:-1.5px}.category-grid{gap:12px}.category{padding:17px}.category h3{font-size:18px}.category p{min-height:100px;font-size:11px}.category-icon{font-size:37px;margin:23px 0}.category summary{font-size:10px}.filters{gap:6px}.filters button{padding:7px 11px;font-size:10px}.planner{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:20px}.planner h2{font-size:38px}.calculator{padding:21px}.results strong{font-size:25px}.checklist{grid-template-columns:1fr;gap:15px}.checklist p{max-width:none}.checklist h3{margin-top:10px}.closing{margin-left:22px;margin-right:22px;flex-wrap:wrap;gap:15px}.closing>span{font-size:38px}.closing h2{font-size:23px}.closing>div{flex:1}.closing>a{margin-left:53px}.footer{flex-wrap:wrap;gap:0 22px;padding-top:25px;padding-bottom:25px}.footer p{width:100%;order:2}.footer>a:last-child{margin-left:auto}.art-label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
