:root{--color-primary:#2d6a2f;--color-primary-dark:#1a4a1c;--color-primary-light:#4a9b4d;--color-primary-highlight:#e8f5e9;--color-bg:#f5f0e8;--color-surface:#faf8f4;--color-text:#1c1a15;--color-text-muted:#6b6860;--color-accent:#f0a500;--color-accent-dark:#c98700;--color-white:#ffffff;--color-border:#e2dccf;--font-display:'Oswald','Arial Black',sans-serif;--font-body:'Inter','Helvetica Neue',sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--space-2:0.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--maxw:1200px;--shadow-sm:0 1px 3px rgba(28, 26, 21, 0.08);--shadow-md:0 6px 18px rgba(28, 26, 21, 0.10);--shadow-lg:0 18px 48px rgba(26, 74, 28, 0.18);--transition:180ms cubic-bezier(0.16, 1, 0.3, 1);--header-h:92px}@media (prefers-color-scheme:dark){:root{--color-bg:#14160f;--color-surface:#1c2018;--color-text:#eef0e8;--color-text-muted:#a7ab9c;--color-border:#2c3326;--color-primary-highlight:#213021;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4);--shadow-md:0 6px 18px rgba(0, 0, 0, 0.45);--shadow-lg:0 18px 48px rgba(0, 0, 0, 0.55)}}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block;height:auto}svg{display:inline-block;vertical-align:middle}.btn svg,.card__icon svg,.feature-list li svg,.footer-contact svg,.hero__pill svg,.info-item svg,.nav__phone svg,.point__icon svg,.topbar svg,.trust-badge svg{width:1.1em;height:1.1em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-light)}ul{margin:0;padding:0}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:.01em;text-transform:uppercase;margin:0 0 var(--space-4);color:var(--color-text)}h1{font-size:clamp(2.4rem, 6vw, 4.4rem)}h2{font-size:clamp(1.9rem, 4vw, 3rem)}h3{font-size:clamp(1.25rem, 2.4vw, 1.6rem)}h4{font-size:1.05rem;letter-spacing:.04em}p{margin:0 0 var(--space-4)}.lead{font-size:1.2rem;color:var(--color-text-muted)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section--tight{padding:var(--space-16) 0}.section--alt{background:var(--color-surface)}.text-center{text-align:center}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;color:var(--color-primary);margin-bottom:var(--space-2)}.section-head{max-width:720px;margin:0 auto var(--space-12)}.section-head.text-center{margin-left:auto;margin-right:auto}.skip-link{position:absolute;left:-999px;top:0;z-index:2000;background:var(--color-primary-dark);color:#fff;padding:12px 18px;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;padding:.9rem 1.7rem;border-radius:var(--radius-md);border:2px solid transparent;transition:transform var(--transition),background var(--transition),box-shadow var(--transition),color var(--transition);line-height:1;white-space:nowrap;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#1c1a15;box-shadow:var(--shadow-sm)}.btn-accent:hover{background:var(--color-accent-dark);color:#1c1a15;box-shadow:var(--shadow-md)}.btn-ghost{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost:hover{background:var(--color-primary);color:#fff}.btn-outline-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.7)}.btn-outline-light:hover{background:#fff;color:var(--color-primary-dark)}.btn-lg{padding:1.05rem 2.1rem;font-size:1.05rem}.btn-block{width:100%}.site-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbar{background:var(--color-primary-dark);color:#fff;font-size:.85rem;letter-spacing:.02em}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:38px;flex-wrap:wrap}.topbar a:hover{color:var(--color-accent)}.topbar__left{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.topbar__badge{display:inline-flex;align-items:center;gap:.4rem}.topbar a{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}@media (max-width:600px){.topbar__left{display:none}.topbar .container{justify-content:center}}.nav{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);gap:1rem}.nav__logo img{height:66px;width:auto}.nav__menu{display:flex;align-items:center;gap:.3rem;list-style:none}.nav__menu a{font-family:var(--font-display);text-transform:uppercase;font-weight:500;letter-spacing:.05em;font-size:.98rem;color:var(--color-text);padding:.55rem .85rem;border-radius:var(--radius-sm)}.nav__menu a.is-active,.nav__menu a:hover{color:var(--color-primary);background:var(--color-primary-highlight)}.nav__actions{display:flex;align-items:center;gap:.7rem}.nav__phone{font-family:var(--font-display);font-weight:600;letter-spacing:.03em;color:var(--color-primary-dark);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.nav__phone svg{width:18px;height:18px}.nav__cta-mobile{display:none}@media (prefers-color-scheme:dark){.nav__phone{color:var(--color-primary-light)}}.nav__toggle{display:none;background:0 0;border:0;padding:8px;color:var(--color-text)}.nav__toggle svg{width:30px;height:30px}@media (max-width:1080px){.nav__phone{display:none}}@media (max-width:880px){.nav__toggle{display:inline-flex}.nav__menu{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(82vw,340px);height:100vh;height:100dvh;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.2rem;background:var(--color-surface);padding:calc(var(--header-h) + 1.5rem) 1.4rem 2rem;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform var(--transition);overflow-y:auto;z-index:1001}.nav__menu.is-open{transform:translateX(0)}.nav__menu a{font-size:1.15rem;padding:.85rem .6rem;border-bottom:1px solid var(--color-border);border-radius:0}.nav__menu .btn{margin-top:1rem}.nav__cta-mobile{display:block}.nav__cta-desktop{display:none}body.nav-open{overflow:hidden}.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition)}.nav-backdrop.is-open{opacity:1;pointer-events:auto}}.hero{position:relative;min-height:clamp(540px,78vh,760px);display:flex;align-items:center;color:#fff;background:var(--color-primary-dark);overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(20,40,18,.92) 0,rgba(26,74,28,.78) 45%,rgba(26,74,28,.35) 100%)}.hero__inner{position:relative;z-index:2;max-width:760px;padding:var(--space-16) 0}.hero h1{color:#fff;margin-bottom:var(--space-4);text-shadow:0 2px 18px rgba(0,0,0,.3)}.hero__sub{font-size:clamp(1.1rem, 2.2vw, 1.5rem);color:#eef3ea;margin-bottom:var(--space-8);max-width:640px}.hero__eyebrow{color:var(--color-accent)}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem}.hero__pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-8)}.hero__pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem}.page-hero{background:var(--color-primary-dark);color:#fff;position:relative;overflow:hidden;padding:var(--space-24) 0 var(--space-16)}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 360px at 80% -10%,rgba(74,155,77,.45),transparent 70%)}.page-hero .container{position:relative;z-index:2;max-width:820px}.page-hero h1{color:#fff}.page-hero p{color:#eef3ea;font-size:1.2rem;max-width:640px}.page-hero .eyebrow{color:var(--color-accent)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);height:100%}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.card__icon{width:58px;height:58px;border-radius:var(--radius-md);background:var(--color-primary-highlight);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.card__icon svg{width:30px;height:30px}.card h3{margin-bottom:var(--space-2)}.card p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.card__link{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem}.card__link svg{width:16px;height:16px;transition:transform var(--transition)}.card:hover .card__link svg{transform:translateX(4px)}.svc-photo-grid{gap:var(--space-6)}.svc-photo-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);color:var(--color-text);height:100%}.svc-photo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);color:var(--color-text)}.svc-photo-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-primary-dark)}.svc-photo-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.svc-photo-card:hover .svc-photo-card__media img{transform:scale(1.06)}.svc-photo-card__body{padding:var(--space-6);display:flex;flex-direction:column;gap:.6rem;flex:1}.svc-photo-card__body h3{font-size:1.3rem;line-height:1.15}.svc-photo-card__body p{color:var(--color-text-muted);flex:1}.svc-photo-card__link{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;color:var(--color-primary);display:inline-flex;align-items:center;gap:.35rem;margin-top:auto}.svc-photo-card__link svg{width:16px;height:16px;transition:transform var(--transition)}.svc-photo-card:hover .svc-photo-card__link svg{transform:translateX(4px)}@media (prefers-color-scheme:dark){.svc-photo-card__link{color:var(--color-primary-light)}}.why-card{background:linear-gradient(170deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;border:0}.why-card h3{color:#fff}.why-card p{color:#e4f0e2;margin-bottom:0}.why-card .card__icon{background:rgba(255,255,255,.15);color:#fff}.gap-banner{background:var(--color-primary-dark);color:#fff;text-align:center}.gap-banner h2{color:#fff}.gap-banner p{color:#dcebd9;font-size:1.15rem;max-width:720px;margin-left:auto;margin-right:auto}.gap-banner .accent-line{color:var(--color-accent);font-weight:700}.steps{counter-reset:step}.step{position:relative;text-align:center}.step__num{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.7rem;font-weight:700;box-shadow:var(--shadow-md)}.step h3{margin-bottom:var(--space-2)}.step p{color:var(--color-text-muted);margin-bottom:0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-bottom:var(--space-16)}.feature-row:last-child{margin-bottom:0}.feature-row.reverse .feature-row__media{order:2}.feature-row.reverse .feature-row__text{order:1}.feature-row__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;aspect-ratio:4/3;object-fit:cover}.feature-row__text h2{margin-bottom:var(--space-4)}.feature-list{list-style:none;margin:var(--space-4) 0 var(--space-6);display:grid;gap:.6rem}.feature-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--color-text)}.feature-list li svg{flex:0 0 auto;width:22px;height:22px;color:var(--color-primary);margin-top:2px}@media (max-width:820px){.feature-row{grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-12)}.feature-row.reverse .feature-row__media,.feature-row.reverse .feature-row__text{order:0}}.point{display:flex;gap:var(--space-4);align-items:flex-start}.point__icon{flex:0 0 auto;width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-primary-highlight);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.point__icon svg{width:24px;height:24px}.point h3{margin-bottom:.2rem;text-transform:none;font-family:var(--font-display)}.point p{color:var(--color-text-muted);margin-bottom:0;font-size:.97rem}.testimonial{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);height:100%;display:flex;flex-direction:column}.stars{color:var(--color-accent);margin-bottom:var(--space-4);display:flex;gap:3px}.stars svg{width:22px;height:22px}.testimonial blockquote{margin:0 0 var(--space-6);font-size:1.08rem;flex:1}.testimonial__author{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.testimonial__loc{color:var(--color-text-muted);font-size:.9rem}.placeholder-tag{display:inline-block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;background:var(--color-accent);color:#1c1a15;padding:2px 8px;border-radius:999px;margin-bottom:var(--space-4);font-family:var(--font-body);font-weight:700}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem}.trust-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--color-text)}.trust-badge svg{width:22px;height:22px;color:var(--color-primary)}.cta-strip{background:linear-gradient(120deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;text-align:center;border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8)}.cta-strip h2{color:#fff}.cta-strip p{color:#dcebd9;font-size:1.15rem;max-width:620px;margin:0 auto var(--space-8)}.form-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-sm)}.field{margin-bottom:var(--space-6)}.field label{display:block;font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;margin-bottom:.4rem}.field .req{color:var(--color-accent-dark)}.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:1rem;padding:.85rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight)}.field textarea{resize:vertical;min-height:120px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width:600px){.field-grid{grid-template-columns:1fr;gap:0}}.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}.form-success{display:none;background:var(--color-primary-highlight);border:1.5px solid var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;font-weight:600}.form-success.is-visible{display:block}@media (prefers-color-scheme:dark){.field input,.field select,.field textarea{background:#11140d}.form-success{color:#cdeccf}}.info-list{list-style:none;display:grid;gap:var(--space-6)}.info-item{display:flex;gap:var(--space-4);align-items:flex-start}.info-item svg{flex:0 0 auto;width:24px;height:24px;color:var(--color-primary);margin-top:3px}.info-item strong{display:block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em}.info-item a,.info-item span{color:var(--color-text-muted)}.map-embed{border:0;width:100%;height:320px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-8)}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:var(--space-12)}.filter-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-size:.92rem;padding:.6rem 1.2rem;border-radius:999px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:all var(--transition)}.filter-btn:hover{border-color:var(--color-primary)}.filter-btn.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.masonry__item{border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.masonry__item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.masonry__item img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s}.masonry__item:hover img{transform:scale(1.05)}.masonry__item::after{content:attr(data-label);position:absolute;left:0;right:0;bottom:0;padding:.7rem 1rem;color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;background:linear-gradient(transparent,rgba(20,40,18,.85));opacity:0;transition:opacity var(--transition)}.masonry__item:hover::after{opacity:1}.masonry__item.is-hidden{display:none}@media (max-width:860px){.masonry{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.masonry{grid-template-columns:1fr}}.gallery-note{text-align:center;color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-8)}.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(10,18,8,.94);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity var(--transition)}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox img{max-width:90vw;max-height:82vh;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.lightbox__close,.lightbox__nav{position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:background var(--transition)}.lightbox__close:hover,.lightbox__nav:hover{background:rgba(255,255,255,.28)}.lightbox__close{top:24px;right:24px}.lightbox__nav{top:50%;transform:translateY(-50%)}.lightbox__nav.prev{left:24px}.lightbox__nav.next{right:24px}@media (max-width:600px){.lightbox__nav{width:44px;height:44px}}.faq-list{max-width:820px;margin:0 auto;display:grid;gap:var(--space-4)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.faq-q{width:100%;text-align:left;background:0 0;border:0;padding:1.3rem 1.5rem;font-family:var(--font-display);font-weight:500;font-size:1.1rem;color:var(--color-text);display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-q:hover{color:var(--color-primary)}.faq-q__icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--color-primary-highlight);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform var(--transition)}.faq-item.is-open .faq-q__icon{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height 280ms}.faq-a__inner{padding:0 1.5rem 1.4rem;color:var(--color-text-muted)}.faq-item.is-open .faq-a{max-height:480px}.about-story{max-width:820px}.about-story p{font-size:1.1rem}.values-grid .card{text-align:center}.values-grid .card__icon{margin-left:auto;margin-right:auto}.team-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-muted)}.team-placeholder svg{width:48px;height:48px;color:var(--color-primary-light);margin:0 auto var(--space-4)}.legal{max-width:760px}.legal__meta{color:var(--color-text-muted);font-size:.95rem;margin-bottom:var(--space-8)}.legal h2{font-size:1.4rem;margin-top:var(--space-10);margin-bottom:var(--space-3)}.legal h2:first-of-type{margin-top:var(--space-6)}.legal p{margin-bottom:var(--space-4);line-height:1.75}.legal ul{margin:0 0 var(--space-4) 1.25rem;padding:0}.legal li{margin-bottom:var(--space-2);line-height:1.7}.legal a{font-weight:600}.legal__contact{background:var(--color-surface-alt,#efe7da);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);line-height:1.9}.site-footer{background:var(--color-primary-dark);color:#d7e6d4;padding:var(--space-16) 0 calc(var(--space-8) + 1rem)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--space-8);margin-bottom:var(--space-12)}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}.site-footer h3,.site-footer h4,.site-footer .footer-heading{color:#fff;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.08em;line-height:1.2;margin-bottom:var(--space-4);text-transform:uppercase}.site-footer a{color:#d7e6d4}.site-footer a:hover{color:var(--color-accent)}.cta-strip .btn-accent,.cta-strip .btn-accent:hover,.site-footer .btn-accent,.site-footer .btn-accent:hover{color:#1c1a15}.cta-strip .btn-primary,.site-footer .btn-primary{color:#fff}.footer-logo{background:#fff;padding:14px 18px;border-radius:var(--radius-md);display:inline-flex;align-items:center;margin-bottom:var(--space-4)}.footer-logo img{height:72px;width:auto;display:block}.footer-nav{list-style:none;display:grid;gap:.55rem}.footer-contact{list-style:none;display:grid;gap:.7rem;font-size:.95rem}.footer-contact li{display:flex;gap:.5rem;align-items:flex-start}.footer-contact svg{width:18px;height:18px;flex:0 0 auto;margin-top:3px;color:var(--color-accent)}.footer-areas{font-size:.9rem;line-height:1.9;color:#b9cdb6}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.85rem;color:#aec3ab}.footer-bottom a{font-weight:600}.footer-legal{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0}.footer-legal a{color:#aec3ab}.footer-legal a:hover{color:#fff}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.muted{color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}html.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}html.js .reveal.is-in{opacity:1;transform:none}
/* Mobile brand header fix: keep the green logo visible on a white brand surface. */
@media (max-width: 768px) {
  .site-header {
    background: #fff;
    border-bottom: 1px solid rgba(23, 107, 53, 0.16);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }

  .site-header .nav {
    min-height: 76px;
  }

  .site-header .nav__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    padding: 4px 6px;
  }

  .site-header .nav__logo picture,
  .site-header .nav__logo img {
    display: block;
  }

  .site-header .nav__logo img {
    width: auto;
    height: 58px;
    opacity: 1;
    filter: none;
  }

  .site-header .nav__toggle {
    color: var(--color-primary-dark);
    background: rgba(23, 107, 53, 0.08);
    border: 1px solid rgba(23, 107, 53, 0.16);
    border-radius: 10px;
  }

  .site-header .nav__toggle:hover,
  .site-header .nav__toggle:focus-visible {
    color: #fff;
    background: var(--color-primary-dark);
    outline: none;
  }

  .site-header .nav__menu {
    background: #fff;
    border: 1px solid rgba(23, 107, 53, 0.16);
    box-shadow: 0 18px 40px rgba(10, 38, 22, 0.16);
  }

  .site-header .nav__menu a {
    color: var(--color-primary-dark);
  }

  .site-header .nav__menu a.is-active,
  .site-header .nav__menu a:hover,
  .site-header .nav__menu a:focus-visible {
    color: var(--color-primary-dark);
    background: var(--color-primary-highlight);
  }
}

