/* ================================================================ Landscaping: "Same Afternoon". The property from above.
   Lawn greens, pine ink, amber and rust leaves, bluestone-pale pavers; Zilla Slab headlines over DM Sans. */
:root{
  --hd-bg:rgba(21,44,26,.86); --hd-mark:#f2a93b; --hd-cta:#f2a93b; --hd-cta-ink:#17301c;
  --l-g1:#2e6b30; --l-g2:#347a36; --l-pine:#17301c; --l-pine2:#1f3d25; --l-pine3:#2a4d31;
  --l-amber:#f2a93b; --l-amber2:#f7bf66; --l-rust:#d2601a; --l-rust-d:#a94b12;
  --l-sage:#f3f6f0; --l-ink2:#33503a; --l-muted:#4d6252; --l-line:#d7ded1;
  --slab:'Zilla Slab',Rockwell,'Roboto Slab',Georgia,serif;
}
.pg-lnd{background:#fff;color:var(--l-pine)}
.pg-lnd h1,.pg-lnd h2{font-family:var(--slab);font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.pg-lnd h2{margin:14px 0 0;font-size:clamp(36px,4.5vw,64px);line-height:1.02}
.pg-lnd h3{text-wrap:balance}
.pg-lnd .lnd-g{color:var(--l-g1)}
.pg-lnd .lnd-a{color:var(--l-amber)}
.pg-lnd :focus-visible{outline:2px solid var(--l-rust);outline-offset:3px}
.pg-lnd .lab{color:var(--l-muted)}
.pg-lnd .lab::before{content:"";width:24px;height:9px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--l-g1) 0 6px,#4f9a4f 6px 12px)}
.lnd-defs{position:absolute;width:0;height:0;overflow:hidden}
.lnd-head{max-width:800px}
.lnd-head p{margin:16px 0 0;max-width:60ch;font-size:clamp(16.5px,1.3vw,18px);line-height:1.6;color:var(--l-muted);text-wrap:pretty}
.lnd-head-wide{max-width:1000px}
.lnd-blk{display:block}
.lnd-head-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.lnd-head-row > div{max-width:720px}
.lnd-btn-pine{background:var(--l-pine);color:#fff}
.lnd-btn-pine:hover{background:var(--l-g1)}
.lnd-btn-line{background:transparent;color:var(--l-pine);box-shadow:inset 0 0 0 1.5px var(--l-pine)}
.lnd-btn-line:hover{background:rgba(23,48,28,.07)}
.lnd-btn-amber{background:var(--l-amber);color:var(--l-pine)}
.lnd-btn-amber:hover{background:var(--l-amber2)}
.lnd-btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.lnd-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}

/* ---------------------------------------------------------------- hero: the lawn from above */
.lnd-hero{--sett:22px;--ow:clamp(420px,42vw,620px);--bw:clamp(380px,38vw,560px);--pt:clamp(42px,4.4vw,66px);--h1:clamp(46px,5.7vw,86px);position:relative;overflow:hidden;isolation:isolate;display:grid;align-items:center;
  min-height:clamp(620px,calc(100svh - var(--head)),880px);background:var(--l-g1)}
.lnd-lawn{position:absolute;inset:0;z-index:0;
  background:repeating-linear-gradient(116deg,rgba(236,248,214,.03) 0 1px,transparent 1px 6px),repeating-linear-gradient(116deg,var(--l-g1) 0 112px,var(--l-g2) 112px 224px)}
.lnd-lawn svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lnd-oak{position:absolute;pointer-events:none}
.lnd-oak > svg,.lnd-fall{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lnd-oak1{z-index:5;width:var(--ow);height:var(--ow);right:calc(var(--ow) * -.34);top:calc(var(--ow) * -.44)}
.lnd-oak2{z-index:2;width:calc(var(--ow) * .72);height:calc(var(--ow) * .72);left:calc(var(--ow) * -.14);bottom:calc(var(--ow) * -.5)}
.lnd-fl{position:absolute;left:50%;top:50%;width:calc(100% * 22 / 640);aspect-ratio:20/32;translate:-50% -50%;opacity:0;visibility:hidden}
.lnd-fl b{position:absolute;inset:0;display:block}
.lnd-fl svg{display:block;width:100%;height:100%;overflow:visible}
.lnd-fsh svg{fill:#0b2410;opacity:.32}
.lnd-flf svg{fill:var(--c)}

.lnd-hero-in{position:relative;width:100%;min-height:inherit;display:grid;grid-template-columns:minmax(0,1fr) clamp(262px,24vw,330px);
  column-gap:clamp(28px,4vw,72px);align-items:center;padding-block:clamp(28px,4vw,56px) clamp(32px,4vw,56px)}
.lnd-patio{position:relative;z-index:3;padding:var(--pt) clamp(36px,4vw,58px) clamp(46px,4.6vw,70px);background-color:#b3bba9;
  background-image:repeating-linear-gradient(90deg,rgba(58,70,52,.38) 0 1.5px,transparent 1.5px var(--sett)),repeating-linear-gradient(180deg,rgba(58,70,52,.38) 0 1.5px,transparent 1.5px var(--sett));
  box-shadow:0 0 0 3px rgba(12,34,16,.3)}
.lnd-pv{position:absolute;inset:var(--sett);display:block;width:calc(100% - var(--sett) * 2);height:calc(100% - var(--sett) * 2)}
.lnd-copy{position:relative;z-index:1}
.lnd-k{display:flex;align-items:center;gap:10px;margin:0;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--l-ink2)}
.lnd-k svg{width:13px;height:21px;flex:none;fill:var(--l-rust);rotate:28deg;overflow:visible}
.lnd-hero h1{margin:18px 0 0;font-size:var(--h1);line-height:.95;color:var(--l-pine)}
.lnd-hero h1 span{display:block}
.lnd-sub{margin:22px 0 0;max-width:44ch;font-size:clamp(16.5px,1.28vw,18.5px);line-height:1.6;color:var(--l-ink2);text-wrap:pretty}
.lnd-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.lnd-hero .fine{margin-top:20px}

/* Nate, his blower and the gust (drawn facing east; the patio edge sits at 33.93% of the box) */
.lnd-blow{position:absolute;z-index:2;width:var(--bw);height:calc(var(--bw) / 2);left:calc(100% - var(--bw) * .3393);top:calc(var(--pt) + 39px + var(--h1) * .475 - var(--bw) * .25);pointer-events:none}
.lnd-blow > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lnd-tube{transform-origin:12.14% 59.29%}
.lnd-arc{fill:none;stroke-width:3.4;vector-effect:non-scaling-stroke}
.lnd-streak{fill:none;stroke-width:2.2;stroke-dasharray:16 16;opacity:.6;vector-effect:non-scaling-stroke}
.lnd-el{position:absolute;width:calc(100% * 20 / 560);aspect-ratio:20/32;translate:-50% -50%}
.lnd-el svg{display:block;width:100%;height:100%;overflow:visible}

/* the site card pinned to the lawn */
.lnd-plot{position:relative;z-index:6;align-self:end;justify-self:end;width:100%;max-width:320px;margin:0;padding:18px 18px 16px;border-radius:12px;
  background:#fff;color:var(--l-pine);rotate:-2.5deg;box-shadow:9px -8px 0 rgba(8,28,12,.3),0 22px 40px -22px rgba(0,0,0,.55)}
.lnd-pin{position:absolute;left:50%;top:-8px;width:18px;height:18px;margin-left:-9px;border-radius:50%;
  background:radial-gradient(circle at 36% 34%,#f6a36f,var(--l-rust) 55%,#8e3a0c);box-shadow:5px -4px 0 rgba(8,28,12,.3)}
.lnd-plot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lnd-plot-top .mono{padding-top:5px;font-size:10.5px;color:var(--l-muted)}
.lnd-north{width:20px;height:28px;flex:none}
.lnd-north text{font:500 9px var(--mono);fill:var(--l-pine)}
.lnd-plot-addr{margin:2px 0 0;font:700 24px/1.1 var(--slab)}
.lnd-plot-map{position:relative;margin-top:10px;border-radius:6px;overflow:hidden;background:#f6f8f3}
.lnd-plot-map svg{display:block;width:100%;height:auto}
.lnd-acre{position:absolute;left:8%;top:58%;padding:5px 8px;border-radius:5px;background:var(--l-pine);color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.lnd-plot figcaption{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px dashed #c5cfbf}
.lnd-plot figcaption svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--l-rust)}
.lnd-plot figcaption b{display:block;font:600 15px/1.3 var(--body)}
.lnd-nw{white-space:nowrap}
.lnd-plot figcaption em{display:block;margin-top:3px;font:400 13px/1.3 var(--body);font-style:normal;color:var(--l-muted)}

/* ---------------------------------------------------------------- 01: through the seasons */
.lnd-how{background:#fff;padding-block:clamp(64px,8vw,120px)}
.lnd-seasons{list-style:none;margin:clamp(36px,4.4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.lnd-season{min-width:0}
.lnd-scene{aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--l-g1)}
.lnd-scene svg{display:block;width:100%;height:100%}
.lnd-when{margin:16px 0 0;font-size:11px;color:var(--l-rust-d)}
.lnd-season h3{margin:8px 0 0;font:700 clamp(22px,1.9vw,26px)/1.1 var(--slab)}
.lnd-q{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--l-muted)}
.lnd-ans{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--l-line);font:600 15px/1.45 var(--body)}
.lnd-ans svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--l-g1)}
.lnd-tf{transform-box:fill-box;transform-origin:center;animation:lnd-tfall 6.4s linear infinite paused}
.lnd-fk{animation:lnd-flake 7s linear infinite paused}
.lnd-tm{animation:lnd-tmow 6s ease-in-out infinite alternate paused}
.lnd-seasons.lnd-live .lnd-tf,.lnd-seasons.lnd-live .lnd-fk,.lnd-seasons.lnd-live .lnd-tm{animation-play-state:running}
@keyframes lnd-tfall{0%{transform:translate(0,0) rotate(0) scale(1.6);opacity:0}12%{opacity:1}62%{transform:translate(-34px,54px) rotate(250deg) scale(1);opacity:1}
  86%{opacity:1}100%{transform:translate(-34px,54px) rotate(250deg) scale(1);opacity:0}}
@keyframes lnd-flake{from{transform:translate(0,-26px)}to{transform:translate(14px,26px)}}
@keyframes lnd-tmow{from{transform:translate(-15px,-46px)}to{transform:translate(15px,46px)}}

.lnd-path-wrap{margin-top:clamp(44px,5.4vw,72px)}
.lnd-path-h{margin:0;font:700 clamp(22px,2vw,28px)/1.15 var(--slab)}
.lnd-path{position:relative;list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:16px;overflow:hidden;background:var(--l-g1)}
.lnd-path li{position:relative;padding:22px 20px 26px;background:var(--l-g1);color:#fff}
.lnd-path li:nth-child(even){background:var(--l-g2)}
.lnd-pn{display:block;font-size:11px;color:var(--l-amber)}
.lnd-path b{display:block;margin-top:10px;font:700 19px/1.2 var(--slab)}
.lnd-path p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:#dcebd8}
.lnd-path::after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(-101%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 44%,rgba(255,255,255,.2) 50%,transparent 56%)}
.lnd-path.lnd-in::after{animation:lnd-sheen 2.8s var(--ease) .2s 1 both}
@keyframes lnd-sheen{from{transform:translateX(-101%)}to{transform:translateX(101%)}}

/* ---------------------------------------------------------------- 02: sample calls */
.lnd-calls{background:var(--l-pine);color:#fff;padding-block:clamp(64px,8vw,120px)}
.lnd-calls .lab{color:#a9bda5}
.lnd-calls .lab::before{background:var(--l-amber)}
.lnd-calls .lnd-head p{color:#c3d3bf}
.lnd-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.lnd-tabs [role=tab]{--lnd-ti-in:#1f3d25;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:center;min-height:62px;
  padding:10px 20px 10px 14px;border:0;border-radius:14px;background:var(--l-pine2);color:#e8f0e5;text-align:left;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background-color .2s,color .2s,box-shadow .2s}
.lnd-tabs [role=tab]:hover{background:#26492d}
.lnd-tabs [role=tab][aria-selected=true]{--lnd-ti-in:var(--l-amber);background:var(--l-amber);color:var(--l-pine);box-shadow:none}
.lnd-tabs [role=tab]:focus-visible{outline-color:var(--l-amber);outline-offset:3px}
.lnd-ti{grid-row:1 / 3;width:26px;height:26px;fill:currentColor;overflow:visible}
.lnd-ti-in{fill:var(--lnd-ti-in)}
.lnd-tabs b{font:700 19px/1.1 var(--slab)}
.lnd-tabs span{font:500 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.78}
.lnd-panels{margin-top:30px}
.lnd-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:start;border-radius:6px}
.lnd-panel:focus-visible{outline-color:var(--l-amber);outline-offset:10px}
.lnd-note{margin:0 0 14px;font-size:10.5px;color:#9fb49b}
.lnd-lines{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lnd-lines li{max-width:46ch;padding:12px 16px 14px;border-radius:14px}
.lnd-lines p{margin:5px 0 0;font-size:16px;line-height:1.5}
.lnd-who{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.lnd-ai{justify-self:start;border-top-left-radius:4px!important;background:rgba(242,169,59,.1);box-shadow:inset 0 0 0 1px rgba(242,169,59,.42)}
.lnd-ai .lnd-who{color:var(--l-amber)}
.lnd-cl{justify-self:end;border-top-right-radius:4px!important;background:var(--l-pine3)}
.lnd-cl .lnd-who{color:#b7cbb3}
.lnd-job{border-radius:18px;background:#fff;color:var(--l-pine);overflow:hidden;box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.lnd-job-top{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--l-line);color:var(--l-muted)}
.lnd-job-top .mono{font-size:10.5px}
.lnd-job-fig{position:relative}
.lnd-job-map{display:block;width:100%;height:auto;aspect-ratio:360 / 170}
.lnd-chip{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:6px;background:rgba(23,48,28,.86);color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.lnd-days{display:inline-flex;gap:3px;margin:4px 12px 2px 0;padding:3px;border-radius:8px;background:var(--l-sage);box-shadow:inset 0 0 0 1px var(--l-line);vertical-align:middle}
.lnd-days span{padding:5px 7px;border-radius:5px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.lnd-days .on{background:var(--l-amber);color:var(--l-pine)}
.lnd-days-tx{display:inline-block;margin-top:4px;font-size:15px;vertical-align:middle}
.lnd-job dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0;padding:4px 18px 0}
.lnd-job dl div{padding:10px 0;border-bottom:1px solid var(--l-line);min-width:0}
.lnd-job dl .lnd-wide{grid-column:1 / -1}
.lnd-job dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--l-muted)}
.lnd-job dd{margin:3px 0 0;font:500 16px/1.4 var(--body)}
.lnd-out{display:flex;gap:10px;align-items:center;margin:16px 18px 18px;padding:12px 14px;border-radius:12px;font:600 15px/1.35 var(--body)}
.lnd-out svg{width:20px;height:20px;flex:none}
.lnd-out-ok{background:#e7f2e3;color:#1d4a22}
.lnd-out-ok svg{color:var(--l-g1)}
.lnd-out-urgent{background:#fbe9dc;color:#7a300a}
.lnd-out-urgent svg{color:var(--l-rust)}
.lnd-out-info{background:#fdf1dc;color:#634509}
.lnd-out-info svg{color:#b97a12}

/* ---------------------------------------------------------------- 03: setup, stepping stones across the lawn */
.lnd-setup{position:relative;overflow:hidden;color:#fff;padding-block:clamp(64px,8vw,120px) clamp(90px,10vw,150px);
  background:repeating-linear-gradient(90deg,rgba(236,248,214,.03) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,var(--l-g1) 0 104px,var(--l-g2) 104px 208px)}
.lnd-setup .lab{color:#d5e5d1}
.lnd-setup .lab::before{background:var(--l-amber)}
.lnd-setup .lnd-head p{color:#e3eee0}
.lnd-stones{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);align-items:start}
.lnd-stones li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:40px 30px 44px;text-align:center;color:var(--l-pine);
  border-radius:46% 54% 43% 57% / 55% 44% 56% 45%;background:radial-gradient(120% 90% at 30% 72%,#f3f4ee,#e4e7dd 58%,#d3d8cb);
  box-shadow:10px -9px 0 rgba(8,28,12,.34),inset -5px 6px 0 rgba(255,255,255,.55),inset 4px -5px 0 rgba(0,0,0,.06)}
.lnd-stones li:nth-child(2){translate:0 36px;border-radius:55% 45% 52% 48% / 44% 56% 44% 56%}
.lnd-stones li:nth-child(3){translate:0 6px;border-radius:44% 56% 57% 43% / 52% 48% 52% 48%}
.lnd-stones li:nth-child(4){translate:0 44px;border-radius:52% 48% 45% 55% / 56% 46% 54% 44%}
.lnd-sn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--l-pine);color:var(--l-amber);font:700 20px/1 var(--slab)}
.lnd-stones h3{margin:12px 0 0;font:700 20px/1.15 var(--slab)}
.lnd-stones p{margin:6px 0 0;max-width:24ch;font-size:15px;line-height:1.5;color:var(--l-ink2)}

/* ---------------------------------------------------------------- 04: pricing, mow the strip */
.lnd-price{background:#fff;padding-block:clamp(64px,8vw,120px)}
.lnd-calc{--dw:92px;--sh:clamp(112px,10vw,138px);margin-top:clamp(28px,3.5vw,44px)}
.lnd-calc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 40px;flex-wrap:wrap}
.lnd-plan{display:flex;align-items:baseline;gap:0 10px;margin:0;font:700 clamp(64px,7.4vw,112px)/.9 var(--slab);font-variant-numeric:lining-nums;color:var(--l-pine)}
.lnd-cur{align-self:flex-start;margin-top:.1em;font-size:.44em;color:var(--l-g1)}
.lnd-per{font-size:12px;color:var(--l-muted)}
.lnd-read{display:grid;justify-items:end;gap:10px;margin:0}
.lnd-read .mono{font-size:11px;color:var(--l-muted)}
.lnd-read-n{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
.lnd-read b{font:700 clamp(28px,3vw,40px)/1 var(--slab);font-variant-numeric:lining-nums tabular-nums;color:var(--l-g1)}
.lnd-read i{font:500 24px/1 var(--body);font-style:normal;color:#93a58f}
.lnd-read strong{font:700 clamp(40px,4.4vw,60px)/1 var(--slab);font-variant-numeric:lining-nums tabular-nums;color:var(--l-rust-d)}
.lnd-strip{position:relative;height:var(--sh);margin-top:26px;border-radius:14px;overflow:hidden;background-color:#6f9a41;
  box-shadow:inset 0 0 0 1px rgba(12,34,16,.14)}
.lnd-strip:has(input:focus-visible){outline:2px solid var(--l-rust);outline-offset:4px}
.lnd-grass{position:absolute;inset:0;
  background-image:radial-gradient(circle at 20% 30%,rgba(176,212,104,.7) 0 1.3px,transparent 1.9px),radial-gradient(circle at 70% 62%,rgba(36,74,28,.5) 0 1.5px,transparent 2.1px),
    radial-gradient(circle at 45% 85%,rgba(190,220,120,.55) 0 1.1px,transparent 1.7px),radial-gradient(circle at 85% 20%,rgba(46,90,34,.45) 0 1.2px,transparent 1.8px);
  background-size:9px 11px,13px 9px,11px 13px,7px 10px}
.lnd-mowed{position:absolute;inset:0;background:linear-gradient(90deg,var(--l-g1) 50%,var(--l-g2) 50%) calc(var(--dw) / 2) 0 / calc((100% - var(--dw)) / 5) 100% repeat-x;
  clip-path:inset(0 calc(100% - var(--dw) / 2 - var(--p) * (100% - var(--dw))) 0 0);transition:clip-path .15s linear}
.lnd-mowed::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(236,248,214,.035) 0 1px,transparent 1px 5px)}
.lnd-strip::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:calc(var(--dw) / 2 + (100% - var(--dw)) * .1 - 1px);width:2px;background:var(--l-amber);opacity:.85}
.lnd-mower{position:absolute;z-index:2;top:50%;width:calc(var(--dw) * 1.8);height:calc(var(--dw) * 1.2222);left:calc(var(--p) * (100% - var(--dw)) - var(--dw) * .7778);
  translate:0 -50%;transition:left .15s linear;pointer-events:none}
.lnd-mower svg{display:block;width:100%;height:100%;overflow:visible}
.lnd-clips{position:absolute;left:44%;top:50%}
.lnd-clips i{position:absolute;left:0;top:0;width:5px;height:2px;border-radius:1px;background:#9bd060}
.lnd-strip input{position:absolute;inset:0;z-index:3;display:block;width:100%;height:var(--sh);margin:0;background:transparent;cursor:grab;-webkit-appearance:none;appearance:none}
.lnd-strip input:active{cursor:grabbing}
.lnd-strip input:focus{outline:none}
.lnd-strip input::-webkit-slider-runnable-track{height:var(--sh);background:transparent;border:0}
.lnd-strip input::-moz-range-track{height:var(--sh);background:transparent;border:0}
.lnd-strip input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--dw);height:var(--sh);background:transparent;border:0}
.lnd-strip input::-moz-range-thumb{width:var(--dw);height:var(--sh);background:transparent;border:0}
.lnd-ticks{position:relative;height:30px;margin-top:8px}
.lnd-ticks span{position:absolute;top:0;left:calc(var(--dw) / 2 + var(--f) * (100% - var(--dw)));translate:-50% 0;padding-top:9px;
  font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--l-muted);white-space:nowrap}
.lnd-ticks span::before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:5px;background:#a9b7a4}
.lnd-est{margin:10px 0 0;max-width:70ch;font-size:14px;line-height:1.55;color:var(--l-muted)}
.lnd-facts{list-style:none;margin:clamp(34px,4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 28px}
.lnd-facts li{display:flex;gap:10px;align-items:flex-start;padding-top:14px;border-top:2px solid var(--l-g1);font-size:15px;line-height:1.5;color:var(--l-ink2)}
.lnd-facts svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--l-g1)}

/* ---------------------------------------------------------------- 05: FAQ, closing, footer */
.lnd-faq{--fq-line:var(--l-line);--fq-muted:var(--l-muted);background:var(--l-sage);padding-block:clamp(64px,8vw,120px)}
.lnd-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.lnd-faq summary i{color:var(--l-rust)}
.lnd-close{position:relative;overflow:hidden;background:var(--l-pine);color:#fff;padding-block:clamp(72px,9vw,128px) clamp(120px,12vw,170px)}
.lnd-close-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:40px;align-items:center}
.lnd-rest{display:block;width:100%;max-width:440px;height:auto;justify-self:end;overflow:visible}
.lnd-close-k{margin:0;font-size:11px;color:var(--l-amber)}
.lnd-close h2{margin:16px 0 0;font-size:clamp(50px,7.4vw,116px);line-height:.94;color:#fff}
.lnd-close h2 span{display:block}
.lnd-close-p{margin:22px 0 0;max-width:54ch;font-size:clamp(16.5px,1.3vw,19px);line-height:1.6;color:#c8d8c4;text-wrap:pretty}
.lnd-close .lnd-cta{margin-top:30px}
.lnd-close-leaves{position:absolute;left:0;bottom:0;display:block;width:100%;height:clamp(84px,9vw,120px)}
.lnd-foot{background:#0f2213;color:#fff}
.lnd-foot .grid3 i:not(.o){background:var(--l-amber)}
.lnd-foot .p3-tag{font-family:var(--slab);font-style:normal;font-weight:700;font-size:24px}

/* ---------------------------------------------------------------- narrower screens */
@media (max-width:1100px){
  .lnd-seasons{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .lnd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lnd-stones{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;max-width:720px;margin-inline:auto}
  .lnd-stones li:nth-child(3){translate:0 0}
  .lnd-stones li:nth-child(4){translate:0 36px}
  .lnd-path{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lnd-path li:nth-child(5){grid-column:1 / -1}
  .lnd-path li:nth-child(4n+1),.lnd-path li:nth-child(4n){background:var(--l-g1)}
  .lnd-path li:nth-child(4n+2),.lnd-path li:nth-child(4n+3){background:var(--l-g2)}
}
@media (max-width:900px){
  .lnd-hero{--ow:clamp(300px,50vw,440px);--bw:clamp(320px,56vw,440px);--h1:clamp(46px,8.6vw,72px);min-height:0}
  .lnd-hero-in{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--ow) * .3);padding-bottom:44px}
  .lnd-oak1{top:calc(var(--ow) * -.7);right:calc(var(--ow) * -.43)}
  .lnd-oak2{display:none}
  .lnd-patio{padding-bottom:calc(var(--bw) * .33 + 34px)}
  .lnd-blow{left:calc(76% - var(--bw) * .3393);top:calc(100% - var(--bw) * .25);rotate:90deg;transform-origin:33.93% 50%}
  .lnd-plot{justify-self:start;margin-top:34px;max-width:300px}
  .lnd-panel,.lnd-faq-grid,.lnd-close-in{grid-template-columns:minmax(0,1fr)}
  .lnd-rest{justify-self:start;max-width:300px;margin-top:-6px}
  .lnd-lines li{max-width:90%}
}
@media (max-width:600px){
  .lnd-hero{--sett:14px;--bw:clamp(300px,86vw,360px);--h1:clamp(36px,10.4vw,56px);--pt:32px}
  .lnd-patio{margin-inline:calc(8px - var(--gut));padding:var(--pt) 20px calc(var(--bw) * .33 + 26px)}
  .lnd-blow{left:calc(72% - var(--bw) * .3393)}
  .lnd-plot{justify-self:center;margin-top:calc(var(--bw) * .5)}
  .lnd-k{font-size:10.5px;letter-spacing:.1em}
  .lnd-seasons{grid-template-columns:minmax(0,1fr)}
  .lnd-path{grid-template-columns:minmax(0,1fr)}
  .lnd-path li:nth-child(n){background:var(--l-g1)}
  .lnd-path li:nth-child(even){background:var(--l-g2)}
  .lnd-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .lnd-tabs [role=tab]{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:10px 6px;row-gap:6px}
  .lnd-ti{grid-row:auto}
  .lnd-tabs b{font-size:15px}
  .lnd-tabs span{display:none}
  .lnd-job dl{grid-template-columns:minmax(0,1fr)}
  .lnd-stones{grid-template-columns:minmax(0,1fr);max-width:340px}
  .lnd-stones li{min-height:0;padding:34px 34px 38px}
  .lnd-stones li:nth-child(n){translate:0 0}
  .lnd-stones li:nth-child(even){margin-left:18px;margin-right:-6px}
  .lnd-stones li:nth-child(odd){margin-right:18px;margin-left:-6px}
  .lnd-calc{--dw:64px}
  .lnd-read{justify-items:start}
  .lnd-ticks span:not(.lnd-tk-m){display:none}
  .lnd-facts{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .lnd-tf,.lnd-fk,.lnd-tm,.lnd-path::after{animation:none!important}
  .lnd-mowed,.lnd-mower{transition:none}
}