@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--ink:#20211f;--black:#171817;--paper:#f5f2ec;--white:#fff;--stone:#e6e0d5;--muted:#787872;--orange:#b99664;--line:rgba(32,33,31,.17);--sans:'DM Sans',Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif;--brand:'Manrope',Arial,sans-serif;--gutter:clamp(1.25rem,6vw,7rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%}::selection{color:#fff;background:#a65c1f}.skip-link{position:fixed;z-index:50;top:1rem;left:1rem;padding:.6rem .9rem;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10;border-bottom:1px solid rgba(32,33,31,.1)}.brand{display:flex;align-items:center;gap:.7rem}.brand-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff}.brand-name{font:700 1.16rem/1 var(--display);letter-spacing:-.075em}.brand-period{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:clamp(1.25rem,2.7vw,3rem);font-size:.71rem;letter-spacing:.015em}.main-nav a{transition:color .2s}.main-nav a:hover{color:#a85b20}.nav-cta{border:1px solid var(--ink);padding:.65rem .9rem}.nav-cta span{margin-left:.9rem}.menu-toggle{display:none}
.hero{height:min(790px,calc(100svh - 88px));min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:var(--black);color:#fff}.hero-images{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.hero-images figure{margin:0;overflow:hidden;position:relative}.hero-images img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.84)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,16,15,.8),rgba(15,16,15,.45) 43%,rgba(15,16,15,.15)),linear-gradient(0deg,rgba(15,16,15,.45),transparent 32%)}.hero-content{position:absolute;left:var(--gutter);top:50%;transform:translateY(-44%);max-width:760px}.hero-kicker,.eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.63rem;letter-spacing:.15em;text-transform:uppercase}.hero-kicker{color:rgba(255,255,255,.84);margin:0 0 1.8rem}.hero-kicker span,.eyebrow-rule{width:27px;height:1px;background:var(--orange);display:inline-block}.hero-kicker b{color:var(--orange);font-weight:400}.hero h1{margin:0;font:500 clamp(4rem,8.3vw,8.3rem)/.97 var(--display);letter-spacing:-.09em;max-width:850px}.hero h1 em,.design h2 em,.statement h2 em,.projects h2 em,.process h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#f0a04e}.hero-lead{max-width:430px;margin:1.5rem 0 1.8rem;color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.8}.hero-actions{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:0 1rem;font-size:.7rem;letter-spacing:.02em;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--orange);border:1px solid var(--orange);color:#171817}.button-accent:hover{background:#f2aa63}.button span{font-size:1rem}.hero-link{font-size:.7rem;border-bottom:1px solid rgba(255,255,255,.5);padding:.45rem 0}.hero-link span{margin-left:.5rem;color:#f0a04e}.hero-foot{position:absolute;bottom:1.5rem;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.7);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.hero-foot a{color:#fff}.hero-foot a span{margin-left:.5rem;color:var(--orange)}.hero-vertical{position:absolute;right:1.5rem;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:.55rem;letter-spacing:.22em;color:rgba(255,255,255,.72)}
.service-ribbon{min-height:102px;padding:1rem var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--orange);color:var(--black)}.service-ribbon div{display:flex;align-items:center;gap:.8rem;font:500 clamp(.76rem,1.3vw,1.05rem) var(--display);letter-spacing:-.04em}.service-ribbon div span{font:500 .55rem var(--sans);letter-spacing:.1em;opacity:.65}.service-ribbon i{width:1px;height:32px;background:rgba(32,33,31,.25)}
.section-pad{padding-inline:var(--gutter)}.eyebrow{margin:0 0 1.5rem;color:var(--muted)}.design{min-height:760px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,9rem);align-items:center;padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(6rem,10vw,9rem)}.design-copy{max-width:520px}.design h2,.projects h2,.process h2,.about h2{margin:0;font:500 clamp(3.7rem,6.5vw,6.7rem)/.98 var(--display);letter-spacing:-.085em}.design h2 em,.projects h2 em,.process h2 em,.about h2 em{color:#bf7134}.design-intro{max-width:420px;margin:1.7rem 0 1.7rem;color:#696962;font-size:.87rem;line-height:1.9}.under-link{display:inline-flex;align-items:center;gap:1.2rem;border-bottom:1px solid rgba(32,33,31,.35);padding:.5rem 0;font-size:.69rem}.under-link span{color:#ba6b2f;font-size:.95rem}.design-visual{min-height:590px;position:relative}.design-photo{position:absolute;margin:0;overflow:hidden;background:var(--stone)}.design-photo img{width:100%;height:100%;object-fit:cover}.design-photo-main{inset:0 13% 0 7%}.design-photo-main img{object-position:center 45%}.design-photo-main figcaption{position:absolute;bottom:1rem;left:1rem;background:rgba(255,255,255,.88);padding:.45rem .65rem;font-size:.58rem;letter-spacing:.04em}.design-photo-detail{width:33%;height:42%;right:0;bottom:2.5rem;border:7px solid var(--paper);box-shadow:0 20px 60px rgba(0,0,0,.14)}.design-stamp{position:absolute;top:1.2rem;right:4%;width:103px;height:103px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--black);box-shadow:0 8px 28px rgba(0,0,0,.12)}.design-stamp span{font:600 2.2rem/.9 var(--display);letter-spacing:-.1em}.design-stamp small{margin-top:.35rem;text-align:center;font-size:.45rem;line-height:1.2;letter-spacing:.08em}.design-coordinate{position:absolute;left:0;bottom:-1.6rem;color:var(--muted);font-size:.54rem;letter-spacing:.15em}
.statement{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--black);color:#fff}.statement-image{min-height:620px;overflow:hidden}.statement-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.8)}.statement-copy{align-self:center;padding:5rem clamp(2rem,7vw,8rem)}.eyebrow-light{color:#c8c7c1}.statement h2,.contact h2{margin:0;font:500 clamp(3.3rem,5.9vw,6rem)/.98 var(--display);letter-spacing:-.085em}.statement h2 em,.contact h2 em{color:var(--orange)}.statement-copy>p:not(.eyebrow){max-width:400px;color:#c1c0bb;font-size:.82rem;line-height:1.9;margin:1.4rem 0}.under-link-light{color:#fff;border-color:rgba(255,255,255,.4)}.under-link-light span{color:var(--orange)}
.projects{padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(5rem,8vw,7rem)}.projects-head{display:flex;justify-content:space-between;align-items:end;gap:2rem}.projects-head .eyebrow{margin-bottom:1rem}.projects h2{font-size:clamp(3.5rem,6.1vw,6.3rem)}.projects-aside{max-width:280px;padding-bottom:.4rem}.projects-aside p{margin:0 0 1rem;color:var(--muted);font-size:.76rem;line-height:1.8}.gallery-toolbar{margin-top:3.3rem;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-toolbar>p{margin:0;color:var(--muted);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.gallery-toolbar>p span{color:var(--ink);font-weight:600}.project-filters{display:flex;gap:.35rem;flex-wrap:wrap}.project-filters button{border:0;border-bottom:1px solid transparent;padding:.45rem .55rem;background:transparent;color:var(--muted);font-size:.65rem;cursor:pointer}.project-filters button:hover,.project-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--orange)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3.6rem 1.3rem;align-items:start;padding-top:2rem}.project-card{margin:0;min-width:0;cursor:default}.project-card:nth-child(6n+1){grid-column:1/span 7}.project-card:nth-child(6n+2){grid-column:9/span 4;margin-top:5rem}.project-card:nth-child(6n+3){grid-column:2/span 5;margin-top:0}.project-card:nth-child(6n+4){grid-column:8/span 5;margin-top:4rem}.project-card:nth-child(6n+5){grid-column:1/span 5;margin-top:1rem}.project-card:nth-child(6n){grid-column:7/span 6;margin-top:-2rem}.project-open{display:block;width:100%;height:auto;aspect-ratio:4/4.8;padding:0;border:0;background:var(--stone);overflow:hidden;cursor:zoom-in;text-align:left}.project-card:nth-child(6n+1) .project-open,.project-card:nth-child(6n+4) .project-open{aspect-ratio:1.24/1}.project-card:nth-child(6n+2) .project-open{aspect-ratio:.8/1}.project-open img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.9)}.project-open:hover img{transform:scale(1.035)}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 0 .5rem;border-bottom:1px solid var(--line)}.project-meta h3{margin:0;font:500 .92rem var(--display);letter-spacing:-.035em}.project-meta span{color:var(--muted);font-size:.6rem;white-space:nowrap}.project-source{display:inline-flex;margin-top:.5rem;color:var(--muted);font-size:.58rem}.project-source:hover{color:#a85b20}.project-source span{margin-left:.3rem;color:#ba6b2f}.gallery-caption{margin:1.3rem 0 0;color:var(--muted);font-size:.61rem;text-align:right}
.process{padding-top:clamp(5rem,8vw,7rem);padding-bottom:clamp(5rem,8vw,7rem);background:#e9e5de}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.process-heading .eyebrow{margin-bottom:1rem}.process h2{font-size:clamp(3.4rem,5.8vw,5.7rem)}.process-heading>p{max-width:320px;margin:0 0 .5rem;color:var(--muted);font-size:.8rem;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.7rem;margin-top:4.5rem}.process-step{max-width:260px}.step-number{color:#b96b31;font-size:.61rem;letter-spacing:.14em}.step-line{height:1px;width:100%;margin:1rem 0 1.4rem;background:rgba(32,33,31,.2);position:relative}.step-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.process-step h3{margin:0 0 .55rem;font:500 1.02rem var(--display);letter-spacing:-.04em}.process-step p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.8}
.image-break{height:min(72vw,650px);min-height:370px;position:relative;overflow:hidden;background:var(--black)}.image-break img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.78) saturate(.85)}.image-break>div{position:absolute;bottom:1.3rem;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#fff;font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,10vw,11rem);align-items:center;padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(6rem,10vw,9rem)}.about-mark{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem 0}.about-mark img{width:min(190px,60%);aspect-ratio:1;object-fit:cover;border-radius:50%;background:#fff}.about-mark span{color:var(--muted);font-size:.58rem;line-height:1.5;letter-spacing:.15em}.about-copy{max-width:660px}.about h2{margin-bottom:1.5rem}.about-copy>p:not(.eyebrow):not(.about-signature){max-width:570px;color:var(--muted);font-size:.82rem;line-height:1.9}.about-signature{margin:2rem 0 0;font:500 .92rem var(--display)}.about-signature span{display:block;margin-top:.3rem;color:var(--muted);font:.64rem var(--sans)}
.contact{min-height:650px;position:relative;display:flex;align-items:center;background:var(--black);color:#fff;isolation:isolate;overflow:hidden}.contact-photo{position:absolute;z-index:-1;inset:0 0 0 42%;overflow:hidden}.contact-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.47) saturate(.72)}.contact-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--black),rgba(23,24,23,.14) 70%)}.contact-inner{padding:5rem var(--gutter);max-width:820px}.contact-inner .eyebrow{margin-bottom:1.5rem}.contact h2{font-size:clamp(3.8rem,7vw,7.1rem)}.contact-inner>p:not(.eyebrow){max-width:420px;margin:1.3rem 0 1.6rem;color:#d1d0ca;font-size:.82rem;line-height:1.8}.contact-secondary{display:block;width:max-content;margin-top:1rem;color:#d5d2ca;font-size:.65rem;letter-spacing:.06em}.contact-secondary:hover{color:var(--orange)}
.site-footer{min-height:160px;padding:1.4rem var(--gutter);display:grid;grid-template-columns:1fr 1.2fr 1fr auto;align-items:center;gap:1rem;background:#101110;color:#fff}.footer-brand .brand-logo{width:38px;height:38px}.footer-brand .brand-name{font-size:1.05rem}.site-footer p{margin:0;color:#b8b8b2;font-size:.62rem;line-height:1.7}.footer-instagram{justify-self:center;font-size:.66rem}.footer-instagram span{color:var(--orange);margin-left:.45rem}.site-footer small{color:#969690;font-size:.58rem}
.lightbox{width:min(92vw,1050px);max-width:none;max-height:94vh;padding:3.5rem 1rem 1.2rem;border:0;background:#151615;color:#fff}.lightbox::backdrop{background:rgba(10,10,10,.9)}.lightbox>img{display:block;max-height:76vh;max-width:100%;margin:0 auto;object-fit:contain}.lightbox-close{position:absolute;top:1rem;right:1rem;border:0;background:transparent;color:#fff;font-size:.68rem;cursor:pointer}.lightbox-close span{margin-left:.6rem;font-size:1.3rem}.lightbox-caption{display:flex;justify-content:space-between;gap:1rem;margin:1rem auto 0;max-width:820px;font-size:.7rem}.lightbox-caption a{color:var(--orange)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.main-nav{gap:1rem}.main-nav a{font-size:.65rem}.design{gap:3rem}.design-visual{min-height:500px}.statement-copy{padding:4rem}.project-card:nth-child(n){margin-top:0}.project-card:nth-child(6n+1){grid-column:1/span 7}.project-card:nth-child(6n+2){grid-column:9/span 4;margin-top:3rem}.project-card:nth-child(6n+3){grid-column:1/span 5}.project-card:nth-child(6n+4){grid-column:7/span 6;margin-top:2rem}.project-card:nth-child(6n+5){grid-column:2/span 5}.project-card:nth-child(6n){grid-column:8/span 5;margin-top:2rem}}
@media(max-width:700px){.site-header{height:74px}.brand-logo{width:40px;height:40px}.menu-toggle{display:flex;position:relative;z-index:12;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;inset:73px 0 auto;padding:1rem var(--gutter) 2rem;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.main-nav .nav-cta{border:0}.hero{height:calc(100svh - 74px);min-height:680px}.hero-images{display:block}.hero-images figure{display:none}.hero-images figure:first-child{display:block;position:absolute;inset:0}.hero-images figure:first-child img{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(15,16,15,.74),rgba(15,16,15,.22)),linear-gradient(0deg,rgba(15,16,15,.5),transparent 45%)}.hero-content{top:45%;left:var(--gutter);right:var(--gutter);transform:translateY(-35%)}.hero-kicker{font-size:.53rem;letter-spacing:.09em}.hero h1{font-size:clamp(3.6rem,14vw,6.1rem)}.hero-lead{font-size:.8rem;max-width:320px}.hero-actions{gap:1rem}.hero-foot{bottom:1rem;flex-wrap:wrap;gap:.45rem;font-size:.48rem}.hero-foot span:last-child{display:none}.hero-vertical{right:.65rem;font-size:.48rem}.service-ribbon{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 var(--gutter)}.service-ribbon div{min-height:66px;font-size:.77rem}.service-ribbon i{display:none}.service-ribbon div:nth-of-type(odd){border-right:1px solid rgba(32,33,31,.22)}.service-ribbon div:nth-of-type(n+3){border-top:1px solid rgba(32,33,31,.22)}.service-ribbon div:nth-of-type(even){padding-left:1rem}.service-ribbon div span{font-size:.5rem}.design{min-height:0;grid-template-columns:1fr;gap:2rem;padding-top:5rem;padding-bottom:5.8rem}.design h2,.projects h2{font-size:clamp(3.5rem,13vw,5.4rem)}.design-intro{font-size:.8rem}.design-visual{min-height:100vw;max-height:540px}.design-photo-main{inset:0 11% 0 3%}.design-photo-detail{width:36%;height:38%;right:0;bottom:1rem;border-width:5px}.design-stamp{width:80px;height:80px;right:1%;top:1rem}.design-stamp span{font-size:1.8rem}.design-stamp small{font-size:.39rem}.design-coordinate{bottom:-1.4rem;font-size:.47rem}.statement{grid-template-columns:1fr}.statement-image{min-height:100vw;max-height:490px}.statement-copy{padding:3.5rem var(--gutter) 4rem}.statement h2,.contact h2{font-size:clamp(3.2rem,12vw,5rem)}.statement-copy>p:not(.eyebrow){font-size:.78rem}.projects{padding-top:5rem;padding-bottom:4.5rem}.projects-head{display:block}.projects-aside{margin-top:1.4rem;max-width:360px}.projects-aside p{font-size:.72rem}.gallery-toolbar{margin-top:2rem;display:block}.gallery-toolbar>p{margin-bottom:.7rem}.project-filters{gap:.2rem}.project-filters button{padding:.35rem .45rem;font-size:.59rem}.project-grid{grid-template-columns:1fr 1fr;gap:2rem .75rem;padding-top:1.2rem}.project-card:nth-child(n){grid-column:auto;margin:0}.project-card:nth-child(3n+1){grid-column:1/-1}.project-card .project-open,.project-card:nth-child(n) .project-open{aspect-ratio:.78/1}.project-card:nth-child(3n+1) .project-open{aspect-ratio:1.08/1}.project-meta{display:block;padding:.55rem 0 .4rem}.project-meta h3{font-size:.76rem}.project-meta span{display:block;margin-top:.2rem;font-size:.55rem}.project-source{font-size:.52rem}.gallery-caption{text-align:left;line-height:1.6;font-size:.57rem}.process{padding-top:4.5rem;padding-bottom:4.5rem}.process-heading{display:block}.process h2{font-size:clamp(3.3rem,12vw,5rem)}.process-heading>p{margin-top:1rem;font-size:.75rem}.process-grid{grid-template-columns:1fr 1fr;gap:2rem 1rem;margin-top:3rem}.process-step{max-width:100%}.process-step h3{font-size:.9rem}.process-step p{font-size:.66rem}.step-line{margin:.7rem 0 1rem}.image-break{height:110vw;min-height:380px;max-height:560px}.image-break>div{bottom:.9rem;font-size:.47rem;letter-spacing:.04em}.image-break>div span:last-child{text-align:right}.about{grid-template-columns:1fr;gap:2rem;padding-top:4.5rem;padding-bottom:4.5rem}.about-mark{min-height:0;flex-direction:row;align-items:center;padding:0}.about-mark img{width:100px}.about-mark span{text-align:right;font-size:.52rem}.about h2{font-size:clamp(3.3rem,12vw,5rem)}.about-copy>p:not(.eyebrow):not(.about-signature){font-size:.76rem}.contact{min-height:630px;align-items:end}.contact-photo{inset:0}.contact-photo img{object-position:center}.contact-photo:after{background:linear-gradient(0deg,rgba(23,24,23,.98),rgba(23,24,23,.18) 85%)}.contact-inner{padding:4rem var(--gutter)}.contact h2{font-size:clamp(3.6rem,13vw,5.6rem)}.contact-inner>p:not(.eyebrow){font-size:.77rem}.site-footer{min-height:0;grid-template-columns:1fr 1fr;padding-block:1.5rem;gap:1.2rem}.footer-brand .brand-logo{width:34px;height:34px}.footer-brand .brand-name{font-size:.95rem}.site-footer p{font-size:.55rem}.footer-instagram{justify-self:start;font-size:.6rem}.site-footer small{justify-self:end;font-size:.52rem}.lightbox{width:100vw;max-height:100dvh;min-height:100dvh;padding:4rem .8rem 1rem}.lightbox>img{max-height:76dvh}.lightbox-caption{flex-direction:column;gap:.5rem;font-size:.65rem}}


/* Fine image sizing and stronger brand scale */
.brand-name{font-size:clamp(1.5rem,2vw,1.9rem)}
.hero{height:min(720px,calc(100svh - 88px));min-height:640px}
.hero-images{left:50%;right:auto;width:min(100%,1080px);transform:translateX(-50%)}
.hero-images img{image-rendering:auto}
.design-photo-main{left:50%;right:auto;width:min(360px,82%);transform:translateX(-50%)}
.statement{grid-template-columns:minmax(300px,360px) 1fr}
.statement-image{width:360px;height:640px;min-height:0;max-width:100%}
.statement-image img{width:100%;height:100%;object-fit:cover}
.about-mark img{width:150px;height:150px}
.projects{max-width:1300px;margin-inline:auto}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 1.25rem}
.project-card:nth-child(n){grid-column:auto;margin-top:0}
.project-open,.project-card:nth-child(n) .project-open{aspect-ratio:9/16}
.image-break{height:640px;min-height:0;max-height:none;position:relative}
.image-break>.image-break-grid{position:relative;inset:auto;width:min(100%,1440px);height:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.image-break-grid figure{position:relative;overflow:hidden;margin:0;min-width:0}
.image-break-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(16,17,16,.34))}
.image-break-grid img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94) saturate(.86)}
.image-break-grid figcaption{position:absolute;z-index:1;bottom:1rem;left:1rem;color:#fff;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}
.image-break-caption{position:absolute!important;z-index:2;inset:auto var(--gutter) 1.1rem!important;display:flex!important;justify-content:space-between;color:#fff;font-size:.55rem!important;letter-spacing:.08em;text-transform:uppercase}
.contact-photo{inset:0 0 0 auto;width:360px;max-width:43%}
.contact-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:980px){
  .statement{grid-template-columns:minmax(260px,360px) 1fr}
  .statement-copy{padding:3rem}
  .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem .9rem}
  .project-card:nth-child(n){grid-column:auto;margin:0}
  .image-break{height:640px}
}
@media(max-width:700px){
  .brand-name{font-size:1.48rem}
  .brand-logo{width:44px;height:44px}
  .hero{height:calc(100svh - 74px);min-height:620px}
  .hero-images{left:0;right:0;width:100%;transform:none}
  .hero-images figure:first-child img{object-position:center 45%}
  .design-photo-main{left:50%;right:auto;width:min(360px,88%);transform:translateX(-50%)}
  .statement{grid-template-columns:1fr}
  .statement-image{width:min(360px,100%);height:auto;aspect-ratio:9/16;justify-self:center}
  .statement-image img{height:100%}
  .statement-copy{padding:3.5rem var(--gutter) 4rem}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem .75rem}
  .project-card:nth-child(n){grid-column:auto;margin:0}
  .project-card:nth-child(3n+1){grid-column:auto}
  .project-open,.project-card:nth-child(n) .project-open{aspect-ratio:9/16}
  .image-break{height:640px}
  .image-break>.image-break-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}
  .image-break-caption{inset:auto var(--gutter) .75rem!important;font-size:.48rem!important;gap:.5rem}
  .image-break-grid figcaption{left:.65rem;bottom:.65rem;font-size:.48rem}
  .contact-photo{inset:0 0 0 auto;width:min(360px,100%);max-width:100%;height:100%}
  .contact-photo:after{background:linear-gradient(0deg,rgba(23,24,23,.96),rgba(23,24,23,.16) 85%)}
}