/* v59 mobile-first rescue: calculator and buttons must feel native on phones */
.btn,
button.btn,
a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.65rem!important;
  border-radius:14px!important;
  min-height:58px!important;
  padding:1.08rem 1.55rem!important;
  line-height:1.12!important;
  text-align:center!important;
}
.btn + .btn{
  margin-left:1rem;
}
.calc-nav,
.hero__cta,
.hero-actions,
.home-calc-actions,
.article-engagement-card__actions,
.cta-wrap{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:1.15rem!important;
  row-gap:1.15rem!important;
}
.calc-label,
.calc-live-strip div,
.calc-stat-grid div,
.calc-tiles article{
  display:grid!important;
  gap:.45rem!important;
}
.calc-label span,
.calc-live-strip span,
.calc-stat-grid span,
.calc-tiles span{
  display:block!important;
}
.calc-label strong,
.calc-live-strip strong,
.calc-stat-grid strong,
.calc-tiles strong{
  display:block!important;
  margin:0!important;
  line-height:1.05!important;
}
.calc-field input[type=range],
.calc-card input[type=range]{
  width:100%!important;
  min-height:44px!important;
  margin:.55rem 0 .15rem!important;
  accent-color:var(--color-primary)!important;
}
.calc-field input[type=range]::-webkit-slider-runnable-track,
.calc-card input[type=range]::-webkit-slider-runnable-track{
  height:12px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))!important;
  border:2px solid rgba(255,255,255,.8)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;
}
.calc-field input[type=range]::-webkit-slider-thumb,
.calc-card input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:34px!important;
  height:34px!important;
  margin-top:-13px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:3px solid var(--color-primary)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
}
.calc-field input[type=range]::-moz-range-track,
.calc-card input[type=range]::-moz-range-track{
  height:12px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))!important;
}
.calc-field input[type=range]::-moz-range-thumb,
.calc-card input[type=range]::-moz-range-thumb{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:3px solid var(--color-primary)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
}
.calc-toggle button,
.calc-seg button,
.calc-step{
  min-height:56px!important;
  padding:1rem!important;
  border-radius:14px!important;
  line-height:1.15!important;
}
.calc-chip-row,
.calc-amenities,
.chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.75rem!important;
}
.calc-chip-row span,
.calc-amenities span,
.chips span,
.chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
  margin:0!important;
}
@media(max-width:900px){
  body{
    font-size:16px;
  }
  .container{
    width:100%;
    padding-left:clamp(1.35rem,5vw,1.8rem)!important;
    padding-right:clamp(1.35rem,5vw,1.8rem)!important;
  }
  .btn,
  button.btn,
  a.btn{
    width:100%!important;
    min-height:62px!important;
    padding:1.15rem 1.35rem!important;
    font-size:1rem!important;
  }
  .btn + .btn{
    margin-left:0!important;
    margin-top:0!important;
  }
  .calc-nav,
  .hero__cta,
  .hero-actions,
  .home-calc-actions,
  .article-engagement-card__actions,
  .cta-wrap{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.35rem!important;
    width:100%!important;
  }
  .calc-nav > span:empty{
    display:none!important;
  }
  .calc-shell{
    margin-inline:calc(-1 * clamp(.15rem,1vw,.5rem));
    border-radius:22px!important;
    overflow:hidden!important;
    background:var(--color-surface)!important;
  }
  .calc-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
    padding:1.15rem 1.15rem .85rem!important;
  }
  .calc-step{
    width:100%!important;
    display:grid!important;
    grid-template-columns:2.25rem 1fr!important;
    align-items:center!important;
    column-gap:.85rem!important;
    row-gap:.15rem!important;
    text-align:left!important;
    background:#fff!important;
    border:1px solid var(--color-border)!important;
  }
  .calc-step span{
    grid-row:1 / span 2;
    width:2.25rem;
    height:2.25rem;
    display:grid!important;
    place-items:center;
    border-radius:999px;
    background:var(--color-primary-highlight);
    color:var(--color-primary);
    font-weight:800;
    font-size:.85rem!important;
  }
  .calc-step strong{
    display:block!important;
    font-size:1rem!important;
    line-height:1.1!important;
  }
  .calc-step small{
    display:block!important;
    font-size:.82rem!important;
    line-height:1.2!important;
    color:var(--color-text-muted);
  }
  .calc-live-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
    padding:0 1.15rem 1.15rem!important;
  }
  .calc-live-strip div,
  .calc-stat-grid div,
  .calc-tiles article{
    background:#fff!important;
    border:1px solid var(--color-border)!important;
    border-radius:16px!important;
    padding:1.05rem!important;
    box-shadow:var(--shadow-sm);
  }
  .calc-live-strip strong,
  .calc-tiles strong{
    font-size:1.55rem!important;
  }
  .calc-panel{
    padding:1.2rem!important;
  }
  .calc-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.2rem!important;
  }
  .calc-card,
  .calc-result-card,
  .calc-summary{
    padding:1.35rem!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--color-border)!important;
    box-shadow:var(--shadow-sm);
  }
  .calc-card h2,
  .calc-summary h2{
    font-size:clamp(2rem,10vw,2.65rem)!important;
    line-height:1.03!important;
    letter-spacing:.005em!important;
  }
  .calc-card .lead,
  .calc-summary p{
    font-size:1.08rem!important;
    line-height:1.6!important;
  }
  .calc-field{
    padding:1rem!important;
    margin:1rem 0 0!important;
    border:1px solid var(--color-border)!important;
    border-radius:16px!important;
    background:var(--color-bg)!important;
  }
  .calc-label{
    grid-template-columns:1fr!important;
    gap:.35rem!important;
  }
  .calc-label span{
    font-size:1rem!important;
    line-height:1.25!important;
  }
  .calc-label strong{
    font-size:1.55rem!important;
    color:var(--color-primary)!important;
  }
  .calc-toggle,
  .calc-seg{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    margin-top:.85rem!important;
  }
  .calc-toggle button,
  .calc-seg button{
    width:100%!important;
    background:#fff!important;
    border:1px solid var(--color-border)!important;
    color:var(--color-text)!important;
    font-weight:800!important;
  }
  .calc-toggle button[aria-pressed=true],
  .calc-seg button[aria-pressed=true]{
    background:var(--color-primary)!important;
    border-color:var(--color-primary)!important;
    color:#fff!important;
  }
  .calc-stat-grid,
  .calc-tiles{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
  }
  .calc-chip-row,
  .calc-amenities,
  .chips{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:.75rem!important;
    margin-top:1rem!important;
  }
  .calc-chip-row span,
  .calc-amenities span,
  .chips span,
  .chip{
    width:100%!important;
    justify-content:center!important;
    min-height:44px!important;
    padding:.75rem!important;
    border-radius:999px!important;
    background:var(--color-primary-highlight)!important;
  }
}

