section.hero-button{padding-bottom:0}section.hero-button div.hero-button-wrapper{min-height:clamp(10rem, 326px, 900px);/* padding added optimise content on mobile */padding:2rem;/* --- */position:relative;max-height:900px;max-width:var(--medium-width);display:flex;margin-bottom:var(--padding-section-medium);transition:max-height 0.5s}section.hero-button div.hero-button-wrapper div.hero-button-image{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden}section.hero-button div.hero-button-wrapper div.hero-button-image img{opacity:1;transition:opacity 0.75s}section.hero-button div.hero-button-wrapper div.hero-button-text{flex:0;display:flex;flex-direction:column;justify-content:flex-start;min-width:min(1280px,100%);padding:0;width:100%;box-sizing:border-box;position:relative;margin:0 auto;text-shadow:var(--hero-shadow-contrast);pointer-events:none}section.hero-button div.hero-button-wrapper div.hero-button-text.centred-vertically{justify-content:center}section.hero-button div.hero-button-wrapper div.hero-button-text.centred h1,section.hero-button div.hero-button-wrapper div.hero-button-text.centred span.header,section.hero-button div.hero-button-wrapper div.hero-button-text.centred p.header{justify-content:center}section.hero-button div.hero-button-wrapper div.hero-button-text.centred h1.header-wide,section.hero-button div.hero-button-wrapper div.hero-button-text.centred span.header.header-wide,section.hero-button div.hero-button-wrapper div.hero-button-text.centred p.header.header-wide{max-width:100%}section.hero-button div.hero-button-wrapper div.hero-button-text.hero-shadow-yellow{text-shadow:var(--hero-shadow-contrast-yellow)}section.hero-button div.hero-button-wrapper div.hero-button-text.h1-small{justify-content:center}section.hero-button div.hero-button-wrapper div.hero-button-text.h1-small h1{font-size:var(--h2-max);line-height:0.85;padding-bottom:0;flex-basis:auto}section.hero-button div.hero-button-wrapper div.hero-button-text a.hero-tag{display:block;background:var(--highlight-1);box-sizing:border-box;padding:0.6rem 1.5rem;border-radius:1.5rem;position:relative;color:#fff;text-decoration:none;margin-bottom:1rem;cursor:pointer;pointer-events:auto;align-self:flex-start}section.hero-button div.hero-button-wrapper div.hero-button-text a.hero-tag:hover{text-decoration:underline;background:var(--highlight-2-contrast-friendly)}section.hero-button div.hero-button-wrapper div.hero-button-text a.hero-tag:focus{text-decoration:underline;background:var(--highlight-2-contrast-friendly)}section.hero-button div.hero-button-wrapper div.hero-button-text a.hero-tag:focus-visible{text-decoration:underline;background:var(--highlight-2-contrast-friendly)}section.hero-button div.hero-button-wrapper div.hero-button-text h1,section.hero-button div.hero-button-wrapper div.hero-button-text span.header,section.hero-button div.hero-button-wrapper div.hero-button-text p.header{padding-bottom:0;max-width:67rem;max-width:20ch;flex:0;flex-basis:60%;display:flex;align-items:flex-end}section.hero-button div.hero-button-wrapper div.hero-button-text h1.header-wide,section.hero-button div.hero-button-wrapper div.hero-button-text span.header.header-wide,section.hero-button div.hero-button-wrapper div.hero-button-text p.header.header-wide{max-width:67rem;max-width:20ch}section.hero-button div.hero-button-wrapper div.hero-button-text h2,section.hero-button div.hero-button-wrapper div.hero-button-text p{color:var(--heading-light-color);padding-bottom:0;max-width:40rem;max-width:20ch}section.hero-button div.hero-button-wrapper div.hero-button-text p{font-size:var(--h3-max);font-family:var(--heading-font);line-height:3.2rem;max-width:none;flex-basis:19%}section.hero-button div.hero-button-wrapper div.hero-button-text p.intro{max-width:46rem;font-size:inherit;line-height:inherit;font-family:var(--base-font);flex-basis:auto}section.hero-button div.hero-button-wrapper div.hero-button-text a.btn{flex:0;width:max-content;margin-top:auto;margin-bottom:1rem}section.hero-button div.hero-button-wrapper p.hero-button-extra-text{position:absolute;right:0;bottom:3.2rem}@media all and (max-width: 900px){section.hero-button div.hero-button-wrapper div.hero-button-text h1,section.hero-button div.hero-button-wrapper div.hero-button-text span.header,section.hero-button div.hero-button-wrapper div.hero-button-text p.header{font-size:var(--h1-tablet);line-height:6.4rem}section.hero-button div.hero-button-wrapper div.hero-button-text h2{font-size:var(--h2-tablet);line-height:4.4rem}section.hero-button div.hero-button-wrapper div.hero-button-text p{font-size:var(--h3-max);line-height:3rem}section.hero-button div.hero-button-wrapper div.hero-button-text a.btn{position:relative;bottom:0}section.hero-button div.hero-button-wrapper p.hero-button-extra-text{width:12ch;text-align:right;bottom:1.5rem}}@media all and (max-width: 850px){section.hero-button{padding-top:0px!important}}@media all and (max-width: 700px){section.hero-button div.hero-button-wrapper div.hero-button-text h1,section.hero-button div.hero-button-wrapper div.hero-button-text span.header,section.hero-button div.hero-button-wrapper div.hero-button-text p.header{padding-bottom:0;font-size:var(--h1-tablet-small);line-height:5.2rem;word-break:break-word;hyphens:auto}section.hero-button div.hero-button-wrapper div.hero-button-text h2{font-size:var(--h3-tablet-small);line-height:3rem}section.hero-button div.hero-button-wrapper div.hero-button-text p{line-height:3rem}section.hero-button div.hero-button-wrapper div.hero-button-text p.hero-button-extra-text{font-size:var(--h3-mobile) !important;line-height:2rem !important;bottom:2.8rem}}@media all and (max-width: 500px){section.hero-button div.hero-button-wrapper div.hero-button-text{padding:0}section.hero-button div.hero-button-wrapper div.hero-button-text h1,section.hero-button div.hero-button-wrapper div.hero-button-text span.header,section.hero-button div.hero-button-wrapper div.hero-button-text p.header{padding-bottom:0;font-size:var(--h1-mobile);line-height:4rem;flex-basis:50%}section.hero-button div.hero-button-wrapper div.hero-button-text h2{font-size:var(--h2-mobile);line-height:2.4rem}section.hero-button div.hero-button-wrapper div.hero-button-text p{font-size:var(--h3-mobile);line-height:2rem}section.hero-button div.hero-button-wrapper div.hero-button-text p.hero-button-extra-text{width:50%}}










