@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#203e37;--green:#173d36;--paper:#f7f6f0;--cream:#eae8de;--lime:#dbe7a4;--muted:#5b6962;--line:#ced3c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #ad8038;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}header{height:104px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;gap:13px;align-items:center;font-size:20px;letter-spacing:2px;font-weight:600;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}.monogram{font-family:'Libre Caslon Display',Georgia,serif;letter-spacing:-7px;font-size:51px;line-height:1;padding-right:7px}.monogram span{color:#9a7845}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:500}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid var(--ink);padding:11px 20px}.nav-contact span{margin-left:22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.25fr .85fr;gap:5%;padding:72px 5.5% 62px;min-height:680px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:100%;background:#809d50;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-1.8px;line-height:1.07}h1{font-size:clamp(42px,4.6vw,72px);max-width:800px;margin-bottom:28px}h1 em,h2 em{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h2{font-size:clamp(37px,3.4vw,52px);margin-bottom:25px}h3{font-weight:500;font-size:24px;line-height:1.25;letter-spacing:-.5px}.lead{max-width:565px;color:var(--muted);font-size:17px;margin-bottom:32px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--green);color:white;padding:16px 22px;font-size:13px;font-weight:500;border:1px solid var(--green);transition:background .2s}.button:hover{background:#2d554b}.button span{font-size:20px}.text-link{display:inline-flex;gap:18px;font-size:13px;font-weight:500}.hero .text-link{margin:18px 0 18px 24px}.hero-note{font-size:10px;color:var(--muted);margin-top:32px}.hero-note span{padding:0 8px}.hero-art{position:relative;min-height:506px;align-self:stretch;max-height:560px;background:#e3e4d8;overflow:hidden}.art-label{position:absolute;left:32px;top:28px;font-size:10px;font-weight:500;letter-spacing:1.5px;line-height:1.8;z-index:2}.arch{position:absolute;border-radius:48% 48% 0 0;bottom:0}.arch-one{width:82%;height:83%;background:#244b40;right:-5%;box-shadow:-24px 20px 36px #233e3720}.arch-two{width:61%;height:68%;background:#90a575;right:6%}.arch-three{width:39%;height:52%;background:#dbe7a4;right:17%}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px);background-size:51px 51px}.art-caption{position:absolute;bottom:28px;left:24px;right:24px;display:flex;align-items:center;gap:16px;color:var(--green);background:#f8f8efeb;padding:20px;font-size:13px;line-height:1.5}.compass{border:1px solid var(--green);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:26px}.art-index{position:absolute;right:18px;top:32px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.intro{border-top:1px solid var(--line);padding:62px 5.5%;display:grid;grid-template-columns:.6fr 1.25fr 1fr;gap:40px;align-items:start}.intro h2{font-size:34px;letter-spacing:-1px}.intro p:last-child{color:var(--muted);font-size:14px}.section-pad{padding:95px 8%}.section-heading{display:flex;justify-content:space-between;gap:50px;margin-bottom:35px;align-items:end}.section-heading>p{max-width:320px;color:var(--muted);font-size:14px}.services{background:#eeeee5}.service-list{border-top:1px solid #b9c3b7}.service{display:grid;grid-template-columns:70px 1fr 65px;gap:30px;padding:36px 0;border-bottom:1px solid #b9c3b7}.number{font-family:Georgia,serif;font-size:22px;color:#6b7b68}.service h3{margin-bottom:13px}.service p{color:var(--muted);font-size:15px;max-width:650px}.service ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;font-size:13px}.service li{padding-left:15px;position:relative}.service li:before{content:'—';position:absolute;left:0;color:#7d8a6b}.service-symbol{font-size:38px;font-weight:400;text-align:right}.service-footnote{font-size:11px;color:var(--muted);max-width:750px;margin:24px 0 0}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:44px}.client-grid article{padding-top:20px;border-top:2px solid var(--green)}.client-grid .eyebrow{margin:14px 0 22px}.client-grid h3{font-size:26px;margin-bottom:22px}.client-grid article>p:last-child{font-size:14px;color:var(--muted)}.approach{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach .eyebrow{color:var(--lime)}.approach-intro{max-width:440px;color:#ccd6cf;font-size:15px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #ffffff30}.steps li:first-child{padding-top:0}.steps li>span{color:var(--lime);font-size:13px;margin-top:5px}.steps h3{font-size:21px;margin-bottom:10px}.steps p{color:#ccd6cf;font-size:14px;margin:0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.about-mark{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;background:#e5e7d8;color:#27493c;font-family:'Libre Caslon Display',Georgia,serif;font-size:180px;line-height:1.2}.about-mark>span{position:absolute;left:58%;top:29%;color:#9a7845}.about-mark small{font-family:'DM Sans',Arial,sans-serif;letter-spacing:4px;font-size:10px;margin-top:15px}.about p:not(.eyebrow){color:var(--muted);font-size:15px}.about .text-link{margin-top:10px}.contact{background:#dfe8c6;display:grid;grid-template-columns:1.25fr .75fr;gap:12%}.contact>div>p:not(.eyebrow){max-width:480px;font-size:15px}.button-light{margin-top:8px}.contact .contact-note{font-size:11px!important;margin-top:20px;color:var(--muted);max-width:390px}address{font-style:normal}address>div{border-top:1px solid #a4b294;padding:21px 0}address>div>span:first-child{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px}address a{font-size:23px;letter-spacing:-.4px;display:block}address a:hover{text-decoration:underline;text-underline-offset:5px}address p{font-size:18px;line-height:1.6;margin:0}address small{font-size:11px}#copy-email{border:0;background:none;padding:5px 0;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:var(--green);cursor:pointer}#copy-status{display:block;font-size:11px}footer{padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{margin:0;font-family:Georgia,serif;font-style:italic;font-size:17px}footer>span,footer>a:last-child{font-size:11px}footer .brand{font-size:16px}footer .monogram{font-size:42px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{gap:8%}}@media(max-width:1000px){nav{gap:16px}.hero{gap:30px}.hero-art{min-height:440px}.hero .text-link{margin-left:0;display:flex}.intro{grid-template-columns:1fr 1fr}.intro>.eyebrow{grid-column:1/-1;margin:0}.section-pad{padding:70px 6%}.service{grid-template-columns:40px 1fr 40px;gap:20px}.about{gap:7%}footer p{display:none}}@media(max-width:720px){header{height:80px;padding:0 6%;position:relative}.brand{font-size:17px}.monogram{font-size:44px}.menu-toggle{display:flex;gap:12px;background:transparent;border:1px solid var(--line);padding:8px 12px;color:var(--ink);font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:22px 6%;z-index:10;box-shadow:0 12px 15px #173d3610}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.nav-contact{align-self:start}.hero{grid-template-columns:1fr;padding:42px 6%;gap:35px}.hero h1{font-size:46px}.hero .lead{font-size:15px}.hero .text-link{display:inline-flex;margin-left:18px}.hero-note{line-height:1.7;margin-top:20px}.hero-note span{padding:0 4px}.hero-art{min-height:330px;max-height:350px}.arch-one{height:90%;width:65%;right:0}.arch-two{height:73%;width:48%;right:8%}.arch-three{height:56%;width:31%;right:16%}.art-label{font-size:9px;left:20px;top:22px}.art-caption{left:18px;right:18px;bottom:18px;padding:14px}.intro{padding:40px 6%;display:block}.intro .eyebrow{margin-bottom:20px}.intro h2{font-size:32px}.section-pad{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:100%}h2{font-size:36px;letter-spacing:-1px}.service{grid-template-columns:26px 1fr;gap:16px;padding:27px 0}.service-symbol{display:none}.service h3{font-size:23px}.service p{font-size:14px}.service ul{grid-template-columns:1fr;gap:8px;font-size:12px}.client-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.client-grid article{padding-top:12px}.client-grid h3 br{display:none}.client-grid h3{font-size:25px;margin-bottom:12px}.client-grid .eyebrow{margin-bottom:16px}.approach,.about,.contact{grid-template-columns:1fr;gap:30px}.about-mark{min-height:230px;font-size:130px}.about-mark>span{left:56%;top:22%}.about-mark small{margin-top:0}.contact address{margin-top:10px}footer{padding:28px 6%;flex-wrap:wrap}footer>span{width:45%}footer>a:last-child{margin-left:auto}footer .brand{width:100%}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readability and service examples */
.hero-note{font-size:13px}.service-footnote{font-size:13px}.contact .contact-note{font-size:13px!important;max-width:480px}#copy-email,#copy-status{font-size:13px}.deliverables{margin-top:32px;padding:28px;background:var(--paper);border:1px solid var(--line)}.deliverables .eyebrow{margin-bottom:12px}.deliverables h3{margin-bottom:12px}.deliverables>p:last-child{font-size:15px;color:var(--muted);max-width:850px;margin-bottom:0}@media(max-width:720px){.hero h1{font-size:clamp(35px,10.5vw,46px)}.hero .text-link{margin-left:0;display:flex}.service ul{font-size:14px}.deliverables{padding:22px}.hero-note{font-size:12px}}

/* Original Beas blue-and-silver logo */
.brand-logo{display:block;width:58px;height:auto;flex-shrink:0;object-fit:contain}
.about-mark{font-size:inherit;padding:32px}
.about-mark img{display:block;width:100%;max-width:280px;height:auto;object-fit:contain}
.about-mark small{margin-top:22px}
footer .brand-logo{width:48px}
@media(max-width:720px){.brand-logo{width:46px}.about-mark{padding:28px}.about-mark img{max-width:235px}.about-mark small{margin-top:20px}}
