@font-face{font-family:InstrumentSerif;src:url('assets/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:InstrumentSerif;src:url('assets/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SpaceGrotesk;src:url('assets/SpaceGrotesk-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SpaceMono;src:url('assets/SpaceMono-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f2f0e9;--paper-dark:#e9e6dd;--ink:#242420;--muted:#67665e;--line:#c5c3b9;--pad:clamp(24px,5vw,86px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:SpaceGrotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#d0d0c3}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #6b705f;outline-offset:6px}a:hover{color:#707363}p,h1,h2{margin:0}p{font-size:clamp(15px,1.16vw,18px);line-height:1.78;letter-spacing:-.012em}h1,h2{font-family:InstrumentSerif,Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.02}em{font-weight:400}.wrap{width:calc(100% - var(--pad)*2);max-width:1700px;margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;background:var(--ink);color:var(--paper);padding:12px;z-index:5}.skip:focus{top:12px}.header{height:116px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:InstrumentSerif,Georgia,serif;font-size:clamp(24px,2.35vw,38px);line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.brand em{font-style:italic}.brand-divider{padding-inline:.06em}.hero{padding-top:clamp(70px,7vw,125px)}.hero-layout{min-height:clamp(430px,37vw,620px)}.hero h1{font-size:clamp(70px,8.7vw,145px);line-height:.91}.hero h1>span{display:block;white-space:nowrap}.hero h1 em{display:block;margin-left:0;white-space:nowrap}.hero h1 em .vision-word{display:inline}.hero-bottom{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:5%;align-items:start;border-top:1px solid var(--line);padding:28px 0 120px}.folio,.section-rule,.footer{font-family:SpaceMono,monospace;font-size:10px;letter-spacing:.08em;color:var(--muted)}.folio{padding-top:5px}.hero-bottom p{max-width:530px}.down{font-family:InstrumentSerif,Georgia,serif;font-size:52px;line-height:1;justify-self:end}.section-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-bottom:55px}.work{padding:0 0 180px}.work-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding-top:20px}.work h2{font-size:clamp(68px,7.1vw,125px)}.work h2 em{display:block;margin-left:9%}.work-copy{max-width:470px;padding-top:12px}.text-link{display:flex;justify-content:space-between;align-items:center;gap:70px;width:fit-content;min-width:205px;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px;margin-top:28px}.text-link span:last-child{font-size:22px}.direction{padding-bottom:190px}.direction h2{font-size:clamp(70px,7.8vw,130px);max-width:1330px;margin-left:10%}.direction h2 em{display:block;margin-left:12%}.direction-body{margin:72px 0 0 55%;max-width:450px}.copy p+p{margin-top:28px}.material{background:var(--paper-dark);padding:110px 0 130px}.material-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:8%}.material-copy{display:contents}.material .section-rule{grid-column:1/-1;margin-bottom:18px}.material h2{grid-column:1;font-size:clamp(70px,7.8vw,135px)}.material h2 em{display:block;padding-left:12%}.material .copy{grid-column:2;max-width:400px;align-self:end;padding-bottom:12px}.care{padding:165px 0 175px}.care-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:13%;padding-top:20px}.care h2{font-size:clamp(70px,7vw,125px)}.care h2 em{display:block;margin-left:6%}.care .copy{max-width:470px;align-self:end;padding-bottom:10px}.contact{background:var(--ink);color:var(--paper);padding:75px 0 95px}.contact .section-rule{border-color:#77766c;color:#b9b7ac}.contact h2{font-size:clamp(70px,10vw,170px);margin:80px 0 70px}.contact h2 em{display:block;margin-left:14%}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-left:14%}.contact-bottom p{max-width:480px}.contact-bottom .text-link{min-width:250px;margin:0}.contact a:hover{color:#c3c1b4}.footer{display:flex;justify-content:space-between;gap:25px;padding-block:30px}.footer a{font-family:InstrumentSerif,Georgia,serif;font-size:19px;letter-spacing:-.04em;color:var(--ink)}.footer a span{margin-left:10px}
@media(max-width:1100px){.hero-layout{min-height:440px}.hero h1{font-size:8.7vw}.work h2{font-size:6.8vw}.direction h2,.material h2{font-size:7.5vw}.care h2{font-size:6.7vw}.contact h2{font-size:9vw}}
@media(max-width:700px){:root{--pad:24px}.header{height:92px}.brand{font-size:17px}.hero{padding-top:clamp(112px,24vw,155px)}.hero-layout{min-height:0;padding-bottom:90px}.hero h1{font-size:clamp(53px,14vw,84px);line-height:.94}.hero h1 em{margin:0;white-space:normal}.hero h1 em .vision-word{display:block}.hero-bottom{grid-template-columns:1fr 35px;gap:25px;padding:22px 0 100px}.hero-bottom p{font-size:15px}.folio{display:none}.down{font-size:38px}.section-rule{margin-bottom:35px}.work{padding-bottom:115px}.work-heading{display:block;padding-top:0}.work h2{font-size:clamp(55px,12vw,82px)}.work h2 em{margin-left:0}.work-copy{padding-top:45px}.direction{padding-bottom:125px}.direction h2{font-size:clamp(55px,12vw,82px);margin:0}.direction h2 em{margin:0}.direction-body{margin:55px 0 0 14%}.material{padding:65px 0 90px}.material-inner{display:block}.material h2{font-size:clamp(55px,12vw,82px);margin:0 0 55px}.material h2 em{padding:0}.material .copy{margin-left:14%;padding:0}.care{padding:115px 0}.care-layout{display:block;padding-top:0}.care h2{font-size:clamp(55px,12vw,82px)}.care h2 em{margin:0}.care .copy{margin:55px 0 0 14%;padding:0}.contact{padding:55px 0 80px}.contact h2{font-size:clamp(58px,12.5vw,86px);margin:50px 0}.contact h2 em{margin:0}.contact-bottom{display:block;margin:0}.contact-bottom p{font-size:15px}.contact-bottom .text-link{margin-top:45px;width:100%;font-size:18px}.footer{align-items:center}.footer a{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage montage: alongside the message on desktop, below it on mobile. */
.hero{padding-top:32px}
.hero-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4%;align-items:start;min-height:0;padding-bottom:65px}
.hero-message{padding-top:clamp(45px,6vw,110px);position:relative;z-index:1}
.hero h1{font-size:clamp(64px,7.6vw,130px);line-height:.94}
.hero h1 em{white-space:normal}
.hero h1 em .vision-word{display:block;font-style:normal}
.portfolio-link{display:flex;align-items:center;justify-content:space-between;width:fit-content;gap:30px;border-bottom:1px solid #9d9c8f;padding-bottom:8px;margin-top:40px;font:400 clamp(22px,2vw,34px)/1.2 InstrumentSerif,Georgia,serif}
.portfolio-link span{font-size:1.3em}
@media(max-width:700px){
.hero{padding-top:42px}
.hero-layout{display:flex;flex-direction:column;gap:0;padding-bottom:45px}
.hero-message{padding-top:0;width:100%;margin-bottom:24px}
.hero h1{font-size:clamp(53px,14vw,94px)}
.hero h1 em{font-size:clamp(36px,9.65vw,66px);white-space:nowrap;line-height:1.1}
.hero h1 em .vision-word{display:inline;font-style:italic}
.portfolio-link{font-size:24px;margin-top:28px;gap:35px}
.hero .hero-montage{width:100%;flex:none}
}

.hero h1{letter-spacing:-.025em}
@media(max-width:700px){
.hero h1 em{font-size:inherit;line-height:inherit;white-space:normal}
.hero h1 em .vision-word{display:block;font-style:italic}
}

.brand{font-family:SpaceMono,monospace;font-size:clamp(13px,1.35vw,21px);letter-spacing:-.035em;line-height:1.4}
.brand em{font-style:normal}
@media(max-width:700px){.brand{font-size:clamp(9.9px,2.805vw,16.5px);letter-spacing:-.04em}}
