:root{--paper:#f7f5f0;--cream:#eeeae2;--ink:#262826;--muted:#747771;--olive:#6d735f;--line:#d8d9d2;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a76f4f;outline-offset:4px}::selection{background:#d7c7b1}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:30;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.site-header{height:98px;padding:0 clamp(24px,5vw,86px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;flex-direction:column;width:max-content}.brand-name{font-family:var(--serif);font-size:22px;letter-spacing:.15em;line-height:1.1}.brand-sub{font-size:8px;letter-spacing:.42em;margin-top:8px;white-space:nowrap}.brand-rule{display:inline-block;width:16px;border-top:1px solid currentColor;vertical-align:middle;margin:0 5px}.site-header nav{display:flex;gap:clamp(24px,3vw,50px);align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.16em}.site-header nav a{padding:10px 0;transition:color .2s}.site-header nav a:hover{color:var(--olive)}.nav-contact{border-bottom:1px solid var(--ink)}.nav-contact span{font-size:16px;margin-left:8px}.hero{min-height:660px;display:grid;grid-template-columns:minmax(420px,42%) 1fr}.hero-copy{padding:clamp(65px,8vw,120px) clamp(32px,5vw,90px) 58px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:var(--olive);line-height:1.5}.eyebrow-line{display:inline-block;width:28px;border-top:1px solid currentColor;vertical-align:middle;margin-right:10px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,4.9vw,88px);line-height:.98;letter-spacing:-.055em;margin:47px 0 26px;white-space:nowrap}.hero h1 em,.section-heading h2 em,.services-lead h2 em,.contact-panel h2 em{font-weight:400;color:var(--olive)}.hero-copy>p{font-size:16px;line-height:1.75;color:#535853;max-width:390px;margin:0 0 34px}.button{min-height:52px;display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:0 20px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.17em;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;font-weight:400;line-height:1}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--olive)}.hero-signoff{font-size:9px;letter-spacing:.19em;color:var(--muted);margin-top:auto;padding-top:50px}.tiny-rule{display:inline-block;width:17px;border-top:1px solid currentColor;vertical-align:middle;margin:0 8px}.hero-image-wrap{position:relative;min-height:660px;overflow:hidden}.hero-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}.hero-image-label{position:absolute;left:28px;bottom:25px;right:28px;background:rgba(247,245,240,.93);backdrop-filter:blur(6px);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;letter-spacing:.16em;font-weight:700}.hero-image-label b{font-weight:400;color:var(--olive)}.work-section{padding:110px clamp(24px,5vw,86px) 120px;max-width:1650px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading h2,.services-lead h2,.contact-panel h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.section-heading h2{font-size:clamp(46px,5vw,76px);line-height:1.07;margin:17px 0 0}.section-heading>p{font-size:15px;color:#60655e;line-height:1.75;max-width:345px;margin:0 0 5px}.project-controls{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-tab{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;min-height:82px;cursor:pointer;display:flex;align-items:center;gap:17px;padding:10px 24px;font-family:var(--serif);font-size:23px;transition:background .2s,color .2s}.project-tab:first-child{padding-left:0}.project-tab:last-child{border-right:0}.project-tab:hover,.project-tab.active{color:var(--ink)}.project-tab.active{background:#eae8e1}.project-tab:first-child.active{padding-left:24px}.tab-index{font-family:var(--sans);font-size:9px;color:var(--olive);letter-spacing:.1em;align-self:center}.project-tab>span:last-child{font-family:var(--sans);font-size:18px;margin-left:auto}.project-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:45px 0 30px}.project-intro h3{font-family:var(--serif);font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;font-weight:400;margin:8px 0 0}.project-intro p{color:#626861;font-size:14px;line-height:1.65;max-width:340px;margin:0 0 5px}.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.photo-tile{display:block;position:relative;border:0;padding:0;cursor:zoom-in;overflow:hidden;background:#e5e3dc;aspect-ratio:1.45}.photo-tile:nth-child(1){grid-column:span 7;aspect-ratio:1.5}.photo-tile:nth-child(2){grid-column:span 5;aspect-ratio:1.08}.photo-tile:nth-child(n+3){grid-column:span 4;aspect-ratio:1.34}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s}.photo-tile:hover img{transform:scale(1.035);filter:brightness(.85)}.photo-tile .tile-plus{position:absolute;bottom:18px;right:18px;width:36px;height:36px;display:grid;place-items:center;background:rgba(247,245,240,.94);font-size:22px;font-weight:300;opacity:0;transform:translateY(5px);transition:.2s}.photo-tile:hover .tile-plus,.photo-tile:focus-visible .tile-plus{opacity:1;transform:none}.gallery-note{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:20px 0;font-size:9px;letter-spacing:.15em;color:var(--muted)}.gallery-note span:last-child{color:var(--olive)}.services-section{padding:0 clamp(24px,5vw,86px) 80px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(50px,9vw,150px)}.services-lead,.services-list{padding-top:115px;padding-bottom:105px}.services-lead h2{font-size:clamp(48px,5.1vw,78px);line-height:1.08;margin:24px 0}.services-lead p{max-width:440px;color:#5b605a;font-size:16px;line-height:1.75}.signature{display:block;font-family:var(--serif);font-style:italic;font-size:30px;color:var(--olive);margin-top:44px}.service{display:flex;gap:24px;border-top:1px solid #cfcfc5;padding:32px 0}.service:last-child{border-bottom:1px solid #cfcfc5}.service>span{font-size:10px;color:var(--olive);letter-spacing:.15em;padding-top:10px}.service h3{font-family:var(--serif);font-weight:400;font-size:29px;margin:0 0 10px}.service p{color:#666b64;font-size:14px;line-height:1.65;margin:0;max-width:390px}.contact-panel{grid-column:1/-1;background:#343a33;color:#f9f7f1;padding:clamp(35px,5vw,76px);display:flex;align-items:end;justify-content:space-between;gap:40px;scroll-margin-top:24px}.contact-panel .eyebrow{color:#b4c0aa}.contact-panel h2{font-size:clamp(44px,4.7vw,73px);line-height:1.05;margin:19px 0}.contact-panel h2 em{color:#c5d0bd}.contact-panel p{color:#d7ded4;max-width:440px;line-height:1.7;font-size:14px;margin:0}.contact-actions{display:flex;align-items:flex-end;flex-direction:column;gap:22px;flex-shrink:0}.button-light{background:#f7f5f0;color:#303630;min-width:205px}.button-light:hover{background:#d6dfcf}.phone{font-family:var(--serif);font-size:22px;border-bottom:1px solid #b6c0b2;padding-bottom:5px}footer{padding:35px clamp(24px,5vw,86px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f5f0;font-size:9px;letter-spacing:.15em;color:#6f746e}.footer-brand{font-family:var(--serif);font-size:16px;color:var(--ink);letter-spacing:.13em;white-space:nowrap}.footer-brand span{font-family:var(--sans);font-size:9px;letter-spacing:.2em}.lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:30px;background:rgba(24,28,24,.96);color:#fff;border:0;overflow:hidden}.lightbox::backdrop{background:rgba(24,28,24,.96)}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox figure{max-width:min(1180px,calc(100vw - 180px));max-height:calc(100dvh - 95px);margin:0;display:flex;flex-direction:column}.lightbox figure img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}.lightbox figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-family:var(--serif);font-size:17px}.lightbox figcaption span:last-child{font:10px var(--sans);letter-spacing:.15em;color:#bac3b9}.lightbox-close,.lightbox-arrow{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}.lightbox-close{top:25px;right:30px;width:45px;height:45px;font-size:29px}.lightbox-arrow{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:26px}.lightbox-prev{left:28px}.lightbox-next{right:28px}@media(max-width:1000px){.hero{grid-template-columns:1fr 1.2fr;min-height:580px}.hero-copy{padding:75px 30px 35px}.hero-image-wrap{min-height:580px}.hero h1{font-size:clamp(48px,5.5vw,65px)}.project-tab{font-size:17px;padding:10px 10px;gap:10px}.services-section{column-gap:50px}.services-lead,.services-list{padding-top:85px;padding-bottom:80px}}@media(max-width:700px){.site-header{height:74px;padding:0 20px}.brand-name{font-size:16px}.brand-sub{font-size:6px;letter-spacing:.3em;margin-top:5px}.site-header nav{gap:14px;font-size:9px;letter-spacing:.05em}.site-header nav a:nth-child(2){display:none}.nav-contact span{margin-left:0}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 24px 42px}.hero h1{font-size:clamp(40px,13vw,58px);margin:35px 0 22px}.hero-copy>p{font-size:15px}.hero-signoff{padding-top:45px}.hero-image-wrap{height:390px;min-height:0}.hero-image-wrap>img{object-position:47% 50%}.hero-image-label{left:15px;right:15px;bottom:15px;font-size:8px;padding:12px}.work-section{padding:78px 20px 88px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:52px}.section-heading>p{margin-top:17px;font-size:14px}.project-controls{overflow-x:auto;display:flex;scrollbar-width:none}.project-controls::-webkit-scrollbar{display:none}.project-tab{flex:0 0 215px;min-height:65px;font-size:17px;white-space:nowrap;padding:10px 13px}.project-tab:first-child{padding-left:8px}.project-tab:first-child.active{padding-left:13px}.project-intro{display:block;padding:30px 0 20px}.project-intro h3{font-size:41px}.project-intro p{font-size:13px;margin:12px 0 0}.photo-grid{gap:8px}.photo-tile:nth-child(n){grid-column:span 6;aspect-ratio:1.08}.photo-tile:nth-child(1){grid-column:span 12;aspect-ratio:1.38}.photo-tile .tile-plus{display:none}.gallery-note{font-size:8px}.services-section{display:block;padding:0 20px 30px}.services-lead{padding:78px 0 25px}.services-lead h2{font-size:52px}.services-list{padding:25px 0 75px}.service h3{font-size:25px}.contact-panel{display:block;padding:38px 27px}.contact-panel h2{font-size:49px}.contact-actions{align-items:flex-start;margin-top:30px}.contact-panel .button{width:100%}footer{padding:35px 20px;display:grid;gap:18px}.lightbox{padding:16px}.lightbox figure{max-width:100%;max-height:calc(100dvh - 140px)}.lightbox figure img{max-height:calc(100dvh - 190px)}.lightbox figcaption{font-size:14px}.lightbox-close{top:15px;right:15px}.lightbox-arrow{top:auto;bottom:20px;transform:none;width:44px;height:44px}.lightbox-prev{left:16px}.lightbox-next{right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A visible all-photos view and compact room filters. */
.project-controls{display:flex;flex-wrap:wrap;gap:9px;border:0;overflow:visible}
.project-tab,.project-tab:first-child,.project-tab:first-child.active{display:inline-flex;flex:0 0 auto;align-items:center;min-height:46px;padding:10px 17px;border:1px solid var(--line);border-radius:30px;font-family:var(--sans);font-size:12px;letter-spacing:.06em;white-space:nowrap;background:transparent;color:var(--ink)}
.project-tab:hover{background:#eae8e1;color:var(--ink)}
.project-tab.active,.project-tab.active:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.tab-count{margin-left:3px;font-size:10px;opacity:.7}
@media(max-width:700px){.project-controls{display:flex;flex-wrap:wrap;gap:7px;overflow:visible}.project-tab,.project-tab:first-child,.project-tab:first-child.active{flex:0 0 auto;min-height:40px;padding:8px 11px;font-size:11px;white-space:nowrap}}

/* A small personal portrait at the invitation to get in touch. */
.contact-person{display:flex;align-items:center;gap:15px;margin:0 0 7px;align-self:flex-end}
.contact-person img{width:82px;height:101px;object-fit:cover;object-position:center top;border-radius:2px}
.contact-person figcaption{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.1;color:#f7f5f0;white-space:nowrap}
@media(max-width:700px){.contact-person{align-self:flex-start;margin-bottom:5px}.contact-person img{width:76px;height:94px}.contact-person figcaption{font-size:22px}}

/* Original logo supplied by Monica, exported as a transparent vector. */
.site-header{height:138px}
.brand-logo{display:block;width:315px;height:auto;max-height:132px;object-fit:contain}
@media(max-width:700px){.site-header{height:104px}.brand-logo{width:230px;max-height:98px}.site-header nav a:first-child{display:none}}
@media(max-width:380px){.brand-logo{width:190px}}

/* Frame the newly supplied portrait without the photo's letterboxing. */
.contact-person-photo{display:block;width:82px;height:101px;flex:0 0 82px;overflow:hidden;border-radius:2px}
.contact-person-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.31)}
@media(max-width:700px){.contact-person-photo{width:76px;height:94px;flex-basis:76px}}
