/* The user's 20% type reduction and 2cm (~76 CSS px) upward adjustment. */
.essence-hero{
 min-height:min(940px,100svh);
 padding-bottom:calc(62px + 2cm);
}
.essence-hero__title{font-size:51.2px;line-height:54.4px}
.essence-hero__subtitle{font-size:20px;line-height:20px}
.essence-hero__stars{color:var(--wp--preset--color--essence-peach,#F0B482)}

/* The room label remains a Gutenberg field; stars are decorative vectors. */
.block-ps-rooms .news__intro h4{
 display:flex;align-items:center;justify-content:center;gap:8px;
 text-transform:uppercase;
}
.block-ps-rooms .news__intro h4:before,
.block-ps-rooms .news__intro h4:after{
 content:"";display:block;flex:0 0 28px;width:28px;height:12px;
 background:currentColor;
 -webkit-mask:url('../img/brand/rating-stars.svg') center/contain no-repeat;
 mask:url('../img/brand/rating-stars.svg') center/contain no-repeat;
}
@media(max-width:1024px){
 .essence-hero{min-height:min(760px,100svh);height:100svh;padding-bottom:calc(50px + 2cm)}
 .essence-hero__title{font-size:43.2px;line-height:46.4px}
}
@media(max-width:767px){
 .essence-hero{min-height:min(690px,100svh);height:100svh;padding-bottom:calc(108px + 2cm)}
 .essence-hero__title{font-size:35.2px;line-height:38.72px}
 .essence-hero__subtitle{font-size:16.8px;line-height:18.4px}
}
@media(max-width:380px){.essence-hero__title{font-size:32px;line-height:35.2px}}
/* On short screens, fitting all the copy and CTA takes priority over an offset. */
@media(max-height:700px){
 .essence-hero{min-height:100svh;height:100svh;padding-top:78px;padding-bottom:70px}
 .essence-hero__stars{margin-bottom:8px}
 .essence-hero__title{margin-bottom:14px}
 .essence-hero__line{margin-bottom:12px!important}
 .essence-hero__subtitle{margin-bottom:18px}
}