/* Explore the Region — an editorial introduction to Western PEI. */

.nc-region { overflow: hidden; background: #fff; color: var(--nc-ink); font-family: var(--font-sans); }
.nc-region *, .nc-region *::before, .nc-region *::after { box-sizing: border-box; }
.nc-region h1, .nc-region h2, .nc-region h3, .nc-region p, .nc-region figure { margin-top: 0; }
.nc-region h1, .nc-region h2, .nc-region h3 { margin-bottom: 0; color: inherit; letter-spacing: -.035em; line-height: 1.04; }
.nc-region h2 { font-size: clamp(2.5rem, 4.8vw, 4.65rem); }
.nc-region img { display: block; max-width: 100%; }

.nc-region__eyebrow { margin: 0 0 13px; color: #ffc1b2; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.nc-region__eyebrow--dark { color: var(--nc-clay); }

.nc-region__hero { position: relative; display: flex; min-height: clamp(660px, 65vw, 800px); align-items: center; isolation: isolate; background-color: var(--nc-charcoal-blue); background-position: 54% center; background-size: cover; color: #fff; }
.nc-region__hero::before { content: ''; position: absolute; inset: 24px; z-index: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 4px 90px 4px 4px; pointer-events: none; }
.nc-region__hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,27,42,.9) 0%, rgba(7,27,42,.64) 37%, rgba(7,27,42,.16) 67%, rgba(7,27,42,.03)), linear-gradient(0deg, rgba(7,27,42,.38), transparent 50%); }
.nc-region__hero-inner { position: relative; z-index: 2; width: 100%; padding-block: clamp(105px, 11vw, 145px); }
.nc-region__hero-content { position: relative; max-width: 790px; padding: clamp(26px,3vw,42px) clamp(25px,3.5vw,48px); border-left: 5px solid var(--nc-clay); background: linear-gradient(100deg,rgba(8,29,44,.52),rgba(8,29,44,.05)); backdrop-filter: blur(2px); }
.nc-region__hero-label { display: inline-flex; margin: 0 0 28px; padding: 8px 15px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: #fff; background: rgba(212,103,76,.88); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 8px 22px rgba(5,22,34,.2); }
.nc-region__hero h1 { max-width: 850px; font-size: clamp(3.5rem, 7vw, 7rem); line-height: .93; text-wrap: balance; text-shadow: 0 6px 28px rgba(0,0,0,.25); }
.nc-region__hero-content > p:last-child { max-width: 660px; margin: 25px 0 0; color: rgba(255,255,255,.9); font-size: clamp(1.05rem,1.4vw,1.22rem); line-height: 1.7; }
.nc-region__hero-coastline { position: absolute; right: 0; bottom: -1px; left: 0; z-index: 3; height: clamp(28px,4vw,54px); background: #fff; clip-path: polygon(0 65%,8% 48%,17% 69%,28% 38%,39% 63%,50% 44%,62% 70%,74% 42%,86% 61%,100% 35%,100% 100%,0 100%); }

.nc-region__intro { position: relative; padding: clamp(62px,8vw,110px) 0; background: #fff; }
.nc-region__intro::after { content: ''; position: absolute; right: -70px; bottom: -110px; width: 270px; height: 270px; border: 1px solid rgba(212,103,76,.19); border-radius: 50%; }
.nc-region__intro-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: clamp(50px,8vw,130px); align-items: center; }
.nc-region__intro-grid > p { margin: 0; padding-left: clamp(25px,3vw,42px); border-left: 1px solid var(--nc-border); color: var(--nc-muted); font-size: clamp(1.05rem,1.3vw,1.18rem); line-height: 1.82; }
.nc-region__oyster-signature { display: inline-flex; gap: .5em; align-items: baseline; margin: 0 0 22px; color: var(--nc-clay); font-size: .68rem; font-weight: 800; letter-spacing: .16em; line-height: 1; text-transform: uppercase; }
.nc-region__oyster-signature strong { color: inherit; font-size: 1em; letter-spacing: .1em; }

.nc-region__story { padding: clamp(66px,8vw,105px) 0; }
.nc-region__story--navy { background: var(--nc-charcoal-blue); color: #fff; }
.nc-region__story--cream { background: linear-gradient(135deg,#faf6ef,#f1e7d9); }
.nc-region__story-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: clamp(48px,7vw,110px); align-items: center; }
.nc-region__story-grid--reverse { grid-template-columns: minmax(320px,.92fr) minmax(0,1.08fr); }
.nc-region__story-grid--reverse .nc-region__photo { grid-column: 2; }
.nc-region__story-grid--reverse .nc-region__copy { grid-column: 1; grid-row: 1; }
.nc-region__photo { position: relative; min-height: clamp(390px,43vw,590px); margin: 0; overflow: hidden; border-radius: 28px; box-shadow: 0 22px 55px rgba(6,24,37,.22); }
.nc-region__photo--arch { border-radius: 120px 120px 28px 28px; }
.nc-region__photo--offset { transform: rotate(-1.4deg); }
.nc-region__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.nc-region__photo:hover img { transform: scale(1.035); }
.nc-region__copy h2 { max-width: 680px; }
.nc-region__copy > p:last-child { margin: 27px 0 0; color: var(--nc-muted); font-size: clamp(1.02rem,1.2vw,1.15rem); line-height: 1.8; }
.nc-region__story--navy .nc-region__copy > p:last-child { color: rgba(255,255,255,.76); }

.nc-region__culture { padding: clamp(66px,8vw,105px) 0; background: #fff; }
.nc-region__section-head { display: flex; gap: 45px; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(35px,5vw,62px); }
.nc-region__section-head > p { max-width: 420px; margin: 0 0 6px; color: var(--nc-muted); line-height: 1.7; }
.nc-region__culture-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(14px,2vw,25px); }
.nc-region__culture-card { position: relative; min-height: clamp(430px,44vw,590px); overflow: hidden; border-radius: 52px 52px 16px 16px; color: #fff; box-shadow: var(--nc-shadow); }
.nc-region__culture-card > img, .nc-region__culture-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.nc-region__culture-card > img { object-fit: cover; transition: transform .65s ease; }
.nc-region__culture-card:nth-child(2) > img { object-position: 58% center; }
.nc-region__culture-shade { background: linear-gradient(180deg,rgba(7,27,42,.02) 25%,rgba(7,27,42,.92)); }
.nc-region__culture-card > div:last-child { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: clamp(24px,3vw,36px); }
.nc-region__culture-card h3 { font-size: clamp(1.55rem,2.3vw,2.25rem); font-weight: 650; }
.nc-region__culture-card p { margin: 14px 0 0; color: rgba(255,255,255,.82); line-height: 1.6; }
.nc-region__culture-card:hover > img { transform: scale(1.045); }

.nc-region__communities { padding: clamp(70px,9vw,120px) 0; background: #fff; }
.nc-region__communities-grid { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr); gap: clamp(45px,7vw,105px); align-items: center; }
.nc-region__communities-copy p:last-child { margin: 25px 0 0; color: var(--nc-muted); font-size: 1.08rem; line-height: 1.8; }
.nc-region__wide-photo { min-height: clamp(390px,40vw,560px); margin: 0; overflow: hidden; border-radius: 24px 110px 24px 24px; box-shadow: var(--nc-shadow); }
.nc-region__wide-photo img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; }

.nc-region__possibilities { padding: clamp(66px,8vw,105px) 0; background: var(--nc-charcoal-blue); color: #fff; }
.nc-region__section-head--light h2 { color: #fff; }
.nc-region__possibility-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.nc-region__possibility { overflow: hidden; border-radius: 20px; background: #fff; color: var(--nc-ink); box-shadow: 0 18px 40px rgba(5,22,34,.22); }
.nc-region__possibility img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.nc-region__possibility > div { padding: 25px 25px 28px; }
.nc-region__possibility h3 { font-size: clamp(1.35rem,2vw,1.85rem); }
.nc-region__possibility p { margin: 11px 0 0; color: var(--nc-muted); line-height: 1.6; }

.nc-region__cta { position: relative; min-height: clamp(620px,62vw,780px); overflow: hidden; text-align: center; isolation: isolate; background-color: var(--nc-charcoal-blue); background-position: center 44%; background-size: cover; }
.nc-region__cta-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,25,39,.91),rgba(6,25,39,.48)), linear-gradient(90deg,rgba(6,25,39,.5),rgba(6,25,39,.08),rgba(6,25,39,.5)); }
.nc-region__cta-inner { position: relative; z-index: 1; display: flex; min-height: inherit; align-items: center; justify-content: center; padding-block: clamp(70px,8vw,105px); }
.nc-region__cta-card { display: flex; width: min(760px,100%); flex-direction: column; align-items: center; padding: clamp(40px,6vw,70px); border: 1px solid rgba(255,255,255,.24); border-radius: 80px 20px 80px 20px; background: rgba(8,29,44,.74); box-shadow: 0 26px 70px rgba(3,17,27,.35); color: #fff; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nc-region__cta img { width: min(390px,78vw); margin-bottom: 24px; filter: brightness(0) invert(1); }
.nc-region__cta-rule { width: 74px; height: 3px; margin: 0 0 26px; border-radius: 999px; background: var(--nc-clay); }
.nc-region__cta h2 { max-width: 700px; color: #fff; }
.nc-region__cta p { max-width: 590px; margin: 20px 0 0; color: rgba(255,255,255,.78); font-size: 1.08rem; line-height: 1.7; }
.nc-region__button { display: inline-flex; gap: 17px; align-items: center; justify-content: center; margin-top: 30px; padding: 16px 28px; border-radius: 999px; background: var(--nc-clay); color: #fff; box-shadow: 0 12px 27px rgba(134,43,23,.25); font-weight: 800; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.nc-region__button:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 16px 32px rgba(134,43,23,.32); }

@media (max-width: 850px) {
  .nc-region__intro-grid, .nc-region__story-grid, .nc-region__story-grid--reverse, .nc-region__communities-grid { grid-template-columns: 1fr; gap: 34px; }
  .nc-region__story-grid--reverse .nc-region__photo, .nc-region__story-grid--reverse .nc-region__copy { grid-column: auto; grid-row: auto; }
  .nc-region__story-grid--reverse .nc-region__photo { order: -1; }
  .nc-region__culture-grid { grid-template-columns: repeat(3,1fr); }
  .nc-region__culture-card { min-height: 460px; }
  .nc-region__communities-copy { max-width: 720px; }
}

@media (max-width: 680px) {
  .nc-region__hero { min-height: clamp(610px,calc(100svh - 76px),700px); align-items: flex-end; background-position: 62% center; }
  .nc-region__hero::before { inset: 12px; border-radius: 3px 46px 3px 3px; }
  .nc-region__hero-shade { background: linear-gradient(0deg,rgba(7,27,42,.96),rgba(7,27,42,.64) 48%,rgba(7,27,42,.08)); }
  .nc-region__hero-inner { padding: 0 20px 74px; }
  .nc-region__hero-content { padding: 0; border-left: 0; background: none; backdrop-filter: none; }
  .nc-region__hero-label { margin-bottom: 20px; }
  .nc-region__hero h1 { max-width: 10ch; font-size: clamp(3rem,14vw,4.35rem); }
  .nc-region__hero-content > p:last-child { font-size: .98rem; line-height: 1.6; }
  .nc-region__intro-grid > p { padding: 25px 0 0; border-top: 1px solid var(--nc-border); border-left: 0; }
  .nc-region__photo, .nc-region__wide-photo { min-height: 370px; border-radius: 22px; }
  .nc-region__photo--arch { border-radius: 70px 70px 20px 20px; }
  .nc-region__photo--offset { transform: none; }
  .nc-region__section-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .nc-region__culture-grid { grid-template-columns: 1fr; gap: 12px; }
  .nc-region__culture-card { min-height: 390px; border-radius: 38px 38px 14px 14px; }
  .nc-region__possibility-grid { grid-template-columns: 1fr; gap: 12px; }
  .nc-region__possibility { display: grid; grid-template-columns: 42% 1fr; }
  .nc-region__possibility img { height: 100%; aspect-ratio: auto; }
  .nc-region__possibility > div { padding: 22px 18px; }
  .nc-region__cta { min-height: 590px; background-position: 56% center; }
  .nc-region__cta-inner { padding-inline: 18px; }
  .nc-region__cta-card { padding: 42px 22px; border-radius: 45px 14px 45px 14px; }
  .nc-region__cta img { width: min(315px,78vw); }
}

@media (prefers-reduced-motion: reduce) {
  .nc-region__photo img, .nc-region__culture-card > img, .nc-region__button { transition: none; }
}