/* Concept 2: the original botanical details carry through the interface. */
.concept{display:flex;justify-content:center;gap:20px}.concept a{text-decoration:underline}
header{position:relative}header::after{content:'';position:absolute;width:82px;height:44px;right:3%;bottom:0;background:url('grass-right.png') center/contain no-repeat;pointer-events:none;z-index:1;filter:brightness(0) invert(1);opacity:.45}
nav{height:116px}nav .links{gap:24px}nav .pill{margin-right:40px}
.intro{position:relative;padding-top:57px;padding-bottom:44px}.intro::after{content:'';position:absolute;bottom:10px;left:1px;width:100px;height:3px;background:var(--ink);clip-path:polygon(0 40%,14% 6%,45% 28%,77% 0,100% 35%,94% 74%,37% 100%,0 70%)}
.eyebrow{letter-spacing:1.8px}.textlink{border:0;position:relative;display:inline-flex;align-items:center;gap:12px}.textlink::after{content:'';position:absolute;height:1px;background:currentColor;left:0;bottom:0;width:75%;transform:rotate(-.45deg);opacity:.55}
.drawn-arrow{display:inline-block;vertical-align:middle;width:34px;height:19px;flex-shrink:0;transition:transform .18s}.drawn-arrow svg{display:block;width:100%;height:100%}a:hover .drawn-arrow{transform:translateX(4px)}
.card{position:relative;border-bottom:0;padding-bottom:22px}.card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink);opacity:.4;clip-path:polygon(0 35%,23% 0,61% 45%,100% 8%,99% 66%,43% 100%,0 80%)}.card h3{align-items:center}.card img{border-radius:2px 3px 1px 2px}
.pill,.button{position:relative;display:inline-flex;gap:20px;align-items:center;border:0;isolation:isolate}.pill::before,.button::before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid currentColor;border-radius:2px 5px 3px 1px;transform:rotate(-.6deg)}.pill{padding:11px 16px;background:transparent}.button{margin-top:20px;padding:17px 25px;background:none;color:white}.button::before{background:var(--ink);border:0;transform:rotate(-.5deg)}.button::after{content:'';position:absolute;bottom:calc(100% - 4px);right:15px;width:65px;height:35px;background:url('grass-left.png') center/contain no-repeat;pointer-events:none;filter:brightness(0)}
.provenance{border-top:0;border-bottom:1px solid var(--rule)}.story{background:var(--paper);padding-top:59px}.storytop{position:relative}.storytop::after{content:'';position:absolute;left:-55px;top:0;width:65px;height:110px;background:url('grass-right.png') bottom/contain no-repeat;transform:rotate(-15deg);opacity:.17;pointer-events:none}
.art{margin:35px auto 0;height:auto;aspect-ratio:5.7;max-width:1500px;mix-blend-mode:multiply}.art img{width:100%;top:50%}.storybottom{padding-top:18px;border-bottom:1px solid var(--rule)}
.design{padding-top:65px;padding-bottom:125px}.step{border-bottom:0;position:relative}.step::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--rule);transform:rotate(-.3deg)}.step span{font-style:italic;color:var(--ink)}
footer{position:relative;padding:65px 0 35px;background:#151515}footer::before{content:'';position:absolute;top:-79px;left:0;right:0;height:80px;background-image:url('grass-left.png'),url('grass-right.png'),url('grass-left.png');background-repeat:no-repeat;background-size:166px 90px,147px 80px,95px 52px;background-position:3% bottom,95% bottom,75% bottom;filter:brightness(0);pointer-events:none}footer::after{content:'';position:absolute;top:-2px;left:0;right:0;height:5px;background:#151515;clip-path:polygon(0 33%,8% 2%,18% 39%,30% 14%,43% 30%,58% 1%,68% 40%,81% 9%,100% 28%,100% 100%,0 100%)}
.footer-note{font-size:25px;font-weight:400;line-height:1.4;margin:0 0 34px;letter-spacing:-.6px}.foot{align-items:start;border-top:1px solid #4c4751;padding-top:25px}.foot a{line-height:2}.footer-credit{padding-top:28px;font-size:10px;color:#a49aaa}.foot img{width:155px}.foot .drawn-arrow{width:26px}.footer-note .drawn-arrow{margin-left:15px;width:43px}
@media(min-width:701px) and (max-width:1000px){nav .links>a:not(.pill){display:none}.storytop::after{display:none}}
@media(max-width:700px){.concept{font-size:8px;gap:12px}nav{height:88px}nav .pill{margin:0;font-size:10px;gap:8px;padding:9px 10px}nav .pill .drawn-arrow{width:20px}nav img{width:118px}header::after{width:50px;height:27px;right:5%;bottom:0}.intro{padding-top:34px;padding-bottom:33px}.intro::after{bottom:11px;width:70px}.card{padding-bottom:14px}.card h3 .drawn-arrow{width:29px}.story{padding-top:32px}.storytop::after{display:none}.art{height:160px;aspect-ratio:auto;margin-top:24px}.art img{width:900px;left:-70px}.storybottom{padding-bottom:24px}.design{padding-top:34px;padding-bottom:98px}.button{font-size:12px;gap:16px}.design .steps{margin-top:32px}footer{padding-top:32px}footer::before{height:62px;top:-61px;background-size:113px 61px,105px 57px,55px 30px;background-position:3% bottom,96% bottom,66% bottom}.footer-note{font-size:24px}.foot{padding-top:24px}.footer-credit{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.drawn-arrow{transition:none}}

/* Simplified opening and a single, connected planting edge. */
header::after{display:none}
nav .pill{margin-right:0}
.intro{display:block;padding-top:45px;padding-bottom:35px}
.intro h1{max-width:800px}
footer::before{height:160px;top:-135px;background:#151515;filter:none;mask:url('grass-left.png') left 3% bottom 8px/195px 106px no-repeat,url('grass-right.png') right 3% bottom 8px/180px 98px no-repeat,linear-gradient(transparent calc(100% - 38px),#000 0);-webkit-mask:url('grass-left.png') left 3% bottom 8px/195px 106px no-repeat,url('grass-right.png') right 3% bottom 8px/180px 98px no-repeat,linear-gradient(transparent calc(100% - 38px),#000 0);z-index:0}
footer::after{display:none}
footer>.wrap{position:relative;z-index:1}
.design{padding-bottom:155px}
@media(max-width:700px){.intro{padding-top:30px;padding-bottom:28px}.intro h1{margin-bottom:8px}footer::before{height:90px;top:-70px;mask-size:115px 63px,105px 57px,100% 100%;-webkit-mask-size:115px 63px,105px 57px,100% 100%}.design{padding-bottom:108px}}