/* Refined wordmark, Pinterest inspiration and direct contact actions */
.site-header{height:100px}
.brand{gap:1rem}
.brand-logo{width:58px;height:58px}
.brand-name{font-family:var(--brand);font-weight:700;font-size:clamp(2rem,2.6vw,2.55rem);letter-spacing:-.08em}
.hero h1 em,.statement h2 em,.contact h2 em{color:#d4b77f}
.design h2 em,.projects h2 em,.process h2 em,.about h2 em,.inspiration-heading h2 em{color:#9d7851}
.button-accent{background:#c5a271;border-color:#c5a271}
.button-accent:hover{background:#d0b17f}
.main-nav{gap:clamp(1rem,2vw,2.2rem)}
.main-nav a{font-size:.72rem}
.nav-cta{padding:.72rem 1rem}
.inspiration{padding-top:clamp(5rem,9vw,8rem);padding-bottom:clamp(5rem,9vw,8rem);background:#e9e5de}
.inspiration-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}
.inspiration-heading .eyebrow{margin-bottom:1rem}
.inspiration-heading h2{margin:0;font:500 clamp(3.7rem,6.4vw,6.5rem)/.96 var(--display);letter-spacing:-.085em}
.inspiration-heading h2 em{font-style:normal;color:#a95d2c}
.inspiration-intro{max-width:395px;padding-bottom:.45rem}
.inspiration-intro p{margin:0 0 .75rem;color:#5e5d57;font-size:.8rem;line-height:1.85}
.inspiration-intro span{color:#8e6a4e;font-size:.58rem;letter-spacing:.04em}
.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start}
.inspiration-card{min-width:0;padding:.85rem;background:#f7f5f1;border:1px solid rgba(32,33,31,.12);box-shadow:0 14px 34px rgba(36,31,25,.045)}
.inspiration-card-top{min-height:34px;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;color:#726d64;font-size:.48rem;line-height:1.4;letter-spacing:.1em}
.inspiration-card-top span:last-child{text-align:right;color:#9b7457}
.pin-embed{display:block;width:100%;min-height:300px;padding:1rem .2rem;color:#76583f;font-size:.7rem;text-align:center;text-decoration:underline;text-underline-offset:3px}
.pin-visual-fallback{position:relative;display:block;width:100%;height:300px;overflow:hidden;background:#201d19;color:#fff;text-decoration:none}
.pin-visual-fallback img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:brightness(.82);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.pin-visual-fallback:hover img{transform:scale(1.035);filter:brightness(.94)}
.pin-fallback-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:2.4rem .8rem .75rem;background:linear-gradient(transparent,rgba(0,0,0,.76));color:#fff;font-size:.56rem;letter-spacing:.11em;text-transform:uppercase}
.inspiration-card iframe{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important}
.inspiration-card-foot{padding:.8rem .15rem .2rem;border-top:1px solid rgba(32,33,31,.13)}
.inspiration-card-foot h3{margin:0 0 .45rem;font:500 .82rem/1.4 var(--display);letter-spacing:-.025em}
.inspiration-card-foot a{color:#79624d;font-size:.57rem}
.inspiration-card-foot a span{margin-left:.35rem;color:#b86d37}
.contact-inner{width:min(100%,1060px)}
.contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.8rem}
.contact-channel{min-height:92px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:.35rem;padding:.85rem 2rem .85rem .9rem;border:1px solid rgba(255,255,255,.33);background:rgba(15,16,15,.48);transition:background .2s,border-color .2s,transform .2s}
.contact-channel:hover{transform:translateY(-2px);background:rgba(15,16,15,.78);border-color:var(--orange)}
.contact-channel-primary{background:rgba(228,150,69,.95);border-color:var(--orange);color:#171817}
.contact-channel-primary:hover{background:#f2aa63}
.contact-channel span{font-size:.48rem;letter-spacing:.13em;opacity:.75}
.contact-channel strong{font:500 .74rem var(--display);letter-spacing:-.015em;white-space:nowrap}
.contact-channel b{position:absolute;right:.75rem;top:.75rem;color:var(--orange);font-size:.8rem;font-weight:400}
.contact-channel-primary b{color:#171817}
.footer-brand .brand-name{font-size:1.25rem}
.footer-links{display:flex;justify-self:center;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-links a{color:#e5e2db;font-size:.59rem}
.footer-links a:hover{color:var(--orange)}
.footer-links span{margin-left:.25rem;color:var(--orange)}
@media(max-width:1080px){
  .site-header{padding-inline:clamp(1.2rem,4vw,3rem)}
  .brand-logo{width:52px;height:52px}
  .brand-name{font-size:2rem}
  .main-nav{gap:.9rem}
  .main-nav a{font-size:.64rem}
  .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .pin-embed{min-height:360px}
  .pin-visual-fallback{height:360px}
  .site-footer{grid-template-columns:1fr 1fr;}
  .footer-links{justify-self:start}
}
@media(max-width:700px){
  .site-header{height:78px;padding-inline:var(--gutter)}
  .brand{gap:.7rem}
  .brand-logo{width:46px;height:46px}
  .brand-name{font-size:1.78rem;letter-spacing:-.075em}
  .footer-brand .brand-name{font-size:1.05rem}
  .main-nav{inset:77px 0 auto}
  .hero{height:calc(100svh - 78px)}
  .inspiration{padding-top:4.5rem;padding-bottom:4.5rem}
  .inspiration-heading{display:block;margin-bottom:2rem}
  .inspiration-heading h2{font-size:clamp(3.6rem,13vw,5.2rem)}
  .inspiration-intro{margin-top:1.2rem}
  .inspiration-intro p{font-size:.76rem}
  .inspiration-grid{grid-template-columns:1fr;gap:1rem}
  .inspiration-card{padding:.75rem}
  .pin-embed{min-height:320px}
  .pin-visual-fallback{height:min(105vw,420px);min-height:320px}
  .contact-channels{grid-template-columns:1fr;gap:.55rem;margin-top:1.3rem}
  .contact-channel{min-height:74px}
  .site-footer{grid-template-columns:1fr 1fr}
  .footer-links{grid-column:1/-1;gap:.8rem}
}

/* Black and antique-gold contact identity */
:root{--orange:#c5a56b;--gold:#c5a56b;--black:#111211}
.site-topbar{min-height:42px;background:#0b0c0b;color:#e9e5dc;border-bottom:1px solid rgba(197,165,107,.55);font-size:.59rem;letter-spacing:.02em}
.site-topbar-inner{width:min(100%,1600px);min-height:42px;margin:0 auto;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.topbar-contact,.topbar-social{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem)}
.topbar-contact a,.topbar-social a{white-space:nowrap;color:#e9e5dc;transition:color .2s}
.topbar-contact a:hover,.topbar-social a:hover{color:#d6bc83}
.topbar-icon,.topbar-social span{color:#d4b77f;margin-right:.25rem}
.site-header{height:100px;background:#171817;color:#f4f0e8;border-bottom-color:rgba(197,165,107,.38)}
.brand-name{color:#f1ebdf}
.main-nav{color:#e7e2d9}
.main-nav a:hover{color:#d5b87d}
.nav-cta{border-color:#b89a62;color:#e9dfca}
.nav-cta:hover{background:#c5a56b;color:#171817}
.menu-toggle span{background:#f1ebdf}
.service-ribbon{background:#121312;color:#e8e2d7;border-block:1px solid rgba(197,165,107,.42)}
.service-ribbon div span{color:#d4b77f;opacity:1}
.service-ribbon i{background:rgba(197,165,107,.45)}
.hero{height:min(760px,calc(100svh - 142px))}
.hero-images{left:0;right:0;width:100%;transform:none;display:block}
.hero-images figure{position:absolute;inset:0;display:block}
.hero-images img{object-position:center 53%;filter:saturate(.78)}
.hero-shade{background:linear-gradient(90deg,rgba(9,10,9,.82),rgba(11,12,11,.57) 42%,rgba(11,12,11,.12) 100%),linear-gradient(0deg,rgba(9,10,9,.62),transparent 38%)}
.hero h1 em{color:#ddc488}
.design-stamp{background:#c5a56b}
.contact-channel-primary{background:rgba(197,165,107,.98);border-color:#d2b87f;color:#171817}
.contact-channel-primary:hover{background:#d7bb7c}
.contact{min-height:900px}
.contact-photo{width:420px;max-width:39%}
.contact-emails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.7rem}
.contact-emails a{display:flex;flex-direction:column;gap:.2rem;padding:.72rem .9rem;border:1px solid rgba(197,165,107,.38);background:rgba(12,13,12,.63)}
.contact-emails span,.contact-locations article>span{color:#d2b77b;font-size:.48rem;letter-spacing:.14em}
.contact-emails strong{color:#f1ede4;font:500 .68rem var(--sans);overflow-wrap:anywhere}
.contact-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.7rem}
.contact-locations article{min-height:142px;padding:.8rem .9rem;border:1px solid rgba(197,165,107,.36);background:rgba(12,13,12,.64)}
.contact-locations p{margin:.42rem 0 .65rem;color:#e5e0d6;font-size:.6rem;line-height:1.65}
.contact-locations a{color:#d4b77f;font-size:.56rem}
.contact-locations a:hover{color:#f1dcaa}
.contact-locations a b{margin-left:.25rem;font-weight:400}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.8rem 0 1.4rem;padding-top:1rem;border-top:1px solid rgba(32,33,31,.18)}
.about-values span{position:relative;padding-left:.85rem;color:#7d6748;font-size:.61rem;line-height:1.5}
.about-values span:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:#bd9e66;border-radius:50%}
.site-footer{border-top:1px solid rgba(197,165,107,.35)}
.site-footer .brand-name{color:#f1ebdf}
@media(max-width:1080px){
  .site-topbar-inner{padding-inline:clamp(1.2rem,4vw,3rem)}
  .topbar-contact,.topbar-social{gap:.8rem}
  .contact{min-height:960px}
  .contact-photo{width:340px;max-width:34%}
}
@media(max-width:700px){
  .site-topbar{font-size:.54rem}
  .site-topbar-inner{display:grid;gap:.35rem;padding:.5rem var(--gutter)}
  .topbar-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .6rem}
  .topbar-contact a{overflow-wrap:anywhere;white-space:normal}
  .topbar-social{justify-content:center;gap:1.4rem;padding-top:.3rem;border-top:1px solid rgba(197,165,107,.22)}
  .site-header{height:78px}
  .main-nav{inset:77px 0 auto;background:#171817;color:#f3eee5;border-bottom:1px solid rgba(197,165,107,.5)}
  .main-nav a{color:#f3eee5;border-bottom-color:rgba(197,165,107,.2)}
  .main-nav .nav-cta{color:#d8bd83}
  .hero{height:calc(100svh - 160px);min-height:560px}
  .hero-images figure:first-child{display:block}
  .hero-images figure:first-child img{object-position:62% center}
  .hero-shade{background:linear-gradient(90deg,rgba(9,10,9,.78),rgba(9,10,9,.3)),linear-gradient(0deg,rgba(9,10,9,.58),transparent 48%)}
  .service-ribbon{background:#121312;color:#e8e2d7}
  .contact{min-height:0;padding-top:11rem;align-items:end}
  .contact-photo{inset:0;width:100%;max-width:100%;height:100%}
  .contact-photo img{object-position:62% center}
  .contact-inner{padding:3.5rem var(--gutter) 3rem}
  .contact-channels{grid-template-columns:1fr}
  .contact-emails,.contact-locations{grid-template-columns:1fr}
  .contact-locations article{min-height:0}
  .contact-locations p{font-size:.66rem}
  .about-values{grid-template-columns:1fr;gap:.45rem}
  .site-footer{border-top:1px solid rgba(197,165,107,.35)}
}
@media(min-width:701px) and (max-width:860px){
  .site-header{height:86px}
  .brand-logo{width:50px;height:50px}
  .brand-name{font-size:1.9rem}
  .menu-toggle{display:flex;position:relative;z-index:12;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:1px;background:#f1ebdf;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .main-nav{display:none;position:absolute;inset:85px 0 auto;padding:1rem var(--gutter) 2rem;background:#171817;color:#f3eee5;border-bottom:1px solid rgba(197,165,107,.5);flex-direction:column;align-items:stretch;gap:0}
  .main-nav.is-open{display:flex}
  .main-nav a{padding:1rem 0;color:#f3eee5;border-bottom:1px solid rgba(197,165,107,.2);font-size:.9rem}
  .main-nav .nav-cta{border:0;color:#d8bd83}
}
.projects{max-width:none;margin:0;background:#111211;color:#f2eee5}
.projects .eyebrow,.projects-aside p,.gallery-toolbar>p,.project-meta span,.project-source,.gallery-caption{color:#c4bba9}
.projects .eyebrow-rule{background:#c5a56b}
.gallery-toolbar,.project-meta{border-color:rgba(197,165,107,.36)}
.gallery-toolbar>p span,.project-meta h3{color:#f1ebdf}
.project-filters button{color:#c4bba9}
.project-filters button:hover,.project-filters button[aria-pressed=true]{color:#e4c986;border-color:#c5a56b}
.project-source:hover,.project-source span{color:#d1b573}
.about{background:#171817;color:#f3eee5}
.about .eyebrow,.about-mark span{color:#c5b99e}
.about h2 em{color:#d6bc7f}
.about-copy>p:not(.eyebrow):not(.about-signature){color:#c7c1b6}
.about-values{border-color:rgba(197,165,107,.42)}
.about-values span{color:#d6c395}
.about-signature{color:#f1ebdf}
.about-signature span{color:#cfb77e}