/* Section 05: responsive media artwork with live HTML text and CTA. The artwork already contains the badge and handwriting. */
.s5-section,.s5-section *,.s5-section *::before,.s5-section *::after{box-sizing:border-box}
.s5-section{width:100%;max-width:1600px;margin:0 auto;padding:clamp(16px,1.9vw,31px) 2.5% clamp(13px,1.7vw,27px);font-family:Inter,"Inter Display",Arial,sans-serif;color:#09233f}
.s5-banner{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:3.318/1;max-height:none;border-radius:clamp(19px,2.3vw,31px);background:#ff6959}
.s5-banner__picture{position:absolute;inset:0;z-index:0;display:block;pointer-events:none}
.s5-banner__photo{display:block;width:100%;height:100%;object-fit:fill}
.s5-banner__content{position:absolute;top:11%;left:3.6%;z-index:2;width:38.5%;color:#fff}
.s5-banner__content h2{font-family:Inter,"Inter Display",Arial,sans-serif;font-size:clamp(37px,5.35vw,82px);line-height:.92;letter-spacing:-.061em;font-weight:900;margin:0}
.s5-banner__content p{font-size:clamp(11px,1.25vw,19px);font-weight:600;line-height:1.25;letter-spacing:-.025em;max-width:95%;margin:clamp(9px,1.2vw,18px) 0 clamp(10px,1.4vw,22px)}
.s5-banner__button{display:inline-flex;gap:clamp(10px,1.3vw,18px);align-items:center;justify-content:center;background:#092b45;color:#fff;border:1px solid #091f34;text-decoration:none;padding:0 clamp(17px,2.75vw,40px);height:clamp(36px,4vw,58px);font-size:clamp(12px,1.38vw,20px);font-weight:750;white-space:nowrap;border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.2),0 3px 7px rgba(12,26,43,.15);transition:background .2s,transform .2s}
.s5-banner__button:hover{background:#00465e;transform:translateY(-2px)}
.s5-banner__button svg{width:1.18em;height:1.18em;flex:none}
.s5-banner__button:focus-visible{outline:3px solid #e7ff89;outline-offset:3px}
@media(max-width:900px){
  .s5-banner{aspect-ratio:1.442/1}
  .s5-banner__content{top:8%;left:5%;width:60%}
  .s5-banner__content h2{font-size:clamp(40px,7.2vw,62px)}
  .s5-banner__content p{font-size:clamp(12px,1.9vw,17px);max-width:74%;margin:11px 0 15px}
  .s5-banner__button{height:43px;font-size:14px;padding:0 24px}
}
@media(max-width:620px){
  .s5-section{padding:15px 14px 23px}
  .s5-banner{aspect-ratio:0.594/1;border-radius:23px}
  .s5-banner__content{top:5%;left:6%;width:88%;text-align:left}
  .s5-banner__content h2{font-size:clamp(39px,10.7vw,65px);line-height:.93}
  .s5-banner__content p{margin:12px 0 14px;font-size:clamp(12px,3.3vw,17px);max-width:94%;line-height:1.3}
  .s5-banner__button{height:44px;font-size:14px;padding:0 21px}
}
@media(max-width:370px){
 .s5-banner__content h2{font-size:37px}
 .s5-banner__content p{font-size:12px;margin:10px 0 12px}
}
@media(prefers-reduced-motion:reduce){.s5-banner__button{transition:none}}
/* Section 5: four art-directed WordPress Media Library images, one per breakpoint. */
.s5-banner--flavours{background:#ff675b;aspect-ratio:1600 / 525}
.s5-banner--flavours .s5-banner__picture{position:absolute;inset:0;display:block;z-index:0;overflow:hidden;pointer-events:none}
.s5-banner--flavours .s5-banner__photo{width:100%;height:100%;object-fit:fill;object-position:center center}
.s5-banner--flavours .s5-banner__content{z-index:2;width:38%;left:3.6%;top:11%}
.s5-banner--flavours .s5-banner__content h2{font-size:clamp(36px,5vw,78px)}
.s5-banner--flavours .s5-banner__content p{max-width:94%}
@media (min-width:901px) and (max-width:1350px){
 .s5-banner--flavours{aspect-ratio:1298 / 426}
 .s5-banner--flavours .s5-banner__content{width:40%}
}
@media (max-width:900px){
 .s5-banner--flavours{aspect-ratio:1040 / 975}
 .s5-banner--flavours .s5-banner__content{left:5%;top:8%;width:57%}
 .s5-banner--flavours .s5-banner__content h2{font-size:clamp(38px,6.2vw,58px)}
 .s5-banner--flavours .s5-banner__content p{max-width:95%}
}
@media (max-width:620px){
 .s5-banner--flavours{aspect-ratio:760 / 1325}
 .s5-banner--flavours .s5-banner__content{top:6%;left:6%;width:87%}
 .s5-banner--flavours .s5-banner__content h2{font-size:clamp(38px,10.5vw,58px)}
 .s5-banner--flavours .s5-banner__content p{max-width:78%;font-size:clamp(12px,3.2vw,17px)}
 .s5-banner--flavours .s5-banner__button{font-size:clamp(11px,3.1vw,14px);padding:0 18px}
}