:root {
  --black: #050505;
  --ink: #101010;
  --paper: #f3f1ec;
  --paper-bright: #faf9f6;
  --muted: #77756f;
  --line: rgba(12, 12, 12, 0.14);
  --amber: #d7a859;
  --green: #14a800;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --page: min(1440px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
code { font-family: "SFMono-Regular", Consolas, monospace; font-size: 0.86em; }

.grain {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  height: 74px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 28px;
  color: white;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  transition: background .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease), height .45s var(--ease);
}
.site-header.is-scrolled {
  height: 62px;
  color: var(--ink);
  background: rgba(248,247,243,0.86);
  border-color: rgba(0,0,0,0.1);
  backdrop-filter: blur(20px) saturate(140%);
}
.brand { display: flex; align-items: center; gap: 8px; font-weight: 650; letter-spacing: -0.025em; }
.brand-orb { width: 12px; height: 12px; border-radius: 50%; background: currentColor; box-shadow: inset -3px -3px 6px rgba(255,255,255,.3); }
.brand-product { opacity: 0.48; font-weight: 480; }
.site-header nav { display: flex; gap: 28px; font-size: 13px; }
.site-header nav a { opacity: .72; transition: opacity .2s; }
.site-header nav a:hover { opacity: 1; }
.nav-cta {
  justify-self: end;
  border: 1px solid currentColor;
  color: inherit;
  background: transparent;
  border-radius: 100px;
  padding: 10px 16px;
  font-size: 12px;
  cursor: pointer;
}

