:root{color-scheme:light;--ink:#22332b;--green:#304b3d;--paper:#faf8f2;--muted:#59665e;--line:#dedfd4;--accent:#e5b986;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a46029;outline-offset:3px}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}header{background:var(--white);border-bottom:1px solid var(--line)}.nav,nav,.actions,.toolbar,.tabs{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav{min-height:72px;justify-content:space-between;padding-block:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand i{display:inline-block;width:29px;height:23px;background:repeating-linear-gradient(to bottom,var(--green) 0 5px,transparent 5px 8px);transform:skew(-12deg)}nav a{text-decoration:none;font-weight:650;font-size:.9rem}.nav-cta{border:1px solid var(--green);padding:7px 13px;border-radius:6px}.hero{background:#263b30;color:#fffdf5}.hero-inner{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:44px;padding-block:66px}.hero-art{min-height:340px;border-radius:12px;background-color:#9a8867;background-image:linear-gradient(140deg,#182f2390,transparent 55%),repeating-linear-gradient(172deg,#6b644d 0 14px,#ae9874 16px 53px,#695c45 55px 61px);background-size:cover;background-position:center}.kicker{font-weight:800;letter-spacing:.14em;font-size:.73rem;margin:0 0 10px}.hero .kicker{color:#f0ca9d}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.03}h1{font-size:clamp(2.65rem,6vw,5.25rem);margin-bottom:20px}h2{font-size:clamp(2rem,4vw,3.15rem);margin-bottom:15px}h3{font-size:1.16rem;line-height:1.3;margin-bottom:10px}.hero p:not(.kicker),.intro p:not(.kicker){max-width:58ch;font-size:1.05rem}.button{display:inline-block;font:inherit;font-weight:750;text-decoration:none;padding:10px 16px;border-radius:6px;border:1px solid var(--green);color:white;background:var(--green);cursor:pointer}.button:hover{filter:brightness(1.13)}.button:disabled{opacity:.55;cursor:default}.button.outline{background:transparent;color:var(--green)}.hero .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.hero .outline{background:transparent;color:#fffdf5;border-color:#b5c4b9}.section{padding-block:52px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar{justify-content:space-between;margin-block:12px}.tabs{gap:8px}.pill{border:1px solid var(--line);border-radius:30px;padding:6px 12px;text-decoration:none;background:var(--white);font-size:.88rem}.pill.active{background:var(--green);color:white;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:21px}.builder:not([hidden]),.guide{display:flex;flex-direction:column;align-items:flex-start}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p,.muted{color:var(--muted);font-size:.93rem}.place{font-size:.73rem;letter-spacing:.04em;color:var(--muted);font-weight:700;margin-bottom:8px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.tags span{border-radius:4px;background:#edf0e8;padding:2px 7px;font-size:.75rem;font-weight:700}.arrow{font-weight:750;font-size:.9rem;text-decoration:none}.card .arrow{margin-top:auto}.guides,.intro{background:#eaece2}.intro{padding:48px 0 32px}.intro h1{font-size:clamp(2.6rem,5.5vw,4.25rem)}.back{display:inline-block;margin-bottom:12px}.reading{max-width:760px;padding-block:40px 56px}.reading h2{font-size:2rem;margin-top:24px}.reading .button,.reading .actions{margin-block:8px 12px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}form{display:grid;gap:14px}label{font-weight:680;font-size:.9rem}form label,.quote-result label{display:grid;gap:5px}input,textarea,select{font:inherit;color:inherit;padding:8px 10px;border:1px solid #a7aea4;background:white;border-radius:5px;max-width:100%}textarea{resize:vertical}.quote-result button{margin-top:12px}footer{border-top:1px solid var(--line);padding:28px 0;background:var(--white);font-size:.9rem}footer p{margin:7px 0}.toolbar select{margin-left:5px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{gap:24px}.hero-art{min-height:275px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.hero-inner,.quote-grid,.grid{grid-template-columns:1fr}.hero-inner{padding-block:38px}.hero-art{min-height:190px}.section{padding-block:35px}.nav{gap:8px}nav{gap:10px}.nav-cta{padding:4px 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art{background-image:linear-gradient(140deg,#182f2325,transparent 55%),url(/wall-garden.webp)}