/* Portfolio Hero */
.portfolio-hero {width:100vw;margin-left:calc(50% - 50vw);background:var(--accent2-color);color:var(--body-text-color);overflow:hidden;}
.portfolio-hero__inner {display:grid;grid-template-columns:minmax(5vw, 1fr) minmax(0, 660px) minmax(0, 780px) minmax(5vw, 1fr);height:560px;}
.portfolio-hero__content {grid-column:2;padding:2em 3em 2em 0;align-self:center;}
.portfolio-hero__title {margin:0;color:var(--primary-color);font-size:clamp(2.35em, 2.7vw, 2.75em);font-weight:400;line-height:1.05;letter-spacing:.01em;}
.portfolio-hero__rule {width:64px;height:2px;margin:.75em 0;background:var(--accent1-color);}
.portfolio-hero__text {margin:0 0 2em 0;font-size:1.05em;line-height:1.65;}
.portfolio-hero__text p {margin:0 0 1em 0;}
.portfolio-hero__text p:last-child {margin-bottom:0;}
.portfolio-hero__buttons {display:flex;flex-wrap:wrap;gap:1em;margin-top:1.75em;}
.portfolio-hero__button {display:inline-flex;align-items:center;justify-content:center;gap:.75em;min-width:170px;padding:1em 1.5em;border:1px solid var(--secondary-color);background:transparent;color:var(--primary-color);font-size:.8em;font-weight:800;line-height:1.2;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.portfolio-hero__button:hover, .portfolio-hero__button:focus {background:var(--secondary-color);border-color:var(--secondary-color);color:var(--primary-color);}
.portfolio-hero__button--primary {background:var(--primary-color);border-color:var(--primary-color);color:#fff;}
.portfolio-hero__button--primary:hover, .portfolio-hero__button--primary:focus {background:var(--secondary-color);border-color:var(--secondary-color);color:var(--primary-color);}
.portfolio-hero__button-icon {font-size:1.2em;line-height:1;}
.portfolio-hero__media {grid-column:3 / 5;position:relative;height:100%;overflow:hidden;}
.portfolio-hero__image, .portfolio-hero__video {display:block;width:100%;height:100%;object-fit:cover;}
.portfolio-hero__video {background:var(--accent3-color);}
.portfolio-hero__embed {position:relative;width:100%;height:100%;overflow:hidden;background:var(--accent3-color);}
.portfolio-hero__embed iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.portfolio-hero__media--embed {align-self:center;height:auto;aspect-ratio:16 / 9;background:transparent;overflow:visible;margin-right:5vw;}
.portfolio-hero__media--embed .portfolio-hero__embed {height:100%;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 10px 18px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.15);}
.portfolio-hero__media--embed iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}


@media (max-width:1080px) {
.portfolio-hero__inner {grid-template-columns:5vw 1fr 5vw;height:auto;min-height:0;}
.portfolio-hero__content {grid-column:2;padding:3em 0;align-self:start;}
.portfolio-hero__breadcrumbs {margin-bottom:1.25em;}
.portfolio-hero__title {max-width:820px;font-size:2.75em;line-height:1.1;letter-spacing:.04em;}
.portfolio-hero__rule {margin:1.5em 0;}
.portfolio-hero__text {max-width:720px;margin-bottom:1.75em;font-size:1em;line-height:1.55;}
.portfolio-hero__buttons {gap:1em;margin-top:1.75em;}
.portfolio-hero__button {min-width:180px;padding:.9em 1.25em;}
.portfolio-hero__media {grid-column:1 / 4;height:360px;min-height:0;overflow:hidden;}
.portfolio-hero__media img, .portfolio-hero__image, .portfolio-hero__video {display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center;}
.portfolio-hero__media--embed {grid-column:2 / 3;height:auto;aspect-ratio:16 / 9;margin-right:0;margin-bottom:3em;}
.portfolio-hero__media--embed .portfolio-hero__embed {height:100%;aspect-ratio:16 / 9;}


}

@media (max-width:768px) {
.portfolio-hero__content {padding:2.5em 0;}
.portfolio-hero__title {font-size:2.1em;line-height:1.15;letter-spacing:.03em;}
.portfolio-hero__text {font-size:1em;line-height:1.5;}
.portfolio-hero__buttons {flex-direction:column;align-items:stretch;}
.portfolio-hero__button {width:100%;max-width:none;}
.portfolio-hero__media {height:280px;}
	.portfolio-hero__media--embed {height:auto;aspect-ratio:16 / 9;}

}