.atelier{--forest:#17372f;--cream:#f2eee5;--gold:#b99a63;color:#1b211f;background:var(--cream);font-family:Manrope,sans-serif;overflow:hidden}.atelier *{box-sizing:border-box}.atelier h1,.atelier h2,.atelier h3,.atelier b{font-family:Prata,serif;font-weight:400}.at-demo{height:30px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:#fff;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.at-demo a{color:#fff}.atelier nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.at-logo{font:1.05rem Prata;letter-spacing:.12em}.at-logo small{display:block;font:500 .48rem Manrope;text-align:center;letter-spacing:.28em}.atelier nav>div{display:flex;gap:28px;align-items:center}.atelier nav>div a{font-size:.7rem}.enquire{padding:11px 15px;border:1px solid}.at-hero{height:760px;position:relative;color:#fff}.at-hero>img{width:100%;height:100%;object-fit:cover}.at-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,26,23,.72),rgba(11,26,23,.08) 70%)}.at-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:850px}.at-copy>p,.at-intro>span,.properties header>span,.advisory>div>span,.locations>p,.at-contact>p{font-size:.62rem;font-weight:600;letter-spacing:.16em}.at-copy h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:.95;margin:18px 0}.at-copy h1 i,.at-intro h2 i{color:#e5cfaa;font-weight:400}.at-copy>span{display:block;max-width:520px;color:#dedbd1;line-height:1.7}.at-copy>a{display:inline-flex;margin-top:32px;padding-bottom:6px;border-bottom:1px solid;color:#fff}.property-card{position:absolute;right:5vw;bottom:35px;padding:22px 26px;background:rgba(242,238,229,.94);color:#1b211f;display:grid;min-width:270px}.property-card small{color:#7d735f}.property-card b{font-size:1.3rem;margin:9px 0}.property-card span{font-size:.7rem}.property-card strong{margin-top:15px}.at-intro{padding:120px 7vw;display:grid;grid-template-columns:180px 1fr .65fr;gap:50px}.at-intro h2,.properties h2,.advisory h2,.at-contact h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;margin:0}.at-intro>p{padding-top:35px;color:#66706b;line-height:1.9}.properties{padding:110px 5vw;background:var(--forest);color:#fff}.properties header{display:flex;justify-content:space-between}.property-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:55px}.property-grid article{min-height:500px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:#2d5046}.property-grid article span,.property-grid article small{font-size:.65rem;color:#d2d9d5}.property-grid article b{font-size:clamp(2.5rem,5vw,5rem);line-height:.92;margin:15px 0}.p-one{background:linear-gradient(135deg,#315b51,#10241f)!important}.p-two{background:linear-gradient(135deg,#9a8261,#544431)!important}.p-three{grid-column:1/-1;min-height:350px!important;background:linear-gradient(90deg,#434f48,#849185)!important}.advisory{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.advisory>div:last-child{border-top:1px solid #aaa}.advisory article{display:grid;grid-template-columns:60px .6fr 1fr;padding:25px 0;border-bottom:1px solid #aaa}.advisory h3{font-size:1.4rem}.advisory p{color:#69716c;line-height:1.7}.locations{padding:75px 5vw;text-align:center;background:#d9d2c3}.locations>div{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin-top:25px}.locations span{font:clamp(1.5rem,3vw,3rem) Prata}.at-contact{padding:120px 7vw;background:#b89a65}.at-contact>a{display:inline-flex;margin-top:35px;padding:14px 20px;background:var(--forest);color:#fff}.atelier footer{padding:30px 5vw;display:flex;justify-content:space-between;background:#102820;color:#fff;font-size:.7rem}@media(max-width:800px){.atelier nav>div a:not(.enquire){display:none}.at-intro,.advisory{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr}.p-three{grid-column:auto}.advisory article{grid-template-columns:50px 1fr}.advisory article p{grid-column:2}.properties header{display:block}}@media(max-width:520px){.at-copy{left:20px;right:20px}.at-copy h1{font-size:3.7rem}.property-card{display:none}.at-intro,.properties,.advisory,.at-contact{padding-top:75px;padding-bottom:75px}.property-grid article{min-height:400px}.atelier footer{gap:15px;flex-wrap:wrap}}
/* Property cards and the dark footer always retain readable type. */
.atelier .property-grid article b,.atelier .property-grid article h3,.atelier footer h2,.atelier footer h3{color:#fff}