/* Match the homepage's 35.84px icon artwork within its 64px target. */
.nav-timber{--nav-content-height:clamp(64px,6vw,86px);height:clamp(95px,9vw,130px);padding:0 26px;align-items:flex-start}.nav-timber .brand{display:flex;width:clamp(140px,13vw,184px);height:var(--nav-content-height);align-items:center;flex:0 0 auto}.nav-timber .brand img{width:100%;height:auto;max-height:44px;object-fit:contain}.nav-timber nav{padding-top:0;align-items:center;height:var(--nav-content-height)}#menu-toggle{width:64px;height:64px;margin:0;position:relative;justify-content:center;align-items:center}.nursery-menu-icon{width:35.84px;height:35.84px;flex:none}.browse-menu{top:calc(clamp(95px,9vw,130px) - 12px)}
/* Original homepage assemblies; only the cork and rails belong to the nursery variant. */
#noticeboard.approved-market{max-width:none;width:100%;padding-left:4.5%;padding-right:4.5%;background:#d0b68a;background-image:linear-gradient(#e6d8ba80,#e6d8ba80),url('assets/cork.avif');background-size:auto,650px;isolation:isolate;overflow-x:clip;margin:0;padding-top:clamp(200px,20vw,290px);padding-bottom:200px}
#noticeboard .rail{display:block;position:absolute;left:0;right:0;width:100%;height:clamp(48px,7vw,100px);z-index:8;transform:none;overflow:visible}#noticeboard .top-rail{top:-12px}#noticeboard .bottom-rail{bottom:-12px}#noticeboard .rail:before{background:url('assets/whitewashed-double-live-rail.svg') center/100% 100% no-repeat;filter:drop-shadow(0 5px 4px #493e2c33)}#noticeboard .bottom-rail:before{transform:rotate(180deg)}#noticeboard .noticeboard-content{position:relative;z-index:1}#noticeboard .noticeboard-paper-heading #notice-title{max-width:none;margin:0 auto}#noticeboard .county-trigger{cursor:default}#noticeboard .material-review:before{display:none}#noticeboard .county-wordmark{visibility:hidden}#noticeboard iframe{background:transparent}#noticeboard .market-nursery{overflow:visible}
dialog.exact-paper-pickup{background:none;border:0;box-shadow:none;width:calc(100vw - 24px);max-width:none;max-height:96dvh;padding:55px 10px 10px;overflow:auto}dialog.exact-paper-pickup .dialog-close{position:fixed;right:24px;top:15px;color:#f4ebd6;background:#37432e;border:0;border-radius:50%;height:44px;width:44px;z-index:5}.exact-pickup-sheet{position:relative;margin:auto}.exact-source-piece{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;translate:none!important;rotate:none!important;scale:none!important;transform-origin:0 0!important;cursor:default!important}
/* Homepage bench geometry, with live paper forms pegged to the original rope. */
.homepage-potting{min-height:0;padding:70px 0 35px;background:#d5ddc6;position:relative;isolation:isolate;overflow:hidden}.homepage-potting .potting-landscape{opacity:1;background-size:100% auto;background-position:center 38%;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}.nursery-bench-stage{position:relative;width:min(100%,1440px);margin:auto;min-height:calc(min(41.6667vw,600px) * 1.5 + 30px);display:flex;justify-content:center;align-items:flex-start;padding:0 0 25px}.nursery-cart-core{position:relative;width:41.6667%;max-width:600px;z-index:2}.nursery-desk{display:block;width:100%;height:auto}.bench-trolley{position:absolute;display:block;height:auto;z-index:1;bottom:30px}.bench-trolley-left{width:18%;left:11%}.bench-trolley-right{width:19%;right:11%}.rope-papers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.rope-paper{position:absolute;top:9.5%;left:15%;width:29%;min-height:23%;padding:6% 2.2% 3%;text-align:left;background:#f3eddc;box-shadow:2px 4px 6px #30261940;border:0;color:#314733;transform:rotate(-3deg);pointer-events:auto;transform-origin:50% 0;transition:rotate .2s,filter .2s}.rope-paper:before{content:'';position:absolute;top:-4%;left:48%;width:4%;height:9%;background:linear-gradient(90deg,#96764d,#d9be91 45%,#a98658);box-shadow:1px 1px 1px #503d2444;border-radius:1px}.rope-paper strong{display:block;font:700 clamp(14px,1.6vw,23px)/1.05 Georgia,serif}.rope-paper p{font:clamp(12px,1.15vw,16px)/1.35 Georgia,serif;margin:12% 0}.rope-paper>span{display:block;font:clamp(10px,.9vw,13px)/1.3 'Gill Sans',sans-serif;border-top:1px solid #b1ab9455;padding-top:10%;margin-top:10%}.space-paper{left:49%;top:10.5%;transform:rotate(2deg)}.rope-paper:hover{rotate:-1deg;filter:drop-shadow(1px 6px 3px #30261922)}.nursery-tablet{position:absolute;left:35.7%;top:36.8%;width:24%;height:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-1deg);text-align:center;color:#314733}.nursery-tablet img{width:85%;height:auto;display:block}.nursery-tablet span{font-size:clamp(7px,.62vw,9px);font-weight:600;line-height:1.3;margin-top:8%}.homepage-potting.has-arrived .nursery-bench-stage{animation:bench-settle 950ms cubic-bezier(.22,.75,.25,1) both}#enquiry-dialog{padding:40px 0 0;border:0;background:transparent;width:min(620px,calc(100vw - 28px));max-width:620px;max-height:94dvh;box-shadow:none;overflow:auto}#enquiry-dialog .enquiry-paper{transform:none;padding:32px;box-shadow:none}#enquiry-dialog .enquiry-close{position:absolute;top:0;right:0;width:38px;height:38px;border:0;border-radius:50%;background:#35462b;color:#f3ebd9;font-size:28px;line-height:1}
@media(max-width:1100px){.nav-timber{padding-inline:26px}.nav-timber .brand{width:170px}.homepage-potting{padding-top:65px}.nursery-bench-stage{width:100%;min-height:calc(55vw * 1.5 + 30px)}.nursery-cart-core{width:55%;max-width:600px}.bench-trolley-left{left:3%;width:22%}.bench-trolley-right{right:3%;width:22%}.rope-paper strong{font-size:clamp(16px,2vw,23px)}.rope-paper p{font-size:clamp(13px,1.5vw,16px)}.rope-paper>span{font-size:clamp(10px,1.25vw,13px)}.nursery-tablet span{font-size:clamp(7px,.85vw,9px)}}
@media(max-width:760px){.nav-timber{height:90px;padding:0 12px}.nav-timber .brand{height:62px;width:148px;max-width:calc(100vw - 110px)}.nav-timber nav{height:62px}.nursery-menu-icon{width:35.84px;height:35.84px}#menu-toggle{width:64px;height:62px}.browse-menu{top:78px}.homepage-potting{padding:55px 0 30px}.nursery-bench-stage{min-height:calc(94vw * 1.5 + 20px);padding-bottom:15px}.nursery-cart-core{width:94%;max-width:550px}.bench-trolley{display:none}.rope-paper{width:29%;padding-top:6%}.rope-paper strong{font-size:clamp(15px,4vw,24px)}.rope-paper p{font-size:clamp(12px,3.2vw,17px)}.rope-paper>span{font-size:clamp(10px,2.5vw,14px)}.nursery-tablet span{font-size:clamp(7px,1.9vw,10px)}.homepage-potting .potting-landscape{background-size:auto 2600px;background-position:center 38%}#enquiry-dialog .enquiry-paper{padding:24px}}
@media(max-width:600px){#noticeboard.approved-market{padding-left:18px;padding-right:18px;padding-top:180px;padding-bottom:110px}#noticeboard .rail{height:48px}#noticeboard .top-rail{top:-8px}#noticeboard .bottom-rail{bottom:-8px}#noticeboard .market-nursery{overflow:hidden}#noticeboard .noticeboard-paper-heading{max-width:100%}}
@media(prefers-reduced-motion:reduce){.homepage-potting.has-arrived .nursery-bench-stage{animation:none!important}}
/* Let both live edges remain visible beyond the cork; clip only page-width overflow. */
main#main{overflow-x:clip}#noticeboard.approved-market{overflow:visible}

/* Nursery detail pass: keep branding inside the rectangular area above the live edge. */
.nav-timber{--nav-content-height:clamp(44px,4vw,58px);--nav-brand-ink:#35462b;padding-top:0}
.nav-timber .brand{position:relative;width:168px;height:var(--nav-content-height);color:var(--nav-brand-ink)}
.nav-timber .brand img{max-height:36px;opacity:0}
.nav-timber .brand:before{content:'';position:absolute;inset:0;background:var(--nav-brand-ink);mask:url('assets/logo.avif') left center/100% auto no-repeat;-webkit-mask:url('assets/logo.avif') left center/100% auto no-repeat}
.nav-timber #menu-toggle{color:var(--nav-brand-ink);height:var(--nav-content-height);min-height:44px}
#noticeboard .rail{left:-4vw;right:-4vw;width:calc(100% + 8vw)}
#noticeboard .rail:before{background-image:url('assets/cream-double-live-rail.svg')}
@media(max-width:1100px){.nav-timber .brand{width:154px}}
@media(max-width:760px){.nav-timber{--nav-content-height:44px}.nav-timber .brand{height:44px;width:134px}.nav-timber nav{height:44px}.nav-timber .brand img{max-height:34px}.nav-timber #menu-toggle{height:44px}}
.nav-timber .brand:before{inset:50% 0 auto;height:36px;transform:translateY(-50%);mask-size:contain;-webkit-mask-size:contain}
@media(max-width:760px){.nav-timber .brand:before{height:32px}}

/* Expanded-to-compact timber navigation, matching the homepage state rules. */
.header{position:fixed;pointer-events:none}.nav-timber,.browse-menu{pointer-events:auto}
.nav-timber{--nav-expanded-height:clamp(95px,9vw,130px);--nav-lift:0px;height:calc(var(--nav-expanded-height) - var(--nav-lift));transition:height .65s ease}
.nav-timber:before{height:var(--nav-expanded-height);bottom:auto;transform:translateY(calc(-1 * var(--nav-lift)));transition:transform .65s ease}
.header.nav-compact .nav-timber{--nav-lift:clamp(20px,2.4vw,46px);--nav-content-height:44px}
.header.nav-compact .brand{display:none}.header.nav-compact .nav-timber nav{height:44px}
.header.nav-compact .browse-menu{top:calc(clamp(95px,9vw,130px) - clamp(20px,2.4vw,46px) - 12px);max-height:calc(100dvh - 100px);overflow:auto}


.nursery-tablet{left:63.5%;top:31%;width:19.5%;height:9%;transform:none}
.nursery-tablet span{font-size:clamp(6px,.52vw,8px)}
@media(max-width:760px){.nav-timber{--nav-expanded-height:90px}.header.nav-compact .nav-timber{--nav-lift:20px}.header.nav-compact .browse-menu{top:58px}.nursery-tablet span{font-size:clamp(6px,1.6vw,9px)}}
@media(prefers-reduced-motion:reduce){.nav-timber,.nav-timber:before{transition:none}}
.header.nav-compact .hanging-basket{transform:translateY(-150%);opacity:0;pointer-events:none}
.rope-paper{height:20%;min-height:0;padding:3% 2% 2%}.rope-paper strong{font-size:clamp(14px,1.4vw,20px)}.rope-paper p{font-size:clamp(11px,.95vw,14px);margin:6% 0}.rope-paper>span{font-size:clamp(10px,.8vw,12px);padding-top:5%;margin-top:5%}
@media(max-width:760px){.rope-paper strong{font-size:clamp(14px,3.7vw,20px)}.rope-paper p{font-size:clamp(11px,2.9vw,14px)}.rope-paper>span{font-size:clamp(9px,2.3vw,12px)}}

/* User-approved nursery identity, locked 7 November 2026. */
.nav-timber .brand{width:clamp(220px,22vw,300px);max-width:calc(100vw - 100px)}
.nav-timber .brand:before{content:none}
.nav-timber .brand img{opacity:1;width:100%;height:auto;max-height:48px;object-fit:contain}
.nav-timber{--nav-brand-ink:#2d3c1e}
@media(max-width:760px){.nav-timber .brand{width:220px}.nav-timber .brand img{max-height:35px}}

/* Preserve the original bench pixels; show the approved edit only inside the fabric banner. */
.nursery-banner-overlay{position:absolute;inset:0;width:100%;height:auto;pointer-events:none;clip-path:polygon(10.55% 56.45%,89.65% 56.45%,89.65% 78.84%,10.55% 78.84%)}

/* Match the approved Snuffleruff expanded timber geometry (2167 × 330). */
.header:not(.nav-compact) .nav-timber{--nav-expanded-height: max(152.284px,15.2284vw);--nav-content-height:max(92.2935px,9.22935vw);gap:24px}
.header:not(.nav-compact) .nav-timber:before{left:50%;right:auto;width:max(100%,1000px);height:var(--nav-expanded-height);transform:translateX(-50%);background-size:100% 100%;background-position:center top}
.header:not(.nav-compact) .brand{width:460px;max-width:calc(100vw - 116px)}
.header:not(.nav-compact) .brand img{max-height:none}
.header:not(.nav-compact) .nav-timber nav{height:var(--nav-content-height)}
.header:not(.nav-compact) .browse-menu{top:calc(max(152.284px,15.2284vw) - 12px)}
@media(max-width:1100px){.header:not(.nav-compact) .nav-timber nav>a{display:none}}
@media(max-width:760px){.header:not(.nav-compact) .brand{width: min(330px,calc(100vw - 100px));max-width:calc(100vw - 100px)}}
.header:not(.nav-compact) .nav-timber .brand{height:var(--nav-content-height)}

/* Pin the timber beyond the viewport edge, including its transparent top margin. */
.header{position:fixed;top:0;left:0;right:0;margin:0}
.nav-timber:before{top:-12px}
.header:not(.nav-compact) .nav-timber:before{top:calc(-1 * max(12px,1.2vw))}
.header:not(.nav-compact) .brand{width:600px}
@media(max-width:1250px){.header:not(.nav-compact) .nav-timber nav>a{display:none}}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber{gap:8px}
 .header:not(.nav-compact) .brand{width:min(600px,calc(100vw - 76px));max-width:calc(100vw - 76px)}
 .header:not(.nav-compact) #menu-toggle{width:44px;min-width:44px}
}
.header:not(.nav-compact) .brand img{max-height:calc(var(--nav-content-height) - 24px);object-position:left center}

/* Both states use one timber: retract vertically without resizing or recentering. */
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber{
 --nav-expanded-height:max(152.284px,15.2284vw);
 --nav-face:max(92.2935px,9.22935vw);
 --nav-lift:0px;
 --nav-content-height:calc(var(--nav-face) - var(--nav-lift));
 height:calc(var(--nav-expanded-height) - var(--nav-lift));
}
.header.nav-compact .nav-timber{--nav-lift:min(46px,calc(var(--nav-face) - 64px))}
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber:before{
 left:50%;right:auto;top:calc(-1 * max(12px,1.2vw));bottom:auto;
 width:max(100%,1000px);height:var(--nav-expanded-height);
 background-size:100% 100%;background-position:center top;
 transform:translate3d(-50%,calc(-1 * var(--nav-lift)),0);
 transition:transform .65s ease;
}
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav{
 position:absolute;right:26px;top:0;width:auto;height:var(--nav-content-height);
 transition:height .65s ease;
}
.header:is(.nav-compact,:not(.nav-compact)) #menu-toggle{width:64px;min-width:64px;height:64px}
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{
 top:calc(max(152.284px,15.2284vw) - 12px);transition:top .65s ease;
 max-height:calc(100dvh - max(152.284px,15.2284vw));
}
.header.nav-compact .browse-menu{top:calc(max(152.284px,15.2284vw) - min(46px,calc(max(92.2935px,9.22935vw) - 64px)) - 12px)}
@media(max-width:760px){
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav{right:12px}
 .header:is(.nav-compact,:not(.nav-compact)) #menu-toggle{width:44px;min-width:44px}
}
@media(prefers-reduced-motion:reduce){
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber:before,
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav,
 .header:is(.nav-compact,:not(.nav-compact)) .browse-menu{transition:none}
}

/* Approved stacked navbar logo; slightly enlarged within the safe timber face. */
.header:not(.nav-compact) .nav-timber .brand{width:min(450px,calc((max(92.2935px,9.22935vw) - 16px) * 3.0633));max-width:calc(100vw - 76px)}
.header:not(.nav-compact) .nav-timber .brand img{width:100%;height:auto;max-height:calc(var(--nav-content-height) - 16px);object-fit:contain;object-position:left center}

/* One continuous soil cross-section; animation and links have separate space. */
.closing{padding-bottom:0;position:relative;z-index:1}
.closing .seedling-tray{width:min(850px,95%);max-width:100%;margin:30px auto -45px}
footer.nursery-soil-footer{padding-top:clamp(230px,23vw,350px);background-color:#322316;background-image:url('assets/web/footer-soil-continuous.avif'),linear-gradient(to bottom,#d5ddc6 0 calc(max(100vw,1000px) * .24),#322316 calc(max(100vw,1000px) * .24));background-position:center top;background-size:max(100vw,1000px) auto,100% 100%;background-repeat:no-repeat;overflow:hidden}
.worm-strip{position:relative;width:100%;height:200px;pointer-events:none;overflow:hidden}
.worm-strip canvas{display:block;width:100%;height:100%}
.nursery-soil-footer .footer-content{position:relative;padding:25px 24px 55px;max-width:1100px;background:radial-gradient(ellipse,#24180dd9,transparent 72%);text-shadow:0 1px 3px #160e09}
.nursery-soil-footer .footer-content nav{gap:10px 22px}
.nursery-soil-footer .footer-content nav a,.nursery-soil-footer .footer-content nav button{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.worm-strip{height:180px}.nursery-soil-footer .footer-logo{width:250px}.closing .seedling-tray{margin-bottom:-35px}}

/* The illustrated burrow lives below the logo, in its own full-width soil band. */
.nursery-soil-footer .footer-content .worm-strip{width:100vw;max-width:none;margin:18px 0 0 calc(50% - 50vw);height:210px;text-shadow:none}
@media(max-width:600px){.nursery-soil-footer .footer-content .worm-strip{height:190px;margin-top:12px}}

/* Restore the logo's original soil depth; the burrow moves down beneath it. */
.nursery-soil-footer .footer-content{padding-top:225px}
@media(max-width:600px){.nursery-soil-footer .footer-content{padding-top:205px}}

/* Closing copy sits on the illustrated meadow; no extra tray or green panel. */
.closing{padding:35px 25px 40px;background:transparent url('assets/web/potting-meadow.avif') center 72%/cover no-repeat}
footer.nursery-soil-footer{background-image:url('assets/web/footer-soil-continuous.avif'),url('assets/web/potting-meadow.avif');background-size:max(100vw,1000px) auto,cover;background-position:center top,center 72%;background-color:#322316}
.nursery-soil-footer .footer-content{padding-top:275px}
.nursery-soil-footer .footer-logo{display:block;margin:0 auto}
.nursery-soil-footer .footer-content .worm-strip{margin:0 0 0 calc(50% - 50vw);height:285px}
@media(max-width:899px){.nursery-soil-footer .footer-content .worm-strip{height:200px}}
@media(max-width:600px){.nursery-soil-footer .footer-content{padding-top:255px}}

.nursery-soil-footer .footer-content .worm-strip{height:250px}
@media(max-width:899px){.nursery-soil-footer .footer-content .worm-strip{height:165px}}
.nursery-soil-footer .footer-content>a{display:block;width:fit-content;margin:0 auto;line-height:0}

/* Shared family footer, with protected content and irregular burrows around it. */
.nursery-soil-footer .footer-content{max-width:none;padding:275px 24px 200px;isolation:isolate}
.nursery-soil-footer .footer-brand{position:relative;z-index:2;text-align:center}
.nursery-family-lockup{display:flex;justify-content:center;align-items:center;gap:18px;color:#f0e5cb;font-size:61px}
.family-nursery-icon,.family-parent-wordmark{display:block;flex:none;height:1em;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.family-nursery-icon{width:1em;mask-image:url('assets/footer-nursery-icon.avif')}
.family-parent-wordmark{width:4.151em;mask-image:url('assets/footer-snuffleruff.avif')}
.family-times{font:300 .6em/1 Georgia,serif}
.footer-brand small{display:block;margin-top:16px;font-size:14px;letter-spacing:.035em}
.nursery-soil-footer .footer-links-block{position:relative;z-index:2;width:min(720px,calc(100% - 96px));margin:115px auto 0;text-align:center}
.nursery-soil-footer .footer-links-block nav{margin:0 auto 16px;gap:8px 24px}
.nursery-soil-footer .footer-links-block p{font-size:14px;margin:0 0 14px}
.nursery-soil-footer .footer-content .worm-strip{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;pointer-events:none}
@media(max-width:600px){
 .nursery-soil-footer .footer-content{padding:255px 12px 210px}
 .nursery-family-lockup{font-size:clamp(34px,9vw,48px);gap:12px}
 .nursery-soil-footer .footer-links-block{width:calc(100% - 100px);margin-top:110px}
 .nursery-soil-footer .footer-links-block nav{gap:2px 18px}
}
/* Continue deep soil below the artwork on taller mobile footers. */
footer.nursery-soil-footer{background-image:url('assets/web/footer-soil-continuous.avif'),linear-gradient(to bottom,transparent calc(max(100vw,1000px) * .85),#322316 calc(max(100vw,1000px) * .98)),url('assets/web/potting-meadow.avif');background-size:max(100vw,1000px) auto,100% 100%,cover;background-position:center top,center top,center 72%}

/* One shared landscape across bench, closing copy and the grass/soil transition. */
.nursery-ending{background:#d5ddc6 url('assets/web/potting-meadow.avif') center top/cover no-repeat}
.nursery-ending .homepage-potting,.nursery-ending .closing{background:transparent}
.nursery-ending .potting-landscape{display:none}
.nursery-ending footer.nursery-soil-footer{background-color:transparent;background-image:url('assets/web/footer-soil-continuous.avif'),linear-gradient(to bottom,transparent calc(max(100vw,1000px) * .24),#322316 calc(max(100vw,1000px) * .24));background-size:max(100vw,1000px) auto,100% 100%;background-position:center top}
.nursery-soil-footer .footer-links-block{margin-top:85px}
@media(max-width:600px){.nursery-soil-footer .footer-links-block{margin-top:85px}.footer-brand small{max-width:310px;margin:16px auto 0}}
/* Keep the meadow horizon behind the bench rather than scaling it to the full footer height. */
.nursery-ending{background-size:max(100vw,900px) auto;background-position:center calc(max(100vw,900px) * -.88);background-color:#ded1ab}

/* Fixed approved nursery hero and expanded community-growing story. */
.hero .scene-bg{background-position:center;background-size:cover;transition:none}
.growing-vision{display:grid;grid-template-columns:1fr 1fr;gap:44px 54px;margin:48px auto;text-align:left}
.growing-vision h3{font-size:clamp(25px,2.3vw,34px);margin-bottom:16px}
.growing-vision p{font-size:17px;line-height:1.65}
@media(max-width:760px){.growing-vision{grid-template-columns:1fr;gap:30px;margin:35px 0}.hero .scene-bg{background-position:42% center}}
.nursery-ending .closing{padding-bottom:10px}
.nursery-ending footer.nursery-soil-footer{margin-top:-35px}
/* Move the static scene left to bring the foreground group further into view. */
.hero .scene-bg{background-position:calc(50% - 30px) center}
@media(max-width:760px){.hero .scene-bg{background-position:calc(42% - 30px) center}}
/* Place the foreground group alongside the headline and below the timber. */
.hero .scene-bg{background-position:calc(50% - 110px) 115px;background-size:auto max(100%,50vw);background-repeat:no-repeat}
@media(max-width:760px){.hero .scene-bg{background-position:78% 155px;background-size:auto 100%}}
@media(max-width:760px){.hero .scene-bg{background-position:65% 90px}}

/* A full-width illustration breaks the community story into two readable parts. */
.community-orchard-illustration{grid-column:1/-1;margin:0}
.community-orchard-illustration img{display:block;width:100%;height:auto}
.community-orchard-illustration figcaption{font:italic 16px/1.5 Georgia,serif;text-align:center;margin-top:12px;color:#526047}
.hero-growing-invitation{display:flex;gap:12px;align-items:center;width:fit-content;margin-top:28px;text-decoration:none;color:#f1e5ca}
.invitation-sprout{width:32px;height:40px;flex:none;background:currentColor;mask:url('assets/footer-nursery-icon.avif') center/contain no-repeat}
.hero-growing-invitation em{display:block;font:italic 18px/1.5 Georgia,serif}
.hero-growing-invitation strong{display:block;font-size:13px;line-height:1.7;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.nursery-ending .homepage-potting{padding-bottom:8px}
.nursery-ending .nursery-bench-stage{padding-bottom:0}
.nursery-ending .closing{padding-top:10px;padding-bottom:0;color:#223019}
.nursery-ending .closing h2{margin-bottom:8px}
.nursery-ending footer.nursery-soil-footer{margin-top:-50px}
.nursery-soil-footer .footer-content{padding-bottom:150px}
@media(max-width:600px){.nursery-soil-footer .footer-content{padding-bottom:150px}.hero-growing-invitation{margin-top:23px}.hero-growing-invitation em{font-size:16px}}

/* The menu unfurls from behind the live timber edge. */
.header{--menu-lift:0px;--menu-top:calc(max(152.284px,15.2284vw) - var(--menu-lift) - max(12px,1.2vw) - 32px);isolation:isolate}
.header.nav-compact{--menu-lift:min(46px,calc(max(92.2935px,9.22935vw) - 64px))}
.header .nav-timber{z-index:3}
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{
 z-index:2;top:var(--menu-top);padding-top:52px;
 max-height:calc(100dvh - var(--menu-top) - 16px);overflow-y:auto;
 transform-origin:top center;
}
.header .browse-menu:not([hidden]){animation:nursery-menu-unfurl .35s cubic-bezier(.2,.7,.3,1) both}
@keyframes nursery-menu-unfurl{from{clip-path:inset(0 0 100% 0);transform:translateY(-22px);opacity:.6}to{clip-path:inset(0);transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.header .browse-menu:not([hidden]){animation:none}}

/* Extend the paper well behind every dip of the live edge. */
.header{--menu-top:calc(max(152.284px,15.2284vw) - var(--menu-lift) - max(12px,1.2vw) - 85px)}
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{padding-top:105px;padding-inline:22px;border-width:5px}
.browse-menu .menu-top{border-bottom:1px solid #6c563b35;padding-bottom:12px;margin-bottom:18px}
.browse-menu .menu-columns{gap:16px;align-items:start}
.browse-menu .menu-columns>div{background:#7664430c;border:1px solid #6c563b24;border-radius:5px;padding:16px}
.browse-menu .menu-columns>div:nth-child(2){background:#a48a4510}
.browse-menu .menu-columns>div:nth-child(3){background:#68482c0b}
.browse-menu .menu-columns h2{font-size:23px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #6c563b2b}
.browse-menu #type-links{display:block}
.menu-plant-group+ .menu-plant-group{border-top:1px solid #6c563b24;margin-top:12px;padding-top:12px}
.menu-plant-group h3{font:600 11px/1.4 'Trebuchet MS',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#756047;margin:0 0 6px}
.menu-plant-group>div{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.browse-menu .menu-links a{display:block;padding:7px 8px;border-radius:3px;line-height:1.3}
.browse-menu #sun-links a+ a,.browse-menu #soil-links a+ a{border-top:1px solid #6c563b16}
.browse-menu .mobile-links{display:flex;flex-wrap:wrap;gap:6px 12px;border-top:1px solid #6c563b35;padding-top:14px;margin-top:18px}
.browse-menu .mobile-links a{padding:7px 10px;border-radius:3px;background:#7664430c;font-size:14px;text-decoration:none}
.browse-menu .menu-foot{margin-top:14px;color:#6b5942}
@media(max-width:600px){
 .header:is(.nav-compact,:not(.nav-compact)) .browse-menu{padding-inline:12px}
 .browse-menu .menu-columns{gap:12px}
 .browse-menu .menu-columns>div{padding:12px}
 .browse-menu .menu-columns h2{font-size:20px}
 .browse-menu .menu-links a{font-size:14px;padding:8px 3px}
 .menu-plant-group>div{gap:2px 8px}
}

/* A closer heading and compact, evenly balanced browsing sections. */
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{padding-top:85px}
.browse-menu .menu-columns{align-items:stretch}
.browse-menu .menu-columns>div:nth-child(n+2){display:flex;flex-direction:column}
.browse-menu #sun-links,.browse-menu #soil-links{display:flex;flex-direction:column;flex:1}
.browse-menu #sun-links a,.browse-menu #soil-links a{flex:1;display:flex;align-items:center;min-height:32px}
@media(max-width:600px){
 .header:is(.nav-compact,:not(.nav-compact)) .browse-menu{padding-top:82px;padding-inline:10px;padding-bottom:12px}
 .browse-menu .menu-top{padding-bottom:7px;margin-bottom:10px}
 .browse-menu .menu-columns{gap:9px}
 .browse-menu .menu-columns>div{padding:10px}
 .browse-menu .menu-columns h2{font-size:18px;margin-bottom:7px;padding-bottom:7px}
 .menu-plant-group+ .menu-plant-group{margin-top:7px;padding-top:7px}
 .menu-plant-group h3{font-size:10px;margin-bottom:3px}
 .browse-menu .menu-links a{padding:5px 3px;font-size:13px;min-height:28px}
 .browse-menu .menu-columns>div>p{font-size:12px;line-height:1.4;margin:0 0 8px}
 .browse-menu #sun-links a,.browse-menu #soil-links a{min-height:29px}
 .browse-menu .menu-foot{font-size:12px;line-height:1.4;margin-top:10px;margin-bottom:0}
}

/* Seat the enlarged stacked mark in the deeper curve of the timber. */
.header:not(.nav-compact) .nav-timber .brand{
 width:calc((var(--nav-face) + 8px) * 3.0633);
 max-width:calc(100vw - 108px);
 height:auto;
 margin-left:clamp(14px,1.8vw,36px);
 margin-top:8px;
}
.header:not(.nav-compact) .nav-timber .brand img{width:100%;height:auto;max-height:none}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber .brand{max-width:calc(100vw - 88px);margin-left:12px;margin-top:8px}
}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber .brand{width:280px;max-width:calc(100vw - 88px);margin-top:3px}
}
/* Fine-tune the wordmark's fit into the timber's lower curve. */
.header:not(.nav-compact) .nav-timber .brand{
 width:calc((var(--nav-face) + 13px) * 3.0633);
 margin-left:clamp(20px,2.6vw,50px);
}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber .brand{width:288px;max-width:calc(100vw - 96px);margin-left:20px;margin-top:3px}
}
/* Give the descender clearance where the minimum-width timber is cropped on tablets. */
@media(min-width:761px) and (max-width:1100px){
 .header:not(.nav-compact) .nav-timber .brand{width:calc((var(--nav-face) + 8px) * 3.0633);margin-top:3px}
}
/* A small further rightward nudge of the approved logo placement. */
.header:not(.nav-compact) .nav-timber .brand{margin-left:calc(clamp(20px,2.6vw,50px) + 8px)}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber .brand{margin-left:28px;max-width:calc(100vw - 104px)}
}
/* Baskets descend from behind the wood and can be gently sent back up. */
.header .hanging-basket{
 position:absolute;top:calc(max(152.284px,15.2284vw) - 55px);left:var(--basket-x,72%);right:auto;
 width:190px;height:auto;padding:var(--basket-drop,55px) 0 0;margin:0;border:0;background:none;
 z-index:0;pointer-events:auto;cursor:pointer;animation:none;opacity:1;
 transform:translateX(-50%) rotate(var(--basket-angle,0deg));transform-origin:50% 0;
 transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity .5s;
}
.hanging-basket img{display:block;width:100%;height:290px;object-fit:contain;pointer-events:none}
.basket-cord{position:absolute;top:0;left:calc(50% - 1px);height:calc(var(--basket-drop,55px) + 5px);width:2px;background:#6f5838;box-shadow:1px 0 #c2aa79}
.header .hanging-basket.basket-retracted,.header.nav-compact .hanging-basket{transform:translate(-50%,-150%);opacity:0;pointer-events:none}
.hanging-basket:focus-visible{outline:2px dashed #f5edd7;outline-offset:3px}
.nursery-ending .nursery-bench-stage{min-height:0;margin-bottom:clamp(-65px,-4.5vw,-25px)}
@media(max-width:760px){.header .hanging-basket{width:130px}.hanging-basket img{height:220px}}
@media(prefers-reduced-motion:reduce){.header .hanging-basket{display:none}}
/* Pull the copy closer without clipping the bench's wheels. */
.nursery-ending .nursery-bench-stage{margin-bottom:0}
.nursery-ending .closing{margin-top:-20px}
@media(max-width:760px){.nursery-ending .closing{margin-top:-12px}}
/* Let the introduction breathe from headline to the foot of the scene. */
.hero-copy{top:max(220px,calc(15.2284vw + 25px));bottom:75px;display:flex;flex-direction:column;max-width:540px}
.hero-copy>.eyebrow{margin:0}
.hero-copy h1{flex:none;margin:24px 0 30px}
.hero-details{margin-top:auto}
.hero-details .hero-intro{margin:0 0 16px}
.hero-details>p:not(.hero-intro){margin:0;line-height:1.65}
.hero-copy .hero-details .button{margin-top:24px}
.hero-details .hero-growing-invitation{margin-top:20px}
.hero .scroll-note{bottom:25px}
.hero-brand-silhouette{position:absolute;right:4%;bottom:25px;width:clamp(130px,15vw,220px);height:65px;background:#e4ddc5;opacity:.2;mask:url('assets/footer-snuffleruff.avif') center/contain no-repeat;pointer-events:none}
@media(max-width:760px){
 .hero{height:max(900px,100svh);min-height:900px;max-height:none}
 .hero-copy{top:165px;bottom:90px;max-width:none}
 .hero-copy h1{margin:25px 0 36px}
 .hero-details{max-width:350px}
 .hero-details .hero-growing-invitation{margin-top:24px}
 .hero-brand-silhouette{width:125px;height:40px;bottom:22px;right:7%;opacity:.18}
}
@media(min-width:761px) and (max-height:800px){.hero{height:850px;min-height:850px;max-height:none}.hero-copy{top:max(200px,calc(15.2284vw + 20px))}}
@media(min-width:1900px){.hero{height:1050px;min-height:1050px;max-height:none}}
/* Keep the introduction together, anchored within the visible first screen. */
.hero{height:100svh;min-height:0;max-height:none}
.hero-copy{top:auto;bottom:76px;display:block;max-width:540px}
.hero-details{margin-top:0}
.hero-copy h1{font-size:clamp(80px,9.8vw,141px);margin:18px 0 24px}
.hero-details .hero-intro{margin-bottom:12px}
.hero-copy .hero-details .button{margin-top:18px}
.hero-details .hero-growing-invitation{margin-top:16px}
.hero-brand-silhouette{bottom:18px}
.hero .scroll-note{bottom:24px}
@media(max-width:760px){
 .hero{height:100svh;min-height:0;max-height:none}
 .hero-copy{top:auto;bottom:72px;max-width:none}
 .hero-copy h1{font-size:clamp(64px,11svh,100px);margin:16px 0 22px}
 .hero-details{max-width:350px;margin-top:0}
 .hero-copy p:not(.eyebrow){font-size:16px;line-height:1.5}
 .hero-details .hero-growing-invitation{margin-top:18px}
 .hero-brand-silhouette{bottom:16px;height:32px}
}
@media(max-height:750px){
 .hero-copy{bottom:58px}
 .hero-copy h1{font-size:clamp(54px,11svh,82px);margin:12px 0 16px}
 .hero-copy p:not(.eyebrow){font-size:15px;line-height:1.4}
 .hero-details .hero-intro{margin-bottom:8px}
 .hero-copy .hero-details .button{margin-top:12px;padding:12px 18px}
 .hero-details .hero-growing-invitation{margin-top:12px}
 .hero-growing-invitation em{font-size:16px}
}
@media(max-height:550px) and (min-width:761px){
 .hero-copy{left:7%;right:7%;max-width:none;bottom:52px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}
 .hero-copy>.eyebrow{grid-column:1;align-self:end}
 .hero-copy h1{grid-column:1;margin:12px 0 0;font-size:clamp(54px,17svh,85px)}
 .hero-details{grid-column:2;grid-row:1/3}
}
/* Keep the same timber hollow beneath the logo when the board is cropped. */
@media(max-width:1000px){
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber:before{
  left:0;transform:translate3d(0,calc(-1 * var(--nav-lift)),0);
 }
}
@media(max-width:760px){
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber:before{
  left:calc(40px + min(288px,100vw - 104px) * .72 - 270px);
 }
}
@media(max-width:760px){
 .header:not(.nav-compact) .nav-timber .brand{margin-top:max(3px,calc(103px - min(288px,100vw - 104px) / 3.0633))}
}
/* A restrained logo within the timber face, independent of the live-edge dips. */
.header:not(.nav-compact) .nav-timber .brand{
 width:calc((var(--nav-face) - 24px) * 3.0633);max-width:calc(100vw - 100px);
 height:var(--nav-face);margin:0;align-items:center;
}
.header:not(.nav-compact) .nav-timber .brand img{width:100%;height:auto;max-height:calc(var(--nav-face) - 24px);object-fit:contain}
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber:before{
 left:50%;transform:translate3d(-50%,calc(-1 * var(--nav-lift)),0);
}
/* Fill the scene right up behind the timber, with no exposed base-colour band. */
.hero .scene-bg{background-position:calc(50% - 110px) top;background-size:auto max(100%,calc(50vw + 110px))}
@media(max-width:760px){.hero .scene-bg{background-position:65% top;background-size:cover}}
/* A middle-sized mark, still kept inside the clear timber face. */
.header:not(.nav-compact) .nav-timber .brand{width:calc((var(--nav-face) - 12px) * 3.0633)}
.header:not(.nav-compact) .nav-timber .brand img{max-height:calc(var(--nav-face) - 12px)}

/* Petals bloom in sequence during the paw's spin in both navbar sizes. */
.header .nursery-petal{opacity:0;transform:scale(.65);transform-box:fill-box;transform-origin:center;transition:opacity .14s ease,transform .18s ease;transition-delay:calc(var(--order) * .055s)}
.header.menu-open .nursery-petal{opacity:1;transform:scale(1);transition-delay:calc(.15s + (7 - var(--order)) * .065s)}
.header.menu-open .nursery-stem{transition-delay:.55s}
.header.menu-open .nursery-pot{transition-delay:.7s}
@media(prefers-reduced-motion:reduce){.header .nursery-petal{transition:none;transform:none}}
/* The full logo already supplies the icon in expanded navigation. */
.header:not(.nav-compact) .nursery-petal,
.header:not(.nav-compact) .nursery-pot{opacity:0!important;transition:none}
.header:not(.nav-compact) .nursery-stem{transform:scaleY(0)!important;transition:none}
/* Remove the inherited upward offset rather than compensating with another transform. */
#noticeboard #nursery-line.market-nursery{translate:0 0!important}
.hero-brand-silhouette{width:65px;height:65px;mask-image:url('assets/hero-snuffleruff-icon.avif')}
@media(max-width:760px){.hero-brand-silhouette{width:36px;height:36px}}
/* Preserve the original layered cards; keep only the corrected hanging-line flow. */
#noticeboard #nursery-line.market-nursery{top:auto;margin:0;transform:translateX(-50%);translate:0!important}
#noticeboard .material-nursery-line{translate:none!important}
/* Final small adjustment to the approved Bargain line placement. */
#noticeboard #nursery-line.market-nursery{margin-top:20px}
/* Offset the artwork inside the anchor so jumping to the line preserves the visible drop. */
#noticeboard #nursery-line.market-nursery{margin-top:0;padding-top:20px}
/* Lower the Bargain line a further 50px from its approved position. */
#noticeboard #nursery-line.market-nursery{padding-top:70px}
/* Fill the space left by the clipboards with one matching pinned print. */
#noticeboard #nursery-line.market-nursery{padding-top:130px}
.noticeboard-extra-polaroid{grid-area:2/1/auto/5;position:relative;width:95%;margin:80px 0 0 4%;padding:12px 12px 65px;background:#faf4e8;transform:rotate(-7deg);box-shadow:3px 5px 7px #17251c40;align-self:start}
.noticeboard-extra-photo{aspect-ratio:4/5;background:#d7d8ce}
.noticeboard-extra-pin{position:absolute;top:5px;left:50%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#eddeb3,#b49148 60%,#796030);box-shadow:1px 2px 3px #30281970}
@media(max-width:600px){.noticeboard-extra-polaroid{width:70%;margin:20px auto 25px;padding:10px 10px 45px}}
/* Set the closing message lower in the meadow, nearer the grass edge. */
.nursery-ending .closing{transform:translateY(60px);z-index:2}

.hero-copy .hero-quiet-note{margin-top:22px;font:italic 18px/1.5 Georgia,serif;color:#e7dec7}

/* Smaller baskets swing from their attachment and withdraw without fading. */
.header .hanging-basket{width:145px;opacity:1;transition:transform 1.2s cubic-bezier(.4,0,.2,1);transform:translateX(-50%);animation:basket-pendulum 4.8s ease-in-out infinite alternate;transform-origin:50% 0}
.header .hanging-basket img{height:225px}
.header .hanging-basket.basket-retracted,.header.nav-compact .hanging-basket{transform:translate(-50%,-190%);opacity:1;pointer-events:none}
@keyframes basket-pendulum{from{rotate:-5deg}to{rotate:5deg}}
@media(max-width:760px){.header .hanging-basket{width:100px}.header .hanging-basket img{height:170px}}
@media(prefers-reduced-motion:reduce){.header .hanging-basket{animation:none;display:none}}

.noticeboard-extra-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.noticeboard-extra-polaroid figcaption{position:absolute;bottom:17px;left:10px;right:10px;text-align:center;font:clamp(14px,1.7vw,24px)/1.2 'Bradley Hand','Segoe Print',cursive;color:#2d3c1e}
.nursery-ending .closing h2{display:inline-block;position:relative;isolation:isolate;color:#1d2d16;text-shadow:0 1px 1px #fff8e7,0 0 18px #fff8e7a0;font-weight:600}
.nursery-ending .closing h2:before{content:'';position:absolute;inset:-20px -45px;z-index:-1;background:radial-gradient(ellipse,#f5eddcd9 20%,#f5eddc99 48%,transparent 73%);filter:blur(10px);pointer-events:none}

/* Give Belle de Loire fifty per cent more width in the desktop composition. */
.noticeboard-extra-polaroid{width:142.5%}
@media(max-width:600px){.noticeboard-extra-polaroid{width:95%;margin-left:auto;margin-right:auto;transform:rotate(-3deg)}}
#noticeboard #nursery-line.market-nursery{padding-top:100px;margin-bottom:-30px}
/* Bring the hanging line another 30px closer to the preceding collection. */
#noticeboard #nursery-line.market-nursery{padding-top:70px}
/* A closer, held potting scene: the lower bench intentionally extends beyond the view. */
.nursery-ending .homepage-potting{height:155svh;min-height:0;padding:0;overflow:visible;scroll-margin-top:0}
.nursery-ending .nursery-bench-stage{position:sticky;top:0;width:100%;max-width:none;height:100svh;min-height:0;margin:0;padding:100px 0 0;overflow:clip;animation:none!important;background:url('assets/web/potting-meadow.avif') center 45%/cover no-repeat}
.nursery-ending .nursery-cart-core{width:clamp(620px,64vw,980px);max-width:none;flex:none}
.nursery-ending .bench-trolley{bottom:-150px}
.nursery-ending .bench-trolley-left{left:-3%;width:26%}
.nursery-ending .bench-trolley-right{right:-3%;width:27%}
@media(max-width:760px){
 .nursery-ending .homepage-potting{height:145svh}
 .nursery-ending .nursery-bench-stage{padding-top:95px}
 .nursery-ending .nursery-cart-core{width:max(520px,105vw)}
 .nursery-ending .rope-paper strong{font-size:21px}
 .nursery-ending .rope-paper p{font-size:15px}
 .nursery-ending .rope-paper>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.nursery-ending .homepage-potting{height:100svh}.nursery-ending .nursery-bench-stage{position:relative}}
/* Hold the close view, then let the complete bench scroll into view. */
.nursery-ending .homepage-potting{height:auto;padding-bottom:0}
.nursery-ending .nursery-bench-stage{height:auto;min-height:100svh;overflow:visible;padding-bottom:24px;background:none;isolation:isolate}
.nursery-ending .nursery-bench-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/web/potting-meadow.avif') center 45%/cover no-repeat;mask-image:linear-gradient(to bottom,#000 calc(100% - 160px),transparent);pointer-events:none}
.nursery-ending .bench-trolley{bottom:30px}

/* Fine spacing adjustments around the scene and noticeboard. */
.nursery-ending .closing{transform:translateY(30px)}
#noticeboard #nursery-line.market-nursery{padding-top:50px}
.hero-copy .hero-details .hero-quiet-note{margin-top:32px}

.core-menu-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding:8px 0 16px;margin-bottom:14px;border-bottom:1px solid #35462b30}
.core-menu-links a{font-weight:600;text-decoration:none}
.nav-timber nav>a{font-size:16px;white-space:nowrap}
@media(max-width:1250px){.header .nav-timber nav>a{display:none}}
/* Keep the core destinations on the timber at tablet and desktop widths. */
@media(min-width:761px){
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav>a{display:inline-flex;font-size:clamp(14px,1.15vw,16px);align-items:center;min-height:44px}
 .header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav{gap:clamp(8px,1.3vw,20px);right:12px}
}

/* Measure the actual room on the timber; hide links from the left first. */
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav{gap:8px;right:12px}
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav>a{display:inline-flex;align-items:center;font-size:15px;min-height:40px;padding:6px 8px;border:0;border-radius:5px;text-decoration:none;transition:background-color .18s,color .18s}
.header .nav-timber nav>a[hidden]{display:none!important}
.header .nav-timber nav>a:hover,.header .nav-timber nav>a:focus-visible,.core-menu-links a:hover,.core-menu-links a:focus-visible{background:#4b3524;color:#dbe0cd}
.core-menu-links a{border-radius:5px;padding:6px 8px}
.browse-menu .menu-top{border:0;padding:0;margin:0;height:0;position:relative}
.browse-menu .menu-top #menu-close{position:absolute;right:0;top:0}
.browse-menu .core-menu-links{margin-top:0;padding-top:0;padding-right:32px;gap:4px 10px}

.growing-vision>#community{grid-column:1/-1;width:100%;max-width:none}
.header.nav-compact:not(.legal-header) .nav-timber nav{left:12px;right:12px;justify-content:space-between}
.header.nav-compact .nav-timber nav>a{justify-content:center}
/* Real woven suspension artwork; the fuchsia retains its original continuous rope. */
.header .hanging-basket .basket-rope{position:absolute;left:50%;top:0;transform:translateX(-50%);object-fit:contain;max-width:none;pointer-events:none}
.header .hanging-basket .basket-rope[hidden]{display:none}
.header .hanging-basket .basket-art{position:relative;display:block;object-fit:contain}

/* Centre the lettering in the clear timber face, above the live edge. */
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber nav>a{font-weight:700;position:relative;top:-6px}
#noticeboard #nursery-line.market-nursery{padding-top:35px}

/* Keep the paw and lettering on one centre line in both timber states. */
.header:is(.nav-compact,:not(.nav-compact)) .nav-timber #menu-toggle{top:-6px}
.header.nav-compact .nav-timber{--nav-lift:min(54px,calc(var(--nav-face) - 56px))}
.header.nav-compact{--menu-lift:min(54px,calc(max(92.2935px,9.22935vw) - 56px))}
.browse-menu .core-menu-links .menu-home{display:inline-flex;align-items:center;gap:5px}
.menu-home span{font:700 24px/1 Georgia,serif}
/* Let the potting bench stand on its own within the shared landscape. */
.nursery-ending .bench-trolley{display:none}
.nursery-ending .nursery-bench-stage:before{content:none}
/* Home has its own place beside the six core destinations. */
.browse-menu .menu-destinations{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:18px;margin:0 25px 18px 0;padding-bottom:12px;border-bottom:1px solid #35462b30}
.browse-menu .greenhouse-home{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:5px;color:#35462b;font-size:13px;font-weight:700;line-height:1.1}
.greenhouse-home svg{display:block;width:65px;height:62px}.greenhouse-home:hover{background:#4b3524!important;color:#dbe0cd!important}
.browse-menu .menu-destinations .core-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding:0;margin:0;border:0;text-align:center}
.browse-menu .menu-destinations .core-menu-links a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 4px}
@media(max-width:600px){.browse-menu .menu-destinations{grid-template-columns:56px minmax(0,1fr);gap:7px;margin-right:18px}.greenhouse-home svg{width:49px;height:52px}.browse-menu .menu-destinations .core-menu-links{gap:2px}.browse-menu .menu-destinations .core-menu-links a{font-size:12px;padding:5px 2px}}
@media(max-width:600px){.browse-menu .menu-destinations{margin-right:40px;grid-template-columns:48px minmax(0,1fr);gap:5px}.browse-menu .menu-destinations .core-menu-links a{font-size:11px;letter-spacing:-.02em}.greenhouse-home svg{width:44px}}
/* Independent scenery behind the approved footer; no footer geometry is changed. */
.nursery-ending{position:relative}
.nursery-ending>.closing{visibility:hidden}
.footer-garden-signs{position:absolute;left:50%;transform:translateX(-50%);width:min(1000px,94%);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,65px);align-items:end;z-index:3;pointer-events:none}
.footer-garden-signs>img{display:block;width:100%;height:auto}
.footer-garden-signs .garden-plaque{min-width:0;line-height:0}
.footer-garden-signs .garden-plaque img{display:block;width:185%;max-width:none;margin-left:-42.5%;height:auto}
@media(max-width:600px){.footer-garden-signs{width:96%;gap:15px}}

/* The bench and its landscape scroll as one scene. */
.nursery-ending .nursery-bench-stage{position:relative;top:auto}
.nursery-ending .homepage-potting{height:auto}
/* Equal gutters between Home, the centred destinations and the Close target. */
.browse-menu #menu-close{width:32px;box-sizing:border-box}
.browse-menu .menu-destinations{grid-template-columns:72px minmax(0,1fr);gap:24px;margin-right:56px}
.browse-menu .menu-destinations .core-menu-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px;text-align:center}
.browse-menu .menu-destinations .core-menu-links a{justify-content:center;padding:6px 4px}
@media(max-width:600px){.browse-menu .menu-destinations{grid-template-columns:48px minmax(0,1fr);gap:12px;margin-right:44px}.browse-menu .menu-destinations .core-menu-links{gap:2px}.browse-menu .menu-destinations .core-menu-links a{padding:5px 2px}}

/* Core destinations retain their rounded hover without an underline. */
.browse-menu .core-menu-links a,.browse-menu .core-menu-links a:hover,.browse-menu .core-menu-links a:focus-visible{text-decoration:none}

/* Match the first compact link's inset to the visible menu icon's outer inset. */
.header.nav-compact:not(.legal-header) .nav-timber nav{left:26px}
@media(max-width:760px){.header.nav-compact:not(.legal-header) .nav-timber nav{left:16px}}

/* Give prose spaces enough room in the nursery typeface, at every viewport. */
.hero-copy p,.growing-copy p,.enquiry-paper p{word-spacing:.06em}
.growing-copy p+p,.growing-vision article p+p{margin-top:1em}

/* Approved customer-filled watercolour homepage hero. */
.hero .scene-bg{background-image:url('assets/web/homepage-watercolour-concept-v1.avif');background-position:center top;background-size:cover}
@media(max-width:760px){.hero .scene-bg{background-position:65% top}}

/* Shift the nursery scene left to reveal the browsing couple. */
.hero .scene-bg{background-position:calc(50% - 100px) top}
@media(max-width:760px){.hero .scene-bg{background-position:calc(65% - 100px) top}}

.browse-menu .menu-foot{border:0;margin:12px 0 16px;padding:0 8px;text-align:center;line-height:1.5}
.browse-menu .menu-footer-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;padding-inline:0}
.browse-menu .menu-footer-links a{text-align:center;padding:9px 4px}
@media(max-width:600px){.browse-menu .menu-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Art-directed portrait, approved standard scene, and panoramic hero. */
@media(max-aspect-ratio:3/4){.hero .scene-bg{background-image:url('assets/web/homepage-watercolour-portrait-v1.avif');background-position:center top;background-size:cover}}
@media(min-aspect-ratio:3/2){.hero .scene-bg{background-image:url('assets/web/homepage-watercolour-wide-v1.avif');background-position:center top;background-size:cover}}

.footer-garden-signs{display:block;width:min(650px,80%)}
@media(max-width:600px){.footer-garden-signs{width:88%}}

/* Half-size sign; placement script keeps stake tips at the same soil depth. */
.footer-garden-signs{width:min(422.5px,52%)}
@media(max-width:600px){.footer-garden-signs{width:57.2%}}

/* Greenhouse welcome, lower secondary links, and a corner close control. */
.browse-menu .menu-destinations{grid-template-columns:100px minmax(0,1fr);margin-right:0;gap:24px;align-items:center}
.browse-menu .core-menu-links{padding-right:0}
.browse-menu .greenhouse-home{display:grid;place-items:center;width:100%;height:96px;padding:0;background:transparent!important;color:#35462b!important;border-radius:0;text-decoration:none}
.browse-menu .greenhouse-home svg{width:100%;height:100%;overflow:visible}
.grow-light{opacity:0;transition:opacity .45s ease}.grow-light.pink{fill:#e595bd}.grow-light.blue{fill:#8caee5}
.greenhouse-seedlings{transform:scaleY(.08);transform-origin:40px 69px;opacity:0;transition:transform .65s ease,opacity .35s ease}
.greenhouse-home:is(:hover,:focus-visible) .grow-light{opacity:.38}
.greenhouse-home:is(:hover,:focus-visible) .greenhouse-seedlings{opacity:1;transform:scaleY(1)}
.browse-menu .menu-footer-links{margin-top:30px;padding-top:20px;padding-bottom:12px}
.browse-menu .menu-footer-links a{font-size:16px;font-weight:400}
.menu-close-corner{display:flex;justify-content:flex-end;margin:4px -20px -14px 0}
.browse-menu .menu-close-corner #menu-close{position:static;width:52px;height:44px;background:#4b3524;color:#f3ebd9;border:0;border-radius:28px 0 0 0;padding:0;display:grid;place-items:center;font-size:30px;line-height:1}
#menu-close span{display:block;transition:transform .35s ease}
#menu-close:is(:hover,:focus-visible) span{transform:rotate(180deg)}
@media(max-width:600px){.browse-menu .menu-destinations{grid-template-columns:70px minmax(0,1fr);gap:12px}.browse-menu .greenhouse-home{height:76px}.browse-menu .menu-footer-links{margin-top:24px}.browse-menu .menu-footer-links a{font-size:14px}.menu-close-corner{margin-right:-8px}}
@media(prefers-reduced-motion:reduce){.grow-light,.greenhouse-seedlings,#menu-close span{transition:none}#menu-close:is(:hover,:focus-visible) span{transform:none}}

/* Join the close corner to the frame and tighten the secondary navigation. */
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{--menu-frame:#614b35;--menu-inset:22px;border-color:var(--menu-frame);padding-bottom:0;transition:border-color .25s ease}
.browse-menu .menu-footer-links{margin-top:14px;padding-top:10px;padding-bottom:4px}
.browse-menu .menu-footer-links a{border-radius:5px;text-decoration:none!important;transition:background-color .18s,color .18s}
.browse-menu .menu-footer-links a:is(:hover,:focus-visible){background:#4b3524;color:#dbe0cd;text-decoration:none!important}
.browse-menu .menu-close-corner{margin:4px calc(-1 * var(--menu-inset)) 0 0}
.browse-menu .menu-close-corner #menu-close{background:var(--menu-frame);border-radius:28px 0 0 0;transition:background-color .25s ease}
.header:is(.nav-compact,:not(.nav-compact)) .browse-menu:has(#menu-close:is(:hover,:focus-visible)){--menu-frame:#3d2b1e}
@media(max-width:600px){.header:is(.nav-compact,:not(.nav-compact)) .browse-menu{--menu-inset:10px}.browse-menu .menu-footer-links{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.header:is(.nav-compact,:not(.nav-compact)) .browse-menu,.browse-menu .menu-close-corner #menu-close{transition:none}}

/* One aligned footer row ending in the integrated corner tab. */
.browse-menu .menu-footer-row{display:flex;align-items:center;gap:18px;margin:20px calc(-1 * var(--menu-inset)) 0 0;min-height:52px}
.browse-menu .menu-footer-row .menu-footer-links{flex:1;min-width:0;width:auto;margin:0;padding:0;border:0;gap:4px}
.browse-menu .menu-footer-row .menu-footer-links a{padding:10px 3px}
.browse-menu .menu-footer-row .menu-close-corner{align-self:stretch;flex:0 0 52px;margin:0}
.browse-menu .menu-footer-row #menu-close{height:100%;min-height:52px;padding:8px 0 0 8px}
@media(max-width:600px){.browse-menu .menu-footer-row{gap:12px;margin-top:16px}.browse-menu .menu-footer-row .menu-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-menu .menu-footer-row .menu-footer-links a{padding:6px 2px}.browse-menu .menu-footer-row #menu-close{min-height:64px}}

/* Slightly smaller corner with balanced footer-row spacing. */
.browse-menu .menu-footer-row{min-height:46px}
.browse-menu .menu-footer-row .menu-close-corner{flex-basis:46px}
.browse-menu .menu-footer-row #menu-close{width:46px;min-height:46px;border-top-left-radius:25px;padding:6px 0 0 6px;font-size:28px}
@media(max-width:600px){.browse-menu .menu-footer-row #menu-close{min-height:64px}}

/* Quieter, tighter secondary navigation. */
.browse-menu .menu-footer-row{margin-top:10px;min-height:42px;gap:16px}
.browse-menu .menu-footer-row .menu-footer-links a{font-size:15px;padding:8px 3px}
.browse-menu .menu-footer-row .menu-footer-links a:is(:hover,:focus-visible){background:transparent;color:#35462b;text-decoration:none!important}
.browse-menu .menu-footer-row .menu-close-corner{flex-basis:42px}
.browse-menu .menu-footer-row #menu-close{width:42px;min-height:42px;border-top-left-radius:23px;font-size:25px;padding:6px 0 0 6px}
@media(max-width:600px){.browse-menu .menu-footer-row{margin-top:8px;gap:10px}.browse-menu .menu-footer-row .menu-footer-links a{font-size:13px;padding:5px 2px}.browse-menu .menu-footer-row #menu-close{min-height:56px}}

/* Secondary links rise from the same brown frame as the close tab. */
.browse-menu .menu-footer-row .menu-footer-links{align-self:stretch;align-items:stretch}
.browse-menu .menu-footer-row .menu-footer-links a{position:relative;isolation:isolate;overflow:hidden;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}
.browse-menu .menu-footer-links a::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--menu-frame);border-radius:12px 12px 0 0;transform:translateY(102%);transition:transform .25s ease}
.browse-menu .menu-footer-row .menu-footer-links a:is(:hover,:focus-visible){background:transparent;color:#f3ebd9}
.browse-menu .menu-footer-links a:is(:hover,:focus-visible)::before{transform:translateY(0)}
.browse-menu #soil-links{display:block}
.menu-growing-group h3{font:600 11px/1.4 'Trebuchet MS',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#756047;margin:0 0 6px}
.menu-growing-group+ .menu-growing-group{margin-top:12px;padding-top:12px;border-top:1px solid #6c563b24}
.menu-growing-group>div{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}
.browse-menu #soil-links .menu-growing-group a{border:0;min-height:0;padding:6px 4px;align-items:center}
@media(max-width:600px){.menu-growing-group>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.browse-menu .menu-footer-links a::before{transition:none}}

/* Keep menu scrolling inside the dropdown at both scroll boundaries. */
.browse-menu{overscroll-behavior-y:contain;}

.shop-menu-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #35462b30}.shop-menu-links a{padding:7px 10px;border-radius:8px;text-decoration:none;font-weight:600}.shop-menu-links a:hover{background:#614b35;color:#f3ebd9}

/* Matching home and shop destination rows. */
.browse-menu #soil-links a{border:0!important;text-decoration:none;box-shadow:none}
.browse-menu #soil-links a::after{border:0;background:none}
.browse-menu .basket-shop{display:grid;place-items:center;height:96px;color:#35462b;background:transparent;text-decoration:none;border-radius:12px}
.browse-menu .basket-shop svg{width:90px;height:88px;transition:transform .2s ease}
.browse-menu .basket-shop:hover svg{transform:rotate(-5deg)}
.browse-menu .basket-shop:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.browse-menu .basket-shop{height:76px}.browse-menu .basket-shop svg{width:65px;height:68px}}
@media(prefers-reduced-motion:reduce){.browse-menu .basket-shop svg{transition:none}}

/* Match the supplied basket’s visual weight to the greenhouse outline. */
.browse-menu .basket-shop svg path{stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}

.footer-garden-signs:not(.sign-positioned){visibility:hidden}