:root{--color-page:#f3f0e9;--color-paper:#f9f7f2;--color-ink:#272923;--color-muted:#63665e;--color-navy:#292d27;--color-link:#74513b;--color-rule:#d9d6cc;--font-display:Georgia,"Times New Roman",serif;--page-width:1280px;--page-gutter:40px}body{background:var(--color-page);-webkit-font-smoothing:antialiased}.site-header{background:var(--color-page)}.header-inner{min-height:100px}.wordmark{letter-spacing:.14em;font-size:22px}.wordmark-mark{width:43px;height:43px}.main-nav{gap:40px}.main-nav a{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero{background:var(--color-page);border-bottom:1px solid var(--color-rule);padding:86px 0 74px}.hero-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}.hero-content{padding-bottom:24px}.eyebrow,.section-label{letter-spacing:.13em;color:#70513d;font:11px/1.5 ui-monospace,monospace}.hero h1{font:400 clamp(48px,5.2vw,78px)/1.03 var(--font-display);letter-spacing:-.055em;max-width:650px;margin:25px 0}.hero-copy{max-width:430px;color:var(--color-muted);font-size:16px;line-height:1.8}.hero-actions{gap:26px;margin-top:32px}.primary-link{color:#fff;background:#2e342d;border:1px solid #2e342d;border-radius:0;padding:14px 22px;font-size:13px}.primary-link:hover{color:#fff;background:#485044}.text-link{color:#373c33;font-size:13px}.hero-art{background:0 0;border-radius:0;justify-self:stretch;width:100%;max-width:none;margin:0;padding:0}.bench{--anatomy-paper:#f6f3eb;--anatomy-top:#fffdf6;background:#edeae1;border:1px solid #d5d1c5;margin:0;position:relative}.figure-top,.bench figcaption{letter-spacing:.07em;color:#5f6258;justify-content:space-between;gap:12px;padding:18px 20px;font:10px/1.5 ui-monospace,monospace;display:flex}.figure-top{border-bottom:1px solid #d5d1c5}.bench svg{width:100%;display:block}.bench figcaption{letter-spacing:0;border-top:1px solid #d5d1c5}.bench output{color:#755039;white-space:nowrap}.content-section{background:var(--color-page);border-bottom:1px solid var(--color-rule);padding:72px 0}.section-layout{grid-template-columns:.5fr 1fr;gap:50px}.company-art{display:none}h2{font:400 clamp(34px,3.8vw,52px)/1.12 var(--font-display);letter-spacing:-.035em;max-width:700px}.section-copy{max-width:610px;font-size:16px;line-height:1.8}.focus-section{background:var(--color-paper);padding:90px 0}.focus-heading{max-width:680px;margin-bottom:45px}.focus-grid{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);counter-reset:focus;gap:0}.focus-item{counter-increment:focus;border:0;border-right:1px solid var(--color-rule);background:0 0;padding:32px;position:relative}.focus-item:first-child{padding-left:0}.focus-item:last-child{border-right:0}.focus-item:before{content:"0" counter(focus);color:#77553e;margin-bottom:40px;font:11px ui-monospace,monospace;display:block}.focus-visual{display:none}.focus-item-copy{border:0;min-height:120px;padding:0}.focus-item h3{margin-bottom:16px;font-size:29px}.focus-item p{font-size:14px}.focus-item:hover{box-shadow:none;transform:none}.portfolio-section{color:#f3f0e9;background:#2d332d;padding:92px 0}.portfolio-section h2{color:#f3f0e9}.portfolio-section .eyebrow{color:#c8af90}.portfolio-note{color:#c2c7bc;max-width:300px;font-size:14px}.portfolio-layout{grid-template-columns:.85fr 1.15fr;gap:70px}.project-list{counter-reset:project;border-color:#555d50}.project-list li{border-color:#555d50}.project-link{color:#f3f0e9;gap:18px;min-height:110px;font-size:30px;position:relative}.project-link:before{counter-increment:project;content:"0" counter(project);color:#bfa990;font:10px ui-monospace,monospace}.project-link>span:first-child{flex:1}.project-action{color:#c2c7bc;font-size:11px}.project-action:after{content:" ↗";font-size:18px}.project-link:hover{color:#fff;background:#394136;padding-inline:10px}.site-footer{padding:30px 0}.footer-name{font-family:var(--font-display);color:var(--color-ink);font-size:20px}a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #966846}.portfolio-section a:focus-visible{outline-color:#e0c3a4}@media (width>=1600px){.hero{padding:110px 0}}@media (width<=900px){:root{--page-gutter:26px}.hero-layout{grid-template-columns:1fr}.hero-content{max-width:650px}.hero h1{font-size:66px}.hero-art{justify-self:center;max-width:680px}.section-layout{gap:30px}.portfolio-layout{gap:35px}.focus-item{padding:24px}.focus-item h3{font-size:25px}}@media (width<=600px){:root{--page-gutter:22px}.header-inner{gap:12px;min-height:110px;padding:18px 0}.wordmark{font-size:19px}.main-nav{justify-content:flex-start;gap:24px}.main-nav a{font-size:10px}.hero{padding:48px 0}.hero h1{margin:22px 0;font-size:49px}.hero-layout{gap:24px}.hero-content{padding:0}.hero-copy{font-size:15px}.hero-actions{gap:20px}.hero-art{max-width:none;margin-top:16px}.figure-top,.bench figcaption{padding:13px 12px;font-size:8px}.section-layout{grid-template-columns:1fr;gap:18px}.content-section{padding:45px 0}.focus-section,.portfolio-section{padding:55px 0}h2{font-size:37px}.focus-grid{grid-template-columns:1fr}.focus-item,.focus-item:first-child{border-right:0;border-bottom:1px solid var(--color-rule);padding:26px 0}.focus-item:last-child{border-bottom:0}.focus-item:before{margin-bottom:18px}.focus-item-copy{min-height:0}.focus-item h3{font-size:29px}.portfolio-layout{grid-template-columns:1fr;gap:30px}.project-link{min-height:93px;font-size:25px}.project-action{font-size:10px}.footer-inner{flex-direction:row;align-items:center}.footer-name{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}#company .section-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:8px 70px}#company .section-layout>div:not(.company-art){grid-area:1/2}#company .company-art{background:0 0;grid-area:1/1;justify-self:center;width:100%;max-width:390px;min-height:0;display:block}#company .company-art svg{width:100%;height:auto;display:block}@media (width<=600px){#company .section-layout{grid-template-columns:1fr;gap:18px}#company .section-layout>div:not(.company-art){grid-area:1/1}#company .company-art{grid-area:2/1;max-width:310px}}@media (width<=380px){.wordmark-copy{flex-direction:column;align-items:flex-start;gap:2px}.project-link{gap:10px;font-size:21px}}