/* exemplar-font motive: brief.md, Kunde/Material, nursery plant labels. Rokkitt's wide slab letters and Source Sans form a botanical print system. The viewed calibration uses League Spartan/Nunito or Bricolage; neither typography is copied. */
/* serif-display motive: brief.md, Material, named bed packages. Broad printed-label letterforms recur at monumental scale, beside drawn botany rather than the restrained serif/photo reflex. */
@font-face{font-family:Rokkitt;src:url('fonts/rokkitt-var-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Source Sans;src:url('fonts/source-sans-3-var-latin.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
:root{
  --color-bg:#e8ede7;--color-ink:#203b2e;--color-muted:#4d6050;
  --color-accent:#edcd70;--color-lilac:#c7b9d3;--color-lilac-ink:#524069;
  --color-border:#728373;--color-soil:#4b4633;--color-root:#d5c7a5;
  --color-on-dark:#c8d8c5;--color-dark-border:#809782;--color-panel:#d9e1d4;
  --side:clamp(24px,4.1vw,60px);
  --display:Rokkitt,Georgia,serif;--body:'Source Sans',Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-padding-top:24px}
body{margin:0;background:var(--color-bg);color:var(--color-ink);font:18px/1.5 var(--body);font-kerning:normal;font-optical-sizing:auto}
h1,h2,h3,h4,p,figure,dl,dd,fieldset{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500;text-wrap:balance}
.heading-stop{padding-inline-start:.06em;letter-spacing:0}
h2{font-size:clamp(66px,6.8vw,100px);line-height:.93;letter-spacing:-.045em}
p{max-width:65ch;text-wrap:pretty}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
button,select{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
button:disabled{cursor:default}
[hidden]{display:none!important}
::selection{background:var(--color-accent);color:var(--color-ink)}
:focus-visible{outline:3px solid var(--color-lilac-ink);outline-offset:5px}
.packages :focus-visible,.shipping :focus-visible{outline-color:var(--color-accent)}
[id]{scroll-margin-top:25px}
.skip-link{position:absolute;left:16px;top:12px;padding:12px 18px;background:var(--color-accent);transform:translateY(-160%);z-index:20}
.skip-link:focus-visible{transform:none}
.header{height:107px;margin:0 var(--side);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.wordmark{font:600 45px/.9 var(--display);letter-spacing:-.035em;text-decoration:none;display:block}
.wordmark span{display:block;font:14px/1.4 var(--body);letter-spacing:0;margin-top:9px}
nav{display:flex;gap:36px;align-items:center}
nav a{font-size:16px;text-decoration:none;border-bottom:1px solid currentColor;padding:5px 0}
nav a:hover{border-bottom-width:2px}
.nav-order{font-weight:650}
.hero{position:relative;min-height:715px;isolation:isolate;overflow:hidden}
.hero-copy{position:relative;z-index:2;padding:52px 0 42px var(--side);max-width:570px}
.prelude{font-size:17px;margin-bottom:21px}
h1{font-size:110px;line-height:.87;letter-spacing:-.055em}
.hero-intro{max-width:380px;margin-top:26px;margin-bottom:26px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;padding:17px 23px;background:var(--color-accent);color:var(--color-ink);border:1px solid var(--color-ink);font-weight:600;min-height:58px;box-shadow:3px 4px 0 var(--color-ink);transition:transform 150ms var(--ease),box-shadow 150ms var(--ease)}
.button:hover,.button:focus-visible{transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--color-ink)}
.button:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--color-ink)}
.button span{font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 22px;margin-top:17px}
.hero-spec{font-size:16px;width:fit-content;background:var(--color-bg)}
.hero-spec span{margin:0 8px}
.catalog-link{font-size:16px;white-space:nowrap;text-decoration:underline}
.hero-art{position:absolute;right:-45px;bottom:0;width:min(66.4vw,980px);z-index:1;pointer-events:none}
.hero-art img{width:100%}
.hero-caption{font-size:13px;text-align:right;padding:6px max(60px,var(--side)) 14px 0;color:var(--color-muted)}
.packages{background:var(--color-ink);color:var(--color-bg);padding:78px var(--side) 45px}
.section-heading{display:grid;grid-template-columns:minmax(0,460px) minmax(0,380px);align-items:end;gap:64px;margin-bottom:48px}
.section-heading>p{max-width:370px;line-height:1.6;padding-bottom:4px}
.package{display:grid;grid-template-columns:320px minmax(0,1fr) 222px;gap:clamp(32px,3.6vw,52px);border-top:1px solid var(--color-dark-border);position:relative;padding:38px 0}
.package-art{position:relative;align-self:center;width:100%}
.package-crop{width:100%;aspect-ratio:1;background:var(--color-bg);border-radius:50%}
.package-art img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform 450ms var(--ease)}
.package:hover .package-art img{transform:translateY(-4px)}
.package-art figcaption{color:var(--color-on-dark);font-size:11px;text-align:center;margin-top:8px}
.package-shade .package-crop{background:var(--color-lilac);border-radius:50%}
.package-bees .package-crop{background:var(--color-accent);border-radius:50%}
.package-description{align-self:center;min-width:0}
.place{font-size:15px;color:var(--color-on-dark);margin-bottom:12px}
.package h3{font-size:64px;line-height:.94;letter-spacing:-.035em;margin-bottom:20px;text-wrap:initial}
.package-facts{font-size:18px}
.package-buy{display:flex;flex-direction:column;align-items:flex-start;align-self:center;justify-self:end;gap:24px}
.price{font:500 70px/.9 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.price span{font-size:.57em;letter-spacing:0}
.button-light{background:var(--color-bg);border:1px solid var(--color-bg);box-shadow:3px 4px 0 #94a790;font-size:16px;padding:14px 17px;min-height:52px}
.button-light:hover,.button-light:focus-visible{box-shadow:4px 6px 0 #94a790}
.package-note{max-width:none;border-top:1px solid var(--color-dark-border);padding-top:25px;font-size:16px;color:var(--color-on-dark)}
.beet-story{background:var(--color-lilac);padding:75px var(--side) 38px;overflow:hidden}
.story-heading{text-align:center;position:relative;z-index:2}
.story-heading>p{max-width:none;margin-bottom:18px}
.story-heading h2{font-size:clamp(60px,6.5vw,94px);line-height:.94}
.story-stage{max-width:1290px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px;align-items:center}
.story-visual{min-width:0;display:flex;flex-direction:column;align-items:center}
.story-object{position:relative;width:100%;aspect-ratio:100 / 67}
.story-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity 400ms ease,transform 650ms var(--ease)}
.view-beet{opacity:1;transform:none}
.view-plan{opacity:0;transform:scale(.94);pointer-events:none}
.story-object[data-view="plan"] .view-beet{opacity:0;transform:translateY(12px) scale(.96);pointer-events:none}
.story-object[data-view="plan"] .view-plan{opacity:1;transform:none;pointer-events:auto}
.plan-dimensions{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 400ms ease}
.story-object[data-view="plan"] .plan-dimensions{opacity:1;visibility:visible}
.plan-dimensions span{position:absolute;transform:translate(-50%,-50%);font-size:16px;line-height:1.2;white-space:nowrap}
.dimension-width{left:53%;top:8.21%}
.dimension-depth{left:6.6%;top:57.31%}
.story-note{width:100%}
.leaf-mark{display:block;width:62px;height:26px;background:var(--color-ink);border-radius:100% 0 100% 0;transform:rotate(-15deg);margin-bottom:30px}
.story-note h3{font-size:46px;line-height:.96;letter-spacing:-.035em;margin-bottom:19px}
.story-note p{font-size:17px}
.story-note .plan-example{font-size:15px;color:var(--color-lilac-ink);margin-top:18px}
.plan-example strong{font-size:18px;font-weight:600;white-space:nowrap}
.view-switch{display:flex;width:max-content;border:1px solid var(--color-ink);padding:5px;gap:5px;background:var(--color-lilac);max-width:100%;margin-top:24px}
.view-switch button{border:0;background:transparent;padding:11px 20px;font-size:16px;white-space:nowrap}
.view-switch button[aria-pressed="true"]{background:var(--color-ink);color:var(--color-bg)}
.view-switch button:focus-visible{outline-offset:1px}
.story-caption{text-align:center;max-width:none;font-size:13px;margin:9px auto 0;color:var(--color-lilac-ink);line-height:1.5}
.shipping{padding:60px var(--side) 38px;background:var(--color-soil);color:var(--color-bg)}
.shipping-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:40px}
.shipping h2{font-size:68px;line-height:.94}
.shipping-heading p{max-width:345px;margin-right:20px;font-size:18px;line-height:1.7}
.season-calendar{display:grid;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0;border:1px solid var(--color-root)}
.season-calendar li{min-height:90px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-root);color:var(--color-root);font-size:17px}
.season-calendar li:last-child{border:0}
.season-calendar .in-season{background:var(--color-accent);color:var(--color-ink);border-color:var(--color-ink);font-weight:650}
.calendar-caption{font-size:14px;margin-top:14px;color:var(--color-root)}
.nursery{background:var(--color-bg);display:grid;grid-template-columns:1.5fr 1fr;gap:65px;padding:70px var(--side) 45px;position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}
.nursery-copy>p:first-child{font-size:17px;margin-bottom:24px}
.nursery h2{font-size:clamp(72px,7.6vw,106px);line-height:.92;margin-bottom:27px}
.nursery-intro{max-width:440px;font-size:20px}
.visit{align-self:center;position:relative;padding:42px 0 30px 35px;border-left:1px solid var(--color-border);max-width:380px}
.visit-heading{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:18px;align-items:start;margin-bottom:25px}
.visit h3{font-size:54px;letter-spacing:-.04em;line-height:.95;margin-bottom:0}
.visit p{margin-bottom:21px}
.visit .text-link{font-size:16px}
.visit-leaf{display:block;width:60px;height:27px;margin-top:19px;background:var(--color-border);border-radius:100% 0 100% 0;transform:rotate(-24deg)}
.order-section{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;padding:50px var(--side) 75px}
.order-intro>p:first-child{margin-bottom:20px}
.order-intro h2{font-size:90px;margin-bottom:28px}
.demo-note{font-size:15px;max-width:310px;color:var(--color-muted);margin-top:24px}
.order-panel{background:var(--color-panel);padding:32px;border:1px solid var(--color-border);position:relative}
.order-panel :focus-visible{outline-color:var(--color-ink)}
label{font-size:17px;font-weight:600;display:block;margin-bottom:12px}
select{width:100%;padding:14px 39px 14px 14px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:0;font-size:17px;min-height:55px}
.order-summary{margin:24px 0;border-bottom:1px solid var(--color-border);padding-bottom:22px}
#order-facts{font-size:16px}
.order-price{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}
.order-price span{font-size:16px}
.order-price strong{font:500 48px/1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}
.order-season{font-size:16px;margin-bottom:24px}
.finish-order{width:100%;font-size:16px;text-align:left;justify-content:center;padding:16px 10px}
.order-disclaimer{font-size:13px;margin-top:19px;color:var(--color-muted)}
.order-error{color:var(--color-ink);font-weight:600;margin-top:20px;font-size:16px;border-left:3px solid var(--color-ink);padding-left:12px}
.order-error .text-link{display:block;margin-top:10px}
.text-link{border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:.2em;font:inherit;color:inherit}
.order-success h3{font-size:48px;line-height:.94;letter-spacing:-.04em;margin-bottom:22px}
.order-success p{margin-bottom:19px;font-size:17px}
.success-leaf{display:block;width:57px;height:29px;border-radius:100% 0 100% 0;background:var(--color-ink);margin-bottom:28px}
.order-success .text-link{font-size:16px}
.no-js-confirmation{display:none}
.no-js-confirmation:target{display:block;margin-top:30px;padding-top:24px;border-top:1px solid var(--color-border)}
.no-js-confirmation h3{font-size:28px;margin-bottom:12px}
.no-js-confirmation p{font-size:16px;margin-top:16px}
.fallback-intro{margin-bottom:25px}
.fallback-package{border-top:1px solid var(--color-border);padding:23px 0}
.fallback-package h3{font-size:30px;line-height:1.1;margin-bottom:10px}
.fallback-package p,.fallback-package a{font-size:15px;margin-top:10px}
.footer{display:flex;gap:40px;align-items:center;justify-content:space-between;background:var(--color-ink);color:var(--color-bg);padding:42px var(--side)}
.footer .wordmark{font-size:37px}
.footer p{font-size:14px;line-height:1.6}
.footer>a:last-child{font-size:15px}
.order-dialog{border:1px solid var(--color-ink);padding:22px;background:var(--color-bg);color:var(--color-ink);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}
.order-dialog::backdrop{background:rgb(32 59 46 / .65)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.dialog-head h2{font-size:35px;letter-spacing:-.03em}
.dialog-head button{font-size:15px;background:transparent;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:.2em}
.order-dialog .order-panel{border:0;padding:27px}
@keyframes bed-reveal{from{opacity:.85}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:bed-reveal 1200ms var(--ease) both}}