@font-face{font-family:Instrument Sans;src:url('/assets/fonts/instrument-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('/assets/fonts/instrument-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#eeede8;--ink:#23241f;--muted:#76766d;--rule:#bdbeb4;--gutter:20px;--serif:'Instrument Serif',Georgia,serif;--sans:'Instrument Sans',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
::selection{background:#d5d4c6}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}
em{font-family:var(--serif);font-weight:400}
img{display:block;width:100%;height:auto}
.eyebrow,.section-label{font-size:10px;letter-spacing:.06em;font-weight:400;line-height:1.4}
.skip-link{position:fixed;top:6px;left:10px;background:var(--paper);padding:12px;z-index:20;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.mobile-nav{display:none}
.workspace{height:100svh;display:grid;grid-template-columns:62% 28% 10%;transition:grid-template-columns .65s cubic-bezier(.22,1,.36,1)}
.workspace[data-view=studio]{grid-template-columns:28% 62% 10%}
.workspace[data-view=archive]{grid-template-columns:24% 20% 56%}
.panel{min-width:0;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}
.panel+.panel{border-left:1px solid var(--rule)}
.panel-header{height:81px;flex:0 0 81px;display:flex;align-items:flex-start;justify-content:space-between;padding:15px var(--gutter);gap:8px;border-bottom:1px solid var(--rule);white-space:nowrap;z-index:2;background:var(--paper)}
.about-panel>.panel-header{border-bottom:0}
.panel-tab{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.7}
.about-panel .panel-tab{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.3}
.panel-tab span{font-family:var(--sans);font-style:normal;display:inline-block;transition:transform .25s}
.panel-tab:hover span{transform:rotate(45deg)}
.header-contact,.header-index{font-size:10px;line-height:1.8}
.header-contact{color:var(--muted)}
.header-index{display:none}
.panel-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior:contain}
.panel-scroll::-webkit-scrollbar{display:none}
.hero{min-height:calc(100svh - 81px);display:flex;flex-direction:column;justify-content:space-between;padding:0 var(--gutter) 18px}
.hero-note{align-self:flex-end;margin:12vh 12% 40px 0;width:210px}
.hero-note .eyebrow{color:var(--muted)}
.hero-note p{font-size:42px;letter-spacing:-.045em;line-height:1.07;margin-top:14px}
.hero-note em{font-size:1.3em}
.hero-kicker{font-size:9px;letter-spacing:.09em;margin-bottom:15px}
.wordmark{display:flex;align-items:baseline;gap:.12em;white-space:nowrap;font-size:6.45vw;line-height:.97;letter-spacing:-.065em}
.wordmark-name{font-family:var(--serif);letter-spacing:-.045em}
.hero-baseline{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:20px}
.hero-baseline>a{display:flex;gap:12px}
.about-story{padding:90px var(--gutter) 0;scroll-margin-top:30px}
#rreth{scroll-margin-top:28px}
.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:10px;gap:16px}
.about-story h2{font-size:clamp(34px,4.2vw,70px);line-height:1.04;letter-spacing:-.045em;margin:38px 0 42px}
.about-story h2 em{font-size:1.08em;letter-spacing:-.03em}
.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.story-copy .intro{font-size:22px;line-height:1.2;letter-spacing:-.035em;max-width:230px}
.story-copy p+p{margin-top:15px}
.story-copy>div{font-size:12px;line-height:1.65;max-width:330px}
.story-image{margin:50px 0 90px}
.story-image img{height:72vh;max-height:760px;object-fit:cover;object-position:center 30%}
figcaption{font-size:9px;display:flex;justify-content:space-between;gap:10px;margin-top:9px;line-height:1.5}
.practice-list>div{display:grid;grid-template-columns:28px 1fr 1fr;gap:15px;border-top:1px solid var(--rule);padding:20px 0 32px}
.practice-number{font-size:10px;padding-top:4px}
.practice-list h3{font-size:21px;letter-spacing:-.04em;line-height:1.2}
.practice-list p{font-size:12px;line-height:1.6;max-width:300px}
.diptych{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:35px 0 90px}
.diptych img{height:350px;object-fit:cover;object-position:50% 25%}
.closing-note{border-top:1px solid var(--rule);padding-top:14px;margin-bottom:85px}
.closing-note>p{max-width:300px;font-size:13px;line-height:1.6;margin:-15px 0 20px}
.text-link{font-size:11px;display:inline-flex;align-items:center;gap:18px;padding-bottom:5px;border-bottom:1px solid var(--ink)}
.text-link span{transition:transform .2s}
.text-link:hover span{transform:translate(2px,-2px)}
.contact-footer{padding:16px 0 15px;border-top:1px solid var(--rule)}
.contact-title{display:block;font-size:3.6vw;line-height:1.1;letter-spacing:-.04em;margin:30px 0 35px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;font-size:11px}
.contact-grid>a:nth-child(2n){text-align:right}
.footer-baseline{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin-top:60px}
.studio-feature{padding:15px var(--gutter) 0}
.feature-heading{margin-bottom:28px}
.feature-heading>p,.feature-heading h2{font-size:30px;line-height:1;letter-spacing:-.035em}
.feature-heading h2{font-size:36px;margin-top:2px}
.building-figure{margin-bottom:26px}
.building-figure img{height:calc(100svh - 350px);min-height:300px;max-height:650px;object-fit:cover;object-position:center 45%;mix-blend-mode:multiply}
.building-figure figcaption{font-size:8px;gap:5px}
.feature-intro{padding-bottom:50px}
.feature-intro .eyebrow{font-size:8px;letter-spacing:.025em}
.feature-intro>p{font-size:23px;line-height:1.1;letter-spacing:-.035em;margin:14px 0 20px}
.feature-intro>p em{font-size:1.2em}
.new-chapter{border-top:1px solid var(--rule);padding-top:14px;scroll-margin-top:25px}
.new-chapter h3{font-size:30px;line-height:1.04;letter-spacing:-.035em;margin:26px 0}
.new-chapter>p{font-size:12px;line-height:1.7;margin-bottom:18px}
.new-chapter .chapter-signoff{font-size:16px;line-height:1.3;margin:40px 0 25px}
.chapter-signoff em{font-size:22px;display:inline-block;margin-top:10px}
.new-chapter .text-link{font-size:10px;gap:10px}
.studio-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:8px;gap:8px;border-top:1px solid var(--rule);padding:15px 0;margin-top:60px}
.archive-panel .panel-header{padding-left:12px;padding-right:12px}
.archive-panel .panel-tab{font-size:10px;gap:7px}
.archive-intro{display:none}
.archive-grid{display:grid;gap:4px}
.archive-item{position:relative;display:block;overflow:hidden}
.archive-item img{aspect-ratio:3/4;object-fit:cover;object-position:center 25%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s}
.archive-item:hover img{transform:scale(1.035);filter:saturate(.8)}
.archive-item>span{display:none}
.archive-more{display:none}
.workspace[data-view=studio] .studio-feature{padding:24px 32px 0}
.workspace[data-view=studio] .feature-heading>p{font-size:38px}
.workspace[data-view=studio] .feature-heading h2{font-size:58px}
.workspace[data-view=studio] .building-figure img{height:70svh;object-fit:contain}
.workspace[data-view=studio] .building-figure figcaption{font-size:10px}
.workspace[data-view=studio] .feature-intro{margin-top:45px}
.workspace[data-view=studio] .feature-intro>p{font-size:48px}
.workspace[data-view=studio] .new-chapter{padding-top:18px}
.workspace[data-view=studio] .new-chapter h3{font-size:48px}
.workspace[data-view=studio] .new-chapter>p{font-size:14px;max-width:470px}
.workspace[data-view=studio] .new-chapter .chapter-signoff{font-size:19px}
.workspace:not([data-view=about]) .about-panel .hero-note{margin:15vh 0 30px;width:auto;align-self:flex-start}
.workspace:not([data-view=about]) .about-panel .wordmark{white-space:normal;flex-direction:column;gap:.1em;font-size:4vw;line-height:1}
.workspace:not([data-view=about]) .about-panel .hero-kicker{font-size:8px;max-width:180px}
.workspace:not([data-view=about]) .about-panel .hero-baseline>span{display:none}
.workspace:not([data-view=about]) .header-contact{display:none}
.workspace:not([data-view=about]) .about-story h2{font-size:32px}
.workspace:not([data-view=about]) .story-copy{display:block}
.workspace:not([data-view=about]) .story-copy .intro{margin-bottom:24px}
.workspace:not([data-view=about]) .story-image img{height:45vh}
.workspace:not([data-view=about]) .practice-list>div{grid-template-columns:22px 1fr}
.workspace:not([data-view=about]) .practice-list p{grid-column:2}
.workspace:not([data-view=about]) .diptych{gap:6px}
.workspace:not([data-view=about]) .diptych img{height:180px}
.workspace:not([data-view=about]) .contact-title{font-size:27px}
.workspace:not([data-view=about]) .contact-grid{grid-template-columns:1fr}
.workspace:not([data-view=about]) .contact-grid>a:nth-child(2n){text-align:left}
.workspace:not([data-view=about]) .footer-baseline{flex-direction:column}
.workspace[data-view=archive] .archive-panel .panel-header{padding-left:var(--gutter);padding-right:var(--gutter)}
.workspace[data-view=archive] .archive-panel .header-index{display:block}
.workspace[data-view=archive] .archive-panel .panel-scroll{padding:var(--gutter)}
.workspace[data-view=archive] .archive-intro{display:block;padding:15px 0 40px}
.archive-intro h2{font-size:54px;letter-spacing:-.045em;line-height:1;margin:28px 0 20px}
.archive-intro>p:last-child{font-size:12px}
.workspace[data-view=archive] .archive-grid{grid-template-columns:1fr 1fr;gap:30px 14px}
.workspace[data-view=archive] .archive-item img{aspect-ratio:3/4}
.workspace[data-view=archive] .archive-item>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding-top:8px}
.archive-item b,.archive-item i{font-weight:400;font-style:normal}
.workspace[data-view=archive] .archive-more{display:inline-flex;margin:50px 0 30px}
.workspace[data-view=archive] .studio-panel .feature-heading>p{font-size:22px}
.workspace[data-view=archive] .studio-panel .feature-heading h2{font-size:30px}
.workspace[data-view=archive] .studio-panel .building-figure img{height:35vh;min-height:230px}
.workspace[data-view=archive] .studio-panel .building-figure figcaption{flex-direction:column}
.workspace[data-view=archive] .studio-panel .feature-intro>p{font-size:20px}
.workspace[data-view=archive] .studio-panel .feature-intro br{display:none}
.lightbox{border:0;padding:0;background:var(--paper);color:var(--ink);width:100vw;height:100svh;max-width:none;max-height:none;overflow:hidden;margin:0}
.lightbox::backdrop{background:rgba(35,36,31,.5)}
.lightbox[open]{display:flex;flex-direction:column}
.lightbox-top{display:flex;justify-content:space-between;align-items:center;min-height:65px;padding:12px 24px;border-bottom:1px solid var(--rule);font-size:18px;letter-spacing:-.04em}
.lightbox-top em{font-size:24px}
.close-gallery{border:0;background:none;font-size:12px;display:flex;align-items:center;gap:20px;padding:8px 0 8px 15px;letter-spacing:0}
.close-gallery span{font-size:25px}
.lightbox-image{display:flex;align-items:center;justify-content:space-between;min-height:0;flex:1;gap:20px;padding:20px 24px}
.lightbox-image img{height:100%;width:calc(100% - 140px);object-fit:contain;min-height:0}
.lightbox-image button{border:1px solid var(--rule);border-radius:50%;background:none;width:40px;height:40px;flex:0 0 40px;font-size:18px}
.lightbox-image button:hover{background:#dfded5}
.lightbox-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--rule);font-size:11px;min-height:50px}
@media(min-width:1800px){:root{--gutter:28px}.panel-tab{font-size:13px}.panel-header{height:90px;flex-basis:90px}.hero{min-height:calc(100svh - 90px)}.feature-heading>p{font-size:38px}.feature-heading h2{font-size:44px}.story-copy>div,.practice-list p,.new-chapter>p{font-size:15px}.story-copy .intro{font-size:28px;max-width:300px}.feature-intro>p{font-size:32px}.eyebrow,.section-label{font-size:11px}}
@media(max-width:1050px) and (min-width:761px){:root{--gutter:14px}.workspace{grid-template-columns:58% 30% 12%}.hero-note{margin-right:5%;width:160px}.wordmark{font-size:6vw}.hero-kicker{font-size:8px}.hero-baseline{font-size:9px}.about-story{padding-top:65px}.story-copy{gap:20px}.feature-heading>p{font-size:25px}.feature-heading h2{font-size:32px}.building-figure figcaption{flex-direction:column}.practice-list>div{grid-template-columns:20px 1fr}.practice-list p{grid-column:2}.archive-panel .panel-header{padding-left:9px;padding-right:9px}.archive-panel .panel-tab{gap:3px}}
@media(max-width:760px){
 :root{--gutter:20px}
 html{scroll-padding-top:62px}
 body{font-size:14px}
 .mobile-nav{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--rule);padding:0 var(--gutter);font-size:11px}
 .mobile-nav>a{padding:20px 0}.mobile-nav>.mobile-mark{padding:14px 0}.mobile-mark{font-size:24px;letter-spacing:-.09em;line-height:1}.mobile-mark span{font-family:var(--serif);font-size:28px;font-style:italic}
 .workspace,.workspace[data-view]{height:auto;display:block}
 .panel{height:auto;overflow:visible;display:block;scroll-margin-top:0}
 .panel+.panel{border-left:0;border-top:1px solid var(--rule)}
 .panel-header{height:61px;padding:16px var(--gutter)}
 .about-panel>.panel-header{display:none}
 .panel-tab,.archive-panel .panel-tab{font-size:12px;gap:15px}
 .panel-header .header-index{display:block}
 .panel-scroll{overflow:visible;overscroll-behavior:auto}
 .hero{min-height:calc(100svh - 62px);padding:0 var(--gutter) 25px}
 .hero-note,.workspace:not([data-view=about]) .about-panel .hero-note{margin:11vh 14% 65px 0;align-self:flex-end;width:145px}
 .hero-note p{font-size:42px}
 .wordmark,.workspace:not([data-view=about]) .about-panel .wordmark{flex-direction:column;font-size:13.8vw;line-height:.95;gap:.035em;white-space:nowrap;letter-spacing:-.065em}
 .wordmark-name{font-size:1.12em}
 .hero-kicker,.workspace:not([data-view=about]) .about-panel .hero-kicker{font-size:8px;max-width:none;letter-spacing:.055em;margin-bottom:22px}
 .hero-baseline{font-size:9px;margin-top:30px}
 .workspace:not([data-view=about]) .about-panel .hero-baseline>span{display:block}
 .about-story{padding:65px var(--gutter) 0;scroll-margin-top:28px}
 .section-label{font-size:8px;letter-spacing:.035em}
 .about-story h2,.workspace:not([data-view=about]) .about-story h2{font-size:clamp(32px,8.7vw,58px);margin:35px 0}
 .story-copy,.workspace:not([data-view=about]) .story-copy{display:block}
 .story-copy .intro{font-size:24px;max-width:260px;margin-bottom:30px}
 .story-copy>div{font-size:14px;max-width:500px}
 .story-image{margin:40px 0 65px}
 .story-image img,.workspace:not([data-view=about]) .story-image img{height:auto;max-height:none;aspect-ratio:3/4;object-position:50% 25%}
 figcaption{font-size:8px}
 .practice-list>div,.workspace:not([data-view=about]) .practice-list>div{grid-template-columns:22px 1fr;gap:10px 15px;padding:20px 0 28px}
 .practice-list h3{font-size:24px}
 .practice-list p{grid-column:2;font-size:13px;max-width:none}
 .diptych,.workspace:not([data-view=about]) .diptych{gap:10px;margin:25px 0 65px}
 .diptych img,.workspace:not([data-view=about]) .diptych img{height:240px}
 .closing-note{margin-bottom:65px}
 .closing-note>p{font-size:14px;margin-top:0}
 .contact-title,.workspace:not([data-view=about]) .contact-title{font-size:38px;margin:25px 0 30px}
 .contact-grid,.workspace:not([data-view=about]) .contact-grid{grid-template-columns:1fr 1fr;font-size:10px;gap:20px 8px}
 .contact-grid>a:nth-child(2n),.workspace:not([data-view=about]) .contact-grid>a:nth-child(2n){text-align:right}
 .footer-baseline,.workspace:not([data-view=about]) .footer-baseline{flex-direction:row;font-size:8px;margin-top:45px;margin-bottom:5px}
 .studio-feature,.workspace[data-view=studio] .studio-feature{padding:25px var(--gutter) 0}
 .feature-heading>p,.workspace[data-view=studio] .feature-heading>p,.workspace[data-view=archive] .studio-panel .feature-heading>p{font-size:30px}
 .feature-heading h2,.workspace[data-view=studio] .feature-heading h2,.workspace[data-view=archive] .studio-panel .feature-heading h2{font-size:46px}
 .building-figure img,.workspace[data-view=studio] .building-figure img,.workspace[data-view=archive] .studio-panel .building-figure img{height:auto;min-height:0;max-height:none;object-fit:contain}
 .building-figure figcaption,.workspace[data-view=studio] .building-figure figcaption,.workspace[data-view=archive] .studio-panel .building-figure figcaption{font-size:9px;flex-direction:row}
 .feature-intro,.workspace[data-view=studio] .feature-intro{padding-bottom:45px;margin-top:35px}
 .feature-intro .eyebrow{font-size:9px}
 .feature-intro>p,.workspace[data-view=studio] .feature-intro>p,.workspace[data-view=archive] .studio-panel .feature-intro>p{font-size:34px}
 .new-chapter h3,.workspace[data-view=studio] .new-chapter h3{font-size:34px}
 .new-chapter>p,.workspace[data-view=studio] .new-chapter>p{font-size:14px;max-width:none}
 .studio-bottom{font-size:9px}
 .archive-panel .panel-header,.workspace[data-view=archive] .archive-panel .panel-header{padding:16px var(--gutter)}
 .archive-panel .panel-scroll,.workspace[data-view=archive] .archive-panel .panel-scroll{padding:var(--gutter)}
 .archive-intro{display:block;padding:15px 0 35px}
 .archive-intro h2{font-size:46px}
 .archive-grid,.workspace[data-view=archive] .archive-grid{grid-template-columns:1fr 1fr;gap:24px 10px}
 .archive-item>span,.workspace[data-view=archive] .archive-item>span{display:flex;justify-content:space-between;gap:5px;font-size:8px;padding-top:8px}
 .archive-item img{aspect-ratio:3/4}
 .archive-more{display:inline-flex;margin:40px 0 35px}
 .lightbox-top{padding:10px 16px;min-height:60px;font-size:15px}.lightbox-top em{font-size:20px}
 .lightbox-image{padding:20px 10px;position:relative;gap:4px}.lightbox-image img{width:calc(100% - 96px)}
 .lightbox-image button{width:44px;height:44px;flex-basis:44px;border:0;border-radius:0}
 .lightbox-bottom{padding:16px;gap:14px;font-size:9px;flex-wrap:wrap}.photo-caption{width:100%;font-size:12px}.close-gallery{font-size:11px;gap:12px}
}
@media(max-width:359px){:root{--gutter:16px}.mobile-nav{gap:8px;font-size:10px}.hero-note{margin-top:8vh}.hero-note p{font-size:38px}.hero-kicker{font-size:7px}.hero-baseline{font-size:8px}.diptych img,.workspace:not([data-view=about]) .diptych img{height:200px}.contact-grid{font-size:9px}.section-label{font-size:7px}.about-story h2{font-size:30px}.feature-intro>p{font-size:30px}}
@media(prefers-reduced-motion:reduce){html,.panel-scroll{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

body.gallery-open{overflow:hidden}