:root {
  color-scheme: light;
}

.ow-site {
  --ow-bench: #e9eeec;
  --ow-enamel: #fbfdfc;
  --ow-ink: #11171b;
  --ow-muted: #5d696d;
  --ow-steel: #aab5b6;
  --ow-rule: #cfd8d7;
  --ow-blue: #195b77;
  --ow-ruby: #b72c52;
  --ow-lume: #8da36b;
  --ow-brass: #b68438;
  --ow-shadow: rgba(17, 23, 27, 0.12);
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: radial-gradient(circle at 22% 8%, rgba(255,255,255,0.9), transparent 34rem), var(--ow-bench);
  color: var(--ow-ink);
  min-height: 100vh;
  padding: clamp(1rem, 2vw, 2rem);
}

.ow-site * {
  box-sizing: border-box;
}

.ow-site a {
  color: inherit;
}

.ow-mast {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  border: 1px solid var(--ow-rule);
  background: rgba(251, 253, 252, 0.72);
  padding: .75rem 1rem;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

.ow-mark {
  text-decoration: none;
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-size: clamp(1.1rem, 2vw, 1.55rem);
  letter-spacing: .03em;
}

.ow-mast-note,
.ow-section-label,
.ow-kicker,
.ow-market-label,
.ow-rail-title,
.ow-card-date {
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ow-muted);
  font-weight: 700;
}

.ow-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 26rem);
  gap: clamp(1rem, 3vw, 2rem);
  max-width: 1180px;
  margin: 0 auto;
}

.ow-hero .ow-mast {
  grid-column: 1 / -1;
}

.ow-dial {
  position: relative;
  overflow: hidden;
  min-height: 31rem;
  padding: clamp(2rem, 5vw, 5rem);
  background: linear-gradient(135deg, rgba(251,253,252,.96), rgba(239,244,243,.9));
  border: 1px solid var(--ow-rule);
  border-radius: 50% 50% 44% 44% / 7% 7% 5% 5%;
  box-shadow: 0 30px 70px var(--ow-shadow), 0 0 0 8px rgba(255,255,255,.35) inset;
}

.ow-dial:before,
.ow-dial:after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.ow-dial:before {
  width: 28rem;
  height: 28rem;
  right: -9rem;
  top: -8rem;
  border: 1px solid rgba(25,91,119,.24);
  box-shadow: inset 0 0 0 2rem rgba(25,91,119,.035);
}

.ow-dial:after {
  width: 7rem;
  height: 7rem;
  right: 13%;
  bottom: 13%;
  border: .75rem solid rgba(183,44,82,.18);
  background: rgba(255,255,255,.38);
}

.ow-kicker {
  margin: 0 0 1rem;
  color: var(--ow-blue);
}

.ow-dial h1,
.ow-article-cap h1 {
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.045em;
  margin: 0;
}

.ow-dial h1 {
  max-width: 10ch;
  font-size: clamp(4.1rem, 11vw, 9rem);
}

.ow-dek {
  max-width: 47rem;
  margin: clamp(1.25rem, 3vw, 2.25rem) 0 0;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.55;
  color: #253036;
}

.ow-byline {
  margin-top: 2rem;
  color: var(--ow-muted);
}

.ow-escapement {
  display: flex;
  align-items: center;
  gap: .36rem;
  margin-top: 2rem;
}

.ow-escapement span {
  display: block;
  width: 1.4rem;
  height: .42rem;
  background: var(--ow-blue);
  transform: skewX(-24deg);
}

.ow-escapement i {
  display: block;
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: var(--ow-ruby);
  box-shadow: 0 0 0 3px rgba(183,44,82,.12);
}

