*{box-sizing:border-box}body{margin:0;background:#302319;color:#2e4024;font-family:'Gill Sans','Trebuchet MS',sans-serif}.skip{position:absolute;left:20px;top:-100px;z-index:20}.skip:focus{top:20px;background:#fff;padding:15px}.scene{position:relative;isolation:isolate;min-height:850px;overflow:hidden;background:#d7dfc7}.landscape{position:absolute;inset:0;z-index:-2;background:url('assets/web/coming-soon-watercolour-v2-puppies.avif') center 56%/cover no-repeat}.landscape:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#f4f0dfed 0%,#f4f0dfd9 26%,#f4f0df66 53%,transparent 77%)}header{height:110px;position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 4%;background:url('assets/web/timber-display.svg') center bottom/100% 100% no-repeat}header>a img{width:170px;height:58px;object-fit:contain}header button{border:0;background:transparent;cursor:pointer;padding:8px;width:55px;height:55px}header button img{width:100%;height:100%}button:focus-visible,a:focus-visible{outline:3px solid #77512b;outline-offset:5px}.baskets{position:absolute;inset:35px 0 auto;height:300px;pointer-events:none;z-index:2;transition:transform 1s ease-in-out}.basket{position:absolute;top:0;width:155px;height:285px;object-fit:contain;object-position:top;transform-origin:50% 0;animation:sway 7s ease-in-out infinite alternate}.basket.left{left:3%;rotate:3deg}.basket.right{right:4%;top:-35px;animation-delay:-3s}.tucked .baskets{transform:translateY(-420px)}main{position:relative;text-align:center;max-width:720px;margin:0 auto;padding:30px 30px 160px;z-index:3}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 25px}.wordmark{width:min(540px,100%);height:auto}h1{font:700 clamp(30px,4vw,48px)/1.1 Georgia,serif;letter-spacing:.015em;margin:32px 0 12px}.tagline{font:clamp(19px,2.4vw,26px)/1.4 Georgia,serif;margin:0 0 25px}.status{display:inline-block;border-top:1px solid #35462b66;border-bottom:1px solid #35462b66;padding:10px 20px;text-transform:uppercase;font-size:13px;letter-spacing:.2em;font-weight:700;margin:0 0 20px}.intro{font-size:19px;line-height:1.6;margin:0 0 23px}.explore{display:inline-flex;gap:16px;align-items:center;border-radius:30px;background:#35462b;color:#f4edd9;padding:15px 25px;text-decoration:none;font-weight:700}.explore:hover{background:#4b3524}.small-note{font-size:13px;max-width:360px;margin:18px auto;line-height:1.5}.grass{position:absolute;bottom:-1px;height:210px;width:100%;z-index:4;pointer-events:none;background:url('assets/web/footer-soil-continuous.avif') center top/max(100vw,1000px) 750px no-repeat}footer{position:relative;text-align:center;background:#302319;color:#f0e5cb;padding:30px 20px 28px}footer p{font-size:15px;line-height:1.7;margin:0 0 20px}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 20px}footer a{color:inherit;font-size:13px;padding:5px;text-underline-offset:4px}footer small{font-size:12px}@keyframes sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media(max-width:600px){header{height:90px;padding:10px 20px}header>a img{width:135px;height:48px}.basket{width:95px;height:205px}.basket.left{left:-20px}.basket.right{right:-15px}main{padding:45px 25px 155px}.eyebrow{font-size:10px;letter-spacing:.13em}.wordmark{width:100%}.intro{font-size:17px}h1{margin-top:25px}.scene{min-height:800px}.landscape{background-position:58% center}.landscape:after{background:linear-gradient(#f4f0dfb8,#f4f0dfed 25%,#f4f0dfc9 65%,transparent)}.grass{height:160px;background-size:1000px 640px}}@media(prefers-reduced-motion:reduce){.basket{animation:none}.baskets{transition:none}}

header button img{filter:brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(1120%) hue-rotate(47deg)}

header{background-size:112% 100%}
/* Use the timber at its natural proportions, extending beyond both screen edges. */
header{background:none;height:120px;padding:12px 4%;isolation:isolate}
header:before{content:'';position:absolute;z-index:-1;top:-15px;left:50%;transform:translateX(-50%);width:max(110vw,1100px);height:max(167px,16.75vw);background:url('assets/web/timber-display.svg') center/100% 100% no-repeat;pointer-events:none}
header>a img{height:58px;width:180px}
.basket{width:115px;height:235px}.baskets{top:58px}.basket.left{left:4%}.basket.right{right:5%;top:-12px}
/* One continuous grass-to-soil illustration, rather than a cut-off grass strip. */
.grass{display:none}
footer{margin-top:-145px;padding:255px 20px 38px;background:transparent url('assets/web/footer-soil-continuous.avif') center top/max(100vw,1000px) 100% no-repeat;isolation:isolate}
footer:before{content:'';position:absolute;inset:50% 0 0;z-index:-1;background:#302319}
footer:after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/web/footer-soil-continuous.avif') center top/max(100vw,1000px) 100% no-repeat}
@media(max-width:600px){header{height:110px;padding:10px 20px}header>a img{width:145px;height:50px}.basket{width:72px;height:175px}.basket.left{left:0}.basket.right{right:0}.baskets{top:62px}footer{margin-top:-125px;padding-top:235px}main{padding-top:25px}}
.baskets{top:95px}@media(max-width:600px){.baskets{top:95px}}
header>a img{width:260px;height:85px;object-fit:contain}header button{margin-top:12px;color:#2e4024;width:60px;height:60px;display:grid;place-items:center}.nursery-menu-icon{width:46px;height:46px;overflow:visible}.nursery-menu-icon .nursery-petal,.nursery-menu-icon .nursery-stem,.nursery-menu-icon .nursery-pot{display:none}.nursery-menu-icon .nursery-pad{transform:translate(0,-25px) scale(1.2);transform-origin:center}.cycling .nursery-menu-icon{animation:pad-spin 1.6s ease-in-out}.baskets{top:65px;height:430px;transition:transform .75s ease-in-out}.basket{height:365px;width:135px;object-fit:contain;object-position:top}.basket.right{top:20px}.tucked .baskets{transform:translateY(-540px)}@keyframes pad-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){header>a img{width:200px;height:70px}header button{margin-top:5px;width:48px;height:48px}.nursery-menu-icon{width:38px;height:38px}.basket{width:82px;height:285px}.baskets{top:80px}.basket.left{left:0}.basket.right{right:0;top:15px}}
@media(prefers-reduced-motion:reduce){.cycling .nursery-menu-icon{animation:none}}

.basket .suspension{position:absolute;top:0;left:50%;transform:translateX(-50%);height:160px;width:80px;object-fit:fill}.basket .basket-art{position:absolute;top:150px;left:0;width:100%;height:auto;max-height:270px;object-fit:contain}.baskets{top:35px}.basket.right{top:25px}@media(max-width:600px){.baskets{top:45px}.basket .suspension{height:125px;width:63px}.basket .basket-art{top:115px;max-height:210px}}

/* Layer each basket independently around the central wordmark. */
.baskets{display:contents}.basket{top:35px;transition:translate .75s ease-in-out}.basket.left{z-index:4}.basket.right{z-index:2;top:60px}.basket.is-retracted{translate:0 -600px}
@media(max-width:600px){.basket.left{top:45px}.basket.right{top:60px}}
@media(prefers-reduced-motion:reduce){.basket{transition:none}}
/* Coming-soon page ends with a simple signoff, without the soil illustration. */
footer{margin-top:0;padding:28px 20px 30px;background:#f3efdf;color:#2e4024}
footer:before,footer:after{content:none}
@media(max-width:600px){footer{margin-top:0;padding:25px 20px 28px}}

/* The closing details sit directly on the same garden scene. */
.scene{min-height:100svh}main{padding-bottom:35px}footer{margin:0;padding:25px 20px 30px;background:none;color:#2e4024;z-index:3}footer:before,footer:after{content:none}footer p{font-weight:500}footer a{font-weight:600}.landscape:after{background:radial-gradient(ellipse at 50% 42%,#f4f0dfaa 0%,#f4f0df77 30%,transparent 75%)}
@media(max-width:600px){main{padding-bottom:25px}footer{margin:0;padding:20px 20px 25px}.landscape:after{background:linear-gradient(#f4f0df55,#f4f0df99 35%,#f4f0df99)}}
.landscape{background-image:url('assets/web/coming-soon-watercolour-v2-puppies.avif');background-position:center center}.landscape:after{background:radial-gradient(ellipse at center,#f4f0df55,transparent 72%)}
@media(max-width:600px){.landscape{background-position:50% center}.landscape:after{background:#f4f0df44}}
/* A single viewport scene: copy and signoff share the available height. */
html,body{height:100%;overflow:hidden}.scene{height:100dvh;min-height:0;display:grid;grid-template-rows:105px minmax(0,1fr) auto}.landscape{background-size:100% 100%;background-position:center}header{height:105px}main{width:100%;min-height:0;max-width:720px;padding:15px 25px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.4vh,16px)}main>*{flex-shrink:0}.eyebrow{margin:0;font-size:11px}.wordmark{width:min(470px,56vh,80vw);max-height:22vh;object-fit:contain}h1{margin:0;font-size:clamp(25px,4.4vh,42px)}.tagline{margin:0;font-size:clamp(17px,2.7vh,24px)}.status{margin:0;padding:7px 16px;font-size:11px}.intro{margin:0;font-size:clamp(14px,2.1vh,18px);line-height:1.4}.explore{padding:11px 22px;font-size:14px}.small-note{margin:0;font-size:11px}footer{padding:12px 20px 18px}footer p{margin:0 0 10px;font-size:13px;line-height:1.5}footer nav{margin:0 0 8px;gap:5px 18px}footer a{font-size:12px}footer small{font-size:11px}
@media(max-width:600px){.scene{grid-template-rows:115px minmax(0,1fr) auto}.landscape{background-size:auto 100%;background-position:38% center}main{padding:12px 20px 8px;gap:12px}.wordmark{width:min(88vw,44vh)}h1{font-size:clamp(23px,6.5vw,32px)}.tagline{font-size:17px}.intro{font-size:15px}footer{padding:8px 15px 14px}.basket{width:65px}.basket.left{left:-16px}.basket.right{right:-16px}}
@media(max-height:650px){.scene{grid-template-rows:75px minmax(0,1fr) auto}header:before{top:-55px}header>a img{height:55px;width:180px}header button{margin-top:0}main{gap:6px;padding-top:3px}.wordmark{max-height:16vh;width:36vh}.eyebrow{font-size:9px}h1{font-size:24px}.tagline{font-size:16px}.intro{font-size:13px}.small-note{display:none}.status{padding:3px 12px}.explore{padding:8px 18px;font-size:12px}footer{padding:5px 15px 9px}footer p{font-size:11px;margin-bottom:4px}footer nav{margin-bottom:3px}footer a,footer small{font-size:10px}.baskets .basket{scale:.75;transform-origin:50% 0}}
.landscape{background-size:cover;background-position:30% center}@media(max-width:600px){.landscape{background-position:20% center}}
header:before{top:calc(130px - max(167px,16.75vw))}@media(max-height:650px){header:before{top:calc(85px - max(167px,16.75vw))}}

/* Keep the logo inside the plain timber area at every viewport width. */
header{padding-top:8px;align-items:flex-start}
header>a{display:flex;align-items:center;height:64px;max-width:calc(100% - 76px)}
header>a img{display:block;width:210px;height:64px;max-width:100%;object-fit:contain;object-position:left center}
footer{padding:12px 16px 18px}footer small,footer small a{font-size:12px;line-height:1.6}footer small a{padding:0}
@media(max-width:600px){header>a,header>a img{height:62px}header>a img{width:200px}}
@media(max-height:650px){header{padding-top:5px}header>a,header>a img{height:44px}header>a img{width:145px}}

/* Expanded navbar geometry copied from the main site's .nav-timber rules. */
.scene{--nav-expanded-height:max(152.284px,15.2284vw);--nav-face:max(92.2935px,9.22935vw);grid-template-rows:var(--nav-expanded-height) minmax(0,1fr) auto}
.scene>header{height:var(--nav-expanded-height);padding:0 26px;gap:24px;background:none}
.scene>header:before{top:calc(-1 * max(12px,1.2vw));left:50%;right:auto;bottom:auto;width:max(100%,1000px);height:var(--nav-expanded-height);transform:translate3d(-50%,0,0);background:url('assets/web/timber-display.svg') center top/100% 100% no-repeat;filter:drop-shadow(0 5px 4px #251c2540)}
.scene>header>a{position:relative;display:flex;flex:0 0 auto;align-items:center;width:calc((var(--nav-face) - 12px) * 3.0633);max-width:calc(100vw - 100px);height:var(--nav-face);margin:0}
.scene>header>a img{display:block;width:100%;height:auto;max-height:calc(var(--nav-face) - 12px);object-fit:contain;object-position:left center}
.scene>header button{position:absolute;right:12px;top:calc((var(--nav-face) - 64px) / 2 - 6px);width:64px;height:64px;margin:0;padding:6px;color:#2d3c1e}
.scene>header .nursery-menu-icon{width:35.84px;height:35.84px}
@media(max-width:760px){.scene>header{padding-inline:12px}.scene>header button{width:44px}}

/* Compact family signature, matching the other coming-soon scenes. */
.soon-family-lockup{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#2e4024}
.soon-family-lockup .family-nursery-icon,.soon-family-lockup .family-parent-wordmark{display:block;flex:none;height:24px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.soon-family-lockup .family-nursery-icon{width:24px;mask-image:url('assets/footer-nursery-icon.avif')}
.soon-family-lockup .family-parent-wordmark{width:100px;mask-image:url('assets/footer-snuffleruff.avif')}
.soon-family-lockup .family-cross{font:14px/1 Georgia,serif}

@media(max-height:600px){.soon-family-lockup{margin-top:8px;gap:6px}.soon-family-lockup .family-nursery-icon{width:20px;height:20px}.soon-family-lockup .family-parent-wordmark{width:83px;height:20px}}

.soon-family-lockup a{color:inherit}

/* Legal is part of the quiet copyright line. */
footer small a{font:inherit;color:inherit;text-decoration:none;padding:0}
footer small a:hover,footer small a:focus-visible{text-decoration:underline;text-underline-offset:3px}



/* One suspension only: the fuchsia artwork already includes its own rope. */
.basket-preparing{visibility:hidden}.basket .suspension[hidden]{display:none}.basket[data-art="0"] .basket-art{width:60%;left:20%;top:0;max-height:none}
/* Removed soil footer must not leave a background download behind. */
.scene>footer,.scene>footer:after{background-image:none}
/* Align the built-in fuchsia suspension with the other basket bottoms. */
.basket[data-art="0"] .basket-art{top:109px}
@media(max-width:600px){.basket[data-art="0"] .basket-art{top:95px}}