:root{--ink:#13231a;--green:#287c4d;--gold:#b78926;--muted:#5c6f63;--line:#d5e2da}*{box-sizing:border-box}body{margin:0;background:#f6faf7;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}header{height:88px;padding:0 max(5vw,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{width:165px;height:76px;overflow:hidden;background:url("../assets/bonsai-logo.png") center 45%/145% auto no-repeat}.brand img{opacity:0;width:100%;height:100%}.back{color:var(--green);font-size:.9rem;font-weight:700;text-decoration:none}.hero{min-height:480px;padding:90px max(5vw,calc((100vw - 1180px)/2));display:flex;align-items:center;background:linear-gradient(90deg,rgba(250,252,249,.94),rgba(250,252,249,.52)),url("assets/office-bonsai.png") center/cover no-repeat}.hero-copy{max-width:670px}.eyebrow{margin:0 0 11px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.16em}.hero h1,.story h2,.principles h2,.commitment h2{margin:0;font:600 clamp(2.4rem,5vw,4.7rem) "Playfair Display",Georgia,serif;line-height:1.04}.hero p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:1.1rem;line-height:1.68}.story,.commitment{width:min(900px,90vw);margin:0 auto;padding:86px 0}.story h2,.commitment h2,.method h2{font-size:clamp(2.2rem,4vw,3.65rem)}.story p:not(.eyebrow),.commitment p:not(.eyebrow),.method p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:1.06rem;line-height:1.75}.anecdote{margin-top:38px;padding:27px 30px;border-left:4px solid var(--gold);background:#fff;border-radius:0 16px 16px 0;box-shadow:0 14px 32px rgba(36,85,57,.07)}.anecdote strong{font-size:1.04rem}.anecdote p{margin:9px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1180px,90vw);margin:0 auto}.principles article{min-height:265px;padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(36,85,57,.07)}.principles h2{font-size:1.72rem;line-height:1.25}.method{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;width:min(1080px,90vw);margin:0 auto;padding:90px 0}.method h2{margin:0;font:600 clamp(2.2rem,4vw,3.65rem) "Playfair Display",Georgia,serif;line-height:1.08}.bonsai-steps{align-self:center;padding:29px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(36,85,57,.07)}.bonsai-steps details{border-top:1px solid var(--line);padding:16px 0}.bonsai-steps details:first-of-type{border-top:0;padding-top:3px}.bonsai-steps details:last-child{padding-bottom:2px}.bonsai-steps summary{cursor:pointer;color:var(--ink);font-size:1.03rem;font-weight:800;list-style-position:inside}.bonsai-steps details p{margin:10px 0 0;padding-left:22px;font-size:.96rem!important}.commitment{padding-bottom:94px}.commitment a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:9px;background:var(--green);color:#fff;font-size:.94rem;font-weight:700;text-decoration:none}@media(max-width:760px){header{height:62px;padding:0 14px}.brand{width:94px;height:52px}.back{font-size:.68rem}.hero{min-height:340px;padding:32px 18px;background:linear-gradient(rgba(250,252,249,.89),rgba(250,252,249,.69)),url("assets/office-bonsai.png") center/cover}.hero h1{max-width:350px;font-size:2.03rem;line-height:1.03}.hero p:not(.eyebrow){margin:11px 0 0;font-size:.94rem;line-height:1.48}.eyebrow{margin-bottom:7px}.story,.commitment{width:min(100% - 32px,600px);padding:56px 0}.principles,.method{grid-template-columns:1fr;width:min(100% - 32px,600px)}.method{gap:32px;padding:56px 0}.principles article{min-height:0;padding:25px}.principles h2{font-size:1.58rem}.anecdote{padding:23px}.bonsai-steps{padding:23px}}
