:root{color-scheme:light;--ink:#142e28;--muted:#425a52;--paper:#f5f5ec;--line:#c8d3c8;--accent:#dbedac;--green:#123b31}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}h1,h2,h3,p{margin:0 0 .8rem}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3rem,9vw,6.7rem);letter-spacing:-.055em;max-width:12ch}h2{font-size:clamp(2.15rem,5vw,3.55rem);letter-spacing:-.04em}h3{font-size:1.35rem;line-height:1.25}a{color:inherit;text-underline-offset:.23em}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b74710;outline-offset:4px}.wrap{width:min(100% - 2rem,69rem);margin:auto}.skip{position:absolute;left:1rem;top:-5rem;background:white;color:var(--ink);padding:.75rem;z-index:10}.skip:focus{top:1rem}.mast{background:var(--green);color:#fff}.bar{border-bottom:1px solid #597970}.bar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.5rem;align-items:center;padding:.7rem 0}.brand,.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.bar a{display:inline-block;padding:.55rem .15rem}.hero{padding:clamp(2.5rem,7vw,6rem) 0;background:radial-gradient(ellipse at 95% 100%,#37634d,transparent 65%)}.hero .eyebrow{color:var(--accent)}.hero p:not(.eyebrow){max-width:48ch;font-size:1.13rem}.cta{display:inline-block;background:var(--accent);color:var(--ink);padding:.65rem 1rem;border-radius:.35rem;font-weight:720;margin-top:.65rem}.intro,main section{padding:2.6rem 0}.intro p,.lead{max-width:72ch}.intro{border-bottom:1px solid var(--line)}.muted,small{color:var(--muted)}.jump{display:flex;gap:.5rem 1rem;flex-wrap:wrap;padding:0;list-style:none}.jump a{display:block;padding:.45rem 0}.controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#e6ede1;border-radius:.6rem;margin:1rem 0}.controls label{display:grid;font-weight:650;flex:1 1 13rem}.controls input,.controls select{min-width:0;width:100%;font:inherit;padding:.5rem;border:1px solid #6b8276;border-radius:.25rem;background:white;color:var(--ink)}.cards{display:grid;gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:.65rem;padding:clamp(1rem,3vw,1.65rem);scroll-margin-top:1rem}.card[hidden],.controls[hidden]{display:none}.card .eyebrow{color:#315e50}.badge{display:inline-block;background:#e5edda;padding:.18rem .55rem;border-radius:.3rem;font-size:.82rem;font-weight:700;margin:0 .3rem .55rem 0}.badge.legal{background:#f6e4cd;color:#632f11}.compare{display:grid;gap:.8rem;margin:.7rem 0}.compare div{background:#f3f6ef;padding:.8rem;border-radius:.35rem}.compare dt{font-size:.82rem;font-weight:750}.compare dd{margin:.22rem 0 0}.question{border-left:3px solid #749850;padding-left:.8rem}.sources li{margin-bottom:.65rem}footer{background:var(--green);color:white;padding:2rem 0}@media(min-width:44rem){.compare{grid-template-columns:1fr 1fr}}@media print{.bar, .cta,.controls,.jump,footer{display:none}.mast{background:white;color:#142e28}.hero{background:none;padding:1rem 0}.hero .eyebrow{color:inherit}.card{break-inside:avoid}}

.hero{background:radial-gradient(ellipse at 82% 100%,#315a48,transparent 68%),#102e28;padding:clamp(2rem,5vw,4.5rem) 0}
.hero-grid{display:grid;gap:clamp(1.7rem,4vw,4rem);align-items:center}
.hero h1{font-size:clamp(2.95rem,7vw,5.9rem);max-width:12ch}
.hero-copy .cta{margin-top:1rem}
.hero-photo,.garden-photo{position:relative;margin:0;overflow:hidden;border-radius:.6rem}
.hero-photo{border:1px solid #789184;box-shadow:0 1rem 2.6rem #091e1966}
.hero-photo img,.garden-photo img{display:block;width:100%;object-fit:cover}
.hero-photo img{height:clamp(17rem,80vw,31rem);object-position:center 19%}
.hero-photo figcaption,.garden-photo figcaption{position:absolute;bottom:.7rem;left:.7rem;background:#102e28;color:#fff;padding:.25rem .6rem;border-radius:.25rem;font-size:.78rem}
.intro{display:grid;align-items:center;gap:1rem 2rem}
.garden-photo{border:1px solid var(--line)}
.garden-photo img{height:clamp(13rem,55vw,19rem);object-position:center 36%}
@media(min-width:54rem){
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .hero-photo img{height:clamp(27rem,42vw,34rem)}
  .intro{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
}
@media print{
  .hero{background:none}
  .hero-photo,.garden-photo{display:none}
  .intro,.hero-grid{display:block}
}

*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:#172b27;font:1rem/1.55 system-ui,sans-serif}h1,h2{font:400 clamp(2.4rem,6.6vw,6rem)/.99 Georgia,serif;letter-spacing:-.045em;margin:.5rem 0 1.2rem}h2{font-size:clamp(2.2rem,4vw,3.6rem)}p{margin:0 0 1rem}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid #c07a37;outline-offset:5px}.wrap{width:min(100% - 2.5rem,76rem);margin:auto}.caps{letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:750}.mast{background:#0c1929;color:#fbf5e7}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;border-bottom:1px solid #f5dfaf42}.bar strong{font:1.35rem Georgia,serif}.draft{color:#f4d795}.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:37rem}.scene{position:absolute;inset:0 0 0 28%;z-index:-2;overflow:hidden}.scene img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1929 25%,#0c1929ee 37%,#0c192980 49%,transparent 67%),linear-gradient(0deg,#0c1929 0%,transparent 33%)}.copy{padding:4rem 0;max-width:31rem}.copy p:not(.caps){max-width:36ch;color:#f1e9d8}.copy .caps{color:#f4d795}.cta{display:inline-block;background:#f4d795;color:#142333;padding:.72rem 1rem;font-weight:750}.index{background:#203b34;color:#f5f1e6}.index .wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.65rem;align-items:center;padding:.65rem 0}.index a{padding:.45rem 0}.index .caps{color:#f4d795}.garden{position:relative;display:grid;align-items:end;isolation:isolate;min-height:31rem;margin:2.5rem auto;overflow:hidden;background:#ddd9c8}.garden>img{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 40%}.garden article{background:#f4f1e8;padding:1.6rem 2rem;margin:1.3rem;width:min(23rem,90%);border-top:4px solid #b68d4f}.garden article p:last-child{margin-bottom:0}.review{padding:0 0 2.5rem}.sample{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sample div{border-top:2px solid #a78b59;padding:1rem 0}.sample strong{display:block;font-size:1.15rem}
@media(max-width:46rem){.hero{display:block;min-height:0;padding-top:clamp(17rem,78vw,29rem)}.scene{inset:0 0 auto;height:clamp(19rem,84vw,32rem)}.scene img{object-position:center 12%}.hero:after{background:linear-gradient(0deg,#0c1929 1%,transparent 43%);height:clamp(19rem,84vw,32rem)}.copy{padding:.25rem 0 2rem}.garden{display:block;min-height:0}.garden>img{position:static;display:block;height:clamp(15rem,60vw,22rem)}.garden article{position:relative;margin:-1.75rem 1rem 0;width:auto;padding:1.2rem}.sample{grid-template-columns:1fr}}

/* A portrait crop keeps the tower and garden on the same vertical axis. */
.scene{inset:0 0 0 44%;background:radial-gradient(ellipse at 65% 35%,#223a57,#0c1929 75%)}
.scene>svg,.day-scene>svg{display:block;width:100%;height:100%}
.hero:after{background:linear-gradient(90deg,#0c1929 39%,#0c192900 62%),linear-gradient(0deg,#0c1929 0%,transparent 18%)}
.garden{min-height:35rem;background:linear-gradient(110deg,#e9e3d5,#cdd7c7)}
.day-scene{position:absolute;inset:0 0 0 28%;z-index:-1}
@media(max-width:46rem){
  .scene{inset:0 0 auto}
  .hero:after{background:linear-gradient(0deg,#0c1929 1%,transparent 40%)}
  .garden{min-height:0}.day-scene{position:static;height:22rem}
}

.building-mark{color:#f7e7c3;display:grid;justify-items:start;gap:.24rem}
.wordmark{display:block;width:clamp(8.7rem,22vw,13.8rem);height:auto}
.building-mark span{font-size:.65rem;letter-spacing:.17em;text-transform:uppercase}
.garden{background:#293b34}
.day-scene{inset:0;overflow:hidden}
.day-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.garden article{box-shadow:0 .5rem 2rem #0003}
@media(max-width:46rem){.day-scene{height:clamp(15rem,75vw,25rem)}.day-scene img{object-position:50% 42%}.draft{text-align:right}}

.garden article{width:min(33rem,93%)}
@media(max-width:46rem){.garden article{width:auto}}
@media print{.scene,.day-scene{display:none}.hero{padding:0;min-height:0}.copy{padding:0}.copy p:not(.caps),.copy .caps{color:#142e28}.garden{min-height:0;background:white;margin:1rem auto}.garden article{width:auto;margin:0;box-shadow:none;padding:0}}

.hero,.scene{background:#0c1929}
.hero:after{background:linear-gradient(0deg,#0c1929 0%,transparent 20%)}
@media(max-width:46rem){.hero:after{background:linear-gradient(0deg,#0c1929 1%,transparent 40%)}}
.topic-index{margin:1.4rem 0;padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:.65rem}
.topic-groups{display:grid;gap:1rem}
.topic-groups h4,.question h4{margin:0;font-size:1rem}
.topic-index .jump{display:block;margin:.35rem 0 0}
.topic-index .jump a{padding:.27rem 0}
.controls label{flex:0 1 20rem}
.question{margin-top:1.15rem;background:#f3f6ef;padding:.8rem 1rem}
.question ul{margin:.4rem 0 0;padding-left:1.3rem}
.question li+li{margin-top:.4rem}
@media(min-width:40rem){.topic-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:65rem){.topic-groups{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.hero{background:none}.topic-index{display:none}}

.definition-list dt{font-weight:750;margin-top:.75rem}.definition-list dd{margin:.15rem 0 .75rem}

.drafting-notice{border-top:4px solid #b68d4f;margin:2rem 0 0}

.agm-brief{margin:1.5rem 0 0;border-bottom:1px solid var(--line)}.agm-brief ol{padding-left:1.5rem}.agm-brief ol li{padding-left:.25rem}.agm-brief .question{margin-bottom:1rem}

.filter-chips{align-items:center;gap:.5rem .55rem}
.filter-label{flex-basis:100%;font-weight:700}
.filter-chips button{min-height:2.75rem;padding:.35rem .9rem;border:1px solid #6b8276;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:650;cursor:pointer}
.filter-chips button[aria-pressed="true"]{background:#203b34;border-color:#203b34;color:#fff}
.compare>div+div{background:#fbefed}

.forum-compose,.forum-thread{background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:1rem;margin:.8rem 0}
.forum-compose summary,.forum-thread summary{font-weight:700;cursor:pointer}
.forum-form{display:grid;gap:.8rem;margin:.8rem 0}
.forum-form label{display:grid;gap:.25rem;font-weight:650}
.forum-form input,.forum-form textarea{font:inherit;width:100%;padding:.5rem;border:1px solid #6b8276;border-radius:.25rem}
.forum-form button,#forum button{justify-self:start;background:#203b34;color:#fff;border:0;border-radius:.3rem;font:inherit;font-weight:650;padding:.45rem .8rem;cursor:pointer}
.forum-post{white-space:pre-wrap;overflow-wrap:anywhere}
.forum-meta{font-size:.83rem;color:var(--muted)}
.forum-reply{border-top:1px solid var(--line);padding:.65rem 0}
