@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.kv{&.kv{--paper:#f7f3ec;--ink:#24302a;--muted:#5d665f;--green:#2f5a3f;--green-dark:#22432f;--wood:#8a5a36;--wood-dark:#4a3020;--line:#e3dccf;--serif:"Fraunces Variable", Georgia, serif;background:var(--paper);color:var(--ink);font-size:1.0625rem;line-height:1.6}& .wrap{max-width:1160px;margin:0 auto;padding:0 1.25rem}& h1,& h2,& h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}& h2{margin-bottom:1rem;font-size:clamp(1.75rem,3.5vw,2.5rem)}& h3{margin-bottom:.5rem;font-size:1.25rem}& p{margin:0 0 1rem}& .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--wood);margin-bottom:.75rem;font-size:.8rem;font-weight:600}& .eyebrow.light{color:#e8c9a6}& .btn{background:var(--green);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.9rem 1.5rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}& .btn:hover{background:var(--green-dark);transform:translateY(-1px)}& .btn-small{white-space:nowrap;min-height:40px;padding:.55rem 1.1rem;font-size:.95rem}& .nav .brand{white-space:nowrap;font-size:1.05rem}@media (width>=640px){& .nav .brand{font-size:1.2rem}}& .brand-logo img{mix-blend-mode:multiply;width:auto;height:44px;display:block}@media (width>=640px){& .brand-logo img{height:52px}}& .btn-ghost{color:#fff;background:#ffffff24;border:1px solid #fff9}& .btn-ghost:hover{background:#ffffff42}& .btn-outline{color:var(--green);border:2px solid var(--green);background:0 0}& .btn-outline:hover{background:var(--green);color:#fff}& .link{color:var(--green);border-bottom:2px solid #0000;margin-top:1.5rem;font-weight:600;transition:border-color .2s;display:inline-block}& .link:hover{border-color:var(--green)}& .nav{z-index:20;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f7f3eceb;position:sticky;top:0}& .nav-inner{align-items:center;gap:1.5rem;height:68px;display:flex}& .brand{font-family:var(--serif);align-items:center;gap:.6rem;margin:0;font-size:1.2rem;font-weight:600;display:flex}& .brand em{color:var(--wood);font-style:italic}& .brand-mark{background:repeating-linear-gradient(0deg, transparent 0 5px, #ffffff8c 5px 6px), repeating-linear-gradient(90deg, transparent 0 5px, #ffffff8c 5px 6px), var(--green);border-radius:6px;width:26px;height:26px}& .nav-links{gap:1.5rem;margin-left:auto;font-weight:500;display:none}& .nav-links a{color:var(--muted);transition:color .2s}& .nav-links a:hover{color:var(--ink)}& .nav .btn-small{margin-left:auto}@media (width>=860px){& .nav-links{display:flex}& .nav .btn-small{margin-left:0}}& .hero{color:#fff;align-items:flex-end;min-height:min(88vh,760px);display:flex;position:relative;overflow:hidden}& .hero-img{object-fit:cover;object-position:60% 60%;width:100%;height:100%;position:absolute;inset:0}& .hero-scrim{background:linear-gradient(#141c1626 0%,#141c1673 40%,#141c16d9 100%);position:absolute;inset:0}& .hero-content{width:100%;padding-top:6rem;padding-bottom:3.5rem;position:relative}& .hero .eyebrow{color:#f0d6b8}& .hero h1{text-shadow:0 2px 20px #00000040;max-width:820px;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.6rem)}& .lead{color:#ffffffeb;max-width:600px;font-size:1.15rem}& .hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}& .hero-actions.center{justify-content:center}& .section{padding:4.5rem 0}@media (width>=860px){& .section{padding:6rem 0}}& .tinted{background:#efe8dc}& .two-col{gap:2rem;display:grid}@media (width>=860px){& .two-col{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}& .problem p{color:var(--muted);font-size:1.125rem}& .problem strong{color:var(--ink)}& .cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}& .card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1.5rem;transition:transform .2s,box-shadow .2s}& .card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3c281414}& .card h3{color:var(--green)}& .card p{color:var(--muted);margin:0;font-size:1rem}& .section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}& .section-head .link{margin:0 0 1rem}& .projects{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){& .projects{grid-template-columns:1fr 1fr}}& .project{aspect-ratio:4/3;color:#fff;border-radius:16px;display:block;position:relative;overflow:hidden}& .project img{object-fit:cover;width:100%;height:100%;transition:transform .5s}& .project:hover img{transform:scale(1.04)}& .project:after{content:"";background:linear-gradient(#0000 50%,#141c16cc);position:absolute;inset:0}& .project-tag{z-index:1;background:var(--paper);color:var(--wood-dark);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;left:1rem}& .project-title{z-index:1;font-family:var(--serif);font-size:1.35rem;font-weight:600;position:absolute;bottom:1.1rem;left:1.25rem}& .steps{gap:2rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=860px){& .steps{grid-template-columns:repeat(3,1fr)}}& .step-n{border:2px solid var(--wood);width:44px;height:44px;color:var(--wood);font-family:var(--serif);border-radius:50%;place-items:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:inline-grid}& .steps p{color:var(--muted)}& .wood{background:var(--wood-dark);color:#fbf6ee}& .muted-light{color:#fbf6eec7}& .benefits{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){& .benefits{grid-template-columns:1fr 1fr}}& .benefits li{border-top:1px solid #fff3;padding-top:1rem}& .benefits p{color:#fbf6eec7;margin:0;font-size:1rem}& .shop{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:1.5rem;max-width:1120px;padding:2rem 1.5rem;display:grid}@media (width>=860px){& .shop{grid-template-columns:1fr auto;padding:2.5rem 3rem}}& .shop p:last-child{color:var(--muted);margin:0}& .shop h2{font-size:clamp(1.5rem,3vw,2rem)}& .partners{padding-top:0}& .partner-list{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}& .partner-list li{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:.5rem 1.1rem;font-weight:500}& .cta{background:var(--green);color:#fff;text-align:center}& .cta-inner{max-width:720px}& .cta p{color:#ffffffe0;font-size:1.125rem}& .cta .btn{background:var(--paper);color:var(--green-dark)}& .cta .btn:hover{background:#fff}& .cta .btn-ghost{color:#fff;background:0 0}& .cta .btn-ghost:hover{background:#ffffff24}& .cta .small{color:#ffffffb3;margin:1.25rem 0 0;font-size:.9rem}& .footer{color:#ffffffbf;background:#1d2620;padding:3.5rem 0 2rem;font-size:.975rem}& .footer .brand{color:#fff;margin-bottom:.75rem}& .footer-logo{background:var(--paper,#f7f3ec);border-radius:14px;margin:0 0 1rem;padding:.75rem 1rem;display:inline-block}& .footer-logo img{width:240px;height:auto;display:block}& .footer .brand em{color:#e8c9a6}& .footer-grid{gap:2rem;display:grid}@media (width>=860px){& .footer-grid{grid-template-columns:2fr 1fr 1fr}}& .footer address{font-style:normal;line-height:1.8}& .footer a:hover{color:#fff}& .footer-links{flex-direction:column;gap:.4rem;display:flex}& .footer-bottom{color:#ffffff80;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}& .footer-bottom a{text-decoration:underline}}
