:root{color-scheme:dark;--bg:#20262b;--surface:#293138;--surface-2:#303941;--text:#f3f5f6;--muted:#aab4bc;--line:#46515a;--accent:#86a9c4;--accent-strong:#b3cee1;--max:1320px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 "Source Sans 3",sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#14202a}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}a[target="_blank"]:after{content:"";display:inline-block;width:.45em;height:.45em;margin-left:.42em;border-top:1.5px solid;border-right:1.5px solid;vertical-align:.15em}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Archivo",sans-serif;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:.6rem .9rem;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{width:min(var(--max),calc(100% - 64px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:.6rem;font:650 1rem "Archivo",sans-serif;text-decoration:none}.wordmark span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}.site-header nav a{text-decoration:none;color:var(--muted);transition:color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--text)}.nav-contact{padding:.42rem .75rem;border:1px solid var(--line);border-radius:4px}
main,footer{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.opening{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(64px,8vw,120px);align-items:center;padding:clamp(72px,10vh,120px) 0 126px;position:relative}.introduction{max-width:680px;animation:reveal .7s var(--ease) both}.introduction h1{font-size:clamp(3.6rem,7vw,6rem);font-weight:600;margin-bottom:2rem}.introduction h1 span{color:var(--accent-strong)}.lead{max-width:58ch;font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5}.availability{max-width:58ch;color:var(--muted)}.intro-actions{display:flex;gap:1.5rem;margin-top:2rem}.intro-actions a{font-weight:600;text-decoration:none}.intro-actions a:first-child{color:var(--accent-strong)}.intro-actions .muted{color:var(--muted)}
.featured{min-height:570px;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:grid;grid-template-rows:minmax(300px,1fr) auto;animation:reveal .75s .08s var(--ease) both}.paper-joint,.fold{display:none}.featured-image{display:grid;place-items:center;background:#354049;overflow:hidden}.featured-image img{width:min(40%,220px);filter:grayscale(.2) saturate(.75);transition:transform .45s var(--ease)}.featured:hover .featured-image img,.featured:focus-within .featured-image img{transform:scale(1.035)}.featured-copy{padding:clamp(30px,3.5vw,48px);display:grid;grid-template-columns:1fr auto;gap:.65rem 2rem;align-items:end}.featured-copy h2{grid-column:1/-1;font-size:clamp(2rem,3vw,3.35rem);margin-bottom:.45rem}.featured-copy p:not(.project-kind){max-width:48ch;margin:0;color:var(--muted)}.featured-copy a{font-weight:600;color:var(--accent-strong);white-space:nowrap}.project-kind{margin-bottom:.45rem;color:var(--accent-strong);font-size:.75rem;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.project-strip{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-strip a{min-height:76px;padding:1rem 1.1rem;border-right:1px solid var(--line);text-decoration:none;font:600 .95rem "Archivo",sans-serif;transition:background .2s,color .2s}.project-strip a:last-child{border-right:0}.project-strip a:hover,.project-strip a:focus-visible{background:var(--surface);color:var(--accent-strong)}.project-strip span{display:block;margin-bottom:.2rem;color:var(--muted);font:500 .68rem "Source Sans 3",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.work{padding:130px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:64px;padding-bottom:28px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:clamp(2.8rem,5vw,4.8rem);font-weight:600;margin:0}.section-heading p{max-width:46ch;margin:0;color:var(--muted);justify-self:end}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project,.project.wide,.project:nth-child(3n),.project:nth-child(3n+2){margin:0;display:grid;grid-template-columns:44% 56%;min-height:330px;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:border-color .25s,transform .3s var(--ease)}.project:hover,.project:focus-within{border-color:#71818d;transform:translateY(-3px)}.project:before{display:none}.project-media{min-height:100%;display:grid;place-items:center;background:#354049;overflow:hidden}.project-media img{width:54%;max-height:210px;aspect-ratio:1/1;object-fit:contain;filter:grayscale(.25) saturate(.65);transition:transform .4s var(--ease),filter .4s}.project:hover .project-media img,.project:focus-within .project-media img{transform:scale(1.035);filter:grayscale(.1) saturate(.85)}.project.dark .project-media img{width:100%;height:100%;max-height:none;object-fit:cover}.project-copy{padding:clamp(24px,2.5vw,38px);display:flex;flex-direction:column;align-items:flex-start}.project-copy h3{font-size:clamp(1.65rem,2.3vw,2.45rem);font-weight:600;margin-bottom:1rem}.project-copy p:not(.project-kind){color:var(--muted);font-size:.96rem}.project-copy a{margin-top:auto;padding-top:1rem;color:var(--accent-strong);font-weight:600}.project.wide{grid-column:1/-1;grid-template-columns:35% 65%;min-height:370px}.lilac,.blue,.gold,.violet,.green,.mint,.stone{background:#354049}.blue img{aspect-ratio:918/1068}.stone img{aspect-ratio:840/859}
.about{margin-bottom:120px;padding:clamp(42px,6vw,80px);background:var(--surface);border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:minmax(180px,.42fr) 1.58fr;gap:clamp(46px,7vw,100px);align-items:center}.about:before{display:none}.portrait{padding:0;background:none;transform:none;box-shadow:none}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.35)}.about h2{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:600;margin-bottom:1.5rem}.about p{max-width:68ch;color:var(--muted);font-size:1.08rem}
footer{border-top:1px solid var(--line);padding:80px 0 36px;display:grid;grid-template-columns:1fr auto;gap:64px}footer h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:600;margin-bottom:1rem}footer p{max-width:50ch;color:var(--muted)}footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding-top:.7rem}footer nav a{color:var(--accent-strong)}.colophon{grid-column:1/-1;margin:50px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem}
@keyframes reveal{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.opening{grid-template-columns:1fr;min-height:auto}.introduction{max-width:760px}.featured{min-height:520px}.project-list{grid-template-columns:1fr}.project,.project.wide,.project:nth-child(3n),.project:nth-child(3n+2){grid-template-columns:38% 62%}}
@media(max-width:680px){body{font-size:16px}.site-header,main,footer{width:min(var(--max),calc(100% - 32px))}.site-header{height:68px}.site-header nav{gap:.7rem;font-size:.8rem}.nav-contact{padding:.35rem .5rem}.opening{padding:58px 0 72px;gap:48px}.introduction h1{font-size:clamp(3rem,14vw,4.6rem)}.intro-actions{flex-direction:column;align-items:flex-start;gap:.75rem}.featured{min-height:480px}.featured-image{min-height:260px}.featured-copy{display:block}.featured-copy a{display:inline-block;margin-top:1rem}.project-strip{position:relative;grid-template-columns:1fr 1fr;margin-top:0}.project-strip a:nth-child(2){border-right:0}.project-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.work{padding:90px 0}.section-heading{display:block;margin-bottom:40px}.section-heading h2{margin-bottom:1rem}.project,.project.wide,.project:nth-child(3n),.project:nth-child(3n+2){grid-template-columns:1fr}.project-media{min-height:230px}.about{grid-template-columns:1fr;margin-bottom:80px}.portrait{width:min(62%,250px)}footer{grid-template-columns:1fr;padding-top:64px}footer nav{padding:0}.colophon{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body{background:#fff;color:#111}.opening{min-height:0}.featured,.project,.about{box-shadow:none;border:1px solid #bbb;break-inside:avoid}.project-strip{display:none}}