.ow-market {
  align-self: end;
  padding: 1.25rem;
  border: 1px solid var(--ow-rule);
  background: linear-gradient(180deg, #f7faf9, #dfe7e5);
  box-shadow: 0 18px 40px var(--ow-shadow);
}

.ow-market p:last-child {
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-size: 1.45rem;
  line-height: 1.25;
  margin: 1rem 0 0;
}

.ow-topics,
.ow-tolerances,
.ow-feature,
.ow-archive {
  max-width: 1180px;
  margin: clamp(1.25rem, 3vw, 2rem) auto 0;
}

.ow-topics {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 1rem;
  align-items: end;
  padding: 1.25rem;
  background: rgba(251,253,252,.74);
  border: 1px solid var(--ow-rule);
}

.ow-topics h2,
.ow-feature h2,
.ow-archive h2,
.ow-tolerances h2 {
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-weight: 500;
  margin: .25rem 0 0;
  letter-spacing: -.02em;
}

.ow-topics h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
}

.ow-topic-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

.ow-topic-chips a,
.ow-topic-chips span {
  display: inline-block;
  border: 1px solid var(--ow-steel);
  background: #f8fbfa;
  padding: .55rem .7rem;
  text-decoration: none;
  font-size: .86rem;
  color: #263238;
}

.ow-tolerances {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--ow-rule);
  border: 1px solid var(--ow-rule);
}

.ow-tolerances article {
  background: rgba(251,253,252,.88);
  padding: 1.2rem;
  min-height: 13rem;
  position: relative;
}

.ow-tolerances article:after {
  content: "";
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  bottom: 1.1rem;
  height: .42rem;
  background: repeating-linear-gradient(90deg, var(--ow-brass), var(--ow-brass) .5rem, transparent .5rem, transparent .85rem);
  opacity: .65;
}

.ow-tolerances span {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 1px solid var(--ow-steel);
  color: var(--ow-blue);
  font-weight: 800;
}

.ow-tolerances p {
  color: var(--ow-muted);
  line-height: 1.55;
  margin-bottom: 1.5rem;
}

.ow-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12rem;
  gap: 1rem;
  align-items: stretch;
}

.ow-feature-plate {
  padding: clamp(1.5rem, 4vw, 3rem);
  background: var(--ow-enamel);
  border: 1px solid var(--ow-rule);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
}

.ow-feature h2 {
  max-width: 13ch;
  font-size: clamp(2.6rem, 6vw, 5.6rem);
  line-height: .94;
}

.ow-feature p:last-child {
  max-width: 48rem;
  font-size: 1.08rem;
  line-height: 1.65;
  color: #263238;
}

