.page-experience-northwatch .site-main {
  width: 100%;
  max-width: none;
  padding: 0;
}

.page-experience-northwatch .explanatory-language-status {
  display: none;
}

.northwatch-experience {
  --northwatch-ink: #071a28;
  --northwatch-cream: #f4eddc;
  --northwatch-signal: #ff6b3d;
  --northwatch-gold: #ffd36a;
  --northwatch-sea: #0a4561;
  --northwatch-display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  color: var(--northwatch-cream);
  background: var(--northwatch-ink);
}

.northwatch-stage {
  min-height: max(680px, calc(100svh - var(--site-sticky-offset, 52px)));
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 72% 27%, rgba(255, 179, 91, .12), transparent 19%),
    linear-gradient(180deg, #061522 0%, #0a293b 56%, #0a405b 100%);
}

.northwatch-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  box-shadow: inset 0 0 150px rgba(0, 0, 0, .48);
}

.northwatch-intro {
  position: absolute;
  z-index: 20;
  left: clamp(30px, 7vw, 112px);
  top: 13%;
  width: min(455px, 40vw);
}

.northwatch-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: clamp(26px, 5vh, 56px);
  color: rgba(244, 237, 220, .58);
  font-size: 11px;
  letter-spacing: .04em;
}

.northwatch-breadcrumb a {
  color: rgba(244, 237, 220, .74);
}

.northwatch-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: var(--northwatch-gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .23em;
  text-transform: uppercase;
}

.northwatch-eyebrow span {
  width: 30px;
  height: 1px;
  background: var(--northwatch-gold);
}

.northwatch-intro h1 {
  margin: 0;
  color: var(--northwatch-cream);
  font-family: var(--northwatch-display);
  font-size: clamp(54px, 6.5vw, 104px);
  font-weight: 500;
  line-height: .9;
  letter-spacing: -.055em;
}

.northwatch-lede {
  max-width: 390px;
  margin: 28px 0 0;
  color: rgba(244, 237, 220, .7);
  font-size: 14px;
  line-height: 1.75;
}

.northwatch-controls {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
}