/* v60 final mobile-first override: buttons, calculator clarity, tap safety */
a.btn,
button.btn,
.filter-btn,
.faq-q{
  padding:1.15rem 1.65rem!important;
  min-height:60px!important;
  line-height:1.15!important;
}
a.btn,
button.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  margin:.55rem!important;
}
.btn + .btn,
a.btn + a.btn,
button.btn + button.btn,
a.btn + button.btn,
button.btn + a.btn{
  margin-left:.85rem!important;
}
.feature-row__text > .btn{
  margin:.55rem .55rem .9rem 0!important;
}
.feature-row__text > .btn + .btn{
  margin-left:0!important;
}
.calc-live-strip{
  display:none!important;
}
.calc-step,
.calc-step:hover,
.calc-step:focus,
.calc-step:active{
  background:#fff!important;
  color:var(--color-text)!important;
  border:1px solid var(--color-border)!important;
}
.calc-step span,
.calc-step:hover span,
.calc-step:focus span,
.calc-step:active span{
  color:var(--color-primary)!important;
}
.calc-step strong,
.calc-step:hover strong,
.calc-step:focus strong,
.calc-step:active strong{
  color:var(--color-text)!important;
}
.calc-step small,
.calc-step:hover small,
.calc-step:focus small,
.calc-step:active small{
  color:var(--color-text-muted)!important;
}
.calc-step.is-active,
.calc-step.is-active:hover,
.calc-step.is-active:focus,
.calc-step.is-active:active{
  background:var(--color-primary)!important;
  border-color:var(--color-primary)!important;
  color:#fff!important;
}
.calc-step.is-active span,
.calc-step.is-active:hover span,
.calc-step.is-active:focus span,
.calc-step.is-active:active span{
  background:rgba(255,255,255,.16)!important;
  color:var(--color-accent)!important;
}
.calc-step.is-active strong,
.calc-step.is-active:hover strong,
.calc-step.is-active:focus strong,
.calc-step.is-active:active strong,
.calc-step.is-active small,
.calc-step.is-active:hover small,
.calc-step.is-active:focus small,
.calc-step.is-active:active small{
  color:#fff!important;
}
@media(max-width:900px){
  a.btn,
  button.btn,
  .filter-btn,
  .faq-q{
    min-height:64px!important;
    padding:1.2rem 1.45rem!important;
  }
  a.btn,
  button.btn{
    display:flex!important;
    width:100%!important;
    margin:0 0 1.35rem 0!important;
  }
  .btn + .btn,
  a.btn + a.btn,
  button.btn + button.btn,
  a.btn + button.btn,
  button.btn + a.btn{
    margin-left:0!important;
    margin-top:0!important;
  }
  .feature-row__text > .btn,
  .article-engagement-card__actions > .btn,
  .home-calc-actions > .btn,
  .hero__cta > .btn,
  .hero-actions > .btn,
  .cta-wrap > .btn,
  .calc-nav > .btn{
    display:flex!important;
    width:100%!important;
    margin:0 0 1.75rem 0!important;
  }
  .feature-row__text > .btn:last-of-type,
  .article-engagement-card__actions > .btn:last-child,
  .home-calc-actions > .btn:last-child,
  .hero__cta > .btn:last-child,
  .hero-actions > .btn:last-child,
  .cta-wrap > .btn:last-child,
  .calc-nav > .btn:last-child{
    margin-bottom:0!important;
  }
  .feature-row__text{
    display:block!important;
  }
  .article-engagement-card__actions,
  .home-calc-actions,
  .hero__cta,
  .hero-actions,
  .cta-wrap,
  .calc-nav{
    display:block!important;
  }
  .calc-intro{
    padding:1.65rem 1.35rem 1.1rem!important;
  }
  .calc-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1rem!important;
    padding:0 1.35rem 1.35rem!important;
    background:transparent!important;
    border:0!important;
  }
  .calc-step{
    min-height:82px!important;
    padding:1.15rem!important;
    display:grid!important;
    grid-template-columns:2.35rem 1fr!important;
    text-align:left!important;
    column-gap:1rem!important;
    row-gap:.2rem!important;
    border-radius:18px!important;
    box-shadow:var(--shadow-sm)!important;
  }
  .calc-step span{
    grid-row:1 / span 2!important;
    display:grid!important;
    place-items:center!important;
    width:2.35rem!important;
    height:2.35rem!important;
    border-radius:50%!important;
    background:var(--color-primary-highlight)!important;
  }
  .calc-step strong,
  .calc-step small{
    display:block!important;
  }
  .calc-panel{
    padding:1.35rem!important;
  }
  .calc-card,
  .calc-result-card,
  .calc-summary,
  .calc-tiles article{
    padding:1.45rem!important;
  }
  .calc-field{
    margin:1.15rem 0 0!important;
    padding:1.15rem!important;
  }
  .calc-label{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.45rem!important;
  }
  .calc-label span,
  .calc-label strong{
    display:block!important;
  }
  .calc-field input[type=range]{
    height:52px!important;
    min-height:52px!important;
  }
  .calc-toggle button,
  .calc-seg button{
    min-height:62px!important;
    margin:0 0 1rem 0!important;
    padding:1.15rem!important;
    color:var(--color-text)!important;
  }
  .calc-toggle button:hover,
  .calc-seg button:hover{
    color:var(--color-text)!important;
    background:#fff!important;
  }
  .calc-toggle button[aria-pressed=true],
  .calc-seg button[aria-pressed=true],
  .calc-toggle button[aria-pressed=true]:hover,
  .calc-seg button[aria-pressed=true]:hover{
    background:var(--color-primary)!important;
    border-color:var(--color-primary)!important;
    color:#fff!important;
  }
}
.article-meta{font-size:.78rem;color:var(--color-text-muted);margin:0;line-height:1.4}.article-kicker{background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.78rem}.article-kicker__inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0}.article-kicker a{color:inherit;text-decoration:none;font-weight:600}.article-kicker a:hover{color:var(--color-primary)}.article-kicker__sep{opacity:.55}.legal .faq-list{margin-bottom:var(--space-12)}.legal .faq-list + h2{margin-top:var(--space-12)}
.res-side .btn-block{white-space:normal;line-height:1.18;padding-left:1rem;padding-right:1rem;min-height:56px}.res-side .card{border-color:var(--color-border)}.feature-row__text .btn{margin-right:12px;margin-bottom:12px}.feature-row__text .btn+.btn{margin-left:0!important}@media (max-width:700px){.feature-row__text .btn{width:100%;margin-right:0}}.section--tight-top{padding-top:var(--space-8)}.gallery-disclosure{max-width:920px;margin:0 auto var(--space-8);padding:1rem 1.2rem;border:1px solid rgba(45,111,52,.25);border-left:5px solid var(--color-accent);border-radius:var(--radius-md);background:rgba(247,167,0,.10);color:var(--color-text)}.gallery-plan-grid,.gallery-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.gallery-plan-card,.gallery-check-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.gallery-plan-card h3,.gallery-check-card h3{font-size:1.05rem;margin-bottom:.55rem}.gallery-plan-card p,.gallery-check-card p{color:var(--color-text-muted);margin:0}@media (max-width:960px){.gallery-plan-grid,.gallery-check-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery-plan-grid,.gallery-check-grid{grid-template-columns:1fr}.gallery-disclosure{text-align:left}}.gallery-plan-grid--below{margin-top:var(--space-8)}.gallery-disclosure--soon{margin-top:var(--space-8);margin-bottom:0}
/* T-Town Turf calculator */
.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}
.calc-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%)}
.calc-shell{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}
.calc-intro{padding:var(--space-8) var(--space-8) var(--space-4);max-width:860px}.calc-intro h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:var(--space-3)}.calc-intro p{color:var(--color-text-muted);font-size:1.05rem}
.calc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.calc-step{appearance:none;border:0;background:var(--color-surface);text-align:left;padding:1rem 1.1rem;cursor:pointer;display:grid;gap:.2rem;color:var(--color-text);transition:background var(--transition),color var(--transition)}.calc-step span{font-family:var(--font-display);color:var(--color-primary);font-weight:700;letter-spacing:.08em}.calc-step strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.02rem}.calc-step small{color:var(--color-text-muted);font-weight:600}.calc-step.is-active{background:var(--color-primary);color:#fff}.calc-step.is-active span,.calc-step.is-active small{color:var(--color-accent)}
.calc-live-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.calc-live-strip div{background:var(--color-surface);padding:1rem 1.2rem}.calc-live-strip span{display:block;color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.calc-live-strip strong{font-family:var(--font-display);font-size:1.45rem;color:var(--color-primary)}
.calc-panel{display:none;padding:var(--space-8)}.calc-panel.is-active{display:block}.calc-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:var(--space-6);align-items:start}.calc-card,.calc-result-card,.calc-tiles article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.calc-card .lead,.calc-summary p{color:var(--color-text-muted)}
.calc-field{margin-top:var(--space-5)}.calc-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.calc-label span{font-weight:700}.calc-label strong{font-family:var(--font-display);font-size:1.1rem;color:var(--color-primary)}.calc-field input[type=range]{width:100%;accent-color:var(--color-primary)}.calc-gold{accent-color:var(--color-accent)!important}
.calc-toggle,.calc-seg{display:flex;gap:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.35rem}.calc-toggle button,.calc-seg button{flex:1;border:0;border-radius:calc(var(--radius-sm) - 4px);padding:.75rem .8rem;font-weight:800;cursor:pointer;background:transparent;color:var(--color-text-muted)}.calc-toggle button[aria-pressed=true],.calc-seg button[aria-pressed=true]{background:var(--color-primary);color:#fff}.calc-money{display:flex;align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 .9rem}.calc-money span{font-weight:800;color:var(--color-text-muted)}.calc-money input{border:0;outline:0;width:100%;padding:.9rem .4rem;font:inherit;font-weight:800;background:transparent;color:var(--color-text)}
.calc-result-card{background:var(--color-primary-dark,var(--color-primary));color:#fff;position:sticky;top:90px}.calc-kicker{color:rgba(255,255,255,.72);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin:0 0 .5rem}.calc-big{display:block;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.4rem);line-height:1;color:var(--color-accent);margin-bottom:.5rem}.calc-result-card p{color:rgba(255,255,255,.8)}.calc-mini-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.2)}.calc-mini-row span{display:block;color:rgba(255,255,255,.68);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.calc-mini-row strong{font-family:var(--font-display);font-size:1.25rem;color:#fff}
.calc-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-4) 0}.calc-stat-grid div{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem;background:var(--color-bg)}.calc-stat-grid strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--color-primary)}.calc-stat-grid span{font-size:.9rem;color:var(--color-text-muted)}.calc-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:var(--space-4)}.calc-chips span{background:rgba(45,111,52,.1);border:1px solid rgba(45,111,52,.18);color:var(--color-primary);border-radius:999px;padding:.5rem .75rem;font-weight:800;font-size:.86rem}.calc-note{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--space-4)}
.calc-summary{text-align:center;max-width:740px;margin:0 auto var(--space-6)}.calc-summary h2{font-size:clamp(1.9rem,3vw,2.8rem)}.calc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.calc-tiles article{text-align:center}.calc-tiles span{display:block;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.calc-tiles strong{display:block;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--color-primary);line-height:1.05;margin:.65rem 0}.calc-tiles p{color:var(--color-text-muted);margin:0}.calc-yay{margin-top:var(--space-5);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-primary);color:#fff;text-align:center}.calc-yay p{max-width:760px;margin:0 auto;font-size:1.15rem}.calc-yay strong{color:var(--color-accent)}.calc-cta{text-align:center;margin-top:var(--space-6)}.calc-cta p{color:var(--color-text-muted);margin-top:.7rem}.calc-nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}
@media (max-width:860px){.calc-steps,.calc-live-strip,.calc-grid,.calc-tiles{grid-template-columns:1fr}.calc-result-card{position:static}.calc-panel,.calc-intro{padding:var(--space-5)}.calc-step{text-align:center}.calc-nav .btn{width:100%}}
.home-calc-section{background:linear-gradient(180deg,var(--color-bg) 0,var(--color-surface) 100%);padding:var(--space-16) 0}.home-calc-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:var(--space-8);align-items:center;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-left:7px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.home-calc-card:before{content:"";position:absolute;inset:auto -5rem -7rem auto;width:15rem;height:15rem;border-radius:50%;background:rgba(247,167,0,.14)}.home-calc-card .eyebrow{color:var(--color-primary)}.home-calc-card h2{color:var(--color-text);font-size:clamp(1.7rem,2.7vw,2.45rem);margin-bottom:var(--space-3)}.home-calc-card p{color:var(--color-text-muted);font-size:1.04rem;max-width:820px}.home-calc-points{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:var(--space-5)}.home-calc-points span{border:1px solid rgba(45,106,47,.18);background:var(--color-primary-highlight);border-radius:999px;padding:.52rem .82rem;font-weight:800;font-size:.84rem;color:var(--color-primary-dark);line-height:1.15}.home-calc-actions{display:grid;gap:var(--space-3);min-width:220px;position:relative;z-index:1}.home-calc-actions .btn{text-align:center;white-space:normal;line-height:1.15}.calc-live-strip span{line-height:1.2}.calc-stat-grid span{display:block;line-height:1.35}@media (max-width:820px){.home-calc-card{grid-template-columns:1fr;padding:var(--space-6)}.home-calc-actions{min-width:0}.home-calc-actions .btn{width:100%}}@media (max-width:880px){.nav__menu:not(.is-open){display:none}.nav__menu.is-open{display:flex}.nav-backdrop{width:100vw}}@media (max-width:560px){.home-calc-section{padding:var(--space-10) 0}.home-calc-points{display:grid}.text-center .btn-lg{max-width:100%;white-space:normal;line-height:1.15}}

