@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:400;font-display:swap;src:url(/brand/libre-baskerville-regular.ttf)format("truetype")}@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:700;font-display:swap;src:url(/brand/libre-baskerville-bold.ttf)format("truetype")}@font-face{font-family:Libre Baskerville;font-style:italic;font-weight:400;font-display:swap;src:url(/brand/libre-baskerville-italic.ttf)format("truetype")}:root{--ink:#1f2a24;--ink-soft:#405047;--copper:#a05a3c;--paper:#ede6d9;--paper-bright:#f8f4eb;--paper-deep:#ded4c3;--green:#6b7c6e;--line:#1f2a2438;--sans:"DM Sans",Arial,sans-serif;--serif:"Libre Baskerville",Georgia,serif;--mono:"DM Mono",monospace;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{color:var(--paper);background:var(--copper)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:5;background:var(--paper);justify-content:space-between;align-items:center;min-height:100px;padding:18px clamp(22px,4vw,70px);display:flex;position:relative}.brand-wordmark-link{width:175px;display:block}.brand-wordmark-link img{width:100%;height:auto;display:block}.main-nav{align-items:center;gap:clamp(18px,2.2vw,38px);font-size:14px;font-weight:500;display:flex}.main-nav>a:not(.nav-cta){position:relative}.main-nav>a:not(.nav-cta):after{content:"";background:var(--copper);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.main-nav>a:hover:after{transform:scaleX(1)}.nav-cta,.button{border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:25px;padding:12px 15px 12px 18px;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:inline-flex}.nav-cta:hover,.button-primary:hover{background:var(--ink);color:var(--paper)}.nav-cta span,.button span{font-size:18px;line-height:.7}.menu-toggle{display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr);min-height:calc(100svh - 100px);padding:clamp(55px,8vw,135px) clamp(22px,8vw,142px) 68px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid var(--line);border-radius:50%;width:74vw;max-width:1100px;height:74vw;max-height:1100px;position:absolute;top:-19vw;right:-28vw}.hero-copy{z-index:1;max-width:780px;position:relative}.eyebrow{font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px}.eyebrow span{background:var(--copper);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero h1,.section-grid h2,.small-projects h2,.process h2,.tools h2,.contact h2{font:700 clamp(3.35rem,6.3vw,7.2rem)/.96 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 i,h2 i{color:var(--copper);font-weight:400}.hero-lede{max-width:470px;color:var(--ink-soft);margin:34px 0;font-size:clamp(17px,1.4vw,21px);line-height:1.42}.hero-actions{align-items:center;gap:28px;display:flex}.button-primary{color:var(--paper);background:var(--ink)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:14px;font-weight:600}.text-link span{color:var(--copper);margin-left:7px}.drawing{z-index:1;min-height:430px;margin-left:2vw;position:relative}.paper-sheet{background:var(--paper-bright);border:1px solid #1f2a2426;width:min(29vw,385px);height:min(37vw,490px);min-height:380px;padding:28px;position:absolute;top:20px;right:5%;transform:rotate(5deg)translateY(30px);box-shadow:20px 20px #1f2a241f}.paper-sheet:after{content:"";border:1px solid var(--line);pointer-events:none;position:absolute;inset:8px}.sheet-head{font:500 9px var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.sheet-head b{color:var(--copper);font-size:17px}.sheet-rule{border-top:3px solid var(--ink);margin:20px 0 25px}.sheet-lines i{background:var(--line);height:1px;margin-bottom:15px;display:block}.sheet-lines i:first-child{width:86%}.sheet-lines i:nth-child(3){width:76%}.sheet-lines i:nth-child(4){width:61%}.sheet-module{border:1px solid var(--ink);font:500 9px var(--mono);letter-spacing:.1em;justify-content:space-between;margin-top:35px;padding:12px;display:flex}.sheet-module strong{font:700 38px/.6 var(--serif)}.sheet-stamp{border:2px solid var(--copper);width:75px;height:75px;color:var(--copper);text-align:center;font:500 9px/1.05 var(--mono);border-radius:50%;padding-top:18px;position:absolute;bottom:28px;right:25px;transform:rotate(-16deg)}.drawing-label{font:500 9px/1.4 var(--mono);letter-spacing:.1em;position:absolute}.drawing-label b{color:var(--copper);font-weight:500}.drawing-label.top{top:4px;left:0}.drawing-label.bottom{bottom:13px;right:4%}.measure{writing-mode:vertical-rl;color:var(--green);font:500 9px var(--mono);letter-spacing:.18em;position:absolute;top:53%;right:-17px}.hero-foot{border-top:1px solid var(--line);font:500 9px var(--mono);letter-spacing:.1em;align-items:center;gap:8px;padding-top:17px;display:flex;position:absolute;bottom:24px;left:clamp(22px,8vw,142px);right:clamp(22px,8vw,142px)}.hero-foot b{color:var(--copper);margin-left:auto;font-weight:500}.section-grid{grid-template-columns:minmax(100px,.34fr) minmax(450px,1.3fr) minmax(180px,.45fr);gap:clamp(25px,5vw,100px);padding:clamp(84px,13vw,180px) clamp(22px,12vw,200px);display:grid}.section-marker{font:500 11px/1.7 var(--mono);color:var(--copper)}.section-marker span{color:var(--ink);letter-spacing:.09em;font-size:9px}.intro-content{max-width:670px}.section-grid h2{font-size:clamp(3.1rem,5.4vw,6.4rem)}.big-copy{font:400 clamp(20px,2.1vw,30px)/1.28 var(--serif);letter-spacing:-.025em;margin:39px 0 26px}.body-copy{max-width:530px;color:var(--ink-soft);font-size:16px;line-height:1.55}.margin-note{border-top:2px solid var(--copper);font:500 10px/1.6 var(--mono);letter-spacing:.05em;align-self:end;padding:18px 0}.margin-note span{color:var(--copper);float:right;font-size:18px}.work-list{border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,.4fr) 1.4fr auto;align-items:start;gap:30px;min-height:250px;padding:35px clamp(22px,12vw,200px);transition:background .25s,color .25s;display:grid}.work-item:hover{background:var(--paper-bright)}.work-item.copper-item{background:var(--copper);color:var(--paper);border-color:#ffffff4d}.work-item.dark-item{background:var(--ink);color:var(--paper);border-color:#fff3}.work-number{font:500 10px var(--mono);letter-spacing:.11em}.work-item h3{font:700 clamp(2.2rem,4.2vw,5rem)/.95 var(--serif);letter-spacing:-.052em;margin:0}.work-item p{max-width:330px;margin:18px 0 0;font-size:15px;line-height:1.45}.work-arrow{font-size:34px;transition:transform .25s}.work-item:hover .work-arrow{transform:translate(4px,-4px)}.small-projects{background:var(--paper-deep);grid-template-columns:1.2fr .8fr;gap:50px 10vw;padding:clamp(84px,11vw,150px) clamp(22px,12vw,200px);display:grid}.small-projects h2{font-size:clamp(3rem,5vw,5.9rem)}.small-body{padding-top:40px;font-size:18px;line-height:1.45}.small-body p+p{margin-top:20px}.small-body .small-question{border-top:1px solid var(--copper);max-width:360px;font:700 clamp(1.25rem,1.65vw,1.7rem)/1.18 var(--serif);letter-spacing:-.025em;margin-top:28px;padding-top:18px}.problems-marquee{border-top:1px solid #1f2a2433;border-bottom:1px solid #1f2a2433;grid-column:1/-1;margin:25px 0 0;overflow:hidden}.problems-marquee__track{will-change:transform;width:max-content;animation:44s linear infinite problems-marquee;display:flex}.problems-marquee__group{flex:none;align-items:center;margin:0;padding:7px 0;list-style:none;display:flex}.problems-marquee__group li{white-space:nowrap;font:400 clamp(.72rem,.95vw,.88rem)/1.25 var(--sans);letter-spacing:.01em;align-items:center;display:flex}.problems-marquee__group li:after{content:" | ";color:var(--copper);margin:0 1.95em;font-size:.8em}.problems-marquee:hover .problems-marquee__track{animation-play-state:paused}@keyframes problems-marquee{to{transform:translate(-50%)}}.process{background:var(--ink);color:var(--paper);padding:clamp(80px,11vw,155px) clamp(22px,12vw,200px);position:relative;overflow:hidden}.process:before{content:"SJ";font:700 min(39vw,560px)/.82 var(--serif);color:#ede6d90b;letter-spacing:-.1em;position:absolute;bottom:-47px;right:-35px}.process-title{position:relative}.light{color:var(--paper-deep)}.process h2{font-size:clamp(3rem,5.7vw,6.7rem)}.steps{max-width:900px;margin:75px 0 0 auto;padding:0;list-style:none;position:relative}.steps li{border-top:1px solid #ede6d94d;grid-template-columns:90px 1fr;gap:20px;padding:23px 0;display:grid}.steps li:last-child{border-bottom:1px solid #ede6d94d}.steps li>span{color:#c87b5a;font:500 11px var(--mono)}.steps h3{font:400 clamp(1.5rem,2.1vw,2.2rem)/1.14 var(--serif);letter-spacing:-.03em;margin:0}.steps p{max-width:490px;color:var(--paper-deep);margin:8px 0 0;font-size:14px;line-height:1.5}.process-motif{color:var(--copper);font:25px var(--mono);gap:12px;display:flex;position:absolute;top:27%;right:8vw}.process-motif b{margin-left:5px;font-weight:400}.about{background:var(--paper-bright)}.about-content{max-width:610px}.about h2{font-size:clamp(3.3rem,5.4vw,6.4rem)}.brand-seal{place-self:center;width:190px;height:190px;transform:rotate(5deg)}.tools{border-top:1px solid var(--line);padding:clamp(80px,12vw,160px) clamp(22px,12vw,200px)}.tools h2{font-size:clamp(3rem,5.4vw,6.1rem)}.tool-cloud{flex-wrap:wrap;gap:9px;max-width:1000px;margin-top:60px;display:flex}.tool-cloud span{color:var(--green);font:500 12px var(--mono);letter-spacing:.02em;border:1px solid;padding:12px 15px}.tool-cloud span:nth-child(3n){color:var(--copper)}.tool-cloud span:nth-child(4n){color:var(--ink)}.contact{color:var(--paper);background:var(--green);grid-template-columns:1fr minmax(390px,.9fr);gap:clamp(45px,10vw,150px);padding:clamp(78px,11vw,150px) clamp(22px,12vw,200px);display:grid}.contact h2{font-size:clamp(3.1rem,5.4vw,6rem)}.contact h2 i{color:var(--paper-deep)}.contact-copy>p:last-child{max-width:370px;margin-top:26px;font-size:17px;line-height:1.5}.contact-form{grid-template-columns:1fr 1fr;align-self:end;gap:26px 18px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.field input,.field textarea{color:var(--paper);background:0 0;border:0;border-bottom:1px solid #ede6d9a6;border-radius:0;outline:0;padding:9px 0;transition:border-color .2s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--paper)}.button-copper{border-color:var(--copper);width:max-content;min-width:190px;color:var(--paper);background:var(--copper);grid-column:1/-1}.button-copper:hover{background:var(--paper);color:var(--ink);transform:translateY(-2px)}.form-note{color:var(--paper-deep);grid-column:1/-1;margin:0;font-size:12px}.site-footer{background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:38px clamp(22px,4vw,70px);display:grid}.site-footer p{font:500 10px/1.5 var(--mono);letter-spacing:.06em;margin:0}.footer-location{text-align:center;justify-self:center}.footer-index{text-align:right;justify-self:end}.footer-index span{color:var(--copper)}:focus-visible{outline:3px solid var(--copper);outline-offset:4px}@media (width<=850px){.site-header{min-height:78px;padding-block:13px}.main-nav{display:none}.main-nav.open{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 24px;display:flex;position:absolute;top:100%;left:0;right:0}.main-nav.open a{padding:12px 0}.main-nav.open .nav-cta{margin-top:9px;padding:12px 14px}.menu-toggle{border:1px solid var(--ink);background:0 0;place-content:center;gap:6px;width:42px;height:42px;display:grid}.menu-toggle i{background:var(--ink);width:18px;height:1px;display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero:before{width:130vw;height:130vw;top:30%;right:-56vw}.drawing{width:360px;max-width:100%;min-height:370px;margin:45px 0 0 auto}.paper-sheet{width:265px;height:350px;min-height:0;right:17px}.drawing-label.bottom{right:0}.hero-foot{display:none}.section-grid{grid-template-columns:90px 1fr}.margin-note{grid-column:2;max-width:330px}.work-item{grid-template-columns:90px 1fr auto}.small-projects{grid-template-columns:1fr}.small-body{padding-top:0}.process-motif{display:none}.contact{grid-template-columns:1fr}.contact-form{max-width:600px}.brand-seal{grid-column:2;justify-self:start;margin-top:20px}}@media (width<=560px){.hero{padding-top:58px;padding-bottom:50px}.hero h1{font-size:clamp(3.1rem,14vw,4.6rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.drawing{transform-origin:100% 0;margin-bottom:-18px;transform:scale(.94)}.section-grid{grid-template-columns:1fr;gap:22px;padding-top:80px;padding-bottom:80px}.margin-note{grid-column:auto}.work-item{grid-template-columns:1fr auto;gap:15px;min-height:0;padding-top:31px;padding-bottom:35px}.work-number{grid-column:1/-1}.work-item h3{font-size:clamp(2.4rem,11vw,3.7rem)}.work-item p{max-width:270px}.small-projects{padding-top:80px;padding-bottom:80px}.problems-marquee{margin-top:5px}.problems-marquee__group{padding:7px 0}.steps{margin-top:50px}.steps li{grid-template-columns:42px 1fr}.contact-form{grid-template-columns:1fr}.field.full,.button-copper,.form-note{grid-column:auto}.site-footer{grid-template-columns:1fr;place-items:flex-start start}.footer-location{text-align:center;justify-self:center}.footer-index{text-align:left;justify-self:start}.brand-seal{grid-column:auto;width:165px;height:165px}.tools h2,.small-projects h2{letter-spacing:-.065em}.brand-wordmark-link{width:150px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.problems-marquee{overflow:visible}.problems-marquee__track,.problems-marquee__group{width:auto;animation:none;display:block}.problems-marquee__group:nth-child(2){display:none}.problems-marquee__group li{white-space:normal;display:inline-flex}}