/* ===================================================================== New Leaf Ventures — Design System (Botanical Editorial) Tokens → reset → type → layout → header → buttons → components → footer One edit in :root re-themes the whole site. ===================================================================== */ :root{ /* Brand palette */ --forest:#1C3B2E; --forest-deep:#142A20; --leaf:#2F6B4A; --leaf-bright:#3E8A5F; --sage:#8AA98F; --sand:#F4EEE1; --cream:#FBF7EE; --paper:#FEFCF7; --brass:#B0894F; --brass-lt:#CBA968; --ink:#15241C; --ink-soft:#3C4A41; --clay:#C2683F; --line:rgba(28,59,46,.14); --line-soft:rgba(28,59,46,.08); /* Surfaces */ --bg:var(--sand); --surface:var(--cream); --on-dark:#F1EFE6; --on-dark-soft:rgba(241,239,230,.72); /* Type */ --serif:"Fraunces",Georgia,"Times New Roman",serif; --sans:"Figtree",system-ui,-apple-system,Segoe UI,Roboto,sans-serif; /* Shape & depth */ --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px; --shadow-sm:0 1px 2px rgba(28,59,46,.06),0 2px 8px rgba(28,59,46,.06); --shadow-md:0 10px 30px rgba(28,59,46,.10),0 2px 8px rgba(28,59,46,.06); --shadow-lg:0 30px 70px rgba(20,42,32,.18); /* Rhythm */ --container:1200px; --gutter:clamp(1.1rem,4vw,2.5rem); --section-y:clamp(4.5rem,9vw,8rem); --header-h:78px; --ease:cubic-bezier(.22,.61,.36,1); } /* High-contrast / motion-off mode (toggle adds .calm to ) */ html.calm *{animation:none!important;transition:none!important;} /* ---------- reset ---------- */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} html.lenis,html.lenis body{scroll-behavior:auto!important;} /* Lenis guard */ body{ font-family:var(--sans); color:var(--ink); background:var(--bg); line-height:1.65; font-size:clamp(1rem,.96rem + .2vw,1.075rem); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; } img,video,svg{max-width:100%;height:auto;display:block;} a{color:inherit;text-decoration:none;} button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;} ul{list-style:none;} :focus-visible{outline:2.5px solid var(--brass);outline-offset:3px;border-radius:4px;} /* ---------- type ---------- */ h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.08;color:var(--forest);letter-spacing:-.01em;} h1{font-size:clamp(2.5rem,1.6rem + 4.2vw,5rem);font-optical-sizing:auto;} h2{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);} h3{font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);} h4{font-size:1.2rem;} p{max-width:64ch;} strong{font-weight:600;color:var(--forest);} .serif-italic{font-style:italic;} .eyebrow{ font-family:var(--sans);font-weight:600;font-size:.78rem; letter-spacing:.2em;text-transform:uppercase;color:var(--brass); display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem; } .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);display:inline-block;} .lead{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);color:var(--ink-soft);max-width:58ch;} /* ---------- layout ---------- */ .container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto;} .container-wide{width:min(100% - 2*var(--gutter),1440px);margin-inline:auto;} .section{padding-block:var(--section-y);} .section-head{max-width:62ch;margin-bottom:clamp(2rem,4vw,3.5rem);} .section-head.center{margin-inline:auto;text-align:center;} .section-head.center .eyebrow{justify-content:center;} .grid{display:grid;gap:clamp(1.2rem,2.5vw,2rem);} .cols-2{grid-template-columns:repeat(2,1fr);} .cols-3{grid-template-columns:repeat(3,1fr);} .cols-4{grid-template-columns:repeat(4,1fr);} @media(max-width:900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr;}} .bg-forest{background:var(--forest);color:var(--on-dark);} .bg-forest h1,.bg-forest h2,.bg-forest h3,.bg-forest h4{color:var(--cream);} .bg-cream{background:var(--cream);} .bg-paper{background:var(--paper);} /* paper grain overlay */ .grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");} html.calm .grain{display:none;} /* ---------- buttons ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.55rem; font-family:var(--sans);font-weight:600;font-size:.97rem;letter-spacing:.01em; padding:.95rem 1.7rem;border-radius:var(--r-pill); transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,color .3s; position:relative;overflow:hidden;white-space:nowrap; } .btn svg{width:1.05em;height:1.05em;} .btn-primary{background:var(--forest);color:var(--cream);box-shadow:var(--shadow-sm);} .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--leaf);} /* sheen sweep */ .btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-18deg);transition:left .55s var(--ease);} .btn-primary:hover::after{left:130%;} html.calm .btn-primary::after{display:none;} .btn-ghost{background:transparent;color:var(--forest);border:1.5px solid var(--line);} .btn-ghost:hover{border-color:var(--forest);background:rgba(28,59,46,.04);transform:translateY(-2px);} .btn-brass{background:var(--brass);color:#fff;} .btn-brass:hover{background:var(--brass-lt);transform:translateY(-2px);box-shadow:var(--shadow-md);} .btn-on-dark{background:var(--cream);color:var(--forest);} .btn-on-dark:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md);} .btn-lg{padding:1.1rem 2.1rem;font-size:1.05rem;} .link-arrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--leaf); position:relative;} .link-arrow svg{width:1.1em;height:1.1em;flex:none;transition:transform .3s var(--ease);} .link-arrow:hover svg{transform:translateX(5px);} .link-arrow::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px; background:var(--leaf);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);} .link-arrow:hover::after{transform:scaleX(1);} /* ---------- header ---------- */ .site-header{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-h); display:flex;align-items:center;transition:background .4s var(--ease),box-shadow .4s var(--ease),height .3s;} .site-header .container-wide{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(100% - 2*var(--gutter),1440px);} .site-header.solid{background:rgba(251,247,238,.88);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-soft),var(--shadow-sm);} /* brand lockup */ .brand{display:flex;align-items:center;gap:.6rem;line-height:1;} .brand .mark{width:30px;height:30px;color:var(--leaf);flex:none;} .brand-text{display:flex;flex-direction:column;} .brand-name{font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--forest);letter-spacing:-.01em;} .brand-name em{font-style:italic;color:var(--leaf);} .brand-sub{font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);margin-top:2px;} .site-header:not(.solid) .brand-name{color:var(--cream);} .site-header:not(.solid) .brand-name em{color:var(--brass-lt);} .site-header:not(.solid) .brand .mark{color:var(--brass-lt);} /* nav */ .nav{display:flex;align-items:center;gap:2rem;} .nav-links{display:flex;align-items:center;gap:1.7rem;} .nav-links a{font-weight:500;font-size:.97rem;position:relative;padding:.3rem 0;color:var(--forest);} .site-header:not(.solid) .nav-links>li>a{color:var(--on-dark);} .nav-links>li>a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);} .nav-links>li>a:hover::after,.nav-links>li>a[aria-current="page"]::after{transform:scaleX(1);} /* dropdown */ .has-sub{position:relative;} .has-sub>a::before{content:"";} .submenu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px); background:var(--cream);border:1px solid var(--line-soft);border-radius:var(--r-md); box-shadow:var(--shadow-md);padding:.6rem;min-width:248px;opacity:0;visibility:hidden;transition:.28s var(--ease);} .submenu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;} .has-sub:hover .submenu,.has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);} .submenu a{display:flex;flex-direction:column;gap:1px;padding:.6rem .8rem;border-radius:var(--r-sm);color:var(--forest);} .submenu a:hover{background:var(--sand);} .submenu a span{font-size:.78rem;color:var(--ink-soft);font-weight:400;} .nav-cta{display:flex;align-items:center;gap:1rem;} .nav-phone{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--forest);} .site-header:not(.solid) .nav-phone{color:var(--on-dark);} .nav-phone svg{width:1.05em;color:var(--brass);} /* burger */ .burger{display:none;width:46px;height:46px;border-radius:var(--r-sm);align-items:center;justify-content:center;flex-direction:column;gap:5px;} .burger span{width:22px;height:2px;background:var(--forest);transition:.3s var(--ease);} .site-header:not(.solid) .burger span{background:var(--on-dark);} @media(max-width:1040px){ .nav-links,.nav-cta .nav-phone{display:none;} .burger{display:flex;} } /* mobile drawer */ .drawer{position:fixed;inset:0;z-index:200;visibility:hidden;} .drawer__scrim{position:absolute;inset:0;background:rgba(20,42,32,.5);opacity:0;transition:.4s;} .drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(86vw,380px);background:var(--cream); box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .42s var(--ease); display:flex;flex-direction:column;padding:1.4rem;overflow-y:auto;} .drawer.open{visibility:visible;} .drawer.open .drawer__scrim{opacity:1;} .drawer.open .drawer__panel{transform:translateX(0);} .drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;} .drawer__close{width:44px;height:44px;border-radius:var(--r-sm);font-size:1.5rem;color:var(--forest);} .drawer nav a{display:block;padding:.85rem .4rem;font-size:1.15rem;font-family:var(--serif);color:var(--forest);border-bottom:1px solid var(--line-soft);} .drawer .sub a{font-family:var(--sans);font-size:1rem;padding-left:1.2rem;color:var(--ink-soft);} .drawer .btn{margin-top:1.4rem;width:100%;} .drawer__phone{margin-top:1rem;text-align:center;font-weight:600;color:var(--leaf);font-size:1.1rem;} /* ---------- cards & components ---------- */ .card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md); padding:clamp(1.5rem,3vw,2.1rem);position:relative;overflow:hidden; transition:transform .4s var(--ease),box-shadow .4s var(--ease);box-shadow:var(--shadow-sm);} .card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(176,137,79,.5),transparent);} .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);} .card .icon{width:46px;height:46px;color:var(--leaf);margin-bottom:1.1rem;} .card h3{margin-bottom:.5rem;} /* service card with image */ .svc-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-md); overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line-soft); transition:transform .45s var(--ease),box-shadow .45s var(--ease);} .svc-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);} .svc-card__media{aspect-ratio:4/3;overflow:hidden;position:relative;} .svc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);} .svc-card:hover .svc-card__media img{transform:scale(1.06);} .svc-card__media .tag{position:absolute;top:1rem;left:1rem;background:rgba(28,59,46,.82);color:var(--cream); font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem;border-radius:var(--r-pill);backdrop-filter:blur(4px);} .svc-card__body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:.6rem;flex:1;} .svc-card__body h3{margin:0;} .svc-card__body p{font-size:.97rem;color:var(--ink-soft);flex:1;} /* stat band */ .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;} .stat{padding:clamp(1.2rem,3vw,2rem);text-align:center;position:relative;} .stat+ .stat::before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px; background:linear-gradient(180deg,transparent,var(--line),transparent);} .stat .num{font-family:var(--serif);font-size:clamp(2.4rem,1.6rem+2.4vw,3.6rem);color:var(--forest);line-height:1;} .bg-forest .stat .num{color:var(--brass-lt);} .stat .label{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:.5rem;} .bg-forest .stat .label{color:var(--on-dark-soft);} @media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr);}.stat+ .stat::before{display:none;}} /* quick-answer + key facts (AEO) */ .quick-answer{background:var(--cream);border-left:4px solid var(--brass);border-radius:var(--r-sm); padding:1.3rem 1.5rem;box-shadow:var(--shadow-sm);margin:1.5rem 0;} .quick-answer .qa-label{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:700;margin-bottom:.4rem;} .quick-answer p{margin:0;color:var(--ink);font-size:1.05rem;} .key-facts{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--surface); border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line-soft);} .key-facts th,.key-facts td{padding:.85rem 1.1rem;text-align:left;font-size:.97rem;border-bottom:1px solid var(--line-soft);} .key-facts th{background:rgba(28,59,46,.04);color:var(--forest);font-weight:600;width:42%;} .key-facts tr:last-child th,.key-facts tr:last-child td{border-bottom:none;} .key-facts tr:hover td{background:rgba(176,137,79,.06);} /* FAQ */ .faqs details{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-sm); margin-bottom:.8rem;overflow:hidden;transition:box-shadow .3s;} .faqs details[open]{box-shadow:var(--shadow-sm);} .faqs summary{padding:1.15rem 1.3rem;font-family:var(--serif);font-size:1.12rem;color:var(--forest); cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;} .faqs summary::-webkit-details-marker{display:none;} .faqs summary::after{content:"+";font-size:1.5rem;color:var(--brass);transition:transform .3s var(--ease);font-family:var(--sans);} .faqs details[open] summary::after{transform:rotate(45deg);} .faqs details p{padding:0 1.3rem 1.25rem;color:var(--ink-soft);margin:0;max-width:none;} /* prose */ .prose p{margin-bottom:1.1rem;} .prose h2{margin:2.4rem 0 1rem;} .prose h3{margin:1.8rem 0 .7rem;} .prose ul.ticks{margin:1.1rem 0;display:grid;gap:.7rem;} .prose ul.ticks li{position:relative;padding-left:1.9rem;color:var(--ink-soft);} .prose ul.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:1.1rem;height:1.1rem; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B4A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");} .prose a{color:var(--leaf);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line);} .prose a:hover{text-decoration-color:var(--leaf);} /* media frame (arched top — organic) */ .frame{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative;} .frame img{width:100%;height:100%;object-fit:cover;} .frame.arch{border-radius:200px 200px var(--r-lg) var(--r-lg);} /* pull quote / testimonial */ .quote{background:var(--surface);border-radius:var(--r-md);padding:clamp(1.6rem,3vw,2.4rem); box-shadow:var(--shadow-sm);border:1px solid var(--line-soft);position:relative;} .quote::before{content:"\201C";position:absolute;top:-.2em;left:.3em;font-family:var(--serif); font-size:5rem;color:var(--brass);opacity:.25;line-height:1;} .quote blockquote{font-family:var(--serif);font-size:clamp(1.15rem,1rem+.6vw,1.45rem); color:var(--forest);line-height:1.4;font-style:italic;margin:0 0 1.1rem;position:relative;} .quote cite{font-style:normal;font-weight:600;color:var(--ink);display:block;font-size:.98rem;} .quote cite span{display:block;font-weight:400;color:var(--ink-soft);font-size:.9rem;} /* ---------- page hero (inner pages) ---------- */ .page-hero{position:relative;padding:calc(var(--header-h) + clamp(3rem,7vw,6rem)) 0 clamp(3rem,6vw,5rem); background:var(--forest);color:var(--on-dark);overflow:hidden;isolation:isolate;} .page-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;mix-blend-mode:soft-light; background:radial-gradient(120% 90% at 80% -10%,var(--leaf),transparent 55%),radial-gradient(80% 70% at 0% 110%,var(--brass),transparent 60%);} .page-hero .breadcrumb{display:flex;gap:.5rem;font-size:.85rem;color:var(--on-dark-soft);margin-bottom:1.4rem;flex-wrap:wrap;} .page-hero .breadcrumb a:hover{color:var(--brass-lt);} .page-hero h1{color:var(--cream);max-width:18ch;} .page-hero .lead{color:var(--on-dark-soft);margin-top:1.1rem;} .page-hero.has-img{background:var(--forest-deep);} .page-hero__img{position:absolute;inset:0;z-index:-2;} .page-hero__img img{width:100%;height:100%;object-fit:cover;opacity:.32;} /* ---------- footer ---------- */ .site-footer{background:var(--forest-deep);color:var(--on-dark);position:relative;overflow:hidden;padding-top:clamp(3.5rem,7vw,6rem);} .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2.5rem;position:relative;z-index:2;} .footer-brand .brand-name{color:var(--cream);} .footer-brand p{color:var(--on-dark-soft);font-size:.95rem;margin-top:1rem;max-width:34ch;} .footer-col h4{color:var(--brass-lt);font-family:var(--sans);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem;} .footer-col a,.footer-col li{display:block;color:var(--on-dark-soft);padding:.32rem 0;font-size:.95rem;transition:color .25s,transform .25s;} .footer-col a:hover{color:var(--cream);transform:translateX(3px);} .footer-contact a{display:flex;align-items:center;gap:.6rem;} .footer-contact svg{width:1.05em;color:var(--brass-lt);flex:none;} .footer-social{display:flex;gap:.7rem;margin-top:1.2rem;} .footer-social a{width:42px;height:42px;border:1px solid rgba(241,239,230,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--on-dark);} .footer-social a:hover{background:var(--brass);border-color:var(--brass);color:#fff;transform:translateY(-3px);} .footer-bottom{border-top:1px solid rgba(241,239,230,.12);margin-top:clamp(2.5rem,5vw,4rem);padding:1.6rem 0; display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--on-dark-soft);position:relative;z-index:2;} .footer-watermark{position:absolute;left:0;right:0;bottom:-3.5vw;text-align:center;font-family:var(--serif); font-style:italic;font-size:18vw;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(203,169,104,.1); pointer-events:none;z-index:1;white-space:nowrap;} @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}} @media(max-width:560px){.footer-grid{grid-template-columns:1fr;}} /* ---------- forms ---------- */ .field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem;} .field label{font-weight:600;font-size:.9rem;color:var(--forest);} .field input,.field select,.field textarea{ font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line); border-radius:var(--r-sm);padding:.85rem 1rem;transition:border-color .25s,box-shadow .25s;width:100%;} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px rgba(47,107,74,.14);} .field textarea{min-height:140px;resize:vertical;} .form-note{font-size:.82rem;color:var(--ink-soft);} .form-success{display:none;background:rgba(47,107,74,.1);border:1px solid var(--leaf);color:var(--forest); padding:1rem 1.2rem;border-radius:var(--r-sm);font-weight:500;} .form-success.show{display:block;} /* ---------- custom cursor ---------- */ .cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999; transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;} .cursor-dot{width:7px;height:7px;background:var(--forest);} .cursor-ring{width:34px;height:34px;border:1.5px solid var(--brass);transition:width .25s,height .25s,background .25s,opacity .3s,border-color .25s;} html.has-cursor .cursor-dot,html.has-cursor .cursor-ring{opacity:1;} html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor summary,html.has-cursor .btn,html.has-cursor [data-tilt]{cursor:none;} html.has-cursor input,html.has-cursor textarea,html.has-cursor select{cursor:auto;} .cursor-ring.hover{width:54px;height:54px;background:rgba(176,137,79,.12);border-color:var(--brass);} .cursor-ring.press{width:26px;height:26px;} /* ---------- motion / contrast toggle ---------- */ .motion-toggle{position:fixed;right:18px;bottom:18px;z-index:300;background:var(--forest);color:var(--cream); border-radius:var(--r-pill);padding:.6rem 1rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem; box-shadow:var(--shadow-md);border:1px solid rgba(241,239,230,.15);opacity:.85;transition:opacity .3s,transform .3s;} .motion-toggle:hover{opacity:1;transform:translateY(-2px);} .motion-toggle svg{width:1.1em;} /* ---------- reveals ---------- */ [data-reveal]{opacity:0;} html.calm [data-reveal]{opacity:1!important;} .no-js [data-reveal]{opacity:1;} /* utilities */ .text-center{text-align:center;} .mt-1{margin-top:.5rem;}.mt-2{margin-top:1rem;}.mt-3{margin-top:1.6rem;}.mt-4{margin-top:2.4rem;} .cta-row{display:flex;gap:1rem;flex-wrap:wrap;} .cta-row.center{justify-content:center;} .muted{color:var(--ink-soft);} .pill-tag{display:inline-block;background:rgba(47,107,74,.1);color:var(--leaf);font-size:.8rem;font-weight:600; padding:.3rem .8rem;border-radius:var(--r-pill);letter-spacing:.04em;} @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}