.banner{height:var(--banner-height);display:block;position:relative;overflow:hidden}.banner:after{content:"";z-index:-1;opacity:.5;background:url(/images/banner-overlay.png) var(--colour-hp-banner) 50% / cover no-repeat;width:100%;height:100%;display:block;position:absolute;top:0}.banner__inner{height:var(--banner-height);align-items:center;gap:var(--gutter-x-large);grid-template-rows:1fr 1fr;display:grid}.banner__title{font-size:calc(40px / var(--font-size-base) * 1rem);letter-spacing:-.4px;margin-bottom:var(--gutter);line-height:120%}.banner__summary{margin-bottom:var(--gutter-large)}.banner__books{column-count:4;align-self:flex-start;gap:var(--gutter-large);width:690px;max-height:max-content;margin:0;padding:0;list-style:none;overflow:hidden}.banner__book{width:var(--banner-image-width);height:auto;margin-bottom:var(--gutter-large)}.banner__book img{width:var(--banner-image-width);height:auto;transition:transform .3s;box-shadow:0 4px 10px #8787874d}.banner__link:hover img,.banner__link:focus img{transform:scale(1.015)}.banner__book--placeholder{background:var(--colour-grey-scale-2)}@media (min-width:45em){.banner__text{width:50%;min-width:500px}.banner__inner{grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}.banner__books{margin:-100px 0 0}}.value-statement{background:linear-gradient(#87878700 0%,#8787870d 100%)}.value-statement__item{text-align:center}.value-statement__icon{margin:var(--gutter) 0 var(--gutter-small);fill:#00a9ce;color:#00a9ce}.feature{min-height:350px;padding:var(--gutter-large);border-radius:var(--border-radius--1);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.feature:after{content:"";border-radius:var(--border-radius--1);background:linear-gradient(to left, transparent 0%, var(--bg) 0%);position:absolute;inset:0}@media (min-width:45em){.feature:after{background:linear-gradient(to left, transparent 0%, var(--bg) 90%)}}@media (prefers-color-scheme:dark){.feature:after{background:linear-gradient(270deg,#0000 0%,#000 90%)}}.feature__inner{z-index:1;width:350px;position:relative}
