/* Compact top image: approximately half the previous display height. */
.hero{height:auto;min-height:400px;max-height:none;display:grid;grid-template-columns:43% 57%;align-items:center;padding:35px 4% 55px;gap:20px}
.hero-type{font-size:clamp(70px,12vw,170px);top:10px;opacity:.65}
.hero-copy{padding:0 0 0 4%;width:auto}
.hero-copy .eyebrow{font-size:13px}
.hero-copy h1{font-size:clamp(28px,3.1vw,46px);margin:18px 0 12px}
.hero-copy h1:after{margin-top:12px;height:4px;width:65px}
.hero-copy p{font-size:18px;margin:10px 0}
.hero-copy p br{display:none}
.hero-copy .primary{padding:12px 20px;margin-top:16px;min-width:220px}
.photo-stage{position:relative;inset:auto;width:100%;height:clamp(270px,27vw,380px);margin:0;clip-path:none;border-radius:3px}
.photo-stage .slide{object-position:center 60%}
.photo-label{left:20px;bottom:65px;right:15px}
.photo-label strong{font-size:19px;margin-top:4px}
.photo-label span{font-size:12px;letter-spacing:0}
.slide-controls{left:20px;bottom:14px;gap:8px}
.slide-controls button{height:34px;width:38px}
.hero-bottom{left:6%;bottom:15px}
@media(max-width:800px){.hero{display:block;min-height:0;padding:35px 6% 40px}.hero-copy{padding:0}.hero-copy h1{font-size:34px}.hero-copy h1 span{font-size:24px}.photo-stage{height:180px;margin-top:24px}.photo-label{bottom:55px;left:14px}.photo-label strong{font-size:17px}.photo-label span{font-size:11px}.slide-controls{left:14px;bottom:10px}.hero-bottom{bottom:10px}.hero-type{font-size:20vw}}

.renovation-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.renovation-backdrop img{width:65%;height:100%;object-fit:cover;object-position:center 45%;opacity:.48}.renovation-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.6) 34%,rgba(241,242,244,.95) 62%)}.photo-stage{z-index:1}.hero-bottom{z-index:2}@media(max-width:800px){.renovation-backdrop img{width:100%}.renovation-backdrop:after{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.72) 55%,#f1f2f4)}}

/* Full-height opening composition. */
.hero{min-height:calc(100svh - 125px);padding:60px 4% 65px;grid-template-columns:40% 60%;gap:0}.photo-stage{height:calc(100svh - 250px);min-height:460px}.hero-copy{padding-right:24px}.hero-copy h1{font-size:clamp(32px,3.5vw,56px)}.renovation-backdrop img{width:100%}.renovation-backdrop:after{background:linear-gradient(90deg,rgba(255,255,255,.83),rgba(255,255,255,.58) 38%,rgba(241,242,244,.2))}@media(max-width:800px){.hero{min-height:calc(100svh - 150px);padding:40px 6% 45px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.hero-copy{padding:0}.hero-copy h1{font-size:34px}.photo-stage{height:42svh;min-height:280px;margin-top:28px;flex-shrink:0}.hero-copy .primary{margin-top:12px}}


.renovation-backdrop img{opacity:.85;object-position:center 55%}.renovation-backdrop:after{background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.63) 31%,rgba(241,242,244,.12) 65%)}@media(max-width:800px){.renovation-backdrop:after{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.65) 60%,rgba(241,242,244,.3))}.hero-bottom{font-size:9px;letter-spacing:0}}