.northwatch-controls button {
  border: 0;
  cursor: pointer;
  font: inherit;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.northwatch-controls button:hover {
  transform: translateY(-2px);
}

.northwatch-controls button:focus-visible,
.northwatch-boundary a:focus-visible,
.northwatch-breadcrumb a:focus-visible {
  outline: 2px solid var(--northwatch-gold);
  outline-offset: 3px;
}

.northwatch-primary {
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 999px;
  padding: 13px 20px;
  background: var(--northwatch-cream);
  color: #0b2230;
  font-size: 12px;
  font-weight: 700;
}

.northwatch-bulb {
  color: var(--northwatch-signal);
  font-size: 13px;
}

.northwatch-secondary {
  padding: 12px 4px;
  color: rgba(244, 237, 220, .68);
  background: transparent;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.northwatch-scene {
  position: absolute;
  inset: 0;
  z-index: 5;
  perspective: 1000px;
}

.northwatch-sky {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.northwatch-moon {
  position: absolute;
  right: 14%;
  top: 10%;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #f7e8bd;
  box-shadow: 0 0 60px rgba(247, 232, 189, .23);
  opacity: .9;
}

.northwatch-moon::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  left: -12px;
  top: -7px;
  border-radius: 50%;
  background: #071b29;
}

.northwatch-star {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff6d5;
  box-shadow: 0 0 7px #fff;
  animation: northwatch-twinkle 3s ease-in-out infinite;
}

.northwatch-star--one { left: 38%; top: 15%; }
.northwatch-star--two { left: 58%; top: 8%; animation-delay: 1s; }
.northwatch-star--three { left: 79%; top: 32%; animation-delay: .4s; }
.northwatch-star--four { left: 49%; top: 31%; animation-delay: 2s; }
.northwatch-star--five { right: 6%; top: 11%; animation-delay: 1.5s; }

.northwatch-horizon-glow {
  position: absolute;
  right: 0;
  bottom: 33%;
  width: 62%;
  height: 25%;
  background: radial-gradient(ellipse at 62% 100%, rgba(77, 181, 194, .15), transparent 70%);
}

.northwatch-island {
  position: absolute;
  border-radius: 52% 48% 0 0;
  background: #061620;
}

.northwatch-island--back {
  right: -3%;
  bottom: 35%;
  width: 51%;
  height: 6%;
  opacity: .73;
}

.northwatch-island--front {
  left: 41%;
  bottom: 31%;
  width: 48%;
  height: 7%;
  background: #071d29;
  transform: skewX(-15deg);
}

.northwatch-sea {
  position: absolute;
  left: -5%;
  right: -5%;
  bottom: -5%;
  height: 43%;
  z-index: 2;
  overflow: hidden;
  transform: rotateX(56deg) translateY(9%);
  transform-origin: bottom;
  background: linear-gradient(180deg, #0e5872 0%, #0b3f5a 48%, #062a40 100%);
}

.northwatch-sea::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(174deg, transparent 0 19px, rgba(160, 222, 221, .08) 20px, transparent 22px);
}

.northwatch-wave {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(204, 242, 234, .45), transparent);
  animation: northwatch-shimmer 5s ease-in-out infinite;
}

.northwatch-wave--one { width: 34%; left: 8%; top: 21%; }
.northwatch-wave--two { width: 26%; right: 13%; top: 43%; animation-delay: -2s; }
.northwatch-wave--three { width: 42%; left: 30%; top: 64%; animation-delay: -1s; }
.northwatch-wave--four { width: 21%; right: 7%; top: 77%; animation-delay: -3s; }

.northwatch-reflection {
  position: absolute;
  width: 8%;
  height: 75%;
  filter: blur(8px);
  opacity: .32;
  transform: skewX(-15deg);
}

.northwatch-reflection--one {
  left: 65%;
  top: 0;
  background: linear-gradient(180deg, rgba(255, 203, 93, .8), transparent);
  animation: northwatch-reflection 3s ease-in-out infinite;
}

.northwatch-reflection--two {
  left: 44%;
  top: 20%;
  height: 50%;
  background: linear-gradient(180deg, rgba(111, 209, 208, .6), transparent);
  animation: northwatch-reflection 4s ease-in-out infinite reverse;
}

.northwatch-lighthouse-wrap {
  position: absolute;
  z-index: 10;
  right: 20%;
  bottom: 21%;
  width: 220px;
  height: 470px;
  transform-style: preserve-3d;
}

.northwatch-lighthouse {
  position: absolute;
  left: 53px;
  bottom: 0;
  width: 116px;
  height: 430px;
  filter: drop-shadow(22px 28px 20px rgba(0, 0, 0, .42));
}

.northwatch-tower {
  position: absolute;
  bottom: 32px;
  left: 18px;
  width: 81px;
  height: 315px;
  overflow: hidden;
  clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%);
  background: linear-gradient(90deg, #cfcaaf 0%, #fff7dc 42%, #dad4b9 72%, #a5a48e 100%);
  transform: rotateY(-5deg);
}

.northwatch-stripe {
  position: absolute;
  left: -10%;
  width: 120%;
  height: 53px;
  background: linear-gradient(90deg, #b4432d, #ed6240 45%, #b63c2b);
  transform: skewY(3deg);
}

.northwatch-stripe--one { top: 64px; }
.northwatch-stripe--two { top: 188px; }

.northwatch-window {
  position: absolute;
  left: 35px;
  width: 16px;
  height: 28px;
  border: 4px solid #e4dec5;
  border-radius: 8px 8px 2px 2px;
  background: #092333;
  box-shadow: inset 4px 0 rgba(255, 194, 82, .45);
}

.northwatch-window--one { top: 135px; }
.northwatch-window--two { top: 238px; }

.northwatch-door {
  position: absolute;
  bottom: 0;
  left: 31px;
  width: 24px;
  height: 43px;
  border-radius: 12px 12px 0 0;
  background: #092333;
  box-shadow: inset 5px 0 rgba(255, 199, 94, .25);
}

.northwatch-gallery {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 69px;
  width: 116px;
  height: 25px;
  border-top: 5px solid #18333c;
  border-bottom: 6px solid #0d2733;
  border-radius: 7px;
  background: #c6c0a7;
}

.northwatch-gallery::after {
  content: "";
  position: absolute;
  left: -7px;
  right: -7px;
  top: -14px;
  height: 15px;
  border: 2px solid #17313b;
  border-bottom: 0;
  border-radius: 3px;
}

.northwatch-gallery span {
  position: relative;
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-left: 17px;
  top: -17px;
  background: #17313b;
}

.northwatch-lantern {
  position: absolute;
  z-index: 3;
  left: 21px;
  top: 15px;
  width: 74px;
  height: 57px;
  border: 5px solid #17333b;
  border-radius: 5px 5px 2px 2px;
  background: rgba(23, 45, 50, .72);
  box-shadow: inset 0 0 22px rgba(255, 207, 91, .55);
}

.northwatch-pane {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background: #18343d;
}

.northwatch-pane--one { left: 17px; }
.northwatch-pane--two { left: 35px; }
.northwatch-pane--three { right: 14px; }

.northwatch-lamp {
  position: absolute;
  left: 27px;
  top: 18px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff7ae;
  box-shadow: 0 0 8px 4px #ffd55e, 0 0 28px 11px rgba(255, 207, 74, .84);
  animation: northwatch-blink 3s steps(1) infinite;
}

.northwatch-roof {
  position: absolute;
  z-index: 5;
  left: 15px;
  top: -10px;
  width: 86px;
  height: 33px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: linear-gradient(90deg, #1c3c45, #315b5d 50%, #0b2935);
}

.northwatch-roof i {
  position: absolute;
  left: 41px;
  top: -9px;
  width: 4px;
  height: 16px;
  background: #183943;
}

.northwatch-rocks {
  position: absolute;
  bottom: 0;
  left: -27px;
  width: 168px;
  height: 48px;
}

.northwatch-rocks i {
  position: absolute;
  bottom: 0;
  border-radius: 50% 55% 30% 20%;
  background: #132d36;
}

.northwatch-rocks i:nth-child(1) { width: 65px; height: 36px; left: 0; }
.northwatch-rocks i:nth-child(2) { width: 60px; height: 43px; left: 40px; background: #1a3840; }
.northwatch-rocks i:nth-child(3) { width: 70px; height: 30px; right: 0; }
.northwatch-rocks i:nth-child(4) { width: 38px; height: 21px; left: 18px; background: #25454a; }
.northwatch-rocks i:nth-child(5) { width: 43px; height: 22px; right: 22px; background: #213f45; }

.northwatch-beam {
  position: absolute;
  z-index: -1;
  top: 41px;
  right: 105px;
  width: min(52vw, 660px);
  height: 75px;
  opacity: .62;
  filter: blur(3px);
  clip-path: polygon(0 35%, 100% 0, 100% 100%, 0 65%);
  background: linear-gradient(90deg, transparent, rgba(255, 220, 125, .09) 30%, rgba(255, 224, 134, .7));
  transform-origin: right center;
  animation: northwatch-sweep 6s ease-in-out infinite;
}

.northwatch-pier {
  position: absolute;
  z-index: 8;
  right: 6%;
  bottom: 16%;
  width: 480px;
  height: 105px;
  transform: rotate(-7deg) skewX(-17deg);
  transform-origin: right bottom;
}

.northwatch-pier-top {
  position: absolute;
  inset: 0 0 35px;
  clip-path: polygon(0 45%, 100% 0, 100% 55%, 0 100%);
  background: repeating-linear-gradient(90deg, #8e6a48 0 27px, #604730 28px 30px);
  box-shadow: 0 15px 22px rgba(0, 0, 0, .35);
}

.northwatch-pier-side {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  height: 33px;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  background: #4c392a;
}

.northwatch-post {
  position: absolute;
  bottom: 0;
  width: 9px;
  height: 67px;
  background: #392f27;
}

.northwatch-post--one { left: 9%; }
.northwatch-post--two { left: 38%; }
.northwatch-post--three { left: 68%; }
.northwatch-post--four { right: 2%; }

.northwatch-walker {
  position: absolute;
  z-index: 2;
  width: 15px;
  height: 39px;
  bottom: 60px;
  transform: skewX(17deg) rotate(7deg);
  animation: northwatch-walking 11s linear infinite;
}

.northwatch-walker i {
  position: absolute;
  display: block;
}

.northwatch-walker .northwatch-head {
  left: 4px;
  top: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d2a27c;
}

.northwatch-walker .northwatch-body {
  left: 3px;
  top: 8px;
  width: 9px;
  height: 17px;
  border-radius: 4px;
  background: var(--northwatch-signal);
}

.northwatch-walker .northwatch-legs {
  left: 4px;
  top: 24px;
  width: 8px;
  height: 14px;
  border-left: 3px solid #0c202a;
  border-right: 3px solid #0c202a;
  animation: northwatch-legs .45s steps(2) infinite;
}

.northwatch-walker--two { animation-delay: -3.8s; animation-duration: 14s; }
.northwatch-walker--two .northwatch-body { background: #d8c9a4; }
.northwatch-walker--three { animation-delay: -8s; animation-duration: 17s; }
.northwatch-walker--three .northwatch-body { background: #4f9ca1; }

.northwatch-sailboat,
.northwatch-motorboat {
  position: absolute;
  z-index: 7;
}

.northwatch-sailboat span,
.northwatch-motorboat span,
.northwatch-cargo span {
  position: absolute;
  display: block;
}

.northwatch-sailboat {
  left: 46%;
  bottom: 27%;
  width: 100px;
  height: 130px;
  animation: northwatch-sail 18s ease-in-out infinite;
}

.northwatch-boat-hull {
  bottom: 0;
  left: 0;
  width: 96px;
  height: 25px;
  clip-path: polygon(0 0, 100% 0, 75% 100%, 22% 100%);
  background: linear-gradient(#e8dfc9 0 45%, #c8563b 47%);
  filter: drop-shadow(8px 12px 8px rgba(0, 0, 0, .3));
}

.northwatch-mast {
  left: 46px;
  bottom: 21px;
  width: 3px;
  height: 104px;
  background: #d9c9a2;
}

.northwatch-sail {
  bottom: 36px;
  filter: drop-shadow(5px 6px 4px rgba(0, 0, 0, .18));
}

.northwatch-sail--main {
  left: 50px;
  width: 47px;
  height: 83px;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  background: #f4ebd7;
}

.northwatch-sail--small {
  left: 7px;
  width: 36px;
  height: 64px;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  background: #d8a55c;
}

.northwatch-motorboat {
  left: 25%;
  bottom: 13%;
  width: 95px;
  height: 50px;
  animation: northwatch-motor 13s linear infinite;
}

.northwatch-motorboat .northwatch-boat-hull {
  height: 22px;
  background: linear-gradient(#eee2ca 0 42%, #174658 45%);
}

.northwatch-cabin {
  left: 31px;
  bottom: 20px;
  width: 35px;
  height: 17px;
  clip-path: polygon(16% 0, 78% 0, 100% 100%, 0 100%);
  background: #d8e3d9;
}

.northwatch-wake {
  left: -65px;
  bottom: -5px;
  width: 95px;
  height: 8px;
  border-top: 2px solid rgba(228, 249, 239, .42);
  border-radius: 50%;
}

.northwatch-cargo {
  position: absolute;
  z-index: 4;
  right: 3%;
  bottom: 38%;
  width: 185px;
  height: 55px;
  opacity: .78;
  animation: northwatch-cargo 35s linear infinite;
}

.northwatch-ship-hull {
  bottom: 0;
  width: 185px;
  height: 22px;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 14% 100%);
  background: #06151e;
}

.northwatch-ship-deck {
  bottom: 20px;
  left: 43px;
  width: 98px;
  height: 17px;
  background: #102835;
  box-shadow: -27px 7px 0 -3px #0d2430, 35px 5px 0 -2px #0d2430;
}

.northwatch-ship-stack {
  bottom: 37px;
  left: 109px;
  width: 14px;
  height: 15px;
  border-top: 4px solid #a74e36;
  background: #152d37;
}

.northwatch-ship-light {
  right: 30px;
  bottom: 28px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffd579;
  box-shadow: 0 0 6px #ffd579;
}

.northwatch-status {
  position: absolute;
  z-index: 25;
  right: clamp(22px, 4.5vw, 72px);
  bottom: 6%;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 250px;
  padding: 14px 17px;
  border: 1px solid rgba(244, 237, 220, .13);
  border-radius: 12px;
  color: var(--northwatch-cream);
  background: rgba(5, 24, 35, .66);
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .24);
}

.northwatch-status-number {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .07);
  color: var(--northwatch-gold);
  font-family: var(--northwatch-display);
  font-size: 19px;
}

.northwatch-status div { flex: 1; }
.northwatch-status small {
  display: block;
  margin-bottom: 3px;
  color: rgba(244, 237, 220, .45);
  font-size: 8px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.northwatch-status strong {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
}

.northwatch-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #73d9aa;
  box-shadow: 0 0 0 5px rgba(115, 217, 170, .1);
  animation: northwatch-pulse 1.5s ease-out infinite;
}

.northwatch-pulse.is-muted {
  background: #758087;
  box-shadow: none;
  animation: none;
}

.northwatch-boundary {
  position: absolute;
  z-index: 25;
  left: clamp(30px, 7vw, 112px);
  bottom: 5%;
  display: grid;
  max-width: 330px;
  color: rgba(244, 237, 220, .58);
  font-size: 10px;
  line-height: 1.5;
}

.northwatch-boundary strong {
  color: var(--northwatch-gold);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.northwatch-boundary a {
  width: fit-content;
  margin-top: 4px;
  color: rgba(244, 237, 220, .82);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.northwatch-afterword {
  max-width: 780px;
  margin: 0 auto;
  padding: 70px 28px 78px;
  color: #172026;
  background: #fff;
}

.northwatch-experience:has(.northwatch-afterword) {
  background: #fff;
}

.northwatch-afterword h2 {
  margin: 8px 0 16px;
  font-family: var(--northwatch-display);
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 500;
  line-height: 1.05;
}

.northwatch-afterword > p:not(.eyebrow) {
  max-width: 650px;
  color: #56646d;
  font-size: 17px;
  line-height: 1.7;
}

.northwatch-afterword-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 28px;
}

.northwatch-afterword-actions > a:not(.button-link) {
  font-weight: 650;
}

.northwatch-experience.is-lights-off .northwatch-lamp {
  background: #52616a;
  box-shadow: none;
  animation: none;
}

.northwatch-experience.is-lights-off .northwatch-beam,
.northwatch-experience.is-lights-off .northwatch-reflection--one {
  opacity: 0;
}

.northwatch-experience.is-motion-paused * {
  animation-play-state: paused !important;
}

@keyframes northwatch-blink {
  0%, 8%, 18%, 100% { opacity: 1; }
  9%, 17% { opacity: .18; }
}

@keyframes northwatch-sweep {
  0%, 100% { transform: rotate(-7deg) scaleX(.86); opacity: .28; }
  50% { transform: rotate(12deg) scaleX(1); opacity: .75; }
}

@keyframes northwatch-twinkle {
  0%, 100% { opacity: .25; }
  50% { opacity: 1; }
}

@keyframes northwatch-shimmer {
  0%, 100% { transform: translateX(-3%) scaleX(.8); opacity: .25; }
  50% { transform: translateX(12%) scaleX(1.2); opacity: .7; }
}

@keyframes northwatch-reflection {
  0%, 100% { transform: skewX(-15deg) scaleX(.65); opacity: .18; }
  50% { transform: skewX(8deg) scaleX(1.25); opacity: .37; }
}

@keyframes northwatch-walking {
  from { left: 3%; }
  to { left: 92%; }
}

@keyframes northwatch-legs {
  from { transform: skewX(16deg); }
  to { transform: skewX(-16deg); }
}

@keyframes northwatch-sail {
  0%, 100% { transform: translate(-9vw, 5px) rotate(-2deg); }
  50% { transform: translate(8vw, -8px) rotate(2deg); }
}

@keyframes northwatch-motor {
  from { transform: translateX(-38vw); }
  to { transform: translateX(92vw); }
}

@keyframes northwatch-cargo {
  from { transform: translateX(25vw); }
  to { transform: translateX(-90vw); }
}

@keyframes northwatch-pulse {
  from { box-shadow: 0 0 0 0 rgba(115, 217, 170, .36); }
  to { box-shadow: 0 0 0 9px rgba(115, 217, 170, 0); }
}

@media (max-width: 1000px) {
  .northwatch-intro {
    left: 6vw;
    width: 54vw;
  }

  .northwatch-intro h1 {
    font-size: clamp(50px, 11vw, 78px);
  }

  .northwatch-lighthouse-wrap {
    right: 5%;
    transform: scale(.82);
    transform-origin: bottom right;
  }

  .northwatch-pier {
    right: -20%;
    transform: rotate(-7deg) skewX(-17deg) scale(.82);
    transform-origin: right bottom;
  }

  .northwatch-boundary {
    max-width: 280px;
  }
}

@media (max-width: 700px) {
  .northwatch-stage {
    min-height: 760px;
  }

  .northwatch-intro {
    left: 22px;
    top: 5%;
    width: calc(100% - 44px);
  }

  .northwatch-breadcrumb {
    margin-bottom: 28px;
  }

  .northwatch-intro h1 {
    font-size: clamp(48px, 15vw, 72px);
  }

  .northwatch-lede {
    width: 84%;
    margin-top: 19px;
    font-size: 12px;
    line-height: 1.55;
  }

  .northwatch-controls {
    margin-top: 20px;
  }

  .northwatch-lighthouse-wrap {
    right: -7%;
    bottom: 14%;
    transform: scale(.65);
  }

  .northwatch-pier {
    right: -66%;
    bottom: 10%;
    transform: rotate(-7deg) skewX(-17deg) scale(.65);
  }

  .northwatch-sailboat {
    left: 17%;
    bottom: 23%;
    transform: scale(.72);
  }

  .northwatch-status {
    right: 15px;
    bottom: 17px;
    width: 218px;
    padding: 10px 12px;
  }

  .northwatch-boundary {
    left: 18px;
    right: 18px;
    bottom: 82px;
    max-width: none;
    padding: 9px 11px;
    border-left: 2px solid var(--northwatch-gold);
    border-radius: 0 8px 8px 0;
    background: rgba(5, 24, 35, .76);
    backdrop-filter: blur(8px);
  }

  .northwatch-moon {
    right: 7%;
    top: 7%;
    transform: scale(.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  .northwatch-experience *,
  .northwatch-experience *::before,
  .northwatch-experience *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}