:root{color-scheme:light;--paper:#f7f5f0;--ink:#282923;--muted:#686960;--gutter:7vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:48px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}[hidden]{display:none!important}
.skip-link{position:fixed;z-index:20;left:20px;top:-100px;padding:15px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:20px}
.hero{height:100svh;position:relative;background:#23251f;color:#fff;isolation:isolate}.film-frame{position:absolute;inset:0;overflow:hidden}.film-frame video,.film-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.film-frame video{opacity:0;transition:opacity .5s}.film-frame video.is-ready{opacity:1}
.site-header{position:absolute;inset:0 0 auto;z-index:2;padding:22px 4.5vw 42px;background:linear-gradient(180deg,#0009 0%,#0006 55%,transparent 100%)}.site-header nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.site-header nav>a:not(.brand){font-size:14px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;padding:14px 0;text-shadow:0 1px 8px #0007}.nav-contact{justify-self:start}.nav-work{justify-self:end}.brand{width:96px;min-height:44px;display:flex;align-items:center;filter:drop-shadow(0 1px 3px #0009)}.brand img,.footer-brand img{width:100%;height:auto}.site-header nav>a:not(.brand):hover{text-decoration:underline;text-underline-offset:7px}
.film-controls{position:absolute;z-index:2;right:4.5vw;bottom:24px;display:flex;gap:22px}.film-controls button{border:0;background:#1c211b99;padding:10px 12px;min-height:44px;font-size:13px;letter-spacing:.04em}.film-controls button:hover{background:#1c211bcc}
.editorial-content{max-width:1260px;margin-inline:auto;padding-inline:40px}
.section-label{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}
.introduction{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding-block:66px 56px}
.studio-heading .section-label{margin-bottom:20px}
.introduction h1{max-width:520px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.1vw,42px);font-weight:400;line-height:1.13;letter-spacing:-.035em;text-wrap:pretty}
.studio-description{font-size:16px;line-height:1.65;max-width:390px;padding-top:34px}
.selected-work{border-top:1px solid #b9bab1;padding-top:24px}
.selected-work>.section-label{margin-bottom:20px}
.projects{display:grid;gap:28px}
.project img{display:block;width:100%;height:100%;object-fit:cover;background:#e6e3dc}
.project-featured{display:grid;grid-template-columns:1fr 2.65fr;gap:32px;align-items:center}
.project-featured>img{aspect-ratio:1.9;object-position:center 53%}
.project-featured figcaption{display:block;margin:0}
.project-number{font-size:12px;line-height:1.5;color:#55584f;font-variant-numeric:tabular-nums}
.project h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2;letter-spacing:-.025em;font-size:23px}
.project-featured h3{font-size:clamp(28px,3.05vw,40px);margin-top:12px}
.project-pair{display:grid;grid-template-columns:1.32fr 1fr;gap:32px;align-items:start}
.project-pair .project{min-width:0;display:grid;grid-template-rows:auto auto}
.project-pair .project img{height:clamp(210px,25vw,325px);object-position:center}
.project-pair #encino img{object-position:48% center}
.project-pair figcaption{display:flex;gap:12px;align-items:baseline;margin-top:16px}
.press-reference{display:grid;grid-template-columns:140px 1fr;align-items:start;gap:30px;margin-top:40px;padding-block:28px;border-top:1px solid #b9bab1}
.press-reference>.section-label{padding-top:3px;color:#62645b;font-size:12px}
.press-feature{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start;max-width:820px}
.press-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.press-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin-bottom:10px}
.press-copy p{font-size:14px;line-height:1.6;max-width:510px;color:#55584f}
.press-copy a{display:inline-block;margin-top:13px;font-size:14px;line-height:1.5;border-bottom:1px solid #a1a398;padding-bottom:3px}
.press-copy a:hover{border-bottom-color:currentColor}.press-copy a span{margin-left:9px}
.contact{border-top:1px solid #b9bab1;padding-block:44px 46px;margin-top:26px}
.contact h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.1vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:23px}
.contact-email{font-size:18px;line-height:1.6;border-bottom:1px solid #a1a398;overflow-wrap:anywhere;max-width:100%}
.contact-instagram{font-size:14px;line-height:1.6;padding-block:6px;color:#55584f}
.contact-instagram span{margin-left:7px}
.contact-email:hover{border-color:var(--ink)}.contact-instagram:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{padding-block:4px 35px;display:flex;align-items:center;gap:30px}.footer-brand{width:115px}
@media(max-width:900px) and (orientation:portrait){.hero{height:auto;padding-top:100px;padding-bottom:58px;background:#23251f}.site-header{padding:14px 5vw 20px;background:none}.brand{width:88px}.film-frame{position:relative;aspect-ratio:16/9}.film-frame video,.film-fallback{object-fit:contain}.film-controls{bottom:7px;right:5vw;gap:16px}.film-controls button{background:transparent}}
@media(max-width:900px){.introduction{gap:36px}.project-featured{grid-template-columns:1fr 2.4fr;gap:24px}.project-pair{gap:24px}}
@media(max-width:700px){html{scroll-padding-top:30px}.site-header nav{gap:14px}.site-header nav>a:not(.brand){font-size:12px;letter-spacing:.09em}.brand{width:84px}.editorial-content{padding-inline:5vw}.introduction{grid-template-columns:1fr;gap:22px;padding-block:44px 40px}.studio-heading .section-label{margin-bottom:16px}.introduction h1{font-size:34px;max-width:520px}.studio-description{padding-top:0;max-width:520px;font-size:16px;line-height:1.6}.selected-work{padding-top:20px}.selected-work>.section-label{margin-bottom:24px}.projects{gap:30px}.project-featured{display:flex;flex-direction:column;align-items:stretch;gap:0}.project-featured>img{order:0;aspect-ratio:1.7;width:100%;height:auto}.project-featured figcaption{order:1;display:flex;gap:12px;align-items:baseline;margin-top:14px}.project-featured h3{font-size:23px;margin:0}.project-pair{grid-template-columns:1fr;gap:30px}.project-pair .project img{height:auto;aspect-ratio:1.7}.project-pair figcaption{margin-top:14px}.press-reference{grid-template-columns:1fr;margin-top:32px;gap:20px;padding-block:24px}.press-feature{grid-template-columns:140px minmax(0,1fr);gap:20px}.press-copy h2{font-size:24px}.press-copy p{font-size:14px}.contact{padding-block:32px 36px;margin-top:16px}.contact h2{font-size:32px}.contact-email{font-size:17px}.contact-links{margin-top:19px;gap:12px}.footer-bottom{padding-bottom:26px}.footer-brand{width:105px}}

@media(max-width:480px){.press-feature{grid-template-columns:1fr;gap:18px}.press-thumbnail{max-width:230px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Refinement: compact editorial press, quiet wordmark and integrated player. */
.brand{width:106px}.brand img{filter:none}
.film-controls{gap:4px;right:4.5vw;bottom:20px}
.film-controls button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border-radius:0;background:transparent;filter:drop-shadow(0 1px 3px #000c)}
.film-controls button:hover{background:#0003}
.film-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.film-controls::before{content:"";position:absolute;z-index:-1;inset:-12px -16px;background:radial-gradient(ellipse,#0005,transparent 70%);pointer-events:none}
.project-image-link{display:block;min-width:0}.project-featured .project-image-link img{aspect-ratio:1.9;object-position:center 53%}
.project h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.press-reference{display:block;padding-block:28px 14px}
.press-reference>.section-label{padding-top:0;margin-bottom:18px}
.press-feature{grid-template-columns:1fr 2fr;max-width:none;gap:36px;align-items:center}
.press-thumbnail{aspect-ratio:auto;object-fit:contain;max-width:none}
.press-copy p{font-size:16px}
.film-frame:fullscreen,.film-frame.is-expanded{position:fixed;inset:0;width:100%;height:100dvh;aspect-ratio:auto;background:#10110f;z-index:100;overflow:hidden;color:#fff}
.film-frame:fullscreen video,.film-frame:fullscreen .film-fallback,.film-frame.is-expanded video,.film-frame.is-expanded .film-fallback{object-fit:contain}
.film-frame:fullscreen .film-controls,.film-frame.is-expanded .film-controls{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}
body.player-expanded,body.gallery-open{overflow:hidden}
.project-header{padding-block:24px}.project-header nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:14px}.project-header nav>a:last-child{justify-self:end}.project-brand{width:96px;min-height:44px;display:flex;align-items:center}.project-brand img{filter:brightness(0)}
.project-heading{padding-block:44px 34px}.project-heading .section-label{margin-bottom:12px}.project-heading h1{font:400 clamp(36px,4vw,52px)/1.15 Georgia,serif;letter-spacing:-.035em}
.project-gallery{display:grid;gap:48px}.gallery-image{display:block;cursor:zoom-in}.gallery-image img{width:100%;height:auto;background:#e6e3dc}
.gallery-return{display:flex;justify-content:space-between;gap:24px;padding-block:44px 50px;font-size:14px}.gallery-return a:hover,.project-header nav>a:hover{text-decoration:underline;text-underline-offset:5px}
.lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:64px 64px 56px;background:#151614;color:#f7f5f0;overflow:hidden}.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:#151614}.lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;min-height:0}.lightbox button{position:absolute;z-index:1;border:0;background:#151614b3;min-width:44px;min-height:44px;font-size:24px}.lightbox-close{top:max(8px,env(safe-area-inset-top));right:16px;font-size:14px!important;padding:8px 12px}.lightbox-close span{font-size:23px;margin-left:12px}.lightbox-prev{left:8px;top:calc(50% - 22px)}.lightbox-next{right:8px;top:calc(50% - 22px)}.lightbox-count{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:.1em}
@media(max-width:900px){
 .hero{height:auto;padding:60px 0 0;background:var(--paper)}
 .site-header{height:60px;padding:8px 5vw;background:var(--paper);color:var(--ink)}
 .site-header nav{height:44px;gap:14px}.site-header nav>a:not(.brand){font-size:12px;letter-spacing:.09em;text-shadow:none}
 .brand{width:80px;min-height:44px;filter:none}.brand img{filter:brightness(0)}
 .film-frame{position:relative;inset:auto;aspect-ratio:16/9;width:100%}.film-frame video,.film-fallback{object-fit:contain}
 .film-controls{bottom:2px;right:8px;gap:0}.film-controls button{background:transparent}
}
@media(max-width:700px){
 .project-featured .project-image-link{order:0}.project-featured .project-image-link img{aspect-ratio:1.7;height:auto}
 .press-feature{grid-template-columns:1fr;gap:20px}.press-thumbnail{max-width:none}.press-reference{padding-block:24px 12px}
 .press-copy h2{font-size:25px}.press-copy a{margin-top:12px}
 .project-header{padding-block:10px}.project-header nav{font-size:12px;gap:10px}.project-brand{width:76px}.project-heading{padding-block:30px 26px}.project-gallery{gap:24px}.gallery-return{padding-block:30px 36px;font-size:13px;flex-wrap:wrap}.lightbox{padding:64px 12px 80px}.lightbox-prev,.lightbox-next{top:auto;bottom:12px}.lightbox-count{bottom:28px;pointer-events:none}
}
.skip-link{visibility:hidden}.skip-link:focus{visibility:visible}
.project-brand img{width:100%;height:auto}
/* Shared editorial navigation and About page. */
.quiet-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#a1a398}.quiet-link:hover{text-decoration-color:currentColor}
.studio-about{display:inline-block;font-size:14px;margin-top:16px;color:var(--muted)}.studio-about span{margin-left:8px}
.footer-nav{display:flex;gap:28px;flex-wrap:wrap;margin-left:auto;font-size:14px;line-height:1.5}.footer-nav a{padding-block:12px}.footer-nav a:hover,.footer-nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.editorial-gallery{gap:88px;padding-top:42px}.gallery-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);grid-template-rows:auto 1fr;gap:28px 36px;align-items:start}
.gallery-opening .project-heading{padding:18px 0 0;grid-column:1;grid-row:1}.gallery-opening .project-heading h1{font-size:clamp(30px,3vw,40px)}.gallery-opening .project-heading .section-label{font-size:11px;letter-spacing:.14em}
.opening-lead{grid-column:2;grid-row:1 / span 2}.opening-detail{grid-column:1;grid-row:2;align-self:end}
.gallery-pair{display:grid;gap:36px;align-items:start}.pair-exterior{grid-template-columns:1.2fr 1fr}.pair-exterior .gallery-image:last-child{margin-top:90px}
.gallery-single{width:100%}.gallery-offset{width:82%;margin-left:auto}.gallery-quiet{width:66%;margin-inline:auto}.gallery-wide{width:100%}
.pair-interior{grid-template-columns:1fr 1.15fr;align-items:center}.pair-kitchen{grid-template-columns:1.15fr 1fr}.pair-kitchen .gallery-image:last-child{margin-top:76px}
.editorial-gallery .gallery-image img{object-fit:contain;aspect-ratio:auto;height:auto}.editorial-gallery+.gallery-return{margin-top:36px;border-bottom:1px solid #b9bab1;margin-bottom:36px}
.about-intro{padding-block:60px 58px;max-width:980px}.about-intro>.section-label{margin-bottom:24px}.about-intro h1{font:400 clamp(32px,3.3vw,46px)/1.15 Georgia,serif;letter-spacing:-.03em;text-wrap:pretty;max-width:920px}
.director-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:90px;padding-block:8px 48px;align-items:center}
.director-portrait{display:block;width:100%;height:auto;object-fit:contain}
.director-copy h2{font:400 clamp(30px,3vw,38px)/1.2 Georgia,serif;letter-spacing:-.025em}.director-role{font-size:14px;line-height:1.5;margin-top:10px;color:var(--muted)}
.director-philosophy{font:400 clamp(23px,2.1vw,28px)/1.4 Georgia,serif;letter-spacing:-.02em;margin-top:38px;max-width:570px}.director-experience{font-size:16px;line-height:1.75;margin-top:28px;max-width:550px}
.about-contact{margin-top:0}
@media(max-width:900px){.director-section{gap:44px}.editorial-gallery{gap:60px}.gallery-opening{gap:24px}.pair-exterior .gallery-image:last-child{margin-top:50px}.pair-kitchen .gallery-image:last-child{margin-top:50px}}
@media(max-width:700px){
 .footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-nav{gap:18px;font-size:13px}.studio-about{margin-top:14px}
 .editorial-gallery{gap:24px;padding-top:18px}.gallery-opening{display:flex;flex-direction:column;gap:24px}.gallery-opening .project-heading{padding:8px 0 2px}.gallery-opening .project-heading h1{font-size:36px}.opening-lead,.opening-detail{width:100%}
 .gallery-pair{display:grid;grid-template-columns:1fr;gap:24px}.gallery-offset,.gallery-quiet{width:100%;margin:0}.pair-exterior .gallery-image:last-child,.pair-kitchen .gallery-image:last-child{margin:0}.editorial-gallery+.gallery-return{margin-top:12px;margin-bottom:28px}
 .about-intro{padding-block:34px 34px}.about-intro>.section-label{margin-bottom:18px}.about-intro h1{font-size:32px;line-height:1.18}
 .director-section{grid-template-columns:1fr;gap:28px;padding-block:4px 38px}.director-portrait{width:100%;max-width:420px;height:auto}.director-copy h2{font-size:32px}.director-philosophy{font-size:25px;margin-top:26px}.director-experience{margin-top:22px}

}
@media(max-width:420px){.footer-nav{margin-left:0;width:100%;justify-content:space-between;gap:12px}}
.gallery-opening .project-heading .section-label{font-size:12px}

/* Selected Residences: ordered editorial collection, with uncropped imagery. */
#selected-residences .project-image-link img{height:auto;aspect-ratio:auto;object-fit:contain}
.collection-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;padding-block:54px 46px}
.collection-intro .section-label{margin-bottom:16px}
.collection-intro h1{font:400 clamp(36px,4vw,50px)/1.12 Georgia,serif;letter-spacing:-.035em;max-width:480px}
.collection-copy{max-width:450px;font-size:16px;line-height:1.65;color:var(--muted)}
.collection-subtitle{color:var(--ink);margin-bottom:12px;font-size:14px}
.collection-gallery{padding-top:0}
@media(max-width:700px){.collection-intro{grid-template-columns:1fr;gap:22px;padding-block:32px 32px}.collection-intro h1{font-size:36px}.collection-copy{max-width:440px}.collection-subtitle{margin-bottom:10px}}

.single-project-intro{grid-template-columns:1fr}.single-project-intro h1{max-width:none}