/* T-Town final universal spacing and article polish */
.article-kicker{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,#fff)}
.article-kicker__inner{display:flex;align-items:center;gap:.55rem;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.75rem var(--space-6);font-size:.86rem;scrollbar-width:none}.article-kicker__inner::-webkit-scrollbar{display:none}.article-kicker__sep{color:var(--color-text-muted);flex:0 0 auto}.article-meta{display:inline;margin:0!important;color:var(--color-text-muted);font-size:.86rem;line-height:1;flex:0 0 auto}
.hero__cta,.hero-actions,.home-calc-actions,.article-engagement-card__actions,.calc-nav,.cta-wrap,.cta-strip .hero__cta,.feature-row__text{gap:1rem!important;row-gap:1rem!important}
.section .btn,.page-hero .btn,.hero .btn,.legal .btn,.res-main .btn,.feature-row__text .btn,.article-engagement-card .btn,.home-calc-card .btn,.calc-shell .btn,.cta-strip .btn{margin:.35rem!important;white-space:normal;line-height:1.15;text-align:center}.btn+.btn{margin-left:.35rem!important}.feature-row__text .btn+.btn,.article-engagement-card__actions .btn+.btn,.home-calc-actions .btn+.btn,.calc-nav .btn+.btn{margin-left:.35rem!important}
.home-calc-section{background:linear-gradient(180deg,var(--color-bg) 0,var(--color-surface) 100%);padding:var(--space-16) 0}.home-calc-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:var(--space-8);align-items:center;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-left:7px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.home-calc-card:before{content:"";position:absolute;inset:auto -5rem -7rem auto;width:15rem;height:15rem;border-radius:50%;background:rgba(247,167,0,.14);pointer-events:none}.home-calc-card>*{position:relative;z-index:1}.home-calc-card .eyebrow{color:var(--color-primary)}.home-calc-card h2{color:var(--color-text);font-size:clamp(1.7rem,2.7vw,2.45rem);margin-bottom:var(--space-3)}.home-calc-card p{color:var(--color-text-muted);font-size:1.04rem;max-width:820px}.home-calc-points{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:var(--space-5)}.home-calc-points span{display:block;border:1px solid rgba(45,106,47,.18);background:var(--color-primary-highlight);border-radius:999px;padding:.52rem .82rem;font-weight:800;font-size:.84rem;color:var(--color-primary-dark);line-height:1.15}.home-calc-actions{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;min-width:220px;position:relative;z-index:1}.home-calc-actions .btn{display:flex!important;align-items:center;justify-content:center;width:100%;margin:0!important}.home-calc-actions .btn+.btn{margin-top:0!important;margin-left:0!important}
.article-engagement-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:var(--space-6);align-items:center;margin:var(--space-10) 0;padding:var(--space-7);border:1px solid var(--color-border);border-left:7px solid var(--color-accent);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-surface) 0%,#fff8e9 100%);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.article-engagement-card:before{content:"";position:absolute;right:-4.5rem;bottom:-5rem;width:13rem;height:13rem;border-radius:50%;background:rgba(247,167,0,.15);pointer-events:none}.article-engagement-card>*{position:relative;z-index:1}.article-engagement-card h2{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.05;margin:.35rem 0 .6rem}.article-engagement-card p{margin:0;color:var(--color-text-muted);font-size:1rem}.article-engagement-card__actions{display:grid;gap:1rem}.article-engagement-card__actions .btn{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;margin:0!important;line-height:1.15;white-space:normal}.article-engagement-card__actions .btn+.btn{margin-top:0!important;margin-left:0!important}
@media (max-width:860px){.calc-shell{border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.calc-intro{padding:var(--space-6) var(--space-5) var(--space-4)}.calc-intro h2{font-size:clamp(1.45rem,7.3vw,2rem);line-height:1.04}.calc-intro p{font-size:.94rem;line-height:1.5}.calc-steps,.calc-live-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;background:var(--color-bg);padding:0 var(--space-5) var(--space-4)}.calc-step{padding:.7rem .45rem;text-align:center;border:1px solid var(--color-border);border-radius:10px;min-height:86px}.calc-step span{font-size:.72rem}.calc-step strong{font-size:.76rem;line-height:1.05}.calc-step small{display:none}.calc-live-strip div{padding:.7rem .45rem;text-align:center;border:1px solid var(--color-border);border-radius:10px}.calc-live-strip span{font-size:.58rem;line-height:1.15;letter-spacing:.06em}.calc-live-strip strong{font-size:1.05rem;line-height:1.1}.calc-grid,.calc-tiles{grid-template-columns:1fr}.calc-panel{padding:var(--space-5)}.calc-card,.calc-result-card,.calc-tiles article{padding:var(--space-5);border-radius:12px}.calc-result-card{position:static}.calc-big{font-size:clamp(2.45rem,13vw,3.45rem)}.calc-nav{display:grid;grid-template-columns:1fr;gap:1rem}.calc-nav .btn{width:100%;margin:0!important}.calc-toggle,.calc-seg{display:grid;grid-template-columns:1fr;gap:.5rem}.calc-toggle button,.calc-seg button{min-height:46px}}
@media (max-width:820px){.home-calc-card,.article-engagement-card{grid-template-columns:1fr;padding:var(--space-6)}.home-calc-actions{min-width:0}.home-calc-actions .btn{width:100%}}
@media (max-width:700px){.hero__cta,.hero-actions,.cta-wrap,.feature-row__text{display:grid!important;grid-template-columns:1fr!important}.section .btn,.page-hero .btn,.hero .btn,.legal .btn,.res-main .btn,.feature-row__text .btn,.article-engagement-card .btn,.home-calc-card .btn,.calc-shell .btn,.cta-strip .btn{width:100%;margin:0!important;min-height:52px}.btn+.btn{margin-left:0!important;margin-top:1rem!important}.article-engagement-card__actions .btn+.btn,.home-calc-actions .btn+.btn,.calc-nav .btn+.btn{margin-top:0!important}.article-kicker__inner{font-size:.78rem;gap:.38rem}.article-meta{font-size:.78rem}.nav__actions .btn{width:auto;min-height:0}.nav__actions .btn+.btn{margin-top:0!important}}
@media (max-width:560px){.home-calc-section{padding:var(--space-10) 0}.home-calc-points{display:grid;grid-template-columns:1fr}.home-calc-points span{border-radius:var(--radius-md)}.home-calc-card h2{font-size:clamp(1.7rem,10vw,2.45rem)}.article-engagement-card{margin:var(--space-8) 0}.article-engagement-card__actions .btn{min-height:54px}.text-center .btn-lg{max-width:100%;white-space:normal;line-height:1.15}}