.renovation-backdrop img{opacity:1}.renovation-backdrop:after{display:none}.hero-copy{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-copy .eyebrow,.hero-copy p,.hero-copy .hero-location{color:#fff}.hero-copy .primary{text-shadow:none}.hero-bottom{color:white;text-shadow:0 1px 4px #000}


/* Smaller inset slideshow within the full-height opening. */
.photo-stage{width:80%;height:calc((100svh - 250px)*.75);min-height:320px;justify-self:end;align-self:center}@media(max-width:800px){.photo-stage{width:88%;height:32svh;min-height:220px;align-self:flex-end}}


/* Architectural collage in red, white and silver. */
.hero{background:linear-gradient(125deg,#fafafa 0%,#e0e2e5 42%,#fafafa 56%,#c4c7cd 100%)}.renovation-backdrop{inset:0 25% 0 0;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}.renovation-backdrop img{object-position:45% center}.hero:after{content:"";position:absolute;width:18px;height:140%;background:#d4122d;left:64%;top:-20%;transform:rotate(15deg);z-index:1;pointer-events:none}.hero-copy{padding:32px 28px 36px 4%;align-self:center;background:linear-gradient(90deg,rgba(16,19,24,.78),rgba(16,19,24,.42) 80%,transparent);border-left:5px solid #d4122d}.hero-copy .eyebrow{letter-spacing:.14em}.hero-copy h1{font-size:clamp(32px,3.5vw,56px);letter-spacing:-.05em}.photo-stage{width:90%;height:calc((100svh - 250px)*.75);min-height:320px;transform:translateY(35px);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);border-radius:0;box-shadow:none;z-index:2}.photo-label,.slide-controls{left:15%}.hero-bottom{color:#fff;font-size:10px}.hero-bottom a{color:#26292d;text-shadow:none}.hero:before{content:"SPACE / RE:CREATE";position:absolute;right:4%;top:28px;font:800 clamp(18px,3.3vw,50px)/1 Arial,sans-serif;letter-spacing:-.05em;color:#34373e;z-index:1;max-width:32%}@media(max-width:800px){.hero{padding:55px 6% 45px}.hero:before{font-size:18px;top:20px;right:6%;max-width:none}.renovation-backdrop{inset:0;clip-path:polygon(0 0,100% 0,100% 65%,0 90%)}.hero:after{left:85%;width:9px}.hero-copy{padding:22px 16px;width:100%;z-index:2}.hero-copy h1{font-size:32px}.photo-stage{width:90%;height:30svh;min-height:220px;transform:none;margin-top:25px}.hero-bottom{font-size:8px}}


/* Fill slide 04 edge to edge. */
.photo-stage .slide:nth-child(4){object-fit:cover;object-position:center;transform:none}



/* Crop the white side margins included in the kitchen source image. */
.photo-stage .slide:nth-child(4){object-fit:cover;object-position:center;transform:scale(1.30);transform-origin:center}


/* Subtle plaster-wall texture below the hero. */
main{background-color:#f4f2ef;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27240%27 height=%27240%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.045 .18%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3CfeGaussianBlur stdDeviation=%27.55%27/%3E%3C/filter%3E%3Cpath fill=%27%23948c82%27 opacity=%27.09%27 filter=%27url(%23n)%27 d=%27M0 0h240v240H0z%27/%3E%3C/svg%3E"),linear-gradient(115deg,#f7f5f1,#eceae6 52%,#faf9f6)}main>.section{background:transparent}main>.light{background:rgba(223,221,216,.22);border-top:1px solid rgba(160,154,143,.12);border-bottom:1px solid rgba(160,154,143,.12)}.card{background:rgba(255,255,255,.83)}.channel{background:rgba(255,255,255,.62)}


main{background:#f6f4ef}main>.material{position:relative;isolation:isolate;overflow:hidden;background:#f8f6f1}.material-surface{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.material:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(255,255,255,.72)}.material.ivory:after{background:rgba(255,255,255,.64)}main>.silver{background:#e5e6e7}.material.silver:after{background:rgba(247,248,249,.81)}main>.washi{background:#f0d7d1}.material.washi:after{background:rgba(255,247,244,.84)}main>.burgundy{background:#68252b;color:white}.material.burgundy:after{background:rgba(63,9,19,.38)}.material .section{position:relative}.material .card{background:rgba(255,255,255,.94)}.material .work-card>div{background:rgba(255,255,255,.8);padding:16px}.material .contact-inner{position:relative}.material.burgundy .pending{background:rgba(52,5,13,.25)}


.brand img{border-radius:0;width:100px;height:60px;object-fit:contain}.brand-red{margin-left:0}
