.fera-closure {
  --closure-navy: #061d32;
  --closure-yellow: #ffbf00;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--closure-navy);
  color: #fff;
  scroll-margin-top: 86px;
}
.fera-closure ::selection { background: var(--closure-yellow); color: var(--closure-navy); }
.fera-closure-grid { position: static; width: min(1280px, calc(100% - 120px)); min-height: 680px; margin: 0 auto; display: flex; align-items: center; }
.fera-closure-copy { position: relative; z-index: 2; width: 58%; max-width: 650px; padding: 62px 0 56px; }
.fera-closure-copy .fera-closure-title { font: 650 clamp(48px, 5vw, 72px)/1.02 Arial, Helvetica, sans-serif; letter-spacing: -.035em; color: #fff; margin: 0 0 26px; }
.fera-closure-title span { color: var(--closure-yellow); }
.fera-closure-copy .fera-closure-lead { color: #fff; font: 500 clamp(21px, 1.8vw, 25px)/1.4 Arial, Helvetica, sans-serif; max-width: 34ch; margin: 0 0 26px; text-wrap: balance; }
.fera-closure-copy .fera-closure-wait-title { color: var(--closure-yellow); font: 600 clamp(24px, 2.2vw, 30px)/1.2 Arial, Helvetica, sans-serif; letter-spacing: -.02em; margin: 0 0 12px; }
.fera-closure-copy .fera-closure-message { color: #fff; font: 400 18px/1.7 Arial, Helvetica, sans-serif; max-width: 44ch; margin: 0; }
.fera-closure-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 26px; }
.fera-closure-primary { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 66px; padding: 18px 30px; border-radius: 8px; color: #061d32; background: var(--closure-yellow); font: 700 17px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.fera-closure-arrow { width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); flex-shrink: 0; }
.fera-closure-secondary { color: #fff; font: 400 14px/1.5 Arial, Helvetica, sans-serif; text-decoration: underline; text-underline-offset: 5px; padding: 10px 0; min-height: 44px; }
.fera-closure a:focus-visible { outline: 3px solid #fff; outline-offset: 6px; }
.fera-closure-photo { position: absolute; z-index: 0; inset: 0; margin: 0; }
.fera-closure-photo picture { display: block; width: 100%; height: 100%; transform: translateX(12vw); }
.fera-closure-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.fera-closure-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,18,32,.96) 0%, rgba(3,18,32,.9) 24%, rgba(3,18,32,.68) 41%, rgba(3,18,32,.14) 65%, rgba(3,18,32,.02) 100%); }
.fera-closure-note { background: #fff5d0; border-bottom: 1px solid #e9d58d; }
.fera-closure-note>div { max-width: 1424px; margin: 0 auto; padding: 22px clamp(24px, 5.5vw, 88px); display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; }
.fera-closure-note strong { color: #102c43; font: 700 14px/1.7 Arial, Helvetica, sans-serif; }
.fera-closure-note p { margin: 0; color: #344f60; font: 400 14px/1.7 Arial, Helvetica, sans-serif; }
@media (hover:hover) { .fera-closure-primary:hover { background: #ffd22e; transform: translateY(-2px); } .fera-closure-secondary:hover { color: #ffcf33; } }
.fera-closure-primary:active { transform: translateY(0); }
@media (max-width: 1100px) {
  .fera-closure-photo picture { transform: translateX(clamp(36px, 6vw, 66px)); }
  .fera-closure-grid { width: calc(100% - 72px); min-height: 660px; }
  .fera-closure-copy { position: relative; z-index: 2; width: 64%; padding: 48px 0; }
  .fera-closure-copy .fera-closure-title { font-size: clamp(44px, 5.4vw, 60px); }
  .fera-closure-copy .fera-closure-lead { font-size: 21px; max-width: 31ch; }
  .fera-closure-copy .fera-closure-message { font-size: 17px; }
  .fera-closure-primary { font-size: 16px; padding-inline: 26px; }
}
@media (max-width: 760px) {
  .fera-closure-grid { display: block; min-height: 0; width: calc(100% - 48px); }
  .fera-closure-copy { position: relative; z-index: 2; width: 100%; max-width: none; padding: clamp(210px, 60vw, 420px) 0 38px; }
  .fera-closure-copy .fera-closure-title { font-size: clamp(38px, 10.6vw, 60px); margin-bottom: 20px; }
  .fera-closure-copy .fera-closure-lead { font-size: 20px; max-width: 33ch; margin-bottom: 24px; }
  .fera-closure-copy .fera-closure-wait-title { font-size: 26px; }
  .fera-closure-copy .fera-closure-message { font-size: 16px; }
  .fera-closure-photo { inset: 0 0 auto; height: auto; aspect-ratio: 2477 / 1330; }
  .fera-closure-photo picture { transform: none; }
  .fera-closure-photo img { object-position: center center; }
  .fera-closure-photo::after { background: linear-gradient(180deg, rgba(3,18,32,0) 30%, rgba(6,29,50,.15) 45%, rgba(6,29,50,.85) 73%, #061d32 100%); }
  .fera-closure-primary { width: 100%; min-height: 66px; font-size: 16px; padding: 18px 20px; gap: 18px; }
  .fera-closure-actions { align-items: stretch; margin-top: 24px; }
  .fera-closure-secondary { align-self: flex-start; }
  .fera-closure-note>div { display: block; padding: 22px 24px; }
  .fera-closure-note p { margin-top: 4px; }
}
@media (max-width: 370px) {
  .fera-closure-grid { width: calc(100% - 40px); }
  .fera-closure-copy { padding-top: 210px; }
  .fera-closure-copy .fera-closure-title { font-size: 36px; }
  .fera-closure-primary { font-size: 15px; padding-inline: 15px; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) { .fera-closure-primary { transition: none; } .fera-closure-primary:hover { transform: none; } }