/* T-Town final breadcrumb no-wrap override */
.article-kicker__inner{flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;line-height:1!important;align-items:center!important}.article-kicker__inner>*{flex:0 0 auto!important}.article-meta{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;line-height:1!important}
@media(max-width:700px){.article-kicker__inner{padding-top:.65rem!important;padding-bottom:.65rem!important}.article-meta{font-size:.76rem!important}}

/* Final spacing token repair and engagement card guardrails */
:root{
  --space-1:.25rem;
  --space-3:.75rem;
  --space-5:1.25rem;
  --space-7:1.75rem;
  --space-10:2.5rem;
}
.article-engagement-card,
.home-calc-card{
  padding:clamp(1.75rem,3vw,2.5rem)!important;
}
.article-engagement-card{
  margin:clamp(2.5rem,5vw,4rem) 0!important;
  margin-bottom:clamp(3rem,6vw,4.75rem)!important;
  padding-left:clamp(2.25rem,4vw,3.25rem)!important;
}
.article-engagement-card .eyebrow{
  margin-top:0!important;
}
@media(max-width:700px){
  .article-engagement-card,
  .home-calc-card{
    padding:1.6rem!important;
  }
  .article-engagement-card{
    margin:2.25rem 0 3rem!important;
    padding-left:1.85rem!important;
  }
}

