*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;transform:translateY(-150%);background:#10230f;color:#fff;padding:.75rem 1rem;border-radius:999px;text-decoration:none}.skip-link:focus{transform:translateY(0)}.section-pad{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,4vw,4rem)}.eyebrow{margin:0 0 1rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.85rem 1.25rem;border:1px solid currentColor;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9ccc65;outline-offset:4px}.text-button{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25em}.text-link{font-weight:700;text-decoration-thickness:1px;text-underline-offset:.25em}.brand-mark{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;text-decoration:none;letter-spacing:-.02em}.sprout-icon{position:relative;display:inline-block;width:1.35rem;height:1.35rem;border-radius:50%}.sprout-icon:before{content:"";position:absolute;left:50%;bottom:.18rem;width:2px;height:.72rem;background:currentColor;transform:translate(-50%);border-radius:2px}.sprout-icon:after{content:"";position:absolute;left:.16rem;top:.14rem;width:.62rem;height:.42rem;border-radius:100% 0;background:currentColor;transform:rotate(-28deg);box-shadow:.52rem .12rem 0 0 currentColor}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.9rem clamp(1.25rem,4vw,4rem);backdrop-filter:blur(18px)}.main-nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.6rem)}.main-nav a{font-size:.9rem;font-weight:650;text-decoration:none;opacity:.72;transition:opacity .2s ease}.main-nav a:hover{opacity:1}.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}html.js .reveal{opacity:0;transform:translateY(22px)}html.js .reveal.is-visible{opacity:1;transform:translateY(0)}.delay-one{transition-delay:.12s}.delay-two{transition-delay:.22s}.delay-three{transition-delay:.32s}.faq-list{max-width:900px;margin-top:2.5rem}summary{cursor:pointer;list-style:none}summary:after{content:"+";float:right;font-family:IBM Plex Mono,ui-monospace,monospace}details[open] summary:after{content:"−"}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}.direction-gate{--sky: #c4dbe0;--mist: #ddedf0;--ink: #000000;--forest-plot: #093;--olive-plot: #690;--river-plot: #5377d4;--ochre-plot: #996;--deep-blue: #0A5593;--warm-orange: #fc7523;--paper: #F5F5F0;--pale-blue: #E6EEF5;background:var(--sky);color:var(--ink);font-family:Newsreader,Georgia,serif}.direction-gate ::selection{background:var(--warm-orange);color:var(--ink)}.direction-gate .site-header{border-bottom:2px solid var(--ink);background:#c4dbe0e0;color:var(--ink)}.direction-gate .brand-mark{font-size:1.35rem;font-weight:700}.direction-gate .main-nav a{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.direction-gate .button{border:2px solid var(--ink);border-radius:999px;box-shadow:none}.direction-gate .gate-header-cta,.direction-gate .gate-button-primary{background:var(--warm-orange);color:var(--ink)}.direction-gate .gate-header-cta:hover,.direction-gate .gate-button-primary:hover{background:var(--paper)}.direction-gate .gate-button-secondary{background:#f5f5f0a3;color:var(--ink)}.gate-hero{position:relative;display:grid;grid-template-columns:minmax(320px,.32fr) minmax(0,.68fr);grid-template-rows:1fr auto;min-height:calc(100vh - 72px);overflow:hidden;border-bottom:2px solid var(--ink)}.gate-hero-media{position:relative;grid-column:2;grid-row:1 / 3;min-height:640px;overflow:hidden}.gate-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}.gate-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(196,219,224,.4),transparent 32%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 42%);pointer-events:none}.gate-hero-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,8rem) clamp(1.25rem,3vw,4rem) clamp(1.5rem,3vw,3rem)}.gate-hero-copy .eyebrow,.direction-gate .eyebrow{color:var(--ink);opacity:.72}.gate-hero-copy h1{max-width:680px;margin:0;font-size:clamp(4.4rem,6.4vw,9rem);line-height:.78;letter-spacing:-.075em;font-weight:420}.gate-hero-copy h1 em{display:block;color:var(--deep-blue);font-style:italic;font-weight:360}.gate-lede{max-width:560px;margin:1.7rem 0 0;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.35}.gate-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.climate-slip{grid-column:1;grid-row:2;max-width:520px;margin:0 clamp(1.25rem,3vw,4rem) clamp(1.25rem,3vw,3rem);padding:1.15rem;border:2px solid var(--ink);border-radius:20px;background:var(--paper);box-shadow:12px 12px #0000001f}.climate-slip h2,.gate-focus h2{margin:0;font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:.95;letter-spacing:-.045em}.climate-slip p:not(.eyebrow),.gate-focus p:not(.eyebrow){margin:.7rem 0 0;line-height:1.38}.gate-focus{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);z-index:4;width:min(410px,calc(100% - 2rem));padding:1.15rem;border:2px solid var(--ink);border-radius:20px;background:var(--mist);box-shadow:12px 12px #00000029}.garden-marker{position:absolute;z-index:3;display:grid;gap:.12rem;min-width:128px;padding:.62rem .75rem .68rem;border:2px solid var(--ink);border-radius:3px 18px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;box-shadow:7px 7px #0003;transition:transform .24s ease,background .24s ease}.garden-marker:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:38px;background:var(--ink)}.garden-marker:after{content:"";position:absolute;left:calc(50% - 5px);top:calc(100% + 34px);width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--warm-orange)}.garden-marker:hover{transform:translateY(-4px) rotate(-1deg)}.garden-marker.is-active{background:var(--warm-orange)}.garden-marker span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.garden-marker strong{font-size:1.35rem;line-height:.95;letter-spacing:-.04em}.marker-mulch{left:16%;top:63%;transform:rotate(-3deg)}.marker-sow{left:39%;top:72%;transform:rotate(2deg)}.marker-watch{right:12%;top:58%;transform:rotate(-2deg)}.marker-mulch:hover{transform:translateY(-4px) rotate(-4deg)}.marker-sow:hover{transform:translateY(-4px) rotate(3deg)}.marker-watch:hover{transform:translateY(-4px) rotate(-3deg)}.gate-section-grid{display:grid;grid-template-columns:minmax(250px,.27fr) minmax(0,.73fr);gap:clamp(2rem,5vw,6rem);max-width:1800px;margin:0 auto;align-items:start}.gate-heading{position:sticky;top:7rem}.gate-heading h2,.gate-areas-head h2,.gate-final h2,.gate-page h1{margin:0;font-size:clamp(3.1rem,5.4vw,6.8rem);line-height:.84;letter-spacing:-.075em;font-weight:420}.gate-heading p:not(.eyebrow),.gate-areas-head p:not(.eyebrow),.gate-final p{max-width:590px;margin:1.35rem 0 0;font-size:1.14rem;line-height:1.48}.gate-heading .text-button{margin-top:1.6rem;color:var(--ink)}.gate-week{background:var(--mist)}.week-map-wrap{height:780px;overflow:auto;border:2px solid var(--ink);background:#fff;transition:height .45s cubic-bezier(.32,.94,.6,1)}.week-map{display:grid;grid-template-columns:repeat(10,minmax(112px,1fr));grid-template-rows:repeat(8,minmax(94px,1fr));gap:2px;min-width:1080px;min-height:776px;background:#fff;transform-origin:top left;transition:transform .45s cubic-bezier(.32,.94,.6,1)}.week-plot{position:relative;padding:clamp(1rem,2vw,1.6rem);overflow:hidden;color:#fff}.week-plot:after{content:"❊";position:absolute;right:8%;bottom:8%;font-size:clamp(2.2rem,5vw,5rem);line-height:1;opacity:.34}.week-plot span{display:block;margin-bottom:1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.week-plot h3{max-width:520px;margin:0;font-size:clamp(2rem,4vw,4.8rem);line-height:.88;letter-spacing:-.065em;font-weight:430}.week-plot p{max-width:420px;margin:1rem 0 0;font-size:1.05rem;line-height:1.35}.plot-priority{grid-area:1 / 1 / 5 / 5;background:var(--forest-plot)}.plot-sow{grid-area:1 / 5 / 4 / 9;background:var(--olive-plot)}.plot-watch{grid-area:4 / 5 / 7 / 8;background:var(--river-plot)}.plot-share{grid-area:5 / 1 / 9 / 4;background:var(--ochre-plot)}.plot-note{grid-area:4 / 8 / 7 / 11;background:var(--paper);color:var(--ink)}.plot-next{grid-area:7 / 4 / 9 / 11;background:var(--pale-blue);color:var(--ink)}.plot-note:after,.plot-next:after{color:var(--warm-orange);opacity:.7}.gate-how{background:var(--sky)}.field-notes{border-top:2px solid var(--ink)}.field-note{display:grid;grid-template-columns:6rem 1fr;gap:clamp(1rem,3vw,3rem);padding:clamp(1.5rem,3vw,2.5rem) 0;border-bottom:2px solid var(--ink)}.field-note-photo{grid-template-columns:6rem minmax(260px,.48fr) 1fr;align-items:center}.field-number{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;font-weight:600;letter-spacing:.12em}.field-note h3{margin:0;font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.86;letter-spacing:-.07em;font-weight:420}.field-note p{max-width:560px;margin:.9rem 0 0;font-size:1.1rem;line-height:1.45}.field-note figure{margin:0;overflow:hidden;border:2px solid var(--ink);border-radius:20px;aspect-ratio:4 / 3}.field-note img{width:100%;height:100%;object-fit:cover}.gate-household{background:linear-gradient(#0a5593eb,#0a5593eb),url(/marketing/garden-gate-hero.jpg) center / cover;color:#fff}.household-panel{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,5vw,6rem);max-width:1500px;margin:0 auto;padding:clamp(1.25rem,3vw,3rem);border:2px solid #ffffff;border-radius:20px;background:#00000029;backdrop-filter:blur(12px)}.gate-household .eyebrow{color:#fff}.household-copy h2{margin:0;font-size:clamp(3.2rem,6vw,7.5rem);line-height:.82;letter-spacing:-.075em;font-weight:420}.household-copy p:not(.eyebrow){max-width:560px;margin:1.35rem 0 0;font-size:1.2rem;line-height:1.45}.shared-week{display:grid;align-content:center;gap:.75rem}.shared-row{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center;padding:1rem;border:2px solid #ffffff;border-radius:20px;background:#ffffff1f}.shared-row span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.shared-row p{margin:0;font-size:1.2rem;line-height:1.2}.shared-row.done{background:var(--paper);color:var(--ink)}.gate-areas{background:var(--mist)}.gate-areas-head{max-width:980px}.area-list{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:3rem;border:2px solid var(--ink);background:var(--ink)}.area-row{min-height:280px;padding:clamp(1.25rem,3vw,2rem);background:var(--paper)}.area-row.live{background:var(--pale-blue)}.area-row.guide-preview{grid-column:1 / -1;background:var(--warm-orange)}.area-row span{display:block;margin-bottom:4rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.area-row h3{margin:0;font-size:clamp(2rem,3.4vw,4rem);line-height:.9;letter-spacing:-.065em;font-weight:430}.area-row p{max-width:560px;margin:1rem 0 0;line-height:1.42}.area-row .text-link{display:inline-block;margin-top:1.2rem}.gate-faq{background:var(--sky)}.gate-faq-list{border-top:2px solid var(--ink)}.gate-faq-list details{border-bottom:2px solid var(--ink)}.gate-faq-list summary{padding:1.4rem 0;color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:520;letter-spacing:-.045em}.gate-faq-list details p{max-width:760px;margin:0 0 1.4rem;font-size:1.08rem;line-height:1.5}.gate-final{padding-top:0;background:var(--sky)}.gate-final-inner{max-width:1800px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,4vw,4rem);border:2px solid var(--ink);border-radius:20px;background:var(--warm-orange);color:var(--ink)}.gate-final .eyebrow{color:var(--ink)}.gate-final .button{margin-top:2rem;background:var(--ink);color:#fff}.gate-final .privacy-note{margin-top:1.4rem;font-size:.98rem;opacity:.8}.gate-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1.25rem,4vw,4rem);font-size:.9rem;border-top:2px solid var(--ink);background:var(--ink);color:#fff}.gate-footer nav{display:flex;flex-wrap:wrap;gap:1.2rem}.gate-footer a{font-weight:600;text-underline-offset:.25em}.gate-footer .footer-note{opacity:.72}.gate-page{background:var(--sky)}.gate-page-inner{max-width:980px;margin:0 auto}.gate-page .eyebrow{color:var(--ink);opacity:.72}.gate-page .lede{max-width:640px;margin:1.35rem 0 0;font-size:1.2rem;line-height:1.5}.gate-page h2{margin:3rem 0 0;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1;letter-spacing:-.05em;font-weight:460}.gate-page p,.gate-page li{max-width:720px;margin:1rem 0 0;font-size:1.08rem;line-height:1.55}.gate-page ul{padding-left:1.2rem}.gate-page .page-cta{margin-top:3rem}.gate-page .privacy-note{font-size:.98rem;opacity:.8}.contrast-block{margin-top:2.5rem;border:2px solid var(--ink);border-radius:20px;background:var(--paper);padding:clamp(1.25rem,3vw,2rem)}.contrast-block p{margin:.6rem 0 0}.contrast-block p strong{color:var(--deep-blue)}@media(max-width:1060px){.gate-hero{display:flex;flex-direction:column;min-height:0}.gate-hero-copy{order:1;padding-top:clamp(3rem,8vw,5rem)}.gate-hero-media{order:2;min-height:58vh}.climate-slip{order:3;margin:1.25rem}.gate-focus{position:relative;right:auto;bottom:auto;order:4;margin:0 1.25rem 1.25rem}.gate-section-grid,.household-panel{grid-template-columns:1fr}.gate-heading{position:static}.field-note-photo{grid-template-columns:6rem 1fr}.field-note-photo figure{grid-column:2}.field-note-photo div{grid-column:2}}@media(max-width:720px){.direction-gate .site-header{flex-wrap:wrap}.direction-gate .main-nav{order:3;width:100%}.direction-gate .gate-header-cta{min-height:2.7rem;padding:.6rem .95rem}.gate-hero-copy h1{font-size:clamp(4rem,19vw,6rem)}.gate-lede{font-size:1.16rem}.gate-hero-media{min-height:480px}.garden-marker{min-width:112px;padding:.52rem .6rem .58rem}.garden-marker strong{font-size:1.12rem}.marker-mulch{left:7%;top:57%}.marker-sow{left:35%;top:70%}.marker-watch{right:4%;top:49%}.gate-heading h2,.gate-areas-head h2,.gate-final h2,.gate-page h1{font-size:clamp(3rem,15vw,4.8rem)}.week-map-wrap{height:620px}.week-map{min-width:880px;min-height:616px;grid-template-columns:repeat(10,86px);grid-template-rows:repeat(8,76px)}.week-plot{padding:.85rem}.week-plot h3{font-size:2rem}.field-note,.field-note-photo{grid-template-columns:1fr}.field-note-photo figure,.field-note-photo div{grid-column:auto}.household-copy h2{font-size:clamp(3.2rem,16vw,5rem)}.shared-row{grid-template-columns:1fr;gap:.35rem}.area-list{grid-template-columns:1fr}.area-row.guide-preview{grid-column:auto}}.week-map-wrap.zoomed-out{height:540px;overflow:hidden}.week-map-wrap.zoomed-out .week-map{width:100%;min-width:0;min-height:536px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(8,minmax(58px,1fr));transform:none}.week-map-wrap.zoomed-out .week-plot{padding:.9rem}.week-map-wrap.zoomed-out .week-plot h3{font-size:clamp(1.45rem,2.5vw,3rem)}.week-map-wrap.zoomed-out .week-plot p{font-size:.92rem}.week-map-wrap.zoomed-out .week-plot:after{font-size:2rem}@media(max-width:720px){.gate-heading .text-button[data-week-toggle]{display:none}.week-map-wrap.zoomed-out{height:620px;overflow:auto}.week-map-wrap.zoomed-out .week-map{width:auto;min-width:880px;min-height:616px;grid-template-columns:repeat(10,86px);grid-template-rows:repeat(8,76px)}}