/* Page 76 only: approved Shell Studio brand threshold. */
body.page-id-76 .entry-hero,
body.page-id-76 #primary,
body.page-id-76 .content-area,
body.page-id-76 .content-container,
body.page-id-76 .site-main,
body.page-id-76 .content-wrap { margin: 0; padding: 0; max-width: none; width: 100%; }

.oe-page-76-studio { color: #fff; background: #173f5a; }
.oe-page-76-studio *, .oe-page-76-studio *::before, .oe-page-76-studio *::after { box-sizing: border-box; }
.oe-page-76-studio__intro { display: grid; min-height: min(760px, calc(100svh - 128px)); grid-template-columns: 56% 44%; }
.oe-page-76-studio__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(4rem, 8vw, 8rem); }
.oe-page-76-studio h1 { margin: 0; color: #fff; font: 700 clamp(4.5rem, 8.2vw, 8.5rem)/.86 var(--ce-font-display, 'Alegreya Sans', sans-serif); letter-spacing: -.055em; }
.oe-page-76-studio p { margin: clamp(1.8rem, 3vw, 2.5rem) 0 0; color: #fff; font: 500 clamp(1.1rem, 1.6vw, 1.4rem)/1.5 var(--ce-font-ui, 'Public Sans', sans-serif); }
.oe-page-76-studio__mark { display: block; width: 4.5rem; height: .25rem; margin-top: clamp(2.5rem, 5vw, 4rem); background: #ec746c; }
.oe-page-76-studio__art { display: grid; min-width: 0; margin: 0; place-items: center; background: #f7f4ec; overflow: hidden; }
.oe-page-76-studio__art img { display: block; width: min(76%, 600px); height: auto; object-fit: contain; }
.oe-page-76-studio:focus { outline: none; }

@media (max-width: 767px) {
  .oe-page-76-studio__intro { grid-template-columns: 1fr; grid-template-rows: auto minmax(390px, 1fr); min-height: 0; }
  .oe-page-76-studio__copy { padding: 3.75rem 1.5rem 3rem; }
  .oe-page-76-studio h1 { font-size: clamp(4rem, 18vw, 5.4rem); }
  .oe-page-76-studio p { margin-top: 1.6rem; font-size: 1.08rem; }
  .oe-page-76-studio__mark { margin-top: 2.25rem; }
  .oe-page-76-studio__art img { width: min(78%, 390px); }
}

@media (max-width: 340px) {
  .oe-page-76-studio__copy { padding-inline: 1.25rem; }
  .oe-page-76-studio h1 { font-size: 3.85rem; }
}

@media (prefers-reduced-motion: reduce) {
  .oe-page-76-studio *, .oe-page-76-studio *::before, .oe-page-76-studio *::after { animation: none !important; transition: none !important; }
}