/* Four composed openings, each with a distinct beauty still life. */
.subhero.subhero-with-art{min-height:550px;padding:128px 0 51px;isolation:isolate}
.subhero.subhero-with-art:after{display:none}
.subhero-with-art .subhero-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);gap:65px;align-items:center}
.subhero-copy{position:relative;z-index:3;min-width:0;padding:6px 0 15px}
.subhero-with-art .subhero-copy h1{font-size:clamp(65px,6.7vw,98px);line-height:1.04;max-width:690px;margin-top:23px;margin-bottom:21px}
.subhero-with-art .subhero-copy p{font-size:15px;line-height:1.85;max-width:525px;margin-bottom:0;color:#d7c4b9}
.subhero-art{position:relative;width:min(100%,420px);height:370px;margin:0;justify-self:end;perspective:1100px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.75,.25,1)}
.subhero-art:before{content:"";position:absolute;inset:10px 9px 7px 20px;border:1px solid #d2ae7d59;border-radius:190px 190px 2px 2px;pointer-events:none;z-index:0}
.subhero-art-image{position:absolute;inset:0 25px 20px 38px;overflow:hidden;border:1px solid #edcda248;border-radius:180px 180px 2px 2px;background:#8b6a4b;box-shadow:0 22px 48px #160e1c3d;z-index:2;transform:translateZ(0)}
.subhero-art-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#2c14262b,transparent 45%);pointer-events:none}
.subhero-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;transition:transform 1.1s cubic-bezier(.22,.75,.25,1)}
.subhero-art:hover img{transform:scale(1.035)}
.subhero-art-services img{object-position:center 45%}
.subhero-art-story img{object-position:center 57%}
.subhero-art-contact img{object-position:center 55%}
.subhero-art-enquiry img{object-position:center 44%}
.subhero-art-caption{position:absolute;z-index:4;left:0;bottom:0;width:238px;max-width:73%;padding:18px 21px 19px;background:#e9d7bb;color:#5c4032;border:1px solid #f4e6d0;box-shadow:0 13px 35px #120b1833;transform:translateZ(24px)}
.subhero-art-caption>span{display:block;font-size:9px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#775439;margin-bottom:8px}
.subhero-art-caption>strong{display:block;font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.12;letter-spacing:-.01em}
.subhero-art-petal{position:absolute;z-index:1;width:48px;height:78px;right:0;top:32px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#dec5a35c,#a77f5938 65%,#6041331a);border:1px solid #ddbd8f52;transform:rotate(23deg);pointer-events:none}
@media(max-width:1100px){
  .subhero.subhero-with-art{min-height:525px;padding-top:128px;padding-bottom:48px}
  .subhero-with-art .subhero-layout{grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);gap:39px}
  .subhero-with-art .subhero-copy h1{font-size:clamp(63px,7vw,83px);margin-top:22px;margin-bottom:21px}
  .subhero-art{height:340px;width:min(100%,375px)}
  .subhero-art-image{inset:0 21px 19px 29px;border-radius:170px 170px 2px 2px}
  .subhero-art:before{inset:9px 7px 7px 14px;border-radius:180px 180px 2px 2px}
  .subhero-art-caption{width:219px;padding:17px 19px 18px}.subhero-art-caption>strong{font-size:25px}.subhero-art-caption>span{font-size:9px;letter-spacing:.1em}
  .subhero-art-petal{width:40px;height:68px;top:29px}
}
@media(max-width:850px) and (min-width:761px){
  .subhero-with-art .subhero-layout{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:28px}
  .subhero-with-art .subhero-copy h1{font-size:63px}.subhero-with-art .subhero-copy p{font-size:14px}
  .subhero-art{height:325px}.subhero-art-caption{max-width:79%;padding:16px 17px}.subhero-art-caption>strong{font-size:24px}
}
@media(max-width:760px){
  .subhero.subhero-with-art{padding:130px 0 48px;min-height:0}
  .subhero-with-art .subhero-layout{grid-template-columns:minmax(0,1fr);gap:29px}
  .subhero-copy{padding:0;max-width:640px}
  .subhero-with-art .subhero-copy h1{font-size:clamp(61px,10.5vw,80px);line-height:1.04;margin-top:22px;margin-bottom:19px;max-width:650px}
  .subhero-with-art .subhero-copy p{font-size:15px;line-height:1.8;max-width:540px}
  .subhero-art{width:min(390px,92%);height:285px;justify-self:end;margin-right:7px}
  .subhero-art-image{inset:0 24px 17px 33px;border-radius:155px 155px 2px 2px}
  .subhero-art:before{inset:10px 8px 5px 18px;border-radius:170px 170px 2px 2px}
  .subhero-art-caption{width:226px;max-width:73%;padding:17px 20px 18px;left:0}
  .subhero-art-caption>span{font-size:9px;letter-spacing:.1em;margin-bottom:7px}.subhero-art-caption>strong{font-size:26px}
  .subhero-art-petal{width:39px;height:65px;top:25px}
}
@media(max-width:450px){
  .subhero.subhero-with-art{padding-top:125px;padding-bottom:43px}
  .subhero-with-art .subhero-layout{gap:27px}
  .subhero-with-art .subhero-copy h1{font-size:61px;margin-top:20px;margin-bottom:19px}
  .subhero-with-art .subhero-copy p{font-size:14px;line-height:1.85}
  .subhero-art{width:calc(100% - 6px);height:257px;margin-right:0}
  .subhero-art-image{inset:0 21px 17px 30px;border-radius:145px 145px 2px 2px}
  .subhero-art-caption{width:211px;max-width:73%;padding:16px 18px 17px}
  .subhero-art-caption>span{font-size:9px;letter-spacing:.08em}.subhero-art-caption>strong{font-size:25px}
  .subhero-art-petal{width:34px;height:60px;right:0;top:23px}
}
@media(max-width:360px){
  .subhero.subhero-with-art{padding-top:119px;padding-bottom:40px}
  .subhero-with-art .subhero-copy h1{font-size:57px;letter-spacing:-.03em}
  .subhero-with-art .subhero-copy p{font-size:14px}
  .subhero-with-art .subhero-layout{gap:24px}
  .subhero-art{height:235px}
  .subhero-art-image{inset:0 19px 16px 25px;border-radius:135px 135px 2px 2px}
  .subhero-art-caption{width:196px;max-width:75%;padding:15px 16px 16px}
  .subhero-art-caption>strong{font-size:24px}.subhero-art-caption>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .subhero-art,.subhero-art img{transition:none}.subhero-art:hover img{transform:none}
}