:root{--forest:#123c2e;--deep:#0b291e;--evergreen:#1b4b37;--accent:#b4cd71;--copper:#be7b4d;--cream:#f8f7f1;--ivory:#f0f0e7;--line:#dedfd5;--ink:#1e2d26;--muted:#5b6860;--white:#fff;--width:1200px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(2.8rem,5vw,5.4rem)}h2{font-size:clamp(2.15rem,3.1vw,3.55rem)}h3{font-size:1.17rem;line-height:1.38}p{color:var(--muted)}.container{max-width:var(--width);margin:0 auto;padding:0 28px}.section{padding:86px 0}.section-soft{background:#f0f1e9}.section-heading{max-width:750px;margin-bottom:35px}.section-heading h2{margin-bottom:14px}.section-heading>p:last-child{font-size:1.09rem}.eyebrow{font-size:.76rem!important;font-family:system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#5d7c5e!important;margin:0 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:8px;font-weight:730;font-size:.94rem;line-height:1.2;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--forest)}.btn-primary:hover{background:#205944;box-shadow:0 6px 20px #08251924}.btn-outline{background:transparent;color:var(--forest);border-color:#a3b0a4}.btn-outline:hover{background:#e7ecdf}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.small-note{font-size:.87rem;color:#6e776e;line-height:1.5;margin:22px 0 0}.text-link{color:#1c6246;font-weight:750;font-size:.92rem}.text-link:hover{text-decoration:underline}.skip-link{position:absolute;left:12px;top:-200px;z-index:1000;background:#fff;padding:12px 24px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d5a548;outline-offset:3px}
.announcement{background:#0b2d21;color:#e4eddf;font-size:.76rem;letter-spacing:.06em}.announcement .container{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:35px}.announcement a{font-weight:720;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:3px}.site-header{background:#fffef8;border-bottom:1px solid #e4e6dc;position:sticky;top:0;z-index:50;box-shadow:0 2px 15px #173b2009}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.brand{display:flex;align-items:center;gap:8px;min-width:192px}.brand img{width:54px;height:54px;object-fit:contain}.brand-name{font-weight:790;letter-spacing:-.055em;font-size:1.62rem;color:#153e2e;line-height:1}.brand-name span{color:#719f49}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-size:.91rem;color:#36463c;font-weight:630;white-space:nowrap;padding:8px 0}.main-nav a:hover,.main-nav a[aria-current="page"]{color:#1c724a}.main-nav a[aria-current="page"]{border-bottom:2px solid #aac366}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions .btn{white-space:nowrap}.menu-toggle{display:none;width:45px;height:45px;align-items:center;justify-content:center;border:1px solid #c7d1c8;border-radius:8px;background:#fff;color:var(--forest);font-size:1.45rem}.mobile-nav{display:none}.mobile-nav[hidden]{display:none!important}
.home-hero{background:linear-gradient(90deg,#f9f6ef 0%,#f9f6efed 35%,#f9f6ef64 55%,#f9f6ef00 73%),url('/images/gramoleaf-hero-products.webp') center center/cover no-repeat;min-height:610px;display:flex;align-items:center}.hero-container{width:100%;padding-top:64px;padding-bottom:70px}.hero-copy{width:min(580px,62%)}.hero-copy h1{color:#123e2f;margin:0 0 24px}.hero-copy>p:not(.eyebrow){max-width:505px;font-size:1.16rem;color:#35473c}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-micro{font-size:.84rem!important;letter-spacing:.02em;margin:20px 0 0;color:#56675b!important}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-tile{background:#fff;border:1px solid #e6e7dd;border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 28px #1c34200c;transition:transform .16s,box-shadow .16s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 12px 25px #1c34201c}.category-tile img{aspect-ratio:1.48;object-fit:cover;width:100%}.category-tile>div{padding:22px}.category-tile span{font-size:.75rem;color:#5e8554;letter-spacing:.08em;font-weight:750}.category-tile h3{font-family:Georgia,serif;font-size:1.33rem;letter-spacing:-.02em;margin:10px 0 18px}.category-tile .mini-link{color:var(--forest);letter-spacing:0;font-size:.88rem}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split-feature>div:first-child img{border-radius:18px;max-height:510px;width:100%;object-fit:cover}.split-feature h2{margin-bottom:18px}.split-feature p{font-size:1.06rem}.feature-list{list-style:none;margin:24px 0;padding:0}.feature-list li{padding:11px 0 11px 32px;position:relative;border-bottom:1px solid #dde4d7;color:#304337}.feature-list li:before{content:'✓';position:absolute;left:0;color:#4a8d5a;font-weight:bold}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:28px;border:1px solid #dee5d9;border-radius:var(--radius);background:#fff}.steps article>span{font-family:Georgia,serif;font-size:2.5rem;color:#a4b78b}.steps h3{margin:14px 0 10px;font-size:1.22rem}.steps p{margin:0}.story-cta{background:var(--forest);color:#fff}.story-cta-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-top:65px;padding-bottom:65px}.story-cta h2{color:#fff}.story-cta p{color:#d4e5d6}.story-cta .eyebrow{color:#c3d79a!important}.story-cta .btn-outline{border-color:#94b1a0;color:#fff}.story-cta .btn-outline:hover{background:#245440}.story-image img{width:100%;height:335px;object-fit:cover;border-radius:16px}.centered-cta{text-align:center;max-width:830px}.centered-cta h2{margin-bottom:12px}.centered-cta p{font-size:1.1rem;margin-bottom:25px}.centered-cta .btn{margin:0 5px 10px}.centered-cta.small{background:#eef1e7;padding:35px 20px;border-radius:15px;margin-top:45px}.centered-cta.small h2{font-size:2rem}
.interior-hero{background:linear-gradient(125deg,#123c2e,#23533a);padding:73px 0 77px;color:#fff}.interior-hero .container{max-width:var(--width)}.interior-hero h1{max-width:920px;font-size:clamp(2.7rem,4vw,4.6rem);margin-bottom:16px;color:#fff}.interior-hero p:not(.eyebrow){color:#daecda;max-width:780px;font-size:1.12rem;margin-bottom:0}.interior-hero .eyebrow{color:#b8d58a!important}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid #e1e5dd;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.product-image{display:block;overflow:hidden;background:#e9eadf}.product-image img{width:100%;aspect-ratio:1.46;object-fit:cover;transition:transform .3s}.product-image:hover img{transform:scale(1.045)}.product-card-body{display:flex;flex-direction:column;flex:1;padding:24px}.card-overline{color:#638854;font-weight:770;font-size:.76rem;letter-spacing:.13em}.product-card h3{font:normal 1.49rem/1.22 Georgia,serif;margin:9px 0 10px}.product-card h3 a:hover{color:#426f45}.product-card p{flex:1;margin:0 0 24px}.card-links{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.detail-image{background:#e9ebe3;border-radius:20px;overflow:hidden}.detail-image img{width:100%;object-fit:cover;aspect-ratio:1.16}.detail-copy h2{margin:6px 0 20px;font-size:2.65rem}.detail-copy>p{font-size:1.06rem}.detail-spec{padding:15px 0;border-bottom:1px solid #dce3d9;display:grid;grid-template-columns:35% 65%;gap:12px}.detail-spec>span{color:#69786d;font-size:.89rem}.detail-spec strong{font-size:.98rem;font-weight:660}.detail-options{background:#eef1e6;margin:25px 0;padding:24px;border-radius:12px}.detail-options h3{margin:0 0 11px}.detail-options ul{margin:0;padding-left:20px}.detail-options li{padding:3px 0;color:#44564a}.detail-options .small-note{margin-top:13px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-grid article{background:#fff;border:1px solid #e1e6dd;padding:29px;border-radius:14px}.feature-grid article h3{font-size:1.3rem;margin:0 0 9px}.feature-grid article p{margin:0}.feature-grid article .text-link{display:inline-block;margin-top:18px}.info-strip{background:#eaf0e4;border-left:4px solid #8db37b;padding:27px 30px;border-radius:10px;margin-top:38px}.info-strip h3{font-size:1.45rem;margin-bottom:9px}.info-strip p{margin-bottom:18px}.story-content{display:grid;grid-template-columns:1.1fr .75fr;gap:66px}.story-content h2{font-size:2.75rem}.story-content p{font-size:1.03rem}.story-chapter{margin-top:34px;border-top:1px solid #dfe4da;padding-top:24px}.story-chapter h3{font-family:Georgia,serif;font-size:1.5rem;margin:0 0 12px}.story-aside{background:#eff1e9;border-radius:18px;padding:22px;align-self:start}.story-aside img{border-radius:10px;margin-bottom:25px}.story-aside h3{font-family:Georgia,serif;font-size:1.5rem}.story-aside hr{border:0;border-top:1px solid #d5ded3;margin:30px 0}.narrow-copy{max-width:800px}.narrow-copy h2{font-size:2rem;margin-top:28px}.narrow-copy h3{margin-top:28px}.narrow-copy p{font-size:1.08rem}.faq-width{max-width:930px}.faq-item{background:#fff;border:1px solid #e1e5dc;border-radius:12px;margin:0 0 12px;padding:0 24px}.faq-item summary{font-weight:700;cursor:pointer;padding:19px 12px 19px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:0;top:12px;font-size:1.5rem;color:#508063}.faq-item[open] summary:after{content:'−'}.faq-item>p{margin:0 0 22px}.legal-section{padding:0 0 20px;margin-bottom:28px;border-bottom:1px solid #e0e4dd}.legal-section h2{font-family:system-ui,sans-serif;letter-spacing:-.015em;font-size:1.4rem}.legal-section p{font-size:1.01rem}
.contact-columns{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:66px;align-items:start}.contact-information{padding:10px 0}.contact-information h2{font-size:2.5rem}.contact-information p{font-size:1.02rem}.contact-method{padding:18px 0;border-bottom:1px solid #d8e1d7}.contact-method span{display:block;color:#718078;letter-spacing:.1em;font-size:.76rem;text-transform:uppercase;font-weight:800;margin-bottom:6px}.contact-method a,.contact-method p{font-weight:670;color:#1c4e39;font-size:1.05rem;margin:0;overflow-wrap:anywhere}.form-panel{background:#fff;box-shadow:0 14px 48px #163a2510;border:1px solid #e1e8dd;border-radius:17px;padding:34px}.form-panel h2{font-size:2rem;margin-bottom:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.87rem;font-weight:710;color:#32483a}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #d3ddd2;border-radius:8px;background:#fff;padding:12px 13px;min-height:48px;color:#1d3525;outline:0;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#368156;box-shadow:0 0 0 3px #4ba66c27}.field textarea{resize:vertical;min-height:112px}.field.span-2{grid-column:1/-1}.field input::placeholder,.field textarea::placeholder{color:#8a958d}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;left:-9999px!important}.form-consent{font-size:.84rem;margin:22px 0 16px}.form-consent a{text-decoration:underline;color:#235b43}.form-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.form-status{font-weight:600;font-size:.89rem;margin:0;flex:1}.form-status[data-state="error"]{color:#a02e27}.form-status[data-state="success"]{color:#216b40}.form-bottom button:disabled{opacity:.6;cursor:wait}.form-status[data-state="loading"]{color:#506355}
.site-footer{background:#0e3024;padding:66px 0 25px;color:#f5faee}.footer-top{display:grid;grid-template-columns:1.35fr .78fr .85fr 1.1fr;gap:34px}.footer-top h3{font-size:1rem;color:#e8eedf;margin:3px 0 17px}.footer-top a:not(.brand){display:block;color:#c6d7c9;margin:0 0 9px;font-size:.88rem}.footer-top a:hover{color:#fff}.site-footer .brand-name{color:#f2f3df}.site-footer .brand-name span{color:#a9c975}.footer-brand>p,.footer-top p{color:#c7d6c5;font-size:.86rem}.footer-brand>p:first-of-type{margin-top:18px}.footer-address{margin-top:12px}.footer-bottom{border-top:1px solid #385c4c;margin-top:47px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:#b9cbbd;font-size:.81rem}.policy-links{display:flex;gap:20px;flex-wrap:wrap}.policy-links a:hover{text-decoration:underline}.whatsapp-fab{position:fixed;right:21px;bottom:23px;z-index:45;background:var(--forest);box-shadow:0 7px 25px #0d362d33;color:white;padding:13px 17px;border-radius:30px;font-size:.82rem;font-weight:750}
@media(max-width:1120px){.main-nav{gap:14px}.nav-shell{gap:14px}.brand{min-width:160px}.brand-name{font-size:1.45rem}.nav-actions .btn{padding:11px 13px}.main-nav a{font-size:.82rem}}@media(max-width:930px){.main-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 27px 24px;background:#fffdf8;box-shadow:0 15px 20px #14382116}.mobile-nav a{padding:13px 5px;border-bottom:1px solid #e8ede4;font-weight:680}.contact-columns{gap:25px}.hero-copy{width:65%}.category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.split-feature,.story-cta-inner{gap:30px}}@media(max-width:680px){body{font-size:15px}.container{padding:0 19px}.announcement span{display:none}.announcement .container{justify-content:center}.site-header{position:sticky}.nav-shell{min-height:72px}.brand img{width:44px;height:44px}.brand-name{font-size:1.4rem}.nav-actions .btn{display:none}.home-hero{background:linear-gradient(180deg,#f8f6ef 3%,#f8f6efa8 47%,#f8f6ef1a 90%),url('/images/gramoleaf-hero-products.webp') right bottom/cover no-repeat;min-height:690px;align-items:flex-start}.hero-container{padding-top:56px;padding-bottom:260px}.hero-copy{width:100%}.hero-copy h1{font-size:3.05rem;max-width:520px}.hero-copy>p:not(.eyebrow){font-size:1rem;max-width:450px}.section{padding:61px 0}.section-heading{margin-bottom:28px}.category-grid,.product-grid,.feature-grid,.steps,.split-feature,.story-cta-inner,.story-content,.product-detail-grid,.contact-columns{grid-template-columns:1fr}.category-tile img{aspect-ratio:1.8}.split-feature{gap:28px}.story-cta-inner{padding-top:55px;padding-bottom:55px}.story-image img{max-height:250px}.interior-hero{padding:53px 0 56px}.interior-hero h1{font-size:2.85rem}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{flex-direction:column;gap:12px}.form-panel{padding:24px 19px}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.product-detail-grid{gap:25px}.whatsapp-fab{right:12px;bottom:12px}.detail-copy h2{font-size:2.1rem}}@media(max-width:420px){.hero-copy h1{font-size:2.7rem}.footer-top{grid-template-columns:1fr}.hero-buttons .btn{width:100%}.brand{min-width:auto}.story-content h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Our Story — authentic brand mark instead of illustrative founder photography */
.story-logo-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#123c2d,#0a251c);border-radius:12px;min-height:250px;margin-bottom:26px}
.story-logo-visual img{display:block;width:min(200px,65%);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:0;margin:0}
.story-aside h3:not(:first-child){margin-top:12px}
.story-aside .btn{margin-top:14px}
@media(max-width:680px){.story-logo-visual{min-height:200px}}