@layer base{*,:after,:before,::backdrop{box-sizing:border-box;margin:0;padding:0;border:0 solid}body{min-height:100vh;display:flex;flex-direction:column}abbr{&:where([title]){text-decoration:underline dotted}}hr{height:0;color:var(--layout-hr-colour);border-top-width:var(--layout-hr-size)}menu,ol,ul{list-style:none}progress{vertical-align:baseline}summary{display:list-item}table{border-collapse:collapse}}@layer base{button,input,select,optgroup,textarea,::file-selector-button{font-family:inherit;font-size:inherit;line-height:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;border:0 solid;border-radius:0;background:none}button,[type=button],[type=reset],[type=submit],::file-selector-button{appearance:button;color:inherit;border:none;background:none;text-transform:inherit;font-weight:inherit;display:flex;align-items:center;justify-content:center}textarea,select,input:not([type=button],[type=checkbox],[type=file],[type=hidden],[type=radio]){appearance:none;color:var(--colour-text);background-color:var(--form-input-background-colour);border-color:var(--form-input-border-colour);border-width:var(--form-input-border-width);border-radius:var(--form-input-border-radius);padding:var(--form-input-padding);min-width:0;width:100%;&:focus{outline:var(--layout-focus-outline)}&::placeholder{opacity:1;color:var(--form-input-placeholder-colour)}}[type=checkbox],[type=radio]{appearance:none;padding:0;display:inline-block;vertical-align:middle;user-select:none;flex-shrink:0;height:var(--layout-icon-size);width:var(--layout-icon-size);color:var(--form-toggle-colour-unchecked);background-color:var(--form-input-background-colour);background-size:100% 100%;background-origin:border-box;background-position:center;background-repeat:no-repeat;&:focus{outline:var(--layout-focus-outline)}&:checked{color:var(--form-toggle-colour-checked);&:hover,&:focus{color:var(--form-toggle-colour-checked)}}}[type=checkbox]{background-image:var(--form-checkbox-icon-unchecked);&:checked{background-image:var(--form-checkbox-icon-checked)}}[type=radio]{background-image:var(--form-radio-icon-unchecked);&:checked{background-image:var(--form-radio-icon-checked)}}[type=file]{&::file-selector-button{margin-inline-end:var( --form-input-padding-y )}}select{background-image:var(--form-select-icon-toggle);background-position:right var(--form-input-padding-y) center;background-repeat:no-repeat;background-size:var(--layout-icon-size) var(--layout-icon-size);padding-right:calc((2 * var(--form-input-padding-y)) + var(--layout-icon-size))}textarea{resize:vertical}::-webkit-calendar-picker-indicator{line-height:1}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0;padding-block:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}button{background:none;border:none;padding:0;color:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center}}@layer base{audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{width:100%;height:auto}svg{fill:currentColor}}@layer base{html{letter-spacing:normal;font-feature-settings:normal;font-variation-settings:normal;text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--text-font-default);font-size:var(--text-size-1);color:var(--colour-text);line-height:var(--text-line-height-1)}a{color:inherit;text-decoration:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight)}h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight)}h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight)}h4{font-size:var(--text-h4-size);font-weight:var(--text-h4-weight)}h5{font-size:var(--text-h5-size);font-weight:var(--text-h5-weight)}h6{font-size:var(--text-h6-size);font-weight:var(--text-h6-weight)}}@layer base{.icon{width:var(--layout-icon-size);height:var(--layout-icon-size);fill:currentColor;flex-shrink:0;flex-grow:0}}@layer base{img{&.image{aspect-ratio:var(--ratio)}}}@layer base{.share-page{position:relative;.simple-share{position:absolute;z-index:10;background-color:#fff;padding:var(--layout-spacing-2);display:flex;flex-direction:column;gap:var(--layout-spacing-3);margin-top:var(--layout-spacing-3);>div{white-space:nowrap}a{display:flex;gap:var(--layout-spacing-2);align-items:center}}}}@layer base{.autocomplete{.input{position:relative;.items{position:absolute;z-index:10;background-color:var(--form-input-background-colour);overflow-y:scroll;display:flex;flex-direction:column;gap:var(--layout-spacing-1);padding:var(--layout-spacing-1);border:1px solid var(--form-input-border-colour);width:100%;max-height:200px;&:empty{display:none}}}}}@layer components{header{--nav-height: var(--layout-spacing-5);background-image:var(--hero-mobile);background-size:cover;background-position:50%;position:relative;padding-top:var(--nav-height);.LARGE &{background-image:var(--hero-desktop)}&:before{backdrop-filter:brightness(50%);inset:0;position:absolute;content:"";z-index:1}nav{position:fixed;z-index:50;top:0;width:100%;display:flex;justify-content:space-between;background-color:#000;color:#fff;font-weight:600;height:var(--nav-height);text-transform:uppercase;white-space:nowrap;a,.nav-menu{display:flex;align-items:center;justify-content:center;width:100%;padding:0 var(--layout-spacing-2);&.home{flex-basis:content;.LARGE &{display:none}}.LARGE &{width:auto;padding:0 var(--layout-spacing-4)}}.nav-menu{>button{color:var(--colour-primary)}.item-wrapper{top:var(--nav-height);.items{display:flex;flex-direction:column;gap:var(--layout-spacing-2);font-weight:400;text-transform:none;button{justify-content:start}}}}.section1{display:none;.LARGE &{display:flex;flex-grow:1;a{gap:var(--layout-spacing-1);.icon,.icon svg{width:var(--layout-spacing-3);height:var(--layout-spacing-3)}.fitrec{height:70%;width:auto}}}}.section2{display:flex;width:100%;flex-shrink:1;.LARGE &{width:auto}a,.nav-menu{border-left:var(--layout-spacing-1px) solid var(--colour-secondary);&.home{border-left:none}}}}.content{padding:var(--layout-spacing-4);position:relative;display:flex;flex-direction:column;justify-content:center;z-index:10;color:#fff;height:100%;.LARGE &{padding:var(--layout-spacing-5)}.nav-secondary{display:flex;justify-content:space-between;align-items:center;.fitrec{height:30px;.LARGE &{height:45px}}.links{display:flex;align-items:center;gap:var(--layout-spacing-4);.registration{display:none;.LARGE &{display:flex;align-items:center;gap:var(--layout-spacing-4)}}}.nav-menu{position:relative;.toggle{.toggle-icon,.menu-text{display:none;.LARGE &{display:block}}.LARGE &{.menu-icon{display:none}}}.item-wrapper{border-radius:var(--layout-border-radius-1);top:25px;.items{display:flex;flex-direction:column;gap:var(--layout-spacing-2)}}}}.page-headings{display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;gap:var(--layout-spacing-3);padding:100px 0;.LARGE &{width:900px;margin:0 auto}h1,h2{font-stretch:condensed;text-transform:uppercase;text-align:center;text-wrap:balance}h1{font-size:55px;font-weight:700;.LARGE &{font-size:76px}}h2{font-size:25px;font-weight:400;.LARGE &{font-size:40px}}}}}}@layer components{#search-box{margin-top:var(--layout-spacing-4);background-color:#fff;backdrop-filter:opacity(90%);height:var(--layout-spacing-8);padding:var(--layout-spacing-3);border-radius:var(--layout-border-radius-2);display:flex;align-items:center;gap:var(--layout-spacing-3);width:100%;.icon{color:var(--colour-primary)}input{padding:0;height:100%;border:none;.LARGE &{flex-grow:1}}button{background-color:var(--colour-primary);padding:var(--layout-spacing-3) var(--layout-spacing-4);border-radius:var(--layout-border-radius-1);font-size:var(--text-size-small)}}}@layer components{.icon{&.fitrec,&.fitrec-small{width:auto;.fit{fill:var(--colour-primary)}.rec{fill:#fff;.dark &{fill:#000}}}&.healthypeople{width:auto;.healthy{fill:#ffce5a}.people{fill:#fff}}}}@layer components{.nav-menu{position:relative;.toggle{.full{display:none}.LARGE &{.short{display:none}.full{display:block}}}.item-wrapper{position:absolute;background-color:#000;border-radius:0 0 var(--layout-border-radius-1) var(--layout-border-radius-1);padding:var(--layout-spacing-3);white-space:nowrap;right:0;max-height:50vh;overflow-y:auto;scrollbar-color:var(--colour-primary) transparent;scrollbar-width:thin}}}@layer components{:root{--colour-bg: #f6f6f6;--colour-bg-mid: #3e3e3e;--colour-bg-mid2: #bcbcbc;--colour-bg-dark: #0e0f12;--colour-border: #707070;--box-shadow-2: 0px 20px 50px #00000030;--box-shadow-3: 10px 32px 72px #00000030;--border-radius-3: 20px}.carousel-wrapper{--carousel-gap: 15px;--carousel-cols: 3;--item-width: calc( (100% - (var(--carousel-gap) * (var(--carousel-cols) - 1))) / var(--carousel-cols) );position:relative;.carousel{display:flex;gap:var(--carousel-gap);overflow:hidden;justify-content:start;scroll-behavior:smooth;.item{flex-basis:var(--item-width);flex-shrink:0;flex-grow:0}}}main{flex-grow:1}#page-home{.carousel-wrapper{--carousel-gap: var(--layout-spacing-3);--carousel-cols: 1;.LARGE &{--carousel-cols: 3}.carousel{margin:-36px;padding:36px;.item{text-align:left;background-color:#fff;box-shadow:0 3px 20px #00000030;border-radius:var(--layout-border-radius-2);padding:var(--layout-spacing-4);&:hover{background-color:#000;color:#fff}}}.trigger{--size: var(--layout-spacing-5);position:absolute;top:50%;transform:translateY(-50%);background-color:var(--colour-bg);border:1px solid #000;display:flex;align-items:center;justify-content:center;height:var(--size);width:var(--size);border-radius:var(--layout-border-radius-full);&.back{left:calc(-1 * (var(--size) / 2))}&.forward{right:calc(-1 * (var(--size) / 2))}}}main{display:flex;flex-direction:column;gap:var(--layout-spacing-8);translate:0 calc(-1 * var(--layout-spacing-7));position:relative;z-index:10;.LARGE &{gap:150px;translate:0 calc(-1 * var(--layout-spacing-7))}.section{text-align:center;h2{font-size:48px;text-transform:uppercase;font-stretch:condensed;font-weight:700;margin-bottom:var(--layout-spacing-4);text-wrap:balance;.LARGE &{font-size:70px;margin-bottom:var(--layout-spacing-6)}.highlight{color:var(--colour-primary)}}>p{line-height:var(--text-line-height-3);margin-bottom:var(--layout-spacing-4);.LARGE &{margin-bottom:var(--layout-spacing-4)}}.view-all{margin-top:var(--layout-spacing-4);display:flex;font-size:var(--text-size-3);align-items:center;justify-content:center;.icon{--layout-icon-size: var(--layout-spacing-6);color:var(--colour-primary)}}}}.join{background-color:var(--colour-bg);border-radius:var(--layout-border-radius-2);padding:var(--layout-spacing-5) var(--layout-spacing-4);display:flex;flex-direction:column;gap:var(--layout-spacing-3);box-shadow:var(--box-shadow-2);.LARGE &{border-radius:var(--border-radius-3);padding:var(--layout-spacing-5) var(--layout-spacing-7);flex-direction:row;align-items:center}.text{display:flex;flex-wrap:wrap;gap:var(--layout-spacing-3);.LARGE &{flex-direction:column;flex-grow:1;height:100px;justify-content:center}.icon-wrapper{--layout-icon-size: var(--layout-spacing-6);height:var(--layout-spacing-7);width:var(--layout-spacing-7);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:3px solid #000;border-radius:var(--layout-border-radius-full);.LARGE &{--layout-icon-size: var(--layout-spacing-7);height:var(--layout-spacing-8);width:var(--layout-spacing-8)}}h2{flex-basis:0;flex-grow:1;text-transform:uppercase;font-stretch:condensed;font-size:var(--text-size-3);text-wrap:balance;.LARGE &{flex-grow:0}}p{line-height:var(--text-line-height-3);flex-basis:100%;.LARGE &{flex-basis:auto;text-wrap:balance}}}.actions{display:flex;gap:var(--layout-spacing-2)}}.ai-info{.blocks{margin-top:var(--layout-spacing-8);display:flex;flex-direction:column;gap:var(--layout-spacing-5);.LARGE &{flex-direction:row}.block{display:flex;flex-direction:column;align-items:center;gap:var(--layout-spacing-6);.LARGE &{justify-content:center;&.even{flex-direction:column-reverse;gap:var(--layout-spacing-2)}}.graphic{position:relative;.number{font-stretch:condensed;font-size:110px;font-weight:700;color:var(--colour-bg)}.icon{position:absolute;bottom:-10px;right:-45px;color:var(--colour-primary);height:70px;width:auto}}.details{h3{font-weight:700;font-stretch:condensed;text-transform:uppercase;font-size:var(--text-size-4);margin-bottom:var(--layout-spacing-2);white-space:nowrap}p{text-wrap:balance;line-height:var(--text-line-height-3)}}}.divider{display:flex;gap:var(--layout-spacing-3);align-items:center;.LARGE &{flex-direction:column}.bar{border:1px solid var(--colour-bg-mid2);flex-grow:1}.icon-wrapper{height:var(--layout-spacing-5);width:var(--layout-spacing-5);display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--colour-primary);border-radius:var(--layout-border-radius-full);.LARGE &{.icon{rotate:-90deg}}}}}}.learning{.carousel-wrapper{.carousel{.item{.course{display:flex;flex-direction:column;gap:var(--layout-spacing-3);justify-content:space-between;h3{display:flex;align-items:center;gap:var(--layout-spacing-2);.title{font-size:var(--text-size-4);text-transform:uppercase;font-stretch:condensed;font-weight:700;--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}.stats{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.stat{display:flex;gap:var(--layout-spacing-1);align-items:center;.icon{color:var(--colour-primary)}.text{--lines: 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}}p{--lines: 4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;line-height:var(--text-line-height-3)}}}}}}.jobs{.carousel-wrapper{.carousel{.item{.vacancy{display:flex;flex-direction:column;gap:var(--layout-spacing-5);.highlights{display:flex;align-items:center;gap:var(--layout-spacing-2);.info{flex-grow:1;display:flex;flex-direction:column;gap:var(--layout-spacing-1);.business{font-weight:700;--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}.posted{color:var(--colour-primary)}}.type{background-color:var(--colour-bg);border-radius:var(--layout-border-radius-1);padding:0 var(--layout-spacing-2);height:var(--layout-spacing-5);display:flex;justify-content:center;align-items:center;white-space:nowrap;color:var(--colour-text)}}.job{display:flex;flex-direction:column;gap:var(--layout-spacing-2);h3{--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;font-size:var(--text-size-4);text-transform:uppercase;font-stretch:condensed;font-weight:700;line-height:var(--text-line-height-2)}.location{display:flex;gap:var(--layout-spacing-1);align-items:center;.icon{color:var(--colour-primary)}.text{--lines: 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}}.applications{font-weight:700}}}}}}.candidates{.carousel-wrapper{.carousel{.item{background-color:var(--colour-bg);box-shadow:none;&:hover{color:var(--colour-text)}.professional{display:flex;flex-direction:column;align-items:center;gap:var(--layout-spacing-3);h3{font-weight:700;font-size:var(--text-size-4);text-align:center;--lines: 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}.stats{display:flex;flex-direction:column;gap:var(--layout-spacing-1);width:100%;.stat{display:flex;align-items:center;margin-bottom:var(--layout-spacing-1);padding-bottom:var(--layout-spacing-1);border-bottom:1px solid var(--colour-border);gap:var(--layout-spacing-2);.icon{color:var(--colour-primary)}.text{--lines: 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;color:var(--colour-text-50)}}}.more{width:100%;border-radius:var(--layout-border-radius-1);background-color:var(--colour-primary);text-transform:uppercase;color:#fff;height:var(--layout-spacing-6);display:flex;align-items:center;justify-content:center;&:hover{background-color:#000}}.socials{display:flex;align-items:center;justify-content:center;gap:var(--layout-spacing-2);color:var(--colour-bg-mid2)}}}}}}.about{.LARGE &{display:flex;gap:100px;align-items:center}.image{margin-bottom:var(--layout-spacing-6);.LARGE &{flex:1;margin-bottom:0}}.text{.LARGE &{flex:1;text-align:left;.header-pill{margin:0 0 var(--layout-spacing-3) 0}}p{line-height:var(--text-line-height-3)}}}}.header-pill{background-color:var(--colour-bg);text-transform:uppercase;white-space:nowrap;display:flex;gap:var(--layout-spacing-1);align-items:center;justify-content:center;font-weight:600;height:var(--layout-spacing-6);padding:0 var(--layout-spacing-4);border-radius:var(--border-radius-3);width:min-content;margin:0 auto var(--layout-spacing-5) auto;font-size:var(--text-size-small);.icon{color:var(--colour-primary)}}#error{main{translate:0 calc(-1 * var(--layout-spacing-7));position:relative;z-index:10;.LARGE &{translate:0 calc(-1 * var(--layout-spacing-7))}}.detail{background-color:var(--colour-bg);border-radius:var(--layout-border-radius-2);padding:var(--layout-spacing-5) var(--layout-spacing-4);display:flex;flex-direction:column;gap:var(--layout-spacing-3);box-shadow:var(--box-shadow-2);.LARGE &{border-radius:var(--border-radius-3);padding:var(--layout-spacing-5) var(--layout-spacing-7);flex-direction:row;align-items:center}.text{display:flex;flex-wrap:wrap;gap:var(--layout-spacing-3);.LARGE &{flex-direction:column;flex-grow:1;height:var(--layout-spacing-8);justify-content:center}.icon-wrapper{--layout-icon-size: var(--layout-spacing-6);height:var(--layout-spacing-7);width:var(--layout-spacing-7);aspect-ratio:1/1;background-color:var(--colour-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--layout-border-radius-full);color:#fff;.LARGE &{--layout-icon-size: var(--layout-spacing-7);height:var(--layout-spacing-8);width:var(--layout-spacing-8)}}h2{flex-basis:0;flex-grow:1;text-transform:uppercase;font-stretch:condensed;font-size:var(--text-size-3);text-wrap:balance;.LARGE &{flex-grow:0}}p{line-height:var(--text-line-height-3);flex-basis:100%;.LARGE &{flex-basis:auto}}}.actions{display:flex;gap:var(--layout-spacing-2)}}}footer{font-size:var(--text-size-small);background-color:var(--colour-bg-dark);color:color-mix(in srgb,#fff,transparent 40%);padding:var(--layout-spacing-7) var(--layout-spacing-5);display:flex;flex-direction:column;.LARGE &{flex-direction:row;padding:var(--layout-spacing-7) var(--layout-spacing-7)}.section{margin-bottom:var(--layout-spacing-6);padding-bottom:var(--layout-spacing-6);border-bottom:1px solid var(--colour-border);display:flex;flex-direction:column;align-items:center;gap:var(--layout-spacing-4);&:last-of-type,.LARGE &{margin-bottom:0;padding-bottom:0;border-bottom:0}.LARGE &{align-items:start;margin-left:var(--layout-spacing-7);padding-left:var(--layout-spacing-7);border-left:1px solid var(--colour-border);&:last-of-type{margin-left:0;padding-left:0;border-left:0}}&.contact{.links{display:flex;flex-direction:column;align-items:center;gap:var(--layout-spacing-1);.LARGE &{align-items:start;gap:var(--layout-spacing-2)}}}&.resources{.LARGE &{flex:1}.links{display:grid;grid-template-columns:1fr 1fr;justify-content:start;text-transform:uppercase;white-space:nowrap;gap:var(--layout-spacing-2);.LARGE &{gap:var(--layout-spacing-4)}}}&.signoff{.LARGE &{order:-1;flex:1}.fitrec{height:var(--layout-spacing-6)}.acknowledgements{p{text-align:center;line-height:var(--text-line-height-3);margin-bottom:var(--layout-spacing-1);text-wrap:balance;.LARGE &{text-align:left}}}.socials{display:flex;gap:var(--layout-spacing-1);justify-content:center;align-items:center;a{color:#fff;display:flex;align-items:center;justify-content:center;height:var(--layout-spacing-6);width:var(--layout-spacing-6);aspect-ratio:1/1;border-radius:var(--layout-border-radius-full);background-color:var(--colour-bg-mid2)}}}h3{color:var(--colour-primary);text-transform:uppercase;font-stretch:condensed;font-size:var(--text-size-4);white-space:nowrap;.LARGE &{font-size:var(--text-size-5)}}}}#copyright{font-size:var(--text-size-small);background-color:var(--colour-bg-mid);color:color-mix(in srgb,#fff,transparent 40%);height:var(--layout-spacing-6);display:flex;align-items:center;justify-content:center}#page-vacancy-search{header{.healthypeople{display:flex;flex-direction:column;justify-content:center;gap:var(--layout-spacing-1);text-align:center;width:auto}}main{translate:0 calc(-1 * var(--layout-spacing-5));position:relative;z-index:10;.LARGE &{translate:0 calc(-1 * var(--layout-spacing-7))}}}#vacancy-list{display:flex;flex-direction:column;gap:var(--layout-spacing-5)}#vacancy-summary{border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);background-color:#fff;padding:var(--layout-spacing-5) var(--layout-spacing-4) var(--layout-spacing-4) var(--layout-spacing-4);.LARGE &{border-radius:none;box-shadow:none;display:flex;padding:0;gap:var(--layout-spacing-4);.column{border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);padding:var(--layout-spacing-5) var(--layout-spacing-6);flex-grow:1;&:first-of-type{width:300px;flex-shrink:0;flex-grow:0;position:relative}}}.featured{position:absolute;top:0;left:0;right:0;margin:0 auto;width:fit-content;padding:0 var(--layout-spacing-6);background-color:var(--colour-primary);color:#fff;height:var(--layout-spacing-5);display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:600;border-radius:0 0 var(--layout-border-radius-2) var(--layout-border-radius-2);font-stretch:condensed;.LARGE &{top:auto;bottom:0;border-radius:var(--layout-border-radius-2) var(--layout-border-radius-2) 0 0}}.business{display:flex;align-items:center;gap:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);.LARGE &{flex-direction:column;gap:var(--layout-spacing-4)}img{--size: var(--layout-spacing-7);border:4px solid var(--colour-primary-50);border-radius:var(--layout-border-radius-full);width:var(--size);height:var(--size);aspect-ratio:1/1;.LARGE &{--size: 150px;border-width:8px}}.name{font-weight:700;--lines: 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;.LARGE &{--lines: 2;font-size:var(--text-size-4);text-align:center}}}.title{font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:var(--text-size-3);line-height:var(--text-line-height-2);margin-bottom:var(--layout-spacing-4);.LARGE &{font-size:var(--text-size-4);line-height:var(--text-line-height-3)}}.details{display:flex;flex-direction:column;gap:var(--layout-spacing-3);.LARGE &{display:grid;grid-template-columns:1fr 1fr}.detail{display:flex;align-items:center;gap:var(--layout-spacing-1);line-height:var(--text-line-height-2);.icon{color:var(--colour-primary)}}}.summary{display:none;.LARGE &{display:block;border-top:2px solid var(--colour-grey-10);margin-top:var(--layout-spacing-3);padding-top:var(--layout-spacing-3);line-height:var(--text-line-height-3)}}}.header-box{box-shadow:var(--layout-box-shadow-1);background-color:#fff;border-radius:var(--layout-border-radius-2);padding:var(--layout-spacing-3) var(--layout-spacing-4);text-transform:uppercase;text-wrap:balance;text-align:center;font-size:var(--text-size-4);font-stretch:condensed;margin-bottom:var(--layout-spacing-5);.LARGE &{padding:var(--layout-spacing-6) var(--layout-spacing-4)}strong{display:block;.LARGE &{display:inline}}}.pager{border-top:2px solid var(--colour-secondary);margin-top:var(--layout-spacing-4);padding-top:var(--layout-spacing-4);display:flex;justify-content:space-between;align-items:center;button{width:100px}}a.primary,button.primary,a.secondary,button.secondary,a.tertiary,button.tertiary{border-radius:var(--layout-border-radius-1);padding:0 var(--layout-spacing-5);height:var(--layout-spacing-6);display:flex;justify-content:center;align-items:center;white-space:nowrap}a.primary,button.primary{color:#fff;background-color:var(--colour-primary);&:hover{background-color:var(--colour-primary-90)}&:disabled{background-color:var(--colour-grey-50);color:var(--colour-text)}}a.secondary,button.secondary{color:#fff;background-color:var(--colour-secondary);&:hover{background-color:var(--colour-secondary-90)}&:disabled{background-color:var(--colour-grey-50);color:var(--colour-text)}}a.tertiary,button.tertiary{color:var(--colour-primary);background-color:#fff;&:hover{background-color:var(--colour-bg-mid2)}&:disabled{background-color:var(--colour-grey-50);color:var(--colour-text)}}.container{padding:0 var(--layout-container-1padding-x);.LARGE &{padding:0;width:var(--layout-container-1);margin:0 auto}}#page-course-listing{main{translate:0 calc(-1 * var(--layout-spacing-5));position:relative;z-index:10;.LARGE &{translate:0 calc(-1 * var(--layout-spacing-7))}}.courses{display:flex;flex-direction:column;gap:var(--layout-spacing-5)}}.course-summary{position:relative;border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);background-color:#fff;padding:var(--layout-spacing-6) var(--layout-spacing-4) var(--layout-spacing-4) var(--layout-spacing-4);.LARGE &{border-radius:none;box-shadow:none;display:flex;padding:0;gap:var(--layout-spacing-4);background-color:transparent}.title{a{font-weight:700;text-transform:uppercase;color:var(--colour-primary-90);line-height:var(--text-line-height-2);font-size:var(--text-size-2);font-stretch:condensed;text-wrap:balance;--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;&:hover{color:var(--colour-primary)}}}.headline{display:flex;align-items:center;gap:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);.LARGE &{position:relative;border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);padding:var(--layout-spacing-5) var(--layout-spacing-6) var(--layout-spacing-7) var(--layout-spacing-6);background-color:#fff;flex-grow:0;flex-shrink:0;width:300px;flex-direction:column;gap:var(--layout-spacing-4);margin-bottom:0}.featured{position:absolute;top:0;left:0;right:0;margin:0 auto;width:fit-content;padding:0 var(--layout-spacing-6);background-color:var(--colour-primary);color:#fff;height:var(--layout-spacing-5);display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:600;border-radius:0 0 var(--layout-border-radius-2) var(--layout-border-radius-2);font-stretch:condensed;.LARGE &{top:auto;bottom:0;border-radius:var(--layout-border-radius-2) var(--layout-border-radius-2) 0 0}}.title{display:flex;flex-direction:column;gap:var(--layout-spacing-1);a{.LARGE &{display:none}}}}.details{.LARGE &{border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);padding:var(--layout-spacing-5) var(--layout-spacing-6);flex-grow:1;background-color:#fff}.title{display:none;.LARGE &{display:block;a{line-height:var(--text-line-height-2);font-size:var(--text-size-4);margin-bottom:var(--layout-spacing-2)}}}.business{font-weight:600;margin-bottom:var(--layout-spacing-1);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;.LARGE &{font-size:var(--text-size-2)}}.location{display:flex;align-items:center;gap:var(--layout-spacing-1);margin-bottom:var(--layout-spacing-1);.icon{color:var(--colour-primary)}}.summary{line-height:var(--text-line-height-3);margin-top:var(--layout-spacing-3);text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;a{display:flex;align-items:center;font-weight:700;text-transform:uppercase;color:var(--colour-primary-90);font-stretch:condensed;margin-top:var(--layout-spacing-2)}}}}.avatar{--size: var(--layout-spacing-7);border:4px solid var(--colour-primary-50);border-radius:var(--layout-border-radius-full);width:var(--size);height:var(--size);aspect-ratio:1/1;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--colour-primary);font-size:var(--text-size-4);font-weight:700;font-stretch:condensed;&:not(&.small){&.large,.LARGE &{--size: 150px;border-width:8px;font-size:56px}}}.course-rating{display:flex;align-items:center;.icon{color:gold}}#page-course-details{main{translate:0 calc(-1 * var(--layout-spacing-5));position:relative;z-index:10;display:flex;flex-direction:column;gap:var(--layout-spacing-5);.LARGE &{translate:0 calc(-1 * var(--layout-spacing-7))}}.course-content{border-radius:var(--layout-border-radius-2);box-shadow:var(--layout-box-shadow-1);padding:var(--layout-spacing-3) var(--layout-spacing-6) var(--layout-spacing-5) var(--layout-spacing-6);.attendees{display:flex;flex-direction:column;align-items:end;margin-bottom:var(--layout-border-radius-2);a{font-weight:700;color:var(--colour-primary);&:hover{text-decoration:underline}}}}}.prose{line-height:var(--text-line-height-2);p{margin-bottom:var(--layout-spacing-3)}a{font-weight:700;color:var(--colour-primary);&:hover{text-decoration:underline}}iframe{aspect-ratio:16/9}img{width:100%!important}}}