.oc-hero__visual { position: relative; min-height: 640px; overflow: hidden; background: #0d2526; }
#hero .am-hero__copy { padding: 60px clamp(30px, 4vw, 72px); }
#hero .am-hero__copy-inner { max-width: 640px; }
#hero .am-hero__copy h1 { font-size: clamp(3.7rem, 5vw, 5.35rem); }
.oc-hero__visual video,
.oc-hero__visual > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.oc-hero__visual video { position: absolute; inset: 0; }
.oc-hero__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,24,23,.04) 35%, rgba(9,24,23,.82)); pointer-events: none; }
.oc-video-control { position: absolute; z-index: 3; top: 20px; right: 20px; display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.52); border-radius: 999px; background: rgba(10,25,24,.62); color: white; font-weight: 800; cursor: pointer; backdrop-filter: blur(10px); }
.oc-logo { width: min(220px, 58vw); height: auto; margin: 0 0 16px; }
.oc-related { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 38px; }
.oc-related article { overflow: hidden; border: 1px solid var(--am-border); border-radius: 22px; background: var(--am-paper); box-shadow: 0 15px 35px rgba(31,27,17,.08); }
.oc-related img { width: 100%; height: 260px; object-fit: cover; }
.oc-related__body { display: grid; gap: 12px; padding: 22px; }
.oc-related__body span { color: var(--am-gold-dark); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.oc-related__body h3 { margin: 0; font-family: Georgia, serif; font-size: 1.75rem; font-weight: 400; line-height: 1.05; }
.oc-related__body p { min-height: 70px; margin: 0; color: var(--am-muted); font-size: .9rem; }
.oc-related__body .am-button { justify-self: start; }
.oc-update { min-height: 100vh; display: grid; align-items: center; padding: 120px 20px 70px; background: radial-gradient(circle at 85% 10%, rgba(199,162,50,.22), transparent 32%), var(--am-cream); }
.oc-update__card { width: min(980px, 100%); margin: auto; overflow: hidden; border: 1px solid var(--am-border); border-radius: 28px; background: var(--am-paper); box-shadow: var(--am-shadow); }
.oc-update__image { width: 100%; max-height: 410px; object-fit: cover; }
.oc-update__copy { padding: clamp(30px, 7vw, 72px); }
.oc-update__copy h1 { max-width: 820px; margin: 0; font-family: Georgia, serif; font-size: clamp(2.7rem, 7vw, 5.6rem); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.oc-update__copy h1 em { color: var(--am-gold); font-weight: 400; }
.oc-update__copy p { max-width: 690px; margin: 24px 0; color: var(--am-muted); font-size: 1.05rem; }
.oc-update__actions { display: flex; flex-wrap: wrap; gap: 10px; }

@media (max-width: 980px) {
  #hero .am-hero__copy { padding: 58px 30px 62px; }
  .oc-related { grid-template-columns: 1fr; }
  .oc-related__body p { min-height: 0; }
}

@media (max-width: 680px) {
  #hero .am-hero__copy { padding: 48px 20px 56px; }
  #hero .am-hero__copy h1 { font-size: clamp(3.05rem, 14.5vw, 4.15rem); }
  .oc-hero__visual { min-height: 530px; }
  .oc-video-control { top: 14px; right: 14px; }
  .oc-related__body .am-button { width: 100%; }
  .oc-related img { height: 240px; }
  .oc-update { padding-top: 96px; }
}

@media (prefers-reduced-motion: reduce) {
  .oc-hero__visual video { display: none; }
  .oc-video-control { display: none; }
}