@font-face {font-weight: 200; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-200.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 500; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-500.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 600; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-600.woff2') format('woff2'); font-display: swap;}

@font-face {font-weight: 300; font-style: normal; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Light.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 300; font-style: italic; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Light-Italic.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 400; font-style: normal; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Regular.woff2') format('woff2'); font-display: swap;}


:root {
    --pg-carousel-w: min(87dvw, 1200px);
    --pg-carousel-h: calc(var(--pg-carousel-w) * 0.5417);
  }

.pg-dp26 {


	--black: #000;
	--navy: #012332;
	--offwhite: #f6f4ef;
	--stone: #f0ede5;
	--terracotta: #9f6a4c;
	--white: #fff;

	--border: 1px solid rgb(from var(--terracotta) r g b / .3);

	* {margin: 0; padding: 0;}
	*, ::before, ::after {box-sizing: border-box;}

	h1 {min-height: 0; text-transform: none; background: none;}
	img, picture, svg, video {height: auto; max-width: 100%; vertical-align: middle;}
	svg[width="0"][height="0"] {position: fixed;}
	svg[width="0"][height="0"][aria-hidden="true"] {display: none;}
  
  
  .breadcrumb_last { letter-spacing: 0em; }

	.prevbtn, .nextbtn {border-width: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; touch-action: manipulation;}

	.h1m {font: 300 clamp(3.625rem, -1.042rem + 23.333vw, 6.25rem)/1 'GT Sectra Display', serif; color: var(--terracotta);}
	.h2m {font: 300 4.375rem/.9 'GT Sectra Display', serif; letter-spacing: normal; color: var(--terracotta);}
	.h3m {font: 300 3.125rem/.9 'GT Sectra Display', serif; letter-spacing: -.02em; color: var(--terracotta);}
	.h4m {font: 300 2.5rem/1 'GT Sectra Display', serif!important; letter-spacing: -.02em; color: var(--terracotta);}
	.h5m {font: 400 2rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.02em; color: var(--terracotta);}
	.h6m {font: 300 1.375rem/1.09 'GT Sectra Display', serif !important; letter-spacing: .01em; color: var(--terracotta);}

	.lbc {font: 200 1.125rem/1.7 'DM Sans', sans-serif; letter-spacing: .02em; color: var(--navy);}
	.sbc {font: 200 1rem/1.7 'DM Sans', sans-serif; letter-spacing: .02em; color: var(--navy);}
	.att {font: 200 .875rem/1.3 'DM Sans', sans-serif; letter-spacing: .02em; color: var(--navy);}
	.tag {font: 600 .875rem/1.4 'DM Sans', sans-serif; text-transform: uppercase; letter-spacing: .35em; color: var(--navy);}

	@media (width >= 48em) {

		.h1d {font: 300 10.625rem/.94 'GT Sectra Display', serif; letter-spacing: normal; color: var(--terracotta);}
		.h2d {font: 300 7.8125rem/.9 'GT Sectra Display', serif; letter-spacing: -.02em; color: var(--terracotta);}
		.h3d {font: 300 6.5625rem/.9 'GT Sectra Display', serif; letter-spacing: -.02em; color: var(--terracotta);}
		.h4d {font: 300 5rem/1 'GT Sectra Display', serif!important; letter-spacing: -.02em; color: var(--terracotta);}
		.h5d {font: 400 2.9375rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.02em; color: var(--terracotta);}
		.h6d {font: 400 2rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.0em; color: var(--terracotta);}

		.lbc {font: 200 1.375rem/1.7 'DM Sans', sans-serif; letter-spacing: .02em; color: var(--navy);}
		.sbc {font: 200 1.125rem/1.7 'DM Sans', sans-serif; letter-spacing: .02em; color: var(--navy);}
		.tag {font: 600 1rem/1.4 'DM Sans', sans-serif; letter-spacing: .35em; color: var(--navy);}

	}

	.btn {padding: 1.5625rem 2.5rem 1.375rem; border: 1px solid var(--terracotta); border-radius: 0; font: 500 .875rem/1 'DM Sans', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: .15em; color: var(--white) !important; background-color: var(--terracotta);}
	.btnB {color: var(--terracotta) !important; background-color: transparent;}
	.btn:hover {background-color: #7e4d31;}
	.btn2 {border-color: var(--white); color: var(--navy) !important; background-color: var(--white);}
	.btn2B {color: var(--white) !important; background-color: transparent;}
	.btn2:hover {background-color: #f0ede5;}
	.txtlink {font: 500 .875rem/1.1 'DM Sans', sans-serif; text-transform: uppercase; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; letter-spacing: .2em; color: var(--terracotta);}
	.txtlink:hover {text-decoration: none;}
	.wrap {margin-inline: max(var(--hs, 1.5625rem), ((100% - var(--mw, 75rem)) / 2));}

	/* *** */

	.wys {margin-block: clamp(3.125rem, 0.893rem + 11.161vw, 6.25rem); font: 200 clamp(1rem, 0.911rem + 0.446vw, 1.125rem)/1.7 'DM Sans', sans-serif; --mw: 57.5rem;}
	.wys * {margin: revert; margin-bottom: 0; padding: revert;}
	.wys > :first-child {margin-top: 0;}
	.wys h2 {font: 300 2rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.02em; color: var(--terracotta);} /* h5m */
	.wys a {color: inherit;}
	.wys a:not(:hover) {text-decoration: underline;}

	@media (width >= 48em) {
		.wys h2 { font: 400 2.9375rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.02em; color: var(--terracotta);} /* h5d */ }
    .wys h3 { font: 400 2.25rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -.02em; color: var(--terracotta);} /* h5d */ }

	.bc {padding-block: clamp(.75rem, .304rem + 2.232vw, 1.375rem); background-color: #f6f4ef;}
	.bc #breadCrumb { font-size: 0.875rem; float: none; margin: 0;}


  /* Clip layer: prevents horizontal scrollbar while allowing visual bleed */
  .pg-carousel-clip { overflow: hidden; width: 100%; }

  /* Inner wrapper: fluid up to 1200px, overflow visible so track bleeds */
  .pg-carousel-wrapper {
    width: var(--pg-carousel-w);
    margin: 0 auto;
    position: relative;
    overflow: visible;
  }

  /* Filmstrip track */
  .pg-carousel-track {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    transition: transform 0.55s cubic-bezier(0.77, 0, 0.18, 1);
    will-change: transform;
  }

  /* Slides */
  .pg-carousel-track .pg-slide {
    flex: 0 0 auto;
    height: var(--pg-carousel-h);
    position: relative;
    overflow: hidden;
  }

  .pg-carousel-track .pg-slide img {
    height: var(--pg-carousel-h);
    width: auto;
    display: block;
  }

  /* Nav */
  .pg-carousel-nav {
    width: var(--pg-carousel-w);
    margin: 20px auto 0;
    display: flex;
    gap: 12px;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
  }

  /* SVG button styles — matches your existing prevbtn/nextbtn template */
  .pg-carousel-nav .prevbtn,
  .pg-carousel-nav .nextbtn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s, transform 0.2s;
    border-radius: 50%;
  }

  .pg-carousel-nav .prevbtn:hover:not([aria-disabled="true"]),
  .pg-carousel-nav .nextbtn:hover:not([aria-disabled="true"]) {
    transform: scale(1.08);
  }

  .pg-carousel-nav .prevbtn[aria-disabled="true"],
  .pg-carousel-nav .nextbtn[aria-disabled="true"] {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
  }

  .pg-carousel-nav .prevbtn:focus-visible,
  .pg-carousel-nav .nextbtn:focus-visible {
    outline: 2px solid #9f6a4c;
    outline-offset: 4px;
  }

  /* Visible slide counter */
  .pg-carousel-counter {
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #9f6a4c;
    min-width: 3em;
    text-align: center;
  }

  /* Screen reader only utility */
  .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }



	.hero-carousel:not(:defined) {display: grid; gap: clamp(0.75rem, -0.5rem + 6.25vw, 2.5rem); justify-items: center;}
	.hero-carousel:defined {display: grid; grid-template: auto auto / 0 1fr auto 1fr 0; gap: 1.25rem; max-width: 100%; overflow: clip; background-image: linear-gradient(180deg, #f6f4ef 60%, #fff 60%);}
	.hero-carousel:defined .slide-wrap {display: grid; grid-area: 1 / 1 / 2 / -1; align-items: start;}
	.hero-carousel:defined .slide-wrap * {grid-area: 1 / 1;}
	.hero-carousel:defined .slide-wrap [aria-hidden="false"] {z-index: 1;}
	.hero-carousel:defined .slide-wrap > * {aspect-ratio: 1200 / 650; width: min(87dvw, 1200px); margin-inline: auto; transform-origin: top center; transition: .3s ease-out; --spacer: calc(100dvw - 100%);}
	.hero-carousel:defined .slide-wrap > *:has(~ [aria-hidden="false"]) {z-index: 2; translate: calc(-100% - (var(--spacer) / 4)); scale: 75%; transform-origin: top right;}
	.hero-carousel:defined .slide-wrap > [aria-hidden="false"] ~ * {translate: calc(100% + (var(--spacer) / 4)); scale: 75%; transform-origin: top left;}
	.hero-carousel:defined .slide-wrap > * img { /* width: 100%;*/ height: 100%; max-width: none; object-fit: cover; margin-inline: auto; }
	.hero-carousel:defined > [role="group"] {display: grid; grid-area: 2 / 1 / 3 / -1; grid-template: subgrid / subgrid;}
	.hero-carousel:defined > [role="group"] > * {border: 0; background: none;}
	.hero-carousel:defined .prevbtn {grid-area: 1 / 2; justify-self: end;}
	.hero-carousel:defined .nextbtn {grid-area: 1 / 4; justify-self: start;}
	.hero-carousel:defined .status {grid-area: 2 / 3; align-self: center; font: 500 .875rem/1.4 sans-serif; font-feature-settings: 'tnum'; font-variant-numeric: tabular-nums; letter-spacing: .35em; color: var(--terracotta);}

	@media (width > 1200px) {
		.hero-carousel:defined .slide-wrap > * {--spacer: 160px;}
	}

	.head {margin-block: clamp(3.5rem, 5.107rem + -8.036vw, 1.25rem) clamp(3.125rem, 1.607rem + 7.589vw, 5.25rem); padding-bottom: 2.5rem; border-bottom: 1px solid rgb(from var(--terracotta) r g b / .3);}
	.head h1 {min-height: 0; background: none;}
	.head h1 + div {margin-top: .75rem;}

	.wys-plus-sidebar {display: flex; flex-wrap: wrap; gap: 3.125rem 4.875rem; margin-block: clamp(3.125rem, 1.339rem + 8.929vw, 5.625rem);}
	.wys-plus-sidebar .wys {flex-grow: 1; flex-basis: 47.875rem; margin-block: 0;}
	.wys-plus-sidebar aside {/*display: grid;*/ flex-grow: 1; flex-basis: 22.1875rem; justify-content: center; padding: clamp(2.125rem, 1.768rem + 1.786vw, 2.625rem); background-color: #f6f4ef;}
	.wys-plus-sidebar aside > * {max-width: min(272px, 100%);}
	.wys-plus-sidebar aside h2 {margin-top: 1.25rem;}
	.wys-plus-sidebar aside h2 div {margin-top: .625rem; text-transform: none;}
	.wys-plus-sidebar aside p {margin-top: .625rem;}
	.wys-plus-sidebar aside a {display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; align-items: center; margin-top: 1.25rem;}

	.get-the-look {background-color: #f6f4ef;}
	.get-the-look .wrap {margin-block: clamp(3.125rem, 0.893rem + 11.161vw, 6.25rem); padding-bottom: 5rem;}
	.get-the-look > img {display: block; margin-inline: auto;}
	.get-the-look h2 {margin-block: 2.8125rem; text-align: center;}
	.gtl-cards { /* display: grid;  grid-template-columns: repeat(auto-fit, minmax(min(var(--cardwidth), 100%), 1fr));*/ gap: 1.75rem; list-style: none; --cardwidth: 9.75rem; display: flex; justify-content: center; flex-wrap: wrap;}
	.gtl-card {padding: 1.25rem 2% /* 1.25rem 5% */; text-align: center;}
	.gtl-card { display: grid; grid-template-rows: 1fr auto auto auto; gap: .625rem; height: 100%; max-width: 17rem/*17.625rem*/; }
	.gtl-card .sbc {margin-top: 1.875rem;}

	@media (width >= 1200px) {
		.get-the-look {background-color: transparent; background-image: linear-gradient(180deg, #fff 25%, #f6f4ef 25%, #f6f4ef 75%, #fff 75%);}
		.get-the-look .wrap {padding-bottom: 0;}
		.gtl-card span:not(:last-child) {margin-top: 2.5rem;}
	}

	@media (width >= 1250px) {
		.gtl-cards {--cardwidth: 17.4375rem;}
	}

	.img-split {display: grid; grid-template: min(70dvw, 564px) auto / auto auto; gap: 1rem; margin-block: clamp(3.125rem, .893rem + 11.161vw, 6.25rem) clamp(2.625rem, 1.643rem + 4.911vw, 4rem); --hs: 0px;}
	.img-split img {width: 100%; height: 100%; max-width: none; object-fit: cover;}
	.img-split figcaption {grid-area: 2 / 1 / 3 / -1; padding-inline: 1.5625rem;}

	@media (width >= 1250px) {
		.img-split figcaption {padding-inline: 0; text-align: right;}
	}

	.quote {margin-block: clamp(3.125rem, 2.009rem + 5.58vw, 4.688rem); padding: clamp(5rem, 4.107rem + 4.464vw, 6.25rem) clamp(2.188rem, -2.946rem + 25.67vw, 9.375rem); text-align: center; background-color: #f6f4ef; background-image: url('images/quote.svg'); background-position: center; background-repeat: no-repeat; background-size: min(50dvw, 274px); --hs: 0px;}

	.big-img {display: grid; gap: 1rem; margin-block: clamp(3.125rem, 0.893rem + 11.161vw, 6.25rem); --hs: 0px;}
	.big-img figcaption {padding-inline: 1.5625rem; text-align: center;}

	@media (width >= 1250px) {
		.big-img figcaption {padding-inline: 0; text-align: right;}
	}

	.cta-box {margin-block: clamp(3.125rem, .893rem + 11.161vw, 6.25rem); padding-block: clamp(6.25rem, 4.911rem + 6.696vw, 8.125rem); text-align: center; background-color: #f6f4ef; background-image: url('images/m-mask.png');}
	.cta-box .wrap {display: grid; gap: 1.875rem; justify-items: center;}

	.rel-posts {margin-block: clamp(3.125rem, 0.446rem + 13.393vw, 6.875rem);}
	.relpost-cards {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(16.875rem, 100%), 1fr)); gap: 2rem 2.8125rem; margin-top: 2rem; list-style: none;}
	.relpost-card {display: grid; gap: .625rem;}
	.relpost-card img {margin-bottom: .25rem;}
	.relpost-card a:not(.txtlink) {font: 500 1.375rem/1.1 'DM Sans', sans-serif; text-decoration: none; letter-spacing: 1%; color: var(--navy);}

}