/* Professional mobile polish pass: never-touch buttons, roomier articles, native calculator */
.btn{
  padding:clamp(1rem,2.2vw,1.2rem) clamp(1.55rem,4vw,2.25rem)!important;
  min-height:56px;
  line-height:1.18!important;
  white-space:normal!important;
}
.btn-lg{
  padding:clamp(1.08rem,2.4vw,1.28rem) clamp(1.75rem,4.5vw,2.5rem)!important;
  min-height:60px;
}
.hero__cta,
.hero-actions,
.home-calc-actions,
.article-engagement-card__actions,
.calc-nav,
.cta-wrap,
.feature-row__text{
  gap:1.25rem!important;
  row-gap:1.25rem!important;
}
.home-calc-actions,
.article-engagement-card__actions,
.calc-nav{
  display:grid!important;
}
.home-calc-actions .btn,
.article-engagement-card__actions .btn,
.calc-nav .btn{
  margin:0!important;
}
.home-calc-actions .btn+.btn,
.article-engagement-card__actions .btn+.btn,
.calc-nav .btn+.btn{
  margin:0!important;
}
.res-main article > h2,
.res-main article > h3{
  margin-top:clamp(2.5rem,5vw,4rem);
  margin-bottom:clamp(.85rem,2vw,1.35rem);
}
.res-main article > p,
.res-main article > ul,
.res-main article > ol,
.res-main article > .dgrid,
.res-main article > .tt-callout,
.res-main article > picture{
  margin-bottom:clamp(1.2rem,3vw,2rem);
}
.res-main article > .article-engagement-card{
  margin-top:clamp(2.75rem,6vw,4.5rem)!important;
  margin-bottom:clamp(3.25rem,7vw,5rem)!important;
}
.sources-card{
  font-size:.92rem;
}
.sources-card .sources-list,
.sources-card ul{
  display:grid;
  gap:.65rem;
  margin:0;
  padding-left:1.1rem;
}
.sources-card li{
  line-height:1.45;
}
.sources-card a{
  overflow-wrap:anywhere;
  font-weight:700;
}
.calc-shell{
  overflow:hidden;
}
.calc-toggle,
.calc-seg{
  gap:.75rem!important;
  padding:.55rem!important;
}
.calc-toggle button,
.calc-seg button{
  padding:1rem!important;
  min-height:52px;
  line-height:1.15;
}
.calc-field{
  margin-top:clamp(1.5rem,4vw,2rem)!important;
}
@media(max-width:700px){
  .container{
    padding-left:1.35rem;
    padding-right:1.35rem;
  }
  .btn,
  .btn-lg{
    width:100%;
    min-height:58px;
    padding:1.05rem 1.35rem!important;
  }
  .hero__cta,
  .hero-actions,
  .home-calc-actions,
  .article-engagement-card__actions,
  .calc-nav,
  .cta-wrap,
  .feature-row__text{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.15rem!important;
  }
  .article-engagement-card,
  .home-calc-card{
    padding:1.65rem!important;
    border-left-width:5px;
  }
  .article-engagement-card{
    margin:2.75rem 0 3.5rem!important;
    padding-left:1.9rem!important;
  }
  .article-engagement-card h2,
  .home-calc-card h2{
    font-size:clamp(1.65rem,8vw,2.15rem)!important;
  }
  .article-engagement-card p,
  .home-calc-card p{
    line-height:1.55;
  }
  .res-main article{
    font-size:1.02rem;
    line-height:1.72;
  }
  .res-main article > h2{
    margin-top:3rem;
  }
  .calc-section{
    padding-top:2.25rem;
    padding-bottom:2.25rem;
  }
  .calc-shell{
    border-radius:18px;
    border:1px solid var(--color-border);
    box-shadow:var(--shadow-sm);
  }
  .calc-intro{
    padding:1.55rem 1.25rem 1rem!important;
  }
  .calc-intro h2{
    font-size:clamp(1.55rem,8vw,2.05rem)!important;
    line-height:1.08!important;
  }
  .calc-intro p{
    font-size:1rem!important;
  }
  .calc-steps{
    grid-template-columns:1fr!important;
    gap:.75rem!important;
    padding:0 1.25rem 1.25rem!important;
    background:transparent!important;
    border:0!important;
  }
  .calc-step{
    display:grid!important;
    grid-template-columns:auto 1fr;
    align-items:center;
    column-gap:.9rem;
    min-height:0!important;
    padding:1rem!important;
    text-align:left!important;
    border-radius:14px!important;
    box-shadow:var(--shadow-sm);
  }
  .calc-step span{
    font-size:.82rem!important;
  }
  .calc-step strong{
    font-size:.98rem!important;
    line-height:1.15!important;
  }
  .calc-step small{
    display:block!important;
    grid-column:2;
    font-size:.78rem;
    line-height:1.25;
  }
  .calc-live-strip{
    grid-template-columns:1fr!important;
    gap:.75rem!important;
    padding:0 1.25rem 1.25rem!important;
    background:transparent!important;
    border:0!important;
  }
  .calc-live-strip div{
    border-radius:14px!important;
    padding:1rem!important;
    text-align:left!important;
    box-shadow:var(--shadow-sm);
  }
  .calc-live-strip span{
    font-size:.68rem!important;
  }
  .calc-live-strip strong{
    font-size:1.35rem!important;
  }
  .calc-panel{
    padding:1.25rem!important;
  }
  .calc-card,
  .calc-result-card,
  .calc-tiles article{
    padding:1.35rem!important;
    border-radius:16px!important;
  }
  .calc-label{
    display:grid!important;
    gap:.25rem!important;
  }
  .calc-toggle,
  .calc-seg{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.75rem!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }
  .calc-toggle button,
  .calc-seg button{
    border:1px solid var(--color-border)!important;
    border-radius:14px!important;
    background:var(--color-surface)!important;
  }
  .calc-toggle button[aria-pressed=true],
  .calc-seg button[aria-pressed=true]{
    background:var(--color-primary)!important;
    color:#fff!important;
  }
}