.hero {
  position: relative;
  min-height: 100svh;
  color: white;
  background: #050505;
  overflow: hidden;
}
.hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-vignette { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.89) 0%, rgba(0,0,0,.58) 40%, rgba(0,0,0,.08) 78%), linear-gradient(0deg, rgba(0,0,0,.5), transparent 40%); }
.intent-field {
  position: absolute;
  width: 36vw;
  aspect-ratio: 1;
  left: -15vw;
  top: 12vh;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(216,171,95,.15), transparent 68%);
  filter: blur(20px);
  transform: translate3d(var(--mx, 0), var(--my, 0), 0);
  transition: transform 1.1s var(--ease);
}
.hero-copy { position: relative; z-index: 2; width: var(--page); margin: 0 auto; padding-top: clamp(150px, 20vh, 230px); }
.eyebrow { margin: 0 0 26px; font-size: 11px; line-height: 1; font-weight: 650; letter-spacing: .17em; text-transform: uppercase; color: rgba(255,255,255,.54); }
.eyebrow.dark { color: #77736b; }
.hero h1 { margin: 0; max-width: 830px; font-size: clamp(65px, 8.2vw, 136px); line-height: .86; letter-spacing: -.075em; font-weight: 580; }
.hero-deck { max-width: 590px; margin: 38px 0 0; color: rgba(255,255,255,.68); font-size: clamp(18px, 1.7vw, 25px); line-height: 1.35; letter-spacing: -.025em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.button { appearance: none; border: 0; padding: 15px 22px; border-radius: 100px; font-size: 13px; font-weight: 650; cursor: pointer; transition: transform .25s var(--ease), background .25s, color .25s; }
.button:hover { transform: translateY(-2px); }
.button-light { background: white; color: #080808; }
.button-ghost { border: 1px solid rgba(255,255,255,.28); color: white; }
.button-dark { background: var(--ink); color: white; }
.hero-footnote { color: rgba(255,255,255,.34); margin: 18px 0 0; font-size: 11px; }
.hero-spec { position: absolute; z-index: 2; right: max(24px, calc((100vw - min(1440px, calc(100vw - 48px))) / 2)); bottom: 34px; display: grid; grid-template-columns: auto auto; gap: 13px 12px; align-items: start; font-size: 11px; }
.hero-spec > span { color: rgba(255,255,255,.35); }
.hero-spec p { margin: 0; line-height: 1.2; }
.hero-spec small { color: rgba(255,255,255,.36); font-size: 9px; }
.scroll-cue { position: absolute; z-index: 2; left: 50%; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translateX(-50%); color: rgba(255,255,255,.35); font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.scroll-cue i { width: 1px; height: 34px; background: linear-gradient(white, transparent); animation: scroll-line 2s ease-in-out infinite; }
@keyframes scroll-line { 0%,100% { transform: scaleY(.3); transform-origin: top; } 50% { transform: scaleY(1); } }

.signal-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); background: var(--paper-bright); }
.signal-strip > div { min-height: 170px; padding: 38px 5vw; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.signal-strip > div:last-child { border: 0; }
.signal-strip strong { font-size: clamp(34px, 4vw, 62px); letter-spacing: -.06em; font-weight: 520; }
.signal-strip span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

.section-pad { padding: clamp(95px, 12vw, 180px) max(24px, calc((100vw - min(1340px, calc(100vw - 48px))) / 2)); }
.manifesto { background: var(--paper-bright); }
.manifesto-title { margin: 0; font-size: clamp(62px, 10vw, 164px); line-height: .86; letter-spacing: -.078em; font-weight: 530; }
.manifesto-title em { color: #a49f95; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-weight: 400; }
.manifesto-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 12vw; margin-top: 100px; }
.manifesto-lead { margin: 0; font-size: clamp(25px, 3vw, 43px); line-height: 1.1; letter-spacing: -.04em; }
.manifesto-body { color: #5f5c56; font-size: 18px; line-height: 1.62; }
.manifesto-body p:first-child { margin-top: 0; }

.science { min-height: 260vh; color: white; background: var(--black); }
.science-sticky { position: sticky; top: 0; min-height: 100svh; display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; gap: 7vw; padding: 110px max(24px, calc((100vw - min(1340px, calc(100vw - 48px))) / 2)); overflow: hidden; }
.science-copy h2 { margin: 0; font-size: clamp(54px, 6.6vw, 102px); line-height: .91; letter-spacing: -.065em; font-weight: 540; }
.science-deck { color: rgba(255,255,255,.48); max-width: 480px; line-height: 1.55; font-size: 17px; }
.science-readout { border-top: 1px solid rgba(255,255,255,.17); margin-top: 42px; padding-top: 20px; display: grid; gap: 7px; }
.science-readout span { color: rgba(255,255,255,.34); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.science-readout strong { font-size: 20px; font-weight: 520; }
.science-readout small { color: rgba(255,255,255,.48); }
.pipeline { position: relative; display: grid; gap: 12px; padding-left: 42px; }
.pipeline-beam { position: absolute; left: 12px; top: 30px; bottom: 30px; width: 1px; background: rgba(255,255,255,.13); overflow: hidden; }
.pipeline-beam i { display: block; width: 100%; height: var(--beam, 0%); background: linear-gradient(var(--amber), white); box-shadow: 0 0 18px var(--amber); transition: height .6s var(--ease); }
.pipeline-node { position: relative; min-height: 105px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 18px 20px; display: grid; grid-template-columns: 45px 1fr; align-items: center; color: rgba(255,255,255,.29); transition: color .5s, border-color .5s, background .5s, transform .5s var(--ease); }
.pipeline-node::before { content: ""; position: absolute; left: -36px; width: 11px; height: 11px; border: 1px solid currentColor; border-radius: 50%; background: var(--black); }
.pipeline-node > span { font-size: 10px; }
.pipeline-node strong { font-size: clamp(18px, 2vw, 27px); font-weight: 520; letter-spacing: -.025em; }
.pipeline-node small { grid-column: 2; margin-top: -25px; font-size: 11px; color: inherit; opacity: .7; }
.pipeline-node.is-active { color: white; border-color: rgba(215,168,89,.48); background: linear-gradient(100deg, rgba(215,168,89,.12), rgba(255,255,255,.025)); transform: translateX(8px); }
.pipeline-node.is-active::before { background: var(--amber); box-shadow: 0 0 22px var(--amber); }

.purifier { background: #d8d4cb; }
.purifier-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 70px; }
.purifier-heading h2 { margin: 0; font-size: clamp(52px, 7vw, 108px); line-height: .9; letter-spacing: -.07em; font-weight: 530; }
.purifier-console { overflow: hidden; border-radius: 24px; background: #080808; color: white; box-shadow: 0 50px 100px rgba(0,0,0,.18); }
.console-top { height: 55px; display: flex; justify-content: space-between; align-items: center; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.1); font: 10px "SFMono-Regular", Consolas, monospace; color: rgba(255,255,255,.4); }
.live-dot { color: #89e16f; }
.live-dot::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; background: currentColor; border-radius: 50%; box-shadow: 0 0 10px currentColor; }
.console-grid { display: grid; grid-template-columns: .8fr 1fr 1fr; min-height: 500px; }
.console-grid > * { padding: 40px; border-right: 1px solid rgba(255,255,255,.1); }
.console-grid > *:last-child { border: 0; }
.control-panel label { display: flex; justify-content: space-between; color: rgba(255,255,255,.6); font-size: 12px; }
.control-panel output { color: white; font-size: 28px; letter-spacing: -.04em; }
.control-panel input { width: 100%; margin: 38px 0 10px; accent-color: var(--amber); }
.control-scale { display: flex; justify-content: space-between; color: rgba(255,255,255,.26); font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.control-panel dl { margin: 70px 0 0; }
.control-panel dl div { display: flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.1); }
.control-panel dt { color: rgba(255,255,255,.35); font-size: 11px; }
.control-panel dd { margin: 0; font: 12px "SFMono-Regular", monospace; }
.vector-viz { position: relative; display: grid; place-items: center; overflow: hidden; }
.vector-core { width: 110px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(215,168,89,.4); border-radius: 50%; box-shadow: 0 0 calc(40px + var(--purity-glow, 40px)) rgba(215,168,89,.25), inset 0 0 40px rgba(215,168,89,.16); transition: box-shadow .3s, transform .3s; }
.vector-core span { width: 18px; aspect-ratio: 1; border-radius: 50%; background: white; box-shadow: 0 0 30px white; }
.orbit { position: absolute; width: 210px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; animation: orbit 12s linear infinite; }
.orbit::after { content: ""; position: absolute; top: 12%; left: 12%; width: 5px; aspect-ratio: 1; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px var(--amber); }
.orbit-two { width: 290px; animation-duration: 18s; animation-direction: reverse; transform: rotate(35deg); }
.orbit-three { width: 380px; animation-duration: 26s; }
@keyframes orbit { to { transform: rotate(360deg); } }
.event-log { font: 10px/1.65 "SFMono-Regular", Consolas, monospace; overflow: hidden; color: rgba(255,255,255,.46); }
.event-line { display: grid; grid-template-columns: 60px 1fr; gap: 14px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); animation: log-in .5s var(--ease); }
.event-line span { color: rgba(255,255,255,.2); }
.event-line b { color: #d8b97e; font-weight: 400; }
@keyframes log-in { from { opacity: 0; transform: translateY(-5px); } }

.wear { background: var(--paper-bright); }
.wear-intro { display: grid; grid-template-columns: 1.1fr .6fr; gap: 5vw; align-items: end; }
.wear-intro .eyebrow { grid-column: 1 / -1; }
.wear-intro h2 { margin: 0; font-size: clamp(58px, 8vw, 122px); line-height: .88; letter-spacing: -.075em; font-weight: 530; }
.wear-intro > p:last-child { max-width: 450px; margin: 0 0 10px; color: var(--muted); font-size: 18px; line-height: 1.5; }
.wear-card { position: relative; min-height: min(88vw, 920px); overflow: hidden; }
.wear-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wear-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.58), transparent 60%); }
.wear-card-copy { position: absolute; z-index: 2; left: max(24px, calc((100vw - min(1340px, calc(100vw - 48px))) / 2)); bottom: 9%; width: min(500px, calc(100vw - 48px)); color: white; }
.wear-card-copy span { font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.wear-card-copy h3 { margin: 12px 0 18px; font-size: clamp(48px, 6vw, 92px); line-height: .9; letter-spacing: -.065em; font-weight: 520; }
.wear-card-copy p { color: rgba(255,255,255,.64); line-height: 1.55; font-size: 16px; }
.nose-card { min-height: 1050px; background: #8f8177; }
.nose-card img { object-position: center 38%; }
.nose-card::after { background: linear-gradient(90deg, rgba(0,0,0,.53), transparent 52%); }

.upwork { background: #efede7; }
.upwork-intro { display: grid; grid-template-columns: 1fr .65fr; gap: 60px; align-items: end; margin-bottom: 70px; }
.upwork-intro .eyebrow { grid-column: 1 / -1; }
.upwork-intro h2 { margin: 0; font-size: clamp(58px, 8vw, 112px); line-height: .88; letter-spacing: -.07em; font-weight: 530; }
.upwork-intro > p:last-child { color: var(--muted); line-height: 1.5; }
.job-card { max-width: 1120px; margin: 0 auto; border: 1px solid #d7d4cc; border-radius: 18px; background: white; overflow: hidden; box-shadow: 0 30px 90px rgba(23,22,18,.08); }
.job-topline, .job-title-row, .job-meta, .job-copy, .job-tags, .job-footer { padding-left: clamp(24px, 5vw, 62px); padding-right: clamp(24px, 5vw, 62px); }
.job-topline { min-height: 68px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8e6e0; color: #78766f; font-size: 11px; }
.upwork-ish { color: var(--green); font-size: 24px; font-weight: 750; letter-spacing: -.05em; }
.upwork-ish sup { color: #8a8881; font-size: 8px; letter-spacing: 0; }
.job-title-row { display: flex; justify-content: space-between; gap: 30px; padding-top: 45px; padding-bottom: 35px; }
.job-title-row p { color: #6d6b64; font-size: 11px; }
.job-title-row h3 { max-width: 800px; margin: 10px 0 0; font-size: clamp(29px, 4vw, 52px); line-height: 1; letter-spacing: -.05em; }
.heart { flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid #ddd; border-radius: 50%; background: white; font-size: 24px; cursor: pointer; }
.heart.is-saved { color: var(--green); background: #effbec; }
.job-meta { display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #e8e6e0; border-bottom: 1px solid #e8e6e0; }
.job-meta div { border-right: 1px solid #e8e6e0; padding-left: 20px; }
.job-meta div:first-child { padding-left: 0; }
.job-meta div:last-child { border: 0; }
.job-meta span, .job-meta strong { display: block; }
.job-meta span { margin-bottom: 6px; color: #85827a; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.job-meta strong { font-size: 16px; }
.job-copy { padding-top: 45px; padding-bottom: 34px; font-size: 15px; line-height: 1.58; }
.job-copy h4 { margin-top: 30px; }
.job-copy ul { padding-left: 20px; color: #55524b; }
.job-copy li { margin: 9px 0; }
.job-warning { margin: 28px 0 0; padding: 17px; border-left: 3px solid var(--green); background: #f5f6f2; font-weight: 650; }
.job-tags { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 34px; }
.job-tags span { padding: 7px 10px; border-radius: 100px; background: #f2f2ee; color: #5b5953; font-size: 9px; font-weight: 650; }
.job-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 105px; border-top: 1px solid #e8e6e0; }
.job-footer div { display: grid; gap: 5px; font-size: 11px; color: #6e6b64; }
.job-footer strong { color: var(--green); }
.job-footer button { padding: 13px 18px; border: 0; border-radius: 100px; background: var(--green); color: white; font-weight: 700; cursor: pointer; }

.glasses { position: relative; min-height: 100svh; background: white; overflow: hidden; }
.glasses img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.glasses-copy { position: absolute; z-index: 2; top: 14%; left: max(24px, calc((100vw - min(1340px, calc(100vw - 48px))) / 2)); max-width: 680px; }
.glasses-copy h2 { margin: 0; font-size: clamp(50px, 6.5vw, 94px); line-height: .9; letter-spacing: -.07em; }
.glasses-copy p { max-width: 540px; color: var(--muted); font-size: 17px; line-height: 1.5; }
.glasses-copy > span { display: inline-block; margin-top: 16px; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }

.reserve { text-align: center; color: white; background: var(--black); }
.reserve h2 { margin: 0; font-size: clamp(70px, 11vw, 170px); line-height: .82; letter-spacing: -.08em; font-weight: 530; }
.reserve-deck { max-width: 620px; margin: 46px auto 30px; color: rgba(255,255,255,.52); font-size: 18px; line-height: 1.5; }
.reserve > small { display: block; margin-top: 16px; color: rgba(255,255,255,.28); }

footer { min-height: 180px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 30px; padding: 45px 28px; color: #a9a69f; background: var(--black); border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }
footer p { margin: 0; text-align: center; }
footer > span { text-align: right; }
.footer-brand { color: white; }

.reserve-dialog { width: min(620px, calc(100vw - 32px)); border: 0; border-radius: 28px; padding: clamp(32px, 6vw, 70px); background: var(--paper-bright); color: var(--ink); box-shadow: 0 50px 150px rgba(0,0,0,.45); }
.reserve-dialog::backdrop { background: rgba(0,0,0,.64); backdrop-filter: blur(16px); }
.reserve-dialog[open] { animation: dialog-in .5s var(--ease); }
@keyframes dialog-in { from { opacity: 0; transform: translateY(20px) scale(.97); } }
.dialog-close { position: absolute; right: 20px; top: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #e9e6df; cursor: pointer; font-size: 25px; }
.reserve-dialog h2 { margin: 0; font-size: clamp(40px, 7vw, 70px); line-height: .9; letter-spacing: -.065em; }
.reserve-dialog > p:not(.eyebrow) { color: var(--muted); line-height: 1.55; }
.reservation-code { margin: 34px 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; display: flex; justify-content: space-between; gap: 20px; font: 10px "SFMono-Regular", monospace; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  :root { --page: calc(100vw - 36px); }
  .site-header { grid-template-columns: 1fr auto; height: 64px; padding: 0 18px; }
  .site-header nav { display: none; }
  .brand-product { display: none; }
  .hero-copy { padding-top: 145px; }
  .hero h1 { font-size: clamp(62px, 17vw, 100px); }
  .hero-media { object-position: 61% center; opacity: .82; }
  .hero-vignette { background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.25)), linear-gradient(0deg, rgba(0,0,0,.65), transparent); }
  .hero-deck { max-width: 520px; }
  .hero-spec, .scroll-cue { display: none; }
  .signal-strip { grid-template-columns: repeat(2, 1fr); }
  .signal-strip > div { min-height: 125px; }
  .signal-strip > div:nth-child(2) { border-right: 0; }
  .manifesto-grid, .wear-intro, .upwork-intro { grid-template-columns: 1fr; gap: 45px; }
  .science { min-height: auto; }
  .science-sticky { position: relative; min-height: auto; grid-template-columns: 1fr; padding-top: 120px; padding-bottom: 120px; }
  .science-readout { display: none; }
  .pipeline { margin-top: 40px; }
  .console-grid { grid-template-columns: 1fr; }
  .console-grid > * { min-height: 340px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .event-log { max-height: 340px; }
  .wear-card { min-height: 820px; }
  .ear-card img { object-position: 58% center; }
  .nose-card { min-height: 900px; }
  .nose-card img { object-position: 62% center; }
  .job-meta { grid-template-columns: repeat(2, 1fr); gap: 20px 0; }
  .job-meta div:nth-child(2) { border-right: 0; }
  .job-footer { align-items: flex-start; flex-direction: column; padding-top: 25px; padding-bottom: 25px; }
  .glasses { min-height: 850px; }
  .glasses img { object-position: 60% center; }
  footer { grid-template-columns: 1fr; align-items: start; }
  footer p, footer > span { text-align: left; }
}

@media (max-width: 560px) {
  .nav-cta { padding: 9px 12px; }
  .hero { min-height: 900px; }
  .hero h1 { font-size: 63px; }
  .hero-deck { font-size: 18px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .button { text-align: center; }
  .signal-strip > div { padding: 26px 22px; }
  .manifesto-grid { margin-top: 65px; }
  .manifesto-lead { font-size: 29px; }
  .purifier-heading { display: block; }
  .pipeline { padding-left: 30px; }
  .pipeline-node { grid-template-columns: 34px 1fr; }
  .pipeline-node small { grid-column: 1 / -1; margin-top: 5px; }
  .job-title-row h3 { font-size: 34px; }
  .glasses-copy { top: 11%; right: 20px; }
  .glasses-copy h2 { font-size: 52px; }
  .reservation-code { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}