@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f4ef;--ink:#242822;--green:#28533e;--lime:#cfeb93;--line:#d5d7cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #608144;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif;font-weight:500}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.12;letter-spacing:-2px}.wrap{width:min(1200px,calc(100% - 100px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-3px;line-height:1}.brand span{font-size:23px;padding-left:4px;color:var(--green)}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-contact{border:1px solid #aeb5a8;padding:9px 16px;border-radius:3px}.nav-contact span{margin-left:16px}.hero{padding-top:62px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:10px}.hero h1{font-size:clamp(70px,10.8vw,152px);letter-spacing:-8px;line-height:.96;margin-block:38px 48px}.period{color:var(--green)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px}.hero-bottom>p{font-size:29px;line-height:1.35;letter-spacing:-.8px}.hero-bottom em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-description{max-width:400px;color:#596054;font-size:16px}.text-link{display:flex;justify-content:space-between;align-items:center;width:210px;border-bottom:1px solid #9ca795;padding-block:16px 9px;color:var(--ink);font-size:14px}.hero-note{display:flex;justify-content:space-between;margin-top:64px;border-top:1px solid var(--line);padding-block:20px;font-size:11px;color:#62695c;letter-spacing:.4px}.dark-section{background:var(--ink);color:var(--paper);padding:75px 0 15px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 50px;margin-bottom:58px}.section-heading .eyebrow{grid-column:1/-1;color:var(--lime)}.section-heading>p{max-width:350px;color:#c0c5b9;align-self:end}.work-row{display:grid;grid-template-columns:190px 1fr 170px;gap:35px;border-top:1px solid #4b5147;padding-block:45px 52px}.work-meta{display:flex;flex-direction:column;gap:30px;font-size:12px;letter-spacing:.6px}.work-meta>span{color:#9ba590}.work-meta small{display:block;font-size:11px;letter-spacing:0;color:#b8bfb1;margin-top:5px}.tag{color:var(--lime);font-size:10px;letter-spacing:1.6px}.work-content h3{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:15px 0 22px}.work-content>p{color:#c0c5b9;max-width:540px;font-size:14px}.chips{padding:0;display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:24px 0 0}.chips li{border:1px solid #565f4d;border-radius:3px;padding:4px 9px;font-size:10px;color:#d3d9cb}.work-aside{padding-top:40px}.work-aside strong{font-family:'Space Grotesk',sans-serif;color:var(--lime);font-size:45px;font-weight:400;letter-spacing:-2px}.work-aside strong span{font-size:24px;letter-spacing:-1px}.work-aside p{font-size:11px;color:#c0c5b9;margin-top:12px}.large-symbol{font-size:62px;line-height:1;color:var(--lime)}.about{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2{margin-top:22px;font-size:44px}.about-copy p{font-size:15px;margin-bottom:18px;color:#535c4e}.expertise{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.expertise h3{font-size:23px;margin-bottom:12px}.expertise p{font-size:13px;line-height:1.9;color:#596054}.credentials{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;font-size:11px}.credentials small{display:block;color:#62695c;margin-top:5px}.contact{background:var(--lime);padding:70px 0}.contact h2{font-size:clamp(40px,6vw,78px);letter-spacing:-3px;margin:26px 0 35px}.contact h2 span{color:var(--green)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-bottom p{font-size:15px}.contact-button{background:var(--ink);color:var(--paper);padding:17px 23px;font-size:14px;border-radius:3px}.contact-button span{margin-left:40px}.footer{display:flex;justify-content:space-between;padding-block:26px;font-size:11px;color:#596054}.footer div{display:flex;gap:25px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:0}@media(min-width:1500px){.hero h1{font-size:152px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero h1{letter-spacing:-5px}.work-row{grid-template-columns:130px 1fr;gap:22px}.work-aside{grid-column:2;padding:0}.work-aside p{display:inline-block;margin-left:15px}.about{gap:35px}.about h2{font-size:35px}.hero-bottom>p{font-size:25px}.credentials{flex-wrap:wrap}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.nav{padding-block:22px}nav{gap:18px;font-size:12px}.nav-contact{display:none}.hero{padding-top:40px}.hero h1{font-size:clamp(56px,14.3vw,80px);letter-spacing:-3.8px;margin-block:30px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-bottom,.section-heading,.about{grid-template-columns:1fr;gap:26px}.hero-bottom>p{font-size:26px}.hero-description{font-size:14px}.hero-note{margin-top:38px;gap:12px;font-size:10px;flex-wrap:wrap}.dark-section{padding-top:50px}.section-heading{margin-bottom:35px}.section-heading>p{font-size:14px}.work-row{grid-template-columns:1fr;padding-block:30px;gap:20px}.work-meta{flex-direction:row;justify-content:space-between;gap:15px}.work-meta p{text-align:right}.work-content h3{font-size:32px}.work-aside{grid-column:auto}.work-aside strong{font-size:38px}.large-symbol{font-size:40px}.about{padding-block:50px}.expertise{grid-template-columns:1fr;gap:24px}.expertise>div{display:grid;grid-template-columns:90px 1fr;gap:15px}.credentials{flex-direction:column;gap:17px}.contact{padding-block:45px}.contact h2{letter-spacing:-2px}.contact-bottom{align-items:flex-start;flex-direction:column}.footer{gap:18px;flex-direction:column}.footer div{justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
