:root{--forest:#16362b;--green:#315e4d;--sage:#dce4d5;--sand:#eee8dd;--cream:#f8f6f0;--ink:#1e2521;--muted:#66716a;--line:#d5d9d2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}a{color:inherit}.notice{background:var(--forest);color:white;text-align:center;padding:9px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}header{height:82px;padding:0 max(24px,5vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(248,246,240,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.logo{text-decoration:none;font:500 26px "Libre Caslon Display",serif;display:flex;align-items:center;gap:10px}.logo i{width:22px;height:30px;border-radius:80% 0 80% 0;background:var(--green);transform:rotate(-15deg)}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:12px;font-weight:600}.bag-open{justify-self:end;border:1px solid var(--forest);background:transparent;padding:10px 14px;cursor:pointer}.bag-open b{background:var(--forest);color:white;border-radius:50%;padding:2px 7px;margin-left:7px}.hero{min-height:710px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:clamp(70px,9vw,130px) max(24px,7vw);display:flex;flex-direction:column;justify-content:center}.overline{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--green);text-transform:uppercase}h1,h2,h3{font-family:"Libre Caslon Display",serif;font-weight:400;margin:0}h1{font-size:clamp(58px,7.2vw,108px);line-height:.96;letter-spacing:-.035em;margin:25px 0}h1 em{color:var(--green)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:610px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}.button{border:0;padding:15px 22px;text-decoration:none;font-weight:600;cursor:pointer}.dark{background:var(--forest);color:white}.light{background:white;color:var(--forest)}.quiet-link{font-size:13px;font-weight:600;text-underline-offset:5px}.hero-points{display:flex;gap:22px;margin-top:55px;font-size:11px;color:var(--muted)}.hero-points span:before{content:"✓";color:var(--green);margin-right:6px}.hero-image{background:var(--sage);position:relative;min-height:650px}.photo-frame{position:absolute;left:10%;top:11%;width:55%;height:69%;background:white;padding:12px;box-shadow:0 20px 50px #1835271a}.photo-frame img{width:100%;height:90%;object-fit:cover;image-rendering:auto}.photo-frame p{font-size:9px;color:var(--muted);margin:8px 2px}.module-study{position:absolute;right:5%;bottom:8%;width:44%;background:var(--cream);padding:22px;border:1px solid #bdc8bb}.module-study>span{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;margin-top:16px}.module-study p{font:19px/1.3 "Libre Caslon Display";margin-bottom:0}.real-module,.product-module{position:relative;border-radius:50%;background:repeating-linear-gradient(104deg,#282820 0 4px,#635946 5px 8px,#3b392e 9px 12px);box-shadow:inset 0 7px 5px #ffffff29,inset 0 -10px 9px #00000055}.real-module{width:145px;height:68px;margin:auto;border:7px solid #34342b}.real-module i,.product-module i{position:absolute;width:29%;height:22%;border-radius:50%;background:#181914;left:35.5%;top:14%}.proofbar{background:white;border-block:1px solid var(--line);padding:19px 5vw;display:flex;align-items:center;justify-content:center;gap:35px;font-size:11px;color:var(--muted)}.proofbar p{margin:0}.proofbar i{width:4px;height:4px;border-radius:50%;background:var(--green)}.shop-section,.steps{padding:clamp(80px,10vw,140px) max(24px,5vw)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;max-width:1280px;margin:0 auto 55px}.section-heading h2,.benefit h2,.garden-cta h2,dialog h2{font-size:clamp(44px,5.2vw,76px);line-height:1.03;margin-top:13px}.section-heading>p{color:var(--muted);line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1280px;margin:auto}.product{background:white;border:1px solid var(--line)}.product-visual{height:400px;position:relative;display:grid;place-items:center}.sun{background:#e9e4d8}.leaf{background:#dce4d5}.clay{background:#e5ddd2}.badge{position:absolute;top:15px;left:15px;background:white;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.pack{width:185px;height:255px;background:var(--forest);color:white;padding:20px;display:flex;flex-direction:column;box-shadow:12px 15px 0 #ffffff80}.pack small{font:20px "Libre Caslon Display"}.pack strong{font:70px "Libre Caslon Display";margin:auto 0 0}.pack>span{font-size:9px;letter-spacing:.08em}.pack p{font-size:9px;border-top:1px solid #ffffff66;padding-top:10px}.product-module{position:absolute;width:88px;height:42px;right:9%;bottom:10%;border:5px solid #34342b}.product-copy{padding:21px;display:flex;justify-content:space-between;gap:15px}.product-copy h3{font-size:23px}.product-copy p{font-size:10px;color:var(--muted)}.product-copy>strong{font:24px "Libre Caslon Display"}.add{margin:0 20px 20px;width:calc(100% - 40px);border:1px solid var(--forest);background:transparent;padding:13px;display:flex;justify-content:space-between;cursor:pointer}.add:hover,.add.added{background:var(--forest);color:white}.fineprint{text-align:center;font-size:10px;color:var(--muted);margin-top:25px}.benefit{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:white}.benefit-image{position:relative;background:#cfdbca;min-height:780px}.macro-module{position:absolute;width:430px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%)}.macro-module .top{height:160px;border-radius:50%;background:repeating-linear-gradient(104deg,#35352b 0 8px,#6c604a 9px 16px,#464236 17px 24px);border:15px solid #2e3029;position:relative;z-index:2}.macro-module .top i{position:absolute;width:95px;height:42px;border-radius:50%;background:#171914;left:152px;top:40px}.macro-module .body{position:absolute;left:15px;right:15px;top:80px;height:210px;border:15px solid #2e3029;border-top:0;background:repeating-linear-gradient(90deg,#37372e 0 10px,#75694f 11px 20px,#454236 21px 29px);overflow:hidden}.macro-module .body span{position:absolute;inset:45px;background:#9dc6ad55;border-radius:50%}.callout{position:absolute;background:white;color:var(--ink);padding:11px 14px;font-size:10px;letter-spacing:.06em}.callout b{color:var(--green);margin-right:7px}.c1{left:6%;top:24%}.c2{right:5%;top:51%}.c3{left:7%;bottom:18%}.benefit-copy{padding:clamp(70px,8vw,120px)}.benefit-copy .overline{color:#a9c4b4}.benefit-copy>p:not(.overline,.evidence){color:#cad5cf;line-height:1.75}.benefit-list{margin-top:35px}.benefit-list article{border-top:1px solid #ffffff2e;padding:20px 0;display:grid;grid-template-columns:180px 1fr;gap:25px}.benefit-list b{font-size:13px}.benefit-list p{font-size:12px;line-height:1.6;color:#b9c8c0;margin:0}.evidence{font-size:9px;color:#8eaa9c;margin-top:25px}.steps{background:white}.step-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step-grid article{padding:32px 35px 10px 0}.step-grid span{font-size:10px;color:var(--green);font-weight:700}.step-grid h3{font-size:27px;margin:25px 0 12px}.step-grid p{font-size:12px;color:var(--muted);line-height:1.6}.garden-cta{background:var(--sage);display:flex;justify-content:space-between;align-items:end;padding:80px max(24px,7vw)}.garden-cta h2{max-width:700px}.site-footer{position:static;height:auto;padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)}.site-footer p{text-align:center}.site-footer>span{text-align:right;font-size:10px;color:var(--muted)}.bag{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(500px,100%);background:var(--cream);padding:30px;transform:translateX(102%);transition:.3s;display:flex;flex-direction:column}.bag.open{transform:none}.shade{position:fixed;inset:0;background:#0d1c16aa;z-index:50;opacity:0;visibility:hidden}.shade.open{opacity:1;visibility:visible}.bag-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.bag-head small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.bag-head h2{font-size:38px}.bag-close,.dialog-close{border:0;background:none;font-size:34px;cursor:pointer}.bag-item{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.bag-thumb{width:70px;height:70px;display:grid;place-items:center;background:var(--sage)}.bag-thumb b{font:25px "Libre Caslon Display"}.bag-item small{display:block;font-size:9px;margin:5px 0}.counter{display:flex;align-items:center;gap:10px}.counter button{border:1px solid var(--line);background:white;width:25px;height:25px}.bag-bottom{margin-top:auto}.bag-bottom p{display:flex;justify-content:space-between;font-size:12px}.bag-bottom .grand{border-top:1px solid var(--line);padding-top:15px;font-size:16px}.bag-bottom .button{width:100%;margin:10px 0}.bag-bottom>small{display:block;text-align:center;color:var(--muted)}#checkout:disabled{opacity:.35}.empty{text-align:center;padding:70px 20px}dialog{width:min(750px,94vw);border:0;padding:40px;background:var(--cream);box-shadow:0 20px 70px #0005}dialog::backdrop{background:#0d1c16bb}dialog h2{margin:12px 0 30px}.dialog-close{position:absolute;right:20px;top:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{font-size:10px;font-weight:700}.fields .wide{grid-column:span 2}.fields input,.fields select{width:100%;display:block;border:1px solid var(--line);background:white;padding:13px;margin-top:6px}.pay-note{background:var(--sage);padding:15px;margin:20px 0;display:flex;flex-direction:column;gap:5px}.pay-note span{font-size:11px}dialog form>.button{width:100%}.success{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--sage);font-size:30px;margin:20px auto}.success~*{display:block;text-align:center;margin:18px auto}.success~h3{font:35px "Libre Caslon Display"}
@media(max-width:800px){header{grid-template-columns:1fr auto}header nav{display:none}.hero,.benefit{grid-template-columns:1fr}.hero-copy{padding:70px 24px}.hero-image{min-height:620px}.hero-points{flex-wrap:wrap}.proofbar{overflow:auto;justify-content:flex-start}.section-heading{grid-template-columns:1fr;gap:20px}.product-grid,.step-grid{grid-template-columns:1fr}.benefit-image{min-height:600px}.macro-module{transform:translate(-50%,-50%) scale(.72)}.benefit-list article{grid-template-columns:1fr;gap:8px}.garden-cta{display:block}.garden-cta .button{margin-top:28px}.site-footer{grid-template-columns:1fr;gap:20px}.site-footer p,.site-footer>span{text-align:left}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.photo-frame{width:70%;left:5%}.module-study{width:55%}}

/* Product photography and packaging system — v5 */
.product-visual{height:auto;aspect-ratio:4/3;display:block;overflow:hidden;background:#eee9df}
.pack-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.product-visual .badge{z-index:4;box-shadow:0 4px 18px #1d33261a}
.concept-note{position:absolute;z-index:4;right:13px;bottom:11px;padding:6px 8px;background:#f8f6f0e8;color:var(--forest);font-size:7px;font-weight:700;letter-spacing:.13em;backdrop-filter:blur(5px)}
.pack-label{position:absolute;z-index:3;color:#fff;display:flex;flex-direction:column;pointer-events:none;text-shadow:0 1px 1px #0002}
.pack-wordmark{font:400 15px "Libre Caslon Display",serif;letter-spacing:-.01em}
.pack-label strong{font:400 43px/.85 "Libre Caslon Display",serif;margin:auto 0 4px}
.pack-type{font-size:6px;font-weight:700;line-height:1.25;letter-spacing:.08em}
.pack-label i{display:block;width:100%;height:1px;background:#ffffff6b;margin:7px 0 5px}
.pack-label small{font-size:5px;font-weight:600;letter-spacing:.055em;white-space:nowrap}
.pack-20 .pack-label{left:32.2%;top:24.5%;width:24.6%;height:46.5%}
.pack-48 .pack-label{left:20.1%;top:29%;width:40%;height:39.5%}
.pack-48 .pack-label strong{font-size:48px}
.pack-120 .pack-label{left:7%;top:40.5%;width:59%;height:25.5%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;column-gap:10px;align-items:end}
.pack-120 .pack-wordmark{grid-column:1/3;align-self:start}
.pack-120 .pack-label strong{font-size:44px;margin:0;grid-column:1;grid-row:2}
.pack-120 .pack-type{grid-column:2;grid-row:2;padding-bottom:4px}
.pack-120 .pack-label i{grid-column:1/3;grid-row:3;margin:0 0 8px}
.pack-120 .pack-label small{position:absolute;left:0;bottom:-1px}

/* Photorealistic module study */
.benefit-image{overflow:hidden;isolation:isolate;background:#cfd8ca}
.module-study-photo{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.benefit-image:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#16362b0d 0,#16362b00 45%,#16362b16 100%);pointer-events:none}
.benefit-image .callout{z-index:2;border:1px solid #fff;box-shadow:0 10px 30px #18352718;backdrop-filter:blur(8px);background:#f8f6f0e8}
.benefit-image .callout:after{content:"";position:absolute;height:1px;background:var(--green);opacity:.65}
.benefit-image .c1{left:5%;top:17%}.benefit-image .c1:after{width:110px;left:100%;top:50%}
.benefit-image .c2{right:4%;top:43%}.benefit-image .c2:after{width:85px;right:100%;top:50%}
.benefit-image .c3{left:6%;bottom:17%}.benefit-image .c3:after{width:90px;left:100%;top:50%}
.module-spec{position:absolute;z-index:3;right:4%;bottom:4%;display:flex;flex-direction:column;gap:5px;background:var(--forest);color:#fff;padding:14px 17px;box-shadow:0 12px 35px #17342825}
.module-spec b{font-size:8px;letter-spacing:.14em;color:#bcd0c4}
.module-spec span{font:19px "Libre Caslon Display",serif}
.callout-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.callout-lines path{fill:none;stroke:var(--green);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.72}
.callout-lines circle{fill:var(--green);stroke:#f8f6f0;stroke-width:1;vector-effect:non-scaling-stroke}
.benefit-image .callout:after{display:none}

@media(max-width:1080px) and (min-width:801px){.pack-wordmark{font-size:12px}.pack-label strong,.pack-48 .pack-label strong,.pack-120 .pack-label strong{font-size:34px}.pack-label small{display:none}.pack-label i{margin-bottom:0}.pack-type{font-size:5px}}
@media(max-width:800px){.product-visual{max-height:none}.pack-wordmark{font-size:clamp(14px,3.6vw,20px)}.pack-label strong,.pack-48 .pack-label strong,.pack-120 .pack-label strong{font-size:clamp(42px,12vw,66px)}.pack-type{font-size:clamp(6px,1.8vw,9px)}.pack-label small{font-size:clamp(5px,1.25vw,7px)}.benefit-image{min-height:640px}.benefit-image .c1{top:8%}.benefit-image .c2{top:47%}.benefit-image .c3{bottom:20%}.callout-lines{display:none}.module-spec{right:20px;bottom:20px}}
.hero-video{background:#273c32;overflow:hidden}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10221914 50%,#102219a6 100%);pointer-events:none}.hero-video-progress{position:absolute;z-index:2;left:6%;right:6%;bottom:7%;display:flex;align-items:center;gap:10px;color:white;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 8px #000}.hero-video-progress i{height:1px;flex:1;background:#ffffff80}.hero-video-note{position:absolute;z-index:2;right:6%;top:6%;color:#ffffffc9;font-size:8px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #000}@media(max-width:800px){.hero-video{min-height:72vw;max-height:680px}.hero-video-progress{bottom:5%;gap:7px}.hero-video-note{top:5%}}