/* Homepage hero before/after compare */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.hero__layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,400px);
  gap:clamp(1.4rem,3vw,2.8rem);
  align-items:center;
  width:100%;
}
.hero__layout .hero__inner{
  max-width:none;
  padding:var(--space-12) 0;
}
.hero-compare{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:1rem;
  width:100%;
  max-width:400px;
  justify-self:end;
  padding:10px 10px 14px;
  border-radius:28px;
  background:rgba(245,240,232,.94);
  box-shadow:0 22px 50px rgba(8,20,10,.32);
  backdrop-filter:blur(10px);
}
.ba{--pos:50%;width:100%}
.ba__viewport{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  width:100%;
  aspect-ratio:1100/1474;
  max-height:min(560px,68vh);
  border-radius:22px;
  background:var(--color-primary-dark);
  cursor:ew-resize;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  box-shadow:0 10px 28px rgba(12,28,16,.18);
}
.ba__viewport:focus-visible{
  outline:3px solid var(--color-accent);
  outline-offset:3px;
}
.ba__layer{
  position:absolute;
  inset:0;
}
.ba__layer picture,
.ba__layer img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:55% 62%;
  pointer-events:none;
  -webkit-user-drag:none;
}
.ba__layer--before{
  clip-path:inset(0 calc(100% - var(--pos)) 0 0);
}
.ba__handle{
  position:absolute;
  top:0;
  bottom:0;
  left:var(--pos);
  z-index:3;
  width:0;
  transform:translateX(-50%);
  pointer-events:none;
}
.ba__line{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:3px;
  background:#fff;
  transform:translateX(-50%);
  box-shadow:0 0 10px rgba(0,0,0,.28);
}
.ba__knob{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#fff;
  color:#16361c;
  transform:translate(-50%,-50%);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}
