:root{color-scheme:light;--paper:#f3f2ed;--ink:#202b26;--muted:#606b61;--line:#d6d9cf;--accent:#bdd479;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #54772c;outline-offset:6px}::selection{color:var(--ink);background:var(--accent)}
.page{max-width:1440px;margin:auto;padding:0 6%}.skip{position:absolute;left:16px;top:12px;padding:12px;background:var(--ink);color:#fff;transform:translateY(-160%);z-index:2}.skip:focus{transform:none}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:750;font-size:23px;letter-spacing:-.7px;white-space:nowrap}.brand img{display:block}.brand-os{margin-left:6px;font-weight:400;color:var(--muted)}.studio-label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;padding:82px 0 72px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 30px}.eyebrow span{height:7px;width:7px;flex:none;border-radius:50%;background:#54772c}
h1{font-size:clamp(46px,5.1vw,76px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:0 0 30px;text-wrap:balance}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:440px;margin:0 0 32px}.contact{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 20px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:3px;transition:background .15s}.contact:hover{background:#3c503f}.contact span{font-size:21px;line-height:1;color:var(--accent)}.email{display:block;width:fit-content;margin-top:17px;color:var(--muted);font-size:12px;text-underline-offset:4px}
.foundation-graphic{background:#e9ece2;border:1px solid #d2d8c8;border-radius:4px;padding:25px 24px 22px;overflow:hidden}.graphic-top,.graphic-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.graphic-top{font-size:9px;letter-spacing:1.5px;color:#65715f}.foundation-graphic svg{display:block;width:100%;height:auto;margin:13px 0}.guide{stroke:#c5ceba;stroke-width:1;stroke-dasharray:3 5}.graphic-bottom{border-top:1px solid #cdd6c2;padding-top:18px;font-size:12px;letter-spacing:.2px}.graphic-bottom span:last-child{font-size:21px}
.focus{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0}.focus p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}.focus strong{font-weight:500;color:var(--ink)}.focus ul{list-style:none;display:flex;gap:32px;margin:0;padding:0;font-size:13px}.focus li{display:flex;align-items:center;gap:9px}.focus li:before{content:'↗';color:#54772c;font-size:15px}
footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0 32px;font-size:10px;color:var(--muted);letter-spacing:.2px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{text-underline-offset:3px}.privacy{max-width:780px;padding:65px 0 74px}.privacy h1{font-size:clamp(42px,5vw,64px);letter-spacing:-2px;margin-bottom:16px}.privacy .updated{font-size:12px;margin:0 0 35px;color:var(--muted)}.privacy .lead{font-size:19px;line-height:1.6;color:var(--ink)}.privacy h2{font-size:21px;font-weight:500;letter-spacing:-.3px;line-height:1.3;margin:36px 0 12px}.privacy p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 16px}.privacy a{text-underline-offset:3px;overflow-wrap:anywhere}.privacy .back{display:inline-block;font-size:12px;margin-top:24px}
@media(min-width:1500px){.hero{padding:100px 0 90px}}
@media(max-width:900px){.page{padding:0 6%}.hero{gap:5%;padding:60px 0}.hero-copy{min-width:0}h1{font-size:clamp(40px,5.2vw,60px);letter-spacing:-2.4px}.intro{font-size:16px}.foundation-graphic{padding:20px 16px}.graphic-top{font-size:8px;letter-spacing:.7px}.focus ul{gap:18px}.focus li{font-size:12px}}
@media(max-width:650px){.masthead{padding:23px 0}.brand{font-size:21px;gap:10px}.brand img{width:30px;height:30px}.studio-label{font-size:8px;max-width:80px;text-align:right;line-height:1.6;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:42px;padding:50px 0 36px}.eyebrow{margin-bottom:25px;font-size:10px}h1{font-size:clamp(40px,11.2vw,66px);letter-spacing:-2px;margin-bottom:23px}.intro{font-size:16px;line-height:1.7;max-width:430px;margin-bottom:27px}.contact{padding:16px 20px}.foundation-graphic{max-width:420px;width:100%;justify-self:center;padding:20px}.foundation-graphic svg{max-width:300px;margin:7px auto}.graphic-top{font-size:8px;letter-spacing:1px}.focus{align-items:flex-start;gap:23px;padding:25px 0;flex-direction:column}.focus ul{gap:20px;flex-wrap:wrap}.focus li{font-size:12px}footer{flex-direction:column;gap:9px;padding:24px 0 28px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact{transition:none}}
@media(max-width:650px){.privacy{padding:43px 0 48px}.privacy .lead{font-size:18px}.privacy h2{font-size:20px}.footer-links{gap:12px;flex-direction:column}}
