/* An experience-led construction poster, followed by the real renovation. */
.hero{grid-template-columns:minmax(0,51%) minmax(0,49%);height:min(850px,calc(100svh - 79px));min-height:730px;background:#dad5ca}
.hero-copy{background:#dad5ca;padding:86px clamp(28px,6vw,95px) 54px;justify-content:flex-start;overflow:hidden}
.hero h1{font-size:clamp(73px,6.9vw,116px);line-height:.9;margin:45px 0 26px;position:relative;z-index:1}
.hero-copy>p{max-width:430px;color:#454d47}
.hero-actions{position:relative;z-index:1}
.hero-stat{border-top:1px solid #a9aba2;gap:20px;padding-top:22px;margin-top:auto;position:relative;z-index:1}
.hero-stat strong{font-size:clamp(120px,13vw,214px);line-height:.69;letter-spacing:-.13em;color:var(--orange)}
.hero-stat span{font-size:12px;line-height:1.25;align-self:flex-end}
.hero-stat small{font-size:10px;align-self:flex-end}
.hero-image img{filter:saturate(.85);object-position:49% center}
.hero-image>span{background:#dad5ca}
.transformation{background:#29312c;color:#f7f4ec;max-width:none;padding:135px clamp(24px,6vw,95px)}
.transformation .label{color:#eb9a66}
.transformation h2{color:white}
.transformation-copy p{color:#d1d6cd}
.switch{border-color:#e9ece6}
.switch button{color:#f7f4ec}
.switch button.active{background:var(--orange);color:#fff}
.transformation-image{box-shadow:0 20px 55px #1017138a}
.transformation-image span{background:var(--orange);color:white}
@media(max-width:1000px){.hero h1{font-size:clamp(63px,7.5vw,95px)}.hero-stat strong{font-size:clamp(100px,12vw,155px)}}
@media(max-width:720px){.hero{display:flex;flex-direction:column;height:auto;min-height:0}.hero-copy{min-height:610px;padding:80px 24px 35px}.hero h1{font-size:clamp(70px,13vw,100px);margin:34px 0 24px}.hero-stat{margin-top:52px}.hero-stat strong{font-size:clamp(120px,26vw,160px)}.hero-image{height:400px}.transformation{padding:105px 24px}.transformation-image{height:370px}}
@media(max-width:480px){.hero-copy{min-height:0}.hero h1{font-size:clamp(69px,15vw,85px)}.hero-stat strong{font-size:clamp(104px,27vw,137px)}.hero-stat span{font-size:9px}.hero-stat small{font-size:8px}.hero-image{height:340px}.transformation h2{font-size:clamp(45px,11vw,60px)}.transformation-image{height:320px}}