main#primary { padding-top: 90px; }

/* QUOTE */

section.banner {
    border-bottom: 1px solid var(--grey-medium);
}

h1.h1 { margin: 0;}

.author figure {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--gap);
}

.author figure picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 80px;
    overflow: hidden;
}

.author figure picture img {
    object-position: top;
}

.author figure figcaption {
    width: calc(100% - 64px);
    display: flex;
    flex-direction: column;
    padding-left: 14px;
}

.author figure figcaption * {
    line-height: 120%;
}

/* ACCREEDITATIONS */

.accreditations > p {
    bottom:100%
}

.accreditations li p {
    letter-spacing: -1px;
}

.accreditations ul {
    display: flex;
    flex-direction: column;
    border-top: 1px dotted var(--grey-medium);
}

.accreditations ul li {
    padding-left: calc(var(--gap) * 1.25);
    position: relative;
    padding-block: calc(var(--gap) * 0.25);
    border-bottom: 1px dotted var(--grey-medium);
}

.accreditations ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc((var(--gap) * 0.25) + 4px);
    width: 14px;
    height: 14px;
    background-image: url('https://adamtaylorcmo.com/wp-content/uploads/2025/11/arrow-up.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* SPECIALIZES */

@media (orientation: landscape){

    section.specialises::after,
    section.specialises::before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: var(--grey-medium);
        position: absolute;
        top: 0;
    }

    section.specialises::before {
        left: 33.33%;
    }

    section.specialises::after {
        right: 33.33%;
    }

}

ul.specs {
    gap: var(--gap);
}

ul.specs li {
    justify-content: space-between;
}

ul.specs li .list-number {
    display: block;
    width: 20%;
    letter-spacing: -7px;
}
ul.specs li .list-content {
    display: block;
    width: 80%;
    padding-left: 14px;
}

/* HIGHLIGHTS */

section.highlights picture {
    opacity: 10%;
}

section.highlights h2 {
    margin: 0;
}

section.highlights .title {
    padding-right: 10%;
}

section.highlights .content {
    padding-left: var(--gap);
}

section.highlights .content p {
    letter-spacing: 0.5px;
}

section.highlights .btn {
    margin-top: var(--gap);
}

section.highlights .btn button {
    color: var(--white);
}

section.highlights .career-number {
    padding-bottom: var(--gap);
    border-bottom: 1px dotted var(--grey-dark);
}

/* section.highlights .splide__track::before {
    content:'';
    display: block;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--grey-dark);
} */

/* PROFESSIONAL DEVELOPMENT */

section.development span.outline {
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid var(--grey-medium);
}

section.development h2 {
    margin-top: calc(var(--gap) * 1.25);
}

ul.boxes li > div {
    min-height: 300px;
    gap: 2px;
}

section.development .boxes span.h4 {
    margin: 0;
}

section.development .custom-arrows {
  width: 100%;
}

section.development .custom-arrows * {
  margin: 0;
}

section.development .splide .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);
}

section.development .splide button.splide-prev,
section.development .splide button.splide-next {
  border: 0;
  background-color: unset;
  height: 22px;
  cursor: pointer;
}

section.development .splide button.splide-prev svg {
  transform: rotate(-180deg);
}

.service-list::before,
.service-list::after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    border-bottom: 8px solid var(--accent);
    border-right: 8px solid var(--accent);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/* ========================================================== RESPONSIVE STARTS HERE ========================================================== */


@media
(max-width:1440px){
	.accreditations li p { letter-spacing: -0.5px; }
	.author figure { margin-top: calc(var(--gap) * 0.95); }
	.author figure picture { width: 52px; height: 52px; }
	
	section.specialises .container { width:100%; }
	ul.specs { gap:0; }
	section.specialises h2, ul.specs li { padding-inline: var(--container-side); }
	ul.specs li .list-number { letter-spacing: -3px; font-size: calc(var(--h3) * 0.8); }
}


@media
(max-width:1366px){
	section.banner .intro p.h5.navy.strong { letter-spacing: -0.9px; }
	section.banner .intro p.light, section.banner .author p, section.highlights .career-number p.white { letter-spacing: -0.4px; }
	ul.boxes li > div { min-height: 220px; }
}

@media
(max-width:1280px){
	section.banner .intro p.light, section.banner .author p, section.highlights .career-number p.white { letter-spacing:0; }
	.author figure { margin-top: calc(var(--gap) * 0.75); }
	.accreditations ul li::before { width:10px; height:10px; }
	ul.specs li .list-number { letter-spacing:-1px; }
}

@media
(max-width:1024px) and (orientation:landscape) {
	.accreditations { padding-left: calc(var(--gap) * 2); }
	.author { padding-right: calc(var(--gap) * 2); }
	ul.boxes li > div { min-height: 160px; }
}


@media
(max-width:1024px) and (orientation:portrait){
	h1 { order:1; }
	.intro { order:2; }
	.author { order:3; }
	.accreditations { order:4; }
	
	main#primary { padding-top: 68px; }
	.accreditations { padding-left: calc(var(--gap) * 1.5); }
	.author { padding-right: calc(var(--gap) * 1.5); }
	section.highlights .title { padding-right: 15%; }
	.accreditations > p { position: initial; margin-bottom: var(--gap); }
	ul.specs li .list-number { font-size:var(--h2); width: 25%; }
	ul.specs li .list-content { width: 75%; }
}

@media
(max-width:520px){
	h1.h1 { padding-right: 20%; }
	.author { padding-right:0; }
	.author figure picture { width: 72px; height: 72px; }
	.author figure figcaption { width: calc(100% - 64px); padding-left: 24px; }
	.author figure figcaption p.small.navy.regular { font-size: var(--h6); }
	.author figure figcaption small.smaller.grey-dark { font-size: var(--body-size); }
	.accreditations { padding-top: var(--gap); padding-left: calc(72px + 24px); }
	.accreditations > p { margin-bottom: 18px; }
	.accreditations li p { font-size: var(--small-size); }
	ul.specs li { gap: 10px; border:1px solid var(--grey-light); justify-content: flex-start; }
	ul.specs li .list-number, ul.specs li .list-content { width:100%; padding:0; margin:0; }
	section.specialises { padding-bottom:0; }
	section.highlights { padding-block: var(--section-padding); }
	.splide.highlights-numbers { padding-top: var(--section-padding); }
	section.highlights .content { padding-left:0; margin-top: var(--gap); }
	section.highlights .career-number p.white { letter-spacing: -0.5px; }
	section.development .row { gap: var(--gap); }
	section.development span.outline { display: none; }
	ul.boxes li { border-top: 1px solid var(--grey-medium); }
	section.development h2 { margin-top: 0; }
	ul.boxes li > div { padding-inline: calc(var(--gap) * 1); }
}