.ow-citation-strip {
  border: 1px solid var(--ow-rule);
  background: linear-gradient(180deg, #dde5e4, #f9fbfa);
  display: grid;
  align-content: space-around;
  padding: 1rem;
}

.ow-citation-strip b {
  display: block;
  height: .8rem;
  background: linear-gradient(90deg, var(--ow-ruby) 0 1rem, var(--ow-blue) 1rem 5rem, transparent 5rem);
  border-radius: 99px;
}

.ow-archive-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-top: 2px solid var(--ow-ink);
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.ow-archive h2 {
  font-size: clamp(2rem, 4vw, 3.8rem);
}

.ow-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.ow-card-link {
  min-height: 22rem;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 1rem;
  text-decoration: none;
  padding: 1rem;
  background: linear-gradient(145deg, #fafdfe, #e4eceb);
  border: 1px solid var(--ow-rule);
  box-shadow: 0 15px 28px rgba(17,23,27,.08);
  position: relative;
  overflow: hidden;
}

.ow-card-link:before {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  border: 1px solid rgba(25,91,119,.22);
  border-radius: 999px;
  right: -3rem;
  top: -3rem;
}

.ow-card-link:hover,
.ow-card-link:focus-visible {
  outline: 2px solid var(--ow-blue);
  outline-offset: 3px;
}

.ow-card-date {
  color: var(--ow-blue);
  position: relative;
  z-index: 1;
}

.ow-card-face {
  display: flex;
  gap: .35rem;
  position: relative;
  z-index: 1;
}

.ow-card-face span {
  width: .7rem;
  height: .7rem;
  border-radius: 999px;
  background: var(--ow-ruby);
  box-shadow: 0 0 0 .25rem rgba(183,44,82,.12);
}

.ow-card h3 {
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-size: clamp(1.55rem, 2.5vw, 2.2rem);
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -.02em;
  margin: 0;
  position: relative;
  z-index: 1;
}

.ow-card p {
  line-height: 1.58;
  color: var(--ow-muted);
  margin: 0;
  position: relative;
  z-index: 1;
}

.ow-card-teeth {
  display: flex;
  gap: .28rem;
  align-self: end;
}

.ow-card-teeth i {
  display: block;
  width: 1rem;
  height: .55rem;
  background: var(--ow-brass);
  transform: skewX(-18deg);
}

.ow-article-cap {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 3rem);
  background: var(--ow-enamel);
  border: 1px solid var(--ow-rule);
  border-bottom: 0;
}

.ow-back {
  margin-bottom: 1.25rem;
}

.ow-back a {
  text-decoration: none;
  border-bottom: 1px solid var(--ow-blue);
  color: var(--ow-blue);
  font-weight: 700;
}

.ow-article-cap h1 {
  max-width: 13ch;
  font-size: clamp(3.1rem, 8vw, 7.4rem);
}

.ow-article-meta {
  margin-top: 1rem;
  color: var(--ow-muted);
  font-size: .95rem;
}

.ow-article-frame {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 13rem minmax(0, 1fr) 15rem;
  gap: 1px;
  background: var(--ow-rule);
  border: 1px solid var(--ow-rule);
}

.ow-trigger-rail,
.ow-gauge,
.ow-prose {
  background: rgba(251,253,252,.92);
}

.ow-trigger-rail,
.ow-gauge {
  padding: 1rem;
  position: sticky;
  top: 1rem;
  align-self: start;
}

.ow-trigger-rail ol {
  margin: 1rem 0 0;
  padding-left: 1.1rem;
  color: var(--ow-muted);
  line-height: 1.7;
}

.ow-trigger-rail li::marker {
  color: var(--ow-ruby);
  font-weight: 800;
}

.ow-prose {
  padding: clamp(1.5rem, 5vw, 4rem);
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.75;
}

.ow-prose > * {
  max-width: 44rem;
}

.ow-prose h2,
.ow-prose h3 {
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.02em;
  margin-top: 2.2em;
}

.ow-prose h2 {
  font-size: clamp(2rem, 4vw, 3.1rem);
}

.ow-prose h3 {
  font-size: 1.65rem;
}

.ow-prose p,
.ow-prose li {
  color: #263238;
}

.ow-prose blockquote {
  border-left: .55rem solid var(--ow-ruby);
  margin-left: 0;
  padding: .5rem 0 .5rem 1rem;
  color: var(--ow-ink);
  font-family: "Bell MT", "Calisto MT", Cambria, Georgia, serif;
  font-size: 1.45rem;
  line-height: 1.35;
}

.ow-gauge-row {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: .6rem;
  align-items: center;
  margin: 1rem 0;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ow-muted);
}

.ow-gauge-row b {
  display: block;
  height: .65rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ow-lume), var(--ow-brass) 60%, var(--ow-ruby));
}

.ow-gauge-note {
  margin-top: 1.4rem;
  padding-top: 1rem;
  border-top: 1px solid var(--ow-rule);
  color: var(--ow-muted);
  font-size: .9rem;
  line-height: 1.55;
}

@media (max-width: 920px) {
  .ow-hero,
  .ow-topics,
  .ow-feature,
  .ow-article-frame {
    grid-template-columns: 1fr;
  }

  .ow-card-grid,
  .ow-tolerances {
    grid-template-columns: 1fr;
  }

  .ow-topic-chips {
    justify-content: flex-start;
  }

  .ow-trigger-rail,
  .ow-gauge {
    position: static;
  }

  .ow-dial {
    border-radius: 1.5rem;
    min-height: auto;
  }
}

@media (max-width: 560px) {
  .ow-site {
    padding: .7rem;
  }

  .ow-mast,
  .ow-archive-head {
    display: block;
  }

  .ow-mast-note {
    display: block;
    margin-top: .5rem;
  }

  .ow-dial h1,
  .ow-article-cap h1 {
    letter-spacing: -.03em;
  }
}