main#primary { padding-top: 90px; }
h2, .h2{font-size:calc(var(--h2)*0.8);}
h3, .h3{font-size:calc(var(--h3)*0.8);}
h4, .h4{font-size:calc(var(--h4)*0.8);}
h5, .h5{font-size:calc(var(--h5)*0.8);}
h6, .h6{font-size:calc(var(--h6)*0.8);}


/* BANNER */

section.banner .container .content {
    height: max(720px,75vh);
    padding-inline: var(--container-side);
}
section.banner h1 {
    margin: 0;
    font-size: calc(var(--h2) * 0.75);
    letter-spacing: -2px;
}

section.banner .description a small {
    display: block;
    width: 100%;
    font-weight: 500;
    margin-bottom: 32px;
    position: relative;
    transition: var(--smooth);
}

section.banner .description a:hover small {
    color: var(--accent);
}

section.banner .description a small::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--accent);
    transition: var(--smooth);
}

section.banner .description a:hover small::after {
    width: 100%;
}

section.banner .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 50%;
    top: 0;
    left: 0;
    background: #0A0F20;
    background: linear-gradient(180deg, rgba(10, 15, 32, 0) 0%, rgba(10, 15, 32, 1) 100%);
}

/* ==================== SUCCESS STORIES ==================== */


/* ACCORDION */

article.case-study .block-accordion {
    border-top: 0;
}

article.case-study .accordion-title, article.case-study .impact h2 {
    transition: var(--smooth);
	font-weight:800;
}

article.case-study .single-accordion:not(.active) .accordion-title:hover {
    color: var(--accent);
}

article.case-study .block-accordion > div:first-of-type {
    padding-top: 0;
}

article.case-study .single-accordion.active .accordion-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

article.case-study .block-accordion ul {
    display: flex;
    flex-direction: column;
	margin-top:var(--gap);
}

article.case-study .block-accordion ul li {
    padding-left: calc(var(--gap) * 1.25);
    position: relative;
    padding-block: calc(var(--gap) * 0.25);
}

article.case-study .block-accordion 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;
    transition: var(--smooth);
    opacity: 50%;
    filter: saturate(0);
}

article.case-study .block-accordion ul li,
article.case-study .block-accordion ul li p {
    font-size: var(--small-size);
    font-weight: 400;
    letter-spacing: -0.4px;
}

article.case-study .block-accordion ul li:hover::before {
    opacity: 100%;
    filter: saturate(1);
}

article.case-study .single-accordion { padding-block: calc(var(--gap) * 1); }


/* IMPACT */

article.case-study  .impact h2 {
    padding-left: calc(var(--gap) * 1.5);
}

article.case-study  ul.boxes {
    margin-top: 16px;
}

article.case-study  ul.boxes li:not(:first-of-type)::before {
    content: unset;
}
article.case-study  ul.boxes li {
    width: 50%;
    border: 1px solid var(--grey-medium);
}

article.case-study  ul.boxes li > div {
    gap: 0;
}

article.case-study  ul.boxes li > div * {
    margin: 0;
}

article.case-study  ul.boxes li > div p {
    line-height: 110%;
}

/* TAKEAWAY */

article.case-study  .takeaway picture {
    opacity: 50%;
}

article.case-study  .takeaway picture img {
    object-position: top;
}

article.case-study  .takeaway .btn {
    margin-top: var(--gap);
    width: fit-content;
}

article.case-study  .takeaway .btn button {
    color: var(--white);
}

section.cta picture {
    left: 0;
    right: 0;
    margin: 0 auto;
}

section.cta h2 {
    margin: 0;
}

section.cta .btn button { color: white;}

/* ==================== BLOGS ==================== */

article.blog section.content {
    border-top: 1px solid var(--grey-medium);
    border-bottom: 1px solid var(--grey-medium);
}


article.blog section.content .row > *:last-of-type {
    padding-bottom: var(--section-padding);
}

.blog--block { width: 100%; }

.blog--block p { margin-bottom:calc(var(--gap) * 0.75); display:block; font-size: var(--small-size); color:var(--navy); }

.blog--block p a { font-weight: 500; transition:var(--smooth); color:var(--grey-darker); }
.blog--block p a:hover { color:var(--accent); text-decoration:underline; }

.blog--block ol {
  counter-reset: list-counter;
  list-style: none;
	border-top: 1px dotted var(--grey-light);
	margin-block: 8px 16px;
}

