/* Green Fingers: light botanical styling with natural, uncropped photographs. */
:root{--paper:#fbfcf8;--leaf:#354d3c;--sage:#71846b;--soft:#edf2e7;--lavender:#f1edf5;--muted:#62715f;--line:#dce4d5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--leaf);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 0 22px;text-wrap:balance}h1{font-size:clamp(49px,5.4vw,77px)}h2{font-size:clamp(36px,4vw,53px)}h3{font-size:27px;letter-spacing:-.025em}p{margin:0 0 20px}em{font-weight:400;color:#687c59}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding:90px 0}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;margin-bottom:20px;color:var(--muted)}.small{font-size:12px;line-height:1.7;color:var(--muted)}.intro{max-width:730px;margin-bottom:45px}.intro p{max-width:650px}.skip{position:absolute;top:12px;left:12px;transform:translateY(-180%);background:white;padding:12px;z-index:100}.skip:focus{transform:none}:focus-visible{outline:3px solid #7b638d;outline-offset:5px}::selection{background:#e5ddea;color:#354d3c}
/* Soft informational strip, then a clean and spacious header. */
.demo-bar{padding:10px 24px;background:var(--lavender);color:#5b4e67;font-size:11px;text-align:center;line-height:1.7}.demo-bar a{margin-left:14px;display:inline-block}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{position:relative;padding-left:39px;font:30px/1.1 Georgia,serif;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap}.brand:before{content:'❧';position:absolute;left:0;top:2px;color:#8b9d78;font:39px Georgia,serif}.brand small{display:block;font:9px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:3.5px;margin-top:7px}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:not(.btn):hover{text-decoration:underline}.menu{display:none;background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 14px;min-height:44px;color:var(--leaf)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:30px;background:#607653;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;font-weight:650;transition:background .18s,box-shadow .18s}.btn:hover{background:#4f6646;box-shadow:0 4px 16px #52644715}.btn:disabled{opacity:.6;cursor:default}.btn.light{background:white;color:var(--leaf);border-color:#bdcbb5}
/* The photo retains its entire composition; Mel is never forced into a crop. */
.hero{padding-block:76px 80px;display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}.hero-copy>p{max-width:470px;font-size:17px}.hero h1{margin-bottom:28px}.hero-photo{position:relative;margin:0;padding:0}.hero-photo img{width:100%;height:auto;object-fit:contain;border-radius:100px 8px 100px 8px}.note{font:italic 18px/1.5 Georgia,serif;text-align:right;padding:19px 10px 0;color:#697d5c}.note br{display:none}.note:before{content:'✿';display:inline-block;font-style:normal;color:#9983a6;margin-right:10px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.actions>a:not(.btn){font-size:12px}.ribbon{background:var(--soft);padding:21px 0;border-top:1px solid #e3eadc;border-bottom:1px solid #e3eadc}.ribbon .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 25px;font-size:12px;letter-spacing:.2px}
/* Fine dividing rules and quiet white space instead of heavy cards. */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.card{border-top:1px solid #c4d1ba;padding:28px 4px 0;background:transparent}.leaf{font-size:35px;line-height:1;color:#8b9f75;display:block;margin-bottom:25px}.card p{font-size:14px;margin-bottom:0;line-height:1.9}.card h3{font-size:28px}.pink{background:var(--lavender)}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-photo{width:100%;max-width:490px;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px 100px 8px 8px}.tag{display:inline-block;font-size:11px;font-weight:500;padding:7px 14px;background:#fff9;border:1px solid #ded6e4;border-radius:30px;margin-top:4px}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:75px}.steps{counter-reset:steps;display:flex;flex-direction:column;gap:27px}.step{counter-increment:steps;position:relative;padding-left:49px}.step:before{content:'0' counter(steps);position:absolute;left:0;top:3px;font:italic 22px/1 Georgia,serif;color:#869679}.step h3{font-size:26px;margin-bottom:10px}.step p{font-size:14px;line-height:1.8;margin:0}.process-photo{margin:0}.large-photo{width:100%;height:auto;object-fit:contain;border-radius:8px 8px 80px 8px}.process-photo .small{font-size:11px;max-width:480px}.dark{background:var(--soft);color:var(--leaf)}.area-list{display:flex;flex-wrap:wrap;gap:12px}.area-list span{font-size:13px;padding:10px 18px;border:1px solid #c3d0b8;background:#fbfcf9;border-radius:30px}.dark .small{color:var(--muted)}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:550;line-height:1.5}details p{padding-top:16px;font-size:14px;margin:0;max-width:700px}#contact{background:#f3f5ed;border-top:1px solid #e4e9de}.contact{align-items:start}.contact>div>p{max-width:480px}.contact>div>a{font-size:13px;font-weight:600}form{background:#fff;border:1px solid #e0e5da;border-radius:12px;padding:34px;box-shadow:0 15px 40px #425b3a05}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.fields>div{min-width:0}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;min-width:0;line-height:1.5;border:1px solid #b6c4ab;border-radius:4px;background:#fcfdf9;color:var(--leaf);font-size:16px}textarea{min-height:145px;resize:vertical}.preview{background:var(--soft);padding:18px;border-radius:8px;margin-top:20px;white-space:pre-line;font-size:14px;overflow-wrap:anywhere}.preview[hidden]{display:none}footer{background:var(--paper);border-top:1px solid var(--line);padding:28px 0;font-size:11px;color:var(--muted)}footer>.wrap{display:flex;gap:25px;justify-content:space-between;align-items:center}
@keyframes botanical-arrival{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.reveal-enter{animation:botanical-arrival .65s ease-out both}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:40px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:61px}.hero-photo img{border-radius:70px 8px 70px 8px}.navlinks{gap:20px}.split{gap:45px}.process-layout{gap:40px}.grid{gap:30px}.brand{font-size:27px}.navlinks .btn{padding:12px 17px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{position:relative;flex-wrap:wrap;padding:21px 0;gap:15px}.brand{font-size:27px}.navlinks{width:100%;flex-wrap:wrap;gap:15px;padding-top:10px}.js-menu .menu{display:block}.js-menu .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px;border:1px solid var(--line);box-shadow:0 12px 25px #354d3c10;z-index:20;border-radius:0 0 8px 8px}.js-menu .navlinks.open{display:flex;flex-direction:column;align-items:stretch}.js-menu .navlinks>a{padding:10px}.hero{grid-template-columns:1fr;gap:35px;padding:48px 0}.hero h1{font-size:clamp(49px,8vw,68px);max-width:600px}.hero-copy>p{max-width:560px}.hero-photo{max-width:620px;width:100%;margin-inline:auto}.hero-photo img{border-radius:65px 8px 65px 8px}.note{font-size:16px;padding-top:15px}.ribbon .wrap{justify-content:center;gap:10px 22px}.ribbon{padding:16px 0}.section{padding:60px 0}.grid:not(.steps){grid-template-columns:1fr;gap:30px}.card{padding-top:24px}.card h3{font-size:28px}.card p{font-size:15px;max-width:680px}.leaf{margin-bottom:18px}.intro{margin-bottom:30px}.split{grid-template-columns:1fr;gap:38px}.about-photo{max-width:480px;margin-inline:auto}.process-layout{grid-template-columns:1fr;gap:35px}.steps{gap:26px}.step p{max-width:640px}.process-photo{max-width:680px}.large-photo{border-radius:8px 8px 65px 8px}.contact{gap:30px}.contact>div>p{max-width:640px}form{padding:28px}.demo-bar{font-size:10px;padding:9px 20px}.demo-bar a{margin-left:6px}footer>.wrap{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.hero{padding-top:37px}.hero h1{font-size:48px}.hero h1{max-width:340px}.hero-copy>p{font-size:16px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-photo img{border-radius:50px 6px 50px 6px}.note{font-size:14px}.section{padding:48px 0}.actions{align-items:flex-start;flex-direction:column;gap:18px}.ribbon .wrap{font-size:11px;gap:8px 18px}.about-photo{border-radius:6px 65px 6px 6px}.fields{grid-template-columns:1fr}.full{grid-column:auto}form{padding:23px 18px}.area-list{gap:8px}.area-list span{padding:8px 14px;font-size:12px}.contact form .btn{width:100%}.intro h2{font-size:36px}.brand{font-size:26px}.brand small{font-size:8px}.demo-bar a{display:block}.step{padding-left:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