.ba__knob svg{
  width:22px;
  height:22px;
}
.ba__tag{
  position:absolute;
  top:14px;
  z-index:3;
  padding:.42rem .8rem;
  border-radius:999px;
  background:#16361c;
  color:#fff;
  font-family:var(--font-display);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
  pointer-events:none;
  transition:opacity 160ms ease;
}
.ba__tag--before{left:14px}
.ba__tag--after{right:14px}
.ba--hide-before .ba__tag--before,
.ba--hide-after .ba__tag--after{opacity:0}
.hero-compare__cta{
  width:100%;
  min-height:54px;
  border-radius:999px !important;
  background:#16361c;
  color:#fff;
  box-shadow:none;
}
.hero-compare__cta:hover{
  background:#0f2815;
  color:#fff;
  transform:translateY(-1px);
}
.hero-compare__cta svg{
  width:18px;
  height:18px;
}
.install-day{
  display:grid;
  grid-template-columns:minmax(240px,420px) minmax(0,1fr);
  gap:clamp(1.4rem,3vw,2.5rem);
  align-items:start;
  margin:0 0 var(--space-12);
}
.install-day__media{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-md);
  background:var(--color-primary-dark);
}
.install-day__media img{
  width:100%;
  height:auto;
  display:block;
}
.install-day__copy h2{
  margin-bottom:var(--space-4);
}
.install-day__copy p{
  color:var(--color-text);
  font-size:1.04rem;
  line-height:1.7;
}
.install-day__copy p:last-child{margin-bottom:0}
@media (max-width:820px){
  .install-day{grid-template-columns:1fr}
}
@media (max-width:980px){
  .hero__layout{
    grid-template-columns:1fr;
    padding-bottom:var(--space-10);
  }
  .hero-compare{
    justify-self:center;
    max-width:440px;
    margin:0 auto;
  }
  .ba__viewport{max-height:430px}
}
@media (prefers-reduced-motion:reduce){
  .ba__tag{transition:none}
}

/* Homepage customer-video card + lightbox */
.video-story{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,2.2rem);
  align-items:center;
  margin:0 auto var(--space-12);
  max-width:920px;
  padding:14px 18px 14px 14px;
  border:1px solid var(--color-border);
  border-radius:24px;
  background:var(--color-surface);
  box-shadow:var(--shadow-sm);
}
.video-poster{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:18px;
  overflow:hidden;
  background:var(--color-primary-dark);
  aspect-ratio:9/16;
  cursor:pointer;
  touch-action:manipulation;
}
.video-poster:focus-visible{
  outline:3px solid var(--color-accent);
  outline-offset:3px;
}
.video-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 20%;
}
.video-poster__play{
  position:absolute;
  top:22%;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#16361c;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.video-poster__play svg{
  width:28px;
  height:28px;
  margin-left:3px;
}
.video-poster:hover .video-poster__play,
.video-poster:focus-visible .video-poster__play{
  transform:translate(-50%,-50%) scale(1.06);
}
.video-poster__meta{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.4rem .7rem;
  border-radius:999px;
  background:rgba(14,28,16,.78);
  color:#fff;
  font-family:var(--font-display);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.video-story__copy .eyebrow{margin-bottom:.35rem}
.video-story__copy h3{
  font-size:clamp(1.35rem,2.4vw,1.85rem);
  margin-bottom:var(--space-4);
}
.video-story__copy blockquote{
  margin:0 0 var(--space-4);
  font-size:1.08rem;
  color:var(--color-text);
}
.video-story__author{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.video-story__note{
  margin:.35rem 0 0;
  color:var(--color-text-muted);
  font-size:.92rem;
}
.video-lb{
  position:fixed;
  inset:0;
  z-index:3100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  pointer-events:none;
}
.video-lb.is-open{
  display:flex;
  pointer-events:auto;
}
.video-lb__backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,18,8,.94);
}
.video-lb__dialog{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  width:min(420px,92vw);
}
.video-lb__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:48px;
}
.video-lb__title{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.video-lb__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:44px;
  padding:.55rem .95rem;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#16361c;
  font-family:var(--font-display);
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
.video-lb__close svg{
  width:16px;
  height:16px;
}
.video-lb__close:hover,
.video-lb__close:focus-visible{
  background:var(--color-accent);
  color:#1c1a15;
}
.video-lb__stage{
  background:#000;
  border-radius:16px;
  box-shadow:var(--shadow-lg);
}
.video-lb__stage video{
  display:block;
  width:100%;
  height:auto;
  max-height:min(78vh,720px);
  background:#000;
  border-radius:16px;
  vertical-align:middle;
}
@media (max-width:820px){
  .video-story{
    grid-template-columns:1fr;
    padding:14px;
  }
  .video-poster{
    max-width:280px;
    margin:0 auto;
  }
  .video-story__copy{text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .video-poster:hover .video-poster__play,
  .video-poster:focus-visible .video-poster__play{transform:translate(-50%,-50%)}
}