.blog--block ol li {
  counter-increment: list-counter;
  position: relative;
	padding-block:8px;
	border-bottom: 1px dotted var(--grey-light);
  font-size: var(--small-size);
  padding-left: 40px;
}

.blog--block ol li p {
  font-size: var(--small-size);
}

.blog--block ol li::before {
  content: "[" counter(list-counter, decimal-leading-zero) "]";
  position: absolute;
  left: 0;
  width: 40px;
  font-size: var(--small-size);
	font-weight: 500;
	color:var(--accent)
}

.blog--block ul {
  list-style: none;
  border-top: 1px dotted var(--grey-light);
  margin-block: 8px 16px;
  padding-left: 0; /* togli padding predefinito */
}

.blog--block ul li {
  position: relative;
  padding-block: 8px;
  border-bottom: 1px dotted var(--grey-light);
  font-size: var(--small-size);
  padding-left: 40px; /* spazio per l'immagine */
}

.blog--block ul li p {
  font-size: var(--small-size);
}

.blog--block ul li::before {
  content: "";
  position: absolute;
  left: 0;
	top:14px;
  width: 40px;
  height: 12px; /* altezza dell'immagine */
  background-image: url('https://adamtaylorcmo.com/wp-content/uploads/2025/11/arrow-up.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}



.blog--block picture { margin-top: var(--gap); height:440px; display: flex; }

.author, .info { width:100%; }

.author figure {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

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

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

.info {
	padding:var(--gap) 0;
}

.info p {
 display: block;
 width: 100%;
	font-size:var(--smaller-size);
}

article.blog section.content .row > * {
    padding-inline: calc(var(--gap) * 2);
}

article.blog section.content .row .post-table {
	order:1;
	padding-left:0;
	height:fit-content;
	position: sticky;
    top: calc(var(--section-padding) * 1);
}

article.blog section.content .row .post-table a {
	transition:var(--smooth);
	margin-bottom:calc(var(--gap) * 0.5);
	line-height:130%;
	display: block;
	width:100%;
}
article.blog section.content .row .post-table a:hover {
	color:var(--navy)
}

article.blog section.content .row .post-blocks {
	border-left: 1px solid var(--grey-medium);
    border-right: 1px solid var(--grey-medium);
	order:2;
}

article.blog section.content .row .post-info {
	order:3;
	padding-right:0;
	flex-direction:column;
	gap:var(--gap);
	height: fit-content;
    position: sticky;
    top: calc(var(--section-padding) * 1);
}

/* RELATED */

.post-card { padding-inline: calc(var(--gap) * 0.5); }
.post-card--content h3 { min-height: 66px; }
.post-card--content p { min-height: 82px; }


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

@media
(max-width:1650px){	
	section.banner .container .content { height: max(650px, 75vh); }
	picture.post-card--image { height: 280px; }		
}

@media
(max-width:1440px){	
	section.banner .container .content { height: max(640px, 75vh); }
	picture.post-card--image { height: 240px; }
	.post-card--content h3 { min-height: 56px; }		
}

@media
(max-width:1280px){	
	.author figure picture { width:68px; height:68px; }	
	.author figure figcaption { width: calc(100% - 68px); }
	.info { padding: calc(var(--gap) * 0.5) 0; }
	.blog--block ul li { padding-left: 30px; }
	.blog--block ul li::before { top: 10px; width: 30px; }
	.blog--block p, .blog--block li { font-size: var(--body-size); }
	
	article.case-study .block-accordion ul li { padding-block: calc(var(--gap) * 0.5); }
	article.case-study .block-accordion ul li, article.case-study .block-accordion ul li p { font-size: var(--body-size); }
	article.case-study .block-accordion ul li::before { top: calc((var(--gap) * 0.5) + 2px); }
}

@media
(max-width:1024px) and (orientation:landscape){	
	section.banner .container .content { height: max(520px, 80vh); }
	.author figure picture { width:50px; height:50px; }	
	.author figure figcaption { width: calc(100% - 50px); }
	.info { padding: calc(var(--gap) * 0.4) 0; }
	.blog--block ul li { padding-left: 24px; }
	.blog--block ul li::before { top: 10px; width: 24px; }
}

@media
(max-width:1024px) and (orientation:portrait){
	main#primary { padding-top: 70px; }
	section.banner .container { width:100%; }
	section.banner .container .content { height: fit-content; padding-block:calc(var(--section-padding) * 1); padding-inline: var(--container-side); }	
	section.banner .container .content .title { height: 440px; display: flex; align-items: flex-end; }
	section.banner h1 { font-size:calc(var(--h1) * 0.8); }
	.description { gap: var(--gap); margin-top: 30px; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; }
	.description p { width: 70%; }
	section.banner .description a small { margin: 0; }
	
	section.content .row { gap: calc(var(--gap) * 2); }
	section.content h2 { font-size: var(--h3); }
	ul.boxes li::before { content:''!important; width:32px; height:32px; left:-16px; top:-16px; }
	article.case-study .impact h2 { padding:0; }
	article.case-study ul.boxes li { width:25%; }
	article.case-study .single-accordion { calc(var(--gap) * 2); }
	article.case-study .single-accordion.active .accordion-content { padding: 12px 0 0; }
	article.case-study ul.boxes { margin-top: 36px; }
	section.cta .container { width: 100%; }
	section.cta > .container > .row { padding-inline: var(--container-side); padding-block: calc(var(--section-padding) * 2); }
	section.cta h2 { font-size:var(--h1); margin-bottom: 22px; }
}

@media
(max-width:990px){
	article.blog section.content .row > * { padding-inline: calc(var(--gap) * 1.15); }
	article.blog section.content .row .post-table { padding-left:0; }
	article.blog section.content .row .post-info { padding-right:0; }
	section.related ul.row { row-gap: calc(var(--gap) * 2); }
	.post-card--content p { min-height: 70px; }
	.post-card--content h3 { font-size:var(--h5); min-height:84px; }
	.post-card--content a.btn { margin-top: 18px; }
}

@media
(max-width:990px) and (min-width:768px){
	.author figure { flex-direction: column; align-items:center; }
	.author figure picture { width:120px; height:120px; border-radius:120px;}
	.author figure figcaption { padding:0; margin-top:var(--gap); width:100%; }
	.author figure figcaption * { text-align:center; }
}


@media
(max-width:520px){
	
	h2, .h2 { font-size: var(--h2); }
	h3, .h3 { font-size: var(--h3); }
	h4, .h4 { font-size: var(--h4); }
	h5, .h5 { font-size: var(--h5); }
	h6, .h6 { font-size: var(--h6); }
	
	main#primary { padding-top: 68px; }
	section.banner { padding-bottom:var(--section-padding); }
	article.blog section.content { border:none; }
	section.banner .container .content .title { height: 320px; }
	section.banner h1 { font-size: var(--h1); }
	section.banner .description { gap:0; }
	section.banner .description p { width: 70%; }
	
	article.blog section.content .row .post-table { order:2; border:none; padding-inline:0; position:initial;  }
	article.blog section.content .row .post-blocks { order:3; border:none; padding-inline:0; padding-bottom:0; }
	article.blog section.content .row .post-info { order:1; border:none; padding:0; position:initial; flex-direction:row; gap:0; }
	article.blog section.content .row .post-info .info { width: 45%; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:0px; }
	article.blog section.content .row .post-info .info p { width:fit-content; }
	article.blog section.content .row .post-info .author { width: 55%; }
	
	article.blog section.content .row .post-table p.h5 { font-size: var(--h3); color:var(--navy); padding-bottom:0; margin-bottom:18px;  }
	article.blog section.content .row .post-table a { font-size:var(--small-size); color: var(--grey-darker); }
	
	.blog--block ul li { font-size: var(--body-size); padding-block: 12px; }
	.blog--block ul li::before { height: 16px; top: 15px; }
	
	section.related { padding-top: var(--section-padding); }
	section.related ul.row { row-gap: calc(var(--gap) * 1.25); }
	.post-card { padding-inline: calc(var(--gap) * 0.25); gap:14px; }
	picture.post-card--image { height: 160px; }
	.post-card--content h3 { font-size: var(--h6); min-height:94px; }
	.post-card--content p { letter-spacing: -0.4px; min-height: 84px; }
	
	article.case-study ul.boxes li { width: 50%; }
	article.case-study section.content { padding-top:0; }
	section.cta h2 { margin-bottom: 32px; letter-spacing: -2px; }
	article.case-study .block-accordion ul li::before { filter:unset; opacity:100%;}
	
	section.cta > .container > .row { padding-block: calc(var(--section-padding) * 1.25); }
}