@font-face {
  font-family: Archivo;
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("/fonts/archivo-italic.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("/fonts/archivo.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bodoni Moda;
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/bodoni-moda-italic.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bodoni Moda;
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/bodoni-moda.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/newsreader-italic.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/newsreader.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/jost-200.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ink: #0a0a0b;
  --ink-2: #121214;
  --paper: #e9e5df;
  --paper-dim: #cfc9c1;
  --rule: #e9e5df1f;
  --olive: #8a853a;
  --gutter: clamp(22px,5vw,80px);
  --frame: 13px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  overflow-x: clip;
}

body {
  background: var(--ink);
  color: var(--paper);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: Helvetica Neue, Helvetica, Inter, system-ui, -apple-system, sans-serif;
  font-weight: 300;
  overflow-x: clip;
}

.veil {
  background: var(--ink);
  z-index: 99;
  pointer-events: none;
  opacity: 1;
  transition: opacity 1.8s var(--ease);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.ready .veil {
  opacity: 0;
}

.mark {
  top: clamp(22px, 3.4vh, 40px);
  left: calc(var(--gutter) + var(--frame));
  z-index: 20;
  opacity: 0;
  transition: opacity 1.6s var(--ease) .7s;
  mix-blend-mode: difference;
  position: fixed;
}

body.ready .mark {
  opacity: 1;
}

.label {
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--paper-dim);
  margin: 0;
  font-size: clamp(10px, .72vw, 12px);
  font-weight: 500;
}

.lede {
  letter-spacing: -.01em;
  margin: 0;
  font-size: clamp(22px, 2.35vw, 38px);
  font-weight: 300;
  line-height: 1.32;
}

.wall {
  color: var(--paper-dim);
  max-width: 40ch;
  margin: 0;
  font-size: clamp(15px, 1.1vw, 18px);
  font-weight: 400;
  line-height: 1.75;
}

.wall em {
  color: var(--paper);
  font-style: italic;
}

.stack {
  flex-direction: column;
  gap: clamp(14px, 2vh, 24px);
  display: flex;
}

.lede--hero {
  max-width: 17.7em;
}

.rise {
  opacity: 0;
  transition: opacity 1.6s var(--ease-out), transform 1.6s var(--ease-out);
  transform: translate3d(0, 30px, 0);
}

.rise.in {
  opacity: 1;
  transform: none;
}

.rise[data-d="1"] {
  transition-delay: .36s;
}

.rise[data-d="2"] {
  transition-delay: .72s;
}

.rise[data-d="3"] {
  transition-delay: 1.08s;
}

.plate {
  filter: blur(22px);
  transition: filter 1.7s var(--ease);
  will-change: transform;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.plate.loaded {
  filter: blur();
}

.plate {
  background-image: var(--tiny);
}

@media (max-width: 899px) {
  .plate {
    background-image: var(--tiny-m, var(--tiny));
  }
}

.plate > picture > img {
  object-fit: cover;
  object-position: var(--bp, 50% 50%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inquire {
  padding: clamp(110px,18vh,190px) calc(var(--gutter) + var(--frame)) clamp(60px,10vh,110px);
  grid-template-columns: 1fr;
  gap: clamp(36px, 5vw, 90px);
  max-width: 1760px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

@media (min-width: 900px) {
  .inquire {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  }
}

form {
  flex-direction: column;
  gap: 30px;
  max-width: 560px;
  display: flex;
}

fieldset {
  border: 0;
  flex-direction: column;
  gap: 18px;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
}

legend {
  margin-bottom: 16px;
  padding: 0;
}

.choices {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  display: flex;
}

.choice {
  position: relative;
}

.choice input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.choice span {
  border: 1px solid var(--rule);
  color: var(--paper-dim);
  cursor: pointer;
  transition: color .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease);
  border-radius: 999px;
  padding: 11px 18px;
  font-size: 14px;
  display: inline-block;
}

.choice span:hover {
  color: var(--paper);
  border-color: var(--paper-dim);
}

.choice input:checked + span {
  color: var(--ink);
  background: var(--paper);
  border-color: var(--paper);
}

.choice input:checked + span:hover {
  background: var(--olive);
  border-color: var(--olive);
}

.choice input:focus-visible + span {
  outline: 2px solid var(--paper);
  outline-offset: 3px;
}

.field {
  flex-direction: column;
  gap: 11px;
  display: flex;
}

input[type="text"], input[type="email"], textarea {
  border: 0;
  border-bottom: 1px solid var(--rule);
  color: var(--paper);
  font: inherit;
  transition: border-color .5s var(--ease);
  background: none;
  border-radius: 0;
  padding: 10px 0;
  font-size: 16px;
}

input:focus, textarea:focus {
  border-bottom-color: var(--paper);
  outline: 0;
}

textarea {
  resize: vertical;
  min-height: 96px;
}

.hp {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

button {
  color: var(--paper);
  border: 1px solid var(--rule);
  font: inherit;
  letter-spacing: .06em;
  cursor: pointer;
  transition: background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease);
  background: none;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 8px;
  padding: 14px 30px;
  font-size: 14px;
}

button:hover {
  background: var(--olive);
  color: var(--ink);
  border-color: var(--olive);
}

footer {
  padding: 28px calc(var(--gutter) + var(--frame)) 46px;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 34px;
  max-width: 1760px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

footer a {
  color: var(--paper-dim);
  text-decoration: none;
}

footer a:hover {
  color: var(--paper);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 1ms !important;
    animation: none !important;
  }

  .rise {
    opacity: 1;
    transform: none;
  }
}

.copy-right {
  text-align: left;
  left: auto !important;
  right: calc(var(--gutter) + var(--frame)) !important;
  margin-left: auto !important;
}

@media (max-width: 899px) {
  .copy-right {
    left: var(--gutter) !important;
    right: var(--gutter) !important;
  }
}

.stack, .col, .band__copy, .hero__type, .lab__type, .plate__cap, .drift__type, .scan__type, .grade__type, .offset {
  width: fit-content;
  max-width: 100%;
}

.wall {
  text-wrap: pretty;
}

.copy-right, .col--right {
  margin-left: auto;
}

.stack > .wall, .col .wall, .band__copy .wall {
  max-width: none;
}

.fx-halo {
  isolation: isolate;
  --halo: .7;
  --halo-x: 42%;
  --halo-y: 64%;
  position: relative;
}

.fx-halo > * {
  z-index: 2;
  position: relative;
}

.fx-halo:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  inset: calc(-1 * var(--halo-y)) calc(-1 * var(--halo-x));
  background: radial-gradient(closest-side ellipse at 50% 50%,
             rgba(6,6,7,var(--halo)) 0%,
             rgba(6,6,7,calc(var(--halo) * .6)) 44%,
             #06060700 78%);
  position: absolute;
}

.fx-halo .lede, .fx-halo .wall, .fx-halo .label, .lede.fx-halo, .wall.fx-halo, .label.fx-halo {
  text-shadow: 0 0 14px #060607eb, 0 0 34px #060607c7, 0 0 70px #0606079e, 0 1px 2px #060607e6;
}

.fx-cyl {
  isolation: isolate;
  --spread-x: 38%;
  --spread-y: 70%;
  --band: .94;
  --fade: 54%;
  position: relative;
}

.fx-cyl--dim {
  --band: .84;
}

.fx-cyl--soft {
  --band: .73;
}

.fx-cyl--bare {
  --band: .012;
}

.fx-cyl > * {
  z-index: 2;
  position: relative;
}

.fx-cyl:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  inset: calc(-1 * var(--spread-y)) calc(-1 * var(--spread-x));
  background-image: repeating-linear-gradient(to bottom,
      rgba(6,6,7,var(--band)) 0px, rgba(6,6,7,var(--band)) 3px,
      rgba(6,6,7,calc(var(--band) * .66)) 7px,
      rgba(6,6,7,calc(var(--band) * .91)) 12px,
      rgba(6,6,7,var(--band)) 16px);
  -webkit-mask-image: radial-gradient(ellipse var(--fade) calc(var(--fade) - 2%) at 50% 50%,
      #000 5%, #000000b3 30%, #0000004d 55%,
      #00000014 75%, transparent 95%);
  -webkit-mask-image: radial-gradient(ellipse var(--fade) calc(var(--fade) - 2%) at 50% 50%,
      #000 5%, #000000b3 30%, #0000004d 55%,
      #00000014 75%, transparent 95%);
  mask-image: radial-gradient(ellipse var(--fade) calc(var(--fade) - 2%) at 50% 50%,
      #000 5%, #000000b3 30%, #0000004d 55%,
      #00000014 75%, transparent 95%);
  position: absolute;
}

.fx-glass-horizon {
  pointer-events: none;
  z-index: 2;
  -webkit-backdrop-filter: blur(22px) saturate(1.22);
  backdrop-filter: blur(22px) saturate(1.22);
  background: linear-gradient(#ffffff05, #ffffff26);
  height: 62%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(#0000 0%, #00000059 26%, #000 72%);
  mask-image: linear-gradient(#0000 0%, #00000059 26%, #000 72%);
}

.sweep {
  z-index: 6;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: .85;
  animation: daylight 190s var(--ease) infinite alternate;
  background: radial-gradient(58% 44% at 18% 8%, #fff6e457 0%, #fff6e400 64%), radial-gradient(70% 60% at 86% 92%, #5a6e9638 0%, #5a6e9600 62%);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes daylight {
  0% {
    filter: hue-rotate() brightness();
    background-position: 0 0, 100% 100%;
  }

  50% {
    filter: hue-rotate(-6deg) brightness(1.06);
    background-position: 46% 18%, 58% 78%;
  }

  100% {
    filter: hue-rotate(5deg) brightness(.95);
    background-position: 92% 34%, 14% 58%;
  }
}

.sweep--spec {
  mix-blend-mode: overlay;
  opacity: .3;
  background: linear-gradient(104deg, #fff0 34%, #ffffff57 50%, #fff0 66%) 0 0 / 260% 260%;
  animation-duration: 74s;
}

@media (prefers-reduced-motion: reduce) {
  .sweep {
    animation: none;
  }
}

body {
  background: var(--ink-2);
}

:root {
  --rail: calc(var(--frame) + clamp(30px,4vw,68px));
}

.mark {
  left: var(--rail);
}

.hero {
  height: 100svh;
  position: relative;
  overflow: visible;
}

.hero .plate {
  z-index: 0;
  position: fixed;
  top: -12%;
  bottom: -12%;
  left: 0;
  right: 0;
}

.sheet, .opt, footer {
  z-index: 2;
  background: var(--ink-2);
  position: relative;
}

.hero .plate {
  top: -12%;
  bottom: -12%;
  left: 0;
  right: 0;
}

.hero__type {
  --spread-x: 48%;
  --spread-y: 57%;
  --band: .93;
  --fade: 54%;
  z-index: 3;
  left: auto;
  right: calc(var(--gutter) + 100px);
  width: min(620px, 52vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sheet {
  padding: 0 var(--frame) var(--frame);
  display: flow-root;
}

.band {
  background: var(--ink-2);
  margin-top: calc(var(--frame) * 8);
  grid-template-columns: 1fr;
  align-items: stretch;
  min-height: 84svh;
  display: grid;
  position: relative;
}

.band__media {
  min-height: 46svh;
  position: relative;
  overflow: hidden;
}

.band__media .plate {
  top: -10%;
  bottom: -10%;
  left: 0;
  right: 0;
}

.band__copy {
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: clamp(72px, 11vh, 140px) clamp(38px, 5vw, 84px);
  display: flex;
}

@media (min-width: 900px) {
  .band--split {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  }

  .band--split.band--flip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
  }

  .band--split.band--flip .band__media {
    order: 2;
  }

  .band--tall .band__media {
    min-height: 0;
  }
}

.band--full .band__media {
  min-height: 0;
}

.band--full .band__media:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0a0a0b00 0%, #0a0a0b2e 42%, #0a0a0b85 76%, #0a0a0bc7 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.band--full .band__copy {
  z-index: 2;
  z-index: 2;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.band--full .band__copy .lede {
  max-width: 31ch;
  margin: 0;
}

@media (max-width: 899px) {
  .band--full .band__copy {
    max-width: none;
    position: static;
  }

  .hero__type {
    max-width: none;
  }
}

section.opt {
  align-items: flex-start;
  min-height: 0;
  padding-top: 214px;
  padding-bottom: 315px;
}

@media (max-width: 899px) {
  .hero__type {
    left: var(--gutter);
    right: var(--gutter);
    width: auto;
    top: auto;
    bottom: clamp(56px, 11svh, 110px);
    transform: none;
  }

  .hero__type .lede--hero {
    font-size: clamp(24px, 6.6vw, 32px);
  }

  .band {
    min-height: 0;
    margin-top: calc(var(--frame) * 4);
  }

  .band__media {
    min-height: 64svh;
  }

  .band__copy {
    padding: 40px calc(var(--gutter) - var(--frame)) 52px;
    gap: 18px;
  }

  .band--full .band__media {
    min-height: 80svh;
  }

  .band--full .band__copy {
    padding: 0 calc(var(--gutter) - var(--frame)) 44px;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-end;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  section.opt {
    padding-top: 96px;
    padding-bottom: 120px;
  }
}

@media (min-width: 900px) {
  .hero__type {
    left: calc(var(--gutter) + var(--frame));
    width: auto;
    max-width: min(760px, 52vw);
    top: auto;
    bottom: clamp(70px, 16vh, 180px);
    right: auto;
    transform: none;
  }

  .mark {
    left: calc(var(--gutter) + var(--frame));
  }
}

.opt {
  min-height: 100svh;
  padding: clamp(80px,12vh,150px) calc(var(--gutter) + var(--frame, 0px));
  border-bottom: 1px solid #e9e5df1a;
  align-items: center;
  display: flex;
}

.opt__inner {
  grid-template-columns: 1fr;
  gap: clamp(36px, 5vw, 90px);
  width: 100%;
  max-width: 1760px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

@media (min-width: 900px) {
  .opt__inner {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  }
}

.opt__num {
  color: var(--paper-dim);
  margin-bottom: 22px;
}

.opt__inner > div {
  max-width: 34rem;
}

.opt .lede {
  text-wrap: normal;
  max-width: none;
  margin-bottom: 22px;
}

.opt .wall {
  max-width: none;
}

.radios {
  flex-direction: column;
  gap: 16px;
  margin-top: 22px;
  display: flex;
}

.radio {
  cursor: pointer;
  align-items: center;
  gap: 13px;
  font-size: 15px;
  display: flex;
}

.radio input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.radio i {
  border: 1px solid var(--rule);
  width: 15px;
  height: 15px;
  transition: border-color .3s var(--ease);
  border-radius: 50%;
  flex: none;
  position: relative;
}

.radio i:after {
  content: "";
  background: var(--olive);
  transition: transform .3s var(--ease);
  border-radius: 50%;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  transform: scale(0);
}

.radio:hover i {
  border-color: var(--paper-dim);
}

.radio input:checked + i {
  border-color: var(--olive);
}

.radio input:checked + i:after {
  transform: scale(1);
}

.radio input:focus-visible + i {
  outline: 2px solid var(--paper);
  outline-offset: 3px;
}

.link {
  font: inherit;
  letter-spacing: 0;
  cursor: pointer;
  color: var(--paper);
  border: 0;
  border-bottom: 1px solid var(--rule);
  transition: border-color .35s var(--ease), color .35s var(--ease);
  background: none;
  border-radius: 0;
  align-self: auto;
  margin: 0;
  padding: 0;
  font-size: 15px;
  text-decoration: none;
}

.link:hover {
  color: var(--paper);
  border-bottom-color: var(--paper);
  background: none;
}

.link--reset {
  color: var(--paper-dim);
  transition: color .35s var(--ease);
  border-bottom: 0;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: inline-flex;
}

.link--reset svg {
  width: 14px;
  height: 14px;
  transition: transform .5s var(--ease);
  flex: none;
}

.link--reset span {
  border-bottom: 1px solid var(--rule);
  transition: border-color .35s var(--ease);
}

.link--reset:hover {
  color: var(--paper);
  background: none;
}

.link--reset:hover span {
  border-bottom-color: var(--paper);
}

.link--reset:hover svg {
  transform: rotate(-120deg);
}

.link--reset:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 4px;
}

.branch.on .link {
  color: var(--olive);
  border-bottom-color: #8a853a80;
}

.branch.on .link:hover {
  border-bottom-color: var(--olive);
}

.trail {
  margin: 34px 0 28px;
  position: relative;
}

.trail .crumbs {
  margin-bottom: 0;
  padding-right: 124px;
}

.trail .link--reset {
  color: var(--paper-dim);
  opacity: 0;
  transition: opacity 1.4s var(--ease) .6s, color .35s var(--ease);
  font-size: 12px;
  position: absolute;
  top: 9px;
  right: 0;
}

.trail:not([hidden]) .link--reset {
  opacity: .62;
}

.trail .link--reset:hover {
  opacity: 1;
  color: var(--paper);
}

.trail .link--reset svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 560px) {
  .trail .crumbs {
    padding-right: 0;
  }

  .trail .link--reset {
    margin-top: 16px;
    position: static;
  }
}

.opt form {
  margin: 0;
}

.step {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: opacity .7s var(--ease-out), max-height .7s var(--ease-out);
  overflow: hidden;
}

.step.on {
  opacity: 1;
  pointer-events: auto;
  max-height: 320px;
}

.answered {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.answered .label {
  margin: 0;
}

.answered b {
  color: var(--paper);
  font-weight: 400;
}

.ref {
  color: var(--paper-dim);
  margin-top: 10px;
  font-size: 13px;
  display: none;
}

.ref.on, .step:not([data-step="hang"]) .ref {
  display: block;
}

.crumbs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
  display: flex;
}

.crumb {
  border: 1px solid var(--rule);
  color: var(--paper);
  cursor: pointer;
  transition: border-color .35s var(--ease), color .35s var(--ease);
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  font-size: 13px;
  display: inline-flex;
}

.crumb:hover {
  border-color: var(--olive);
}

.crumb:hover span {
  color: var(--olive);
}

.crumb span {
  color: var(--paper-dim);
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10px;
}

.crumb b {
  font-weight: 400;
}

.step {
  display: none;
}

.step.on {
  display: block;
}

.step .label {
  margin-bottom: 16px;
  display: block;
}

.branch {
  margin-bottom: 26px;
  display: none;
}

.branch.on {
  display: block;
}

.seg {
  border: 1px solid var(--rule);
  border-radius: 999px;
  grid-template-columns: 1fr 1fr;
  margin: 0 0 34px;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.seg__ind {
  background: var(--olive);
  transition: transform .42s var(--ease);
  border-radius: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
}

.seg:has(.seg__opt:last-of-type input:checked) .seg__ind {
  transform: translateX(100%);
}

.seg__opt {
  z-index: 1;
  text-align: center;
  cursor: pointer;
  color: var(--paper-dim);
  transition: color .42s var(--ease);
  justify-content: center;
  align-items: center;
  padding: 19px 20px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.seg__opt input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.seg__opt:has(input:checked) {
  color: var(--ink);
}

.seg__opt:has(input:focus-visible) {
  outline: 2px solid var(--paper);
  outline-offset: 3px;
}

@media (max-width: 560px) {
  .seg__opt {
    padding: 16px 12px;
    font-size: 14px;
  }
}

.panes {
  display: grid;
  position: relative;
}

.pane {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .38s var(--ease), visibility .38s;
  flex-direction: column;
  grid-area: 1 / 1;
  gap: 26px;
  display: flex;
}

.pane.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sketch {
  color: var(--paper-dim);
  opacity: .65;
  margin-top: 6px;
}

.branch .field {
  flex-direction: column;
  gap: 11px;
  display: flex;
}

.tailfields {
  flex-direction: column;
  gap: 26px;
  display: none;
}

.tailfields.on {
  display: flex;
}

.cf-turnstile {
  min-height: 0;
}

.status {
  color: var(--paper-dim);
  min-height: 1.5em;
  margin: 0;
  font-size: 14px;
}

.flow.sending button[type="submit"] {
  opacity: .5;
  pointer-events: none;
}

.thanks {
  display: none;
}

.thanks .lede {
  margin-bottom: 22px;
}

.flow.sent {
  display: none;
}

.flow.sent + .thanks {
  display: block;
}

.plate--edges {
  --bp: 30% 50%;
  background-position: 30%;
}

.band--pair {
  min-height: 0;
  display: block;
}

.pair {
  gap: var(--frame);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.pair .band__media {
  min-height: clamp(320px, 64svh, 860px);
}

.band--pair .band__copy {
  padding-top: clamp(48px, 8vh, 96px);
  padding-bottom: clamp(48px, 8vh, 96px);
}

.band--pair .band__copy .wall {
  max-width: 46ch;
}

@media (max-width: 899px) {
  .pair {
    grid-template-columns: 1fr;
  }

  .pair .band__media {
    min-height: 52svh;
  }

  .band--pair .band__copy {
    padding: 40px calc(var(--gutter) - var(--frame)) 52px;
  }
}

.band__media--palette:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(75% 70%, #12121400 40%, #12121459 75%, #121214bf 100%), #1212141f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.ready .hero .rise {
  opacity: 1;
  transform: none;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.top {
  z-index: 20;
  pointer-events: none;
  padding: clamp(22px,3.4vh,40px) var(--rail) 0;
  opacity: 0;
  transition: opacity 1.6s var(--ease) .7s;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

body.ready .top {
  opacity: 1;
}

.top:before {
  content: "";
  z-index: -1;
  background: linear-gradient(#121214b8 0%, #12121475 40%, #12121429 75%, #12121400 100%);
  height: calc(100% + clamp(70px, 9vh, 120px));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.top .label {
  color: var(--paper);
}

.top__link {
  pointer-events: auto;
  transition: border-color .35s var(--ease), color .35s var(--ease);
  border-bottom: 1px solid #0000;
  padding-bottom: 3px;
  text-decoration: none;
}

.top__link:hover {
  border-bottom-color: var(--paper);
}

.top__link:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 4px;
}

@media (min-width: 900px) {
  .top {
    padding-left: calc(var(--gutter) + var(--frame));
    padding-right: calc(var(--gutter) + var(--frame));
  }
}

.t-h1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: clamp(36px, 4.45vw, 64px);
  font-weight: 300;
  line-height: 1.08;
}

.t-h2 {
  letter-spacing: -.015em;
  margin: 0;
  font-size: clamp(28px, 2.8vw, 40px);
  font-weight: 300;
  line-height: 1.18;
}

.t-intro {
  color: var(--paper);
  text-wrap: pretty;
  max-width: 34ch;
  margin: 0;
  font-size: clamp(18px, 1.6vw, 23px);
  font-weight: 400;
  line-height: 1.45;
}

.wall {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.7;
}

.label {
  letter-spacing: .22em;
  font-size: 12px;
  font-weight: 500;
}

.t-meta {
  letter-spacing: .01em;
  color: var(--paper-dim);
  margin: 0;
  font-size: clamp(13px, .98vw, 14px);
  font-weight: 400;
  line-height: 1.5;
}

.t-name {
  letter-spacing: .01em;
  color: var(--paper);
  font-size: 16px;
  font-weight: 500;
}

.t-nav {
  letter-spacing: .02em;
  color: var(--paper);
  font-size: 14px;
  font-weight: 400;
}

.t-form {
  letter-spacing: 0;
  color: var(--paper);
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  display: block;
}

.step .t-form {
  margin-bottom: 16px;
}

.seg__lede {
  margin: 0 0 16px;
}

.opt .t-h2, .thanks .t-h2 {
  margin-bottom: 22px;
}

.ref.t-meta {
  font-size: 13px;
}

.band__copy .t-h2 {
  margin: 0;
}

.crumb span {
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
}

.tag {
  z-index: 3;
  color: #1d1c1a;
  background: #e9e5df;
  width: min(300px, 100% - 32px);
  padding: 18px 20px 16px;
  position: absolute;
  bottom: clamp(16px, 2.2vw, 32px);
  left: clamp(16px, 2.2vw, 32px);
  box-shadow: 0 1px 2px #0000002e, 0 8px 24px #00000038;
}

.tag p {
  margin: 0;
}

.tag__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.tag__sub {
  color: #4a4743;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 3px !important;
}

.tag__meta {
  color: #4a4743;
  font-size: 13px;
  line-height: 1.55;
  margin-top: 12px !important;
}

.tag__avail {
  color: #1d1c1a;
  border-top: 1px solid #1d1c1a29;
  padding-top: 10px;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 12px !important;
}

@media (max-width: 899px) {
  .tag {
    width: min(260px, 100% - 32px);
    padding: 14px 16px 12px;
  }

  .tag__title {
    font-size: 14px;
  }
}

.hero__type .t-meta {
  color: var(--paper);
}

.tag__sub {
  text-wrap: balance;
}

@media (min-width: 900px) {
  .band--flip > .tag {
    left: calc(40.8163% + clamp(16px, 2.2vw, 32px));
  }
}

@media (max-width: 899px) {
  .tag {
    margin: -44px 0 0 16px;
    position: relative;
    bottom: auto;
    left: auto;
  }
}

footer {
  max-width: none;
  padding-left: max(calc(var(--gutter) + var(--frame)), calc((100% - 1760px) / 2 + var(--gutter) + var(--frame)));
  padding-right: max(calc(var(--gutter) + var(--frame)), calc((100% - 1760px) / 2 + var(--gutter) + var(--frame)));
}

.top__right {
  align-items: baseline;
  gap: clamp(20px, 2.4vw, 36px);
  display: flex;
}

.vswitch {
  pointer-events: auto;
  gap: 12px;
  display: flex;
}

.vswitch a {
  letter-spacing: .02em;
  color: var(--paper-dim);
  border-bottom: 1px solid #0000;
  padding-bottom: 2px;
  font-size: 13px;
  text-decoration: none;
}

.vswitch a:hover {
  color: var(--paper);
}

.vswitch a[aria-current] {
  color: var(--paper);
  border-bottom-color: currentColor;
}

.vswitch {
  gap: 20px;
}

.vs-pair {
  gap: 8px;
  display: flex;
}

.vswitch a {
  position: relative;
}

.vswitch a:after {
  content: "";
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: -6px;
  right: -6px;
}

@media (max-width: 899px) {
  .vswitch {
    left: 50%;
    bottom: calc(16px + env(safe-area-inset-bottom));
    pointer-events: auto;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #121214b8;
    border-radius: 999px;
    padding: 10px 24px;
    position: fixed;
    transform: translateX(-50%);
  }

  .vswitch a {
    color: #e9e5dfb3;
  }

  .vswitch a[aria-current] {
    color: #e9e5df;
  }
}

:root {
  --pad: 24px;
  --sec: 96px;
}

@media (min-width: 900px) {
  :root {
    --pad: 64px;
    --sec: 128px;
  }
}

@media (min-width: 1440px) {
  :root {
    --pad: 96px;
  }
}

.top {
  padding: 24px calc(var(--frame) + var(--pad)) 0;
}

@media (min-width: 900px) {
  .top {
    padding: 32px calc(var(--frame) + var(--pad)) 0;
  }

  .hero__type {
    left: calc(var(--frame) + var(--pad));
    bottom: 96px;
  }
}

@media (max-width: 899px) {
  .hero__type {
    left: calc(var(--frame) + var(--pad));
    right: calc(var(--frame) + var(--pad));
    bottom: 64px;
  }
}

.band {
  min-height: 0;
  margin-top: var(--sec);
  align-items: center;
}

@media (max-width: 899px) {
  .band {
    margin-top: var(--sec);
  }
}

.band__media {
  aspect-ratio: 3 / 2;
  min-height: 0;
}

@media (max-width: 899px) {
  .band__media {
    min-height: 0;
  }
}

.band__copy {
  padding: 64px var(--pad);
  gap: 0;
}

.band__copy > * {
  margin: 0;
}

.band__copy > * + * {
  margin-top: 16px;
}

.band__copy > .label + * {
  margin-top: 8px;
}

@media (max-width: 899px) {
  .band__copy {
    padding: 24px var(--pad) 0;
  }
}

.tag {
  bottom: 32px;
  left: 32px;
}

@media (min-width: 900px) {
  .band--flip > .tag {
    left: calc(40.8163% + 32px);
  }
}

@media (max-width: 899px) {
  .tag {
    margin: -48px 0 0 var(--pad);
  }
}

section.opt {
  padding: 192px calc(var(--frame) + var(--pad));
}

@media (max-width: 899px) {
  section.opt {
    padding: 96px calc(var(--frame) + var(--pad)) 128px;
  }
}

.opt__inner {
  gap: 64px;
  max-width: none;
}

form {
  gap: 32px;
}

.field {
  gap: 8px;
}

.choices {
  margin-top: 16px;
}

.tailfields {
  gap: 24px;
}

.branch {
  margin-bottom: 24px;
}

.branch .wall + .field, .branch p + .field {
  margin-top: 24px;
}

.trail {
  margin: 32px 0 24px;
}

.opt .t-h2 {
  margin-bottom: 24px;
}

footer {
  padding: 32px calc(var(--frame) + var(--pad)) 48px;
}

.story {
  background: none;
  height: 320svh;
  display: block;
}

.story__stage {
  box-sizing: border-box;
  height: 100svh;
  padding: 96px var(--pad) 48px;
  grid-template-rows: minmax(0, 1fr) auto;
  row-gap: 32px;
  display: grid;
  position: sticky;
  top: 0;
}

.story__frame {
  background: #1b1b1e;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.story__img {
  object-fit: cover;
  will-change: transform, opacity;
  transform-origin: 50% 45%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.story__img--palette {
  opacity: 0;
}

.story__copy {
  max-width: 62ch;
}

.story__copy > * {
  margin: 0;
}

.story__copy > .label + * {
  margin-top: 8px;
}

@media (max-width: 899px) {
  .story__stage {
    padding: 72px var(--pad) 32px;
    row-gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .story {
    height: auto;
  }

  .story__stage {
    height: auto;
    position: static;
  }

  .story__frame {
    aspect-ratio: 3 / 2;
  }

  .story__img--raw {
    display: none;
  }

  .story__img--palette {
    opacity: 1;
  }
}

.story__copy .wall {
  max-width: 58ch;
}

.top .t-name {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 200;
}

.band__fig {
  min-width: 0;
  margin: 0;
}

@media (min-width: 900px) {
  .band--flip > .band__fig {
    order: 2;
  }
}

.caption {
  color: var(--paper-dim);
  letter-spacing: .01em;
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.caption__title {
  color: var(--paper);
}

.caption__title i {
  font-style: italic;
}

.caption__line {
  white-space: normal;
}

@media (min-width: 900px) {
  .caption__line {
    display: block;
  }
}

@media (max-width: 899px) {
  .caption {
    padding: 0 var(--pad);
  }

  .caption__line {
    display: block;
  }
}

.story__stage {
  grid-template-rows: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.story__inner {
  width: min(100%, 150svh - 474px);
}

.story__frame {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.story__copy {
  margin-top: 32px;
}

.story__img--palette {
  transform-origin: 43% 37%;
}

@media (max-width: 899px) {
  .story__inner {
    width: 100%;
  }

  .story__copy {
    margin-top: 24px;
  }

  .band__fig + .band__copy {
    padding-top: 48px;
  }

  .hero .plate {
    --bp: 42% 50%;
    background-position: 42%;
    top: -2%;
    bottom: -2%;
    left: 0;
    right: 0;
    transform: none !important;
  }
}

.hero:before {
  content: "";
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to top, #0a0a0b6e 0%, #0a0a0b5e 38%, #0a0a0b3b 56%, #0a0a0b00 76%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.top:before {
  background: linear-gradient(#121214c9 0%, #1212148a 43%, #12121430 78%, #12121400 100%);
}

@media (max-width: 899px) {
  :root {
    --pad: 11px;
  }

  .story__stage {
    padding-left: 0;
    padding-right: 0;
  }

  .story__copy {
    padding-inline: var(--pad);
  }
}

.story {
  height: 420svh;
}

.story__img--made {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .story__img--palette {
    opacity: 0;
  }

  .story__img--made {
    opacity: 1;
  }
}

.sr-only {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 899px) {
  .hero .plate {
    height: 100lvh;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    transform: none !important;
  }

  .band__media .plate {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.top:before {
  background: linear-gradient(#121214db 0%, #121214bd 55%, #1212144d 80%, #12121400 100%);
  height: calc(100% + 24px);
}

@media (min-width: 900px) {
  .top:before {
    height: calc(100% + 29px);
  }
}

.top:before {
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  backdrop-filter: blur(14px) saturate(1.1);
  height: calc(100% + 24px);
  transition: background-color .35s var(--ease);
  background: #1212145c;
  -webkit-mask-image: linear-gradient(#000 0% 62%, #0000 100%);
  mask-image: linear-gradient(#000 0% 62%, #0000 100%);
}

@media (min-width: 900px) {
  .top:before {
    height: calc(100% + 29px);
  }
}

.top .t-name, .top .vswitch a {
  transition: color .35s var(--ease), border-color .35s var(--ease);
}

@media (min-width: 900px) {
  .top:before {
    height: calc(100% + 72px);
  }
}

.top:before {
  height: calc(100% + 24px);
  -webkit-mask-image: linear-gradient(#000 0%, #000000fb 8.3%, #000e 16.7%, #000000da 25%, #000000bf 33.3%, #000000a0 41.7%, #00000080 50%, #0000005f 58.3%, #00000040 66.7%, #00000025 75%, #0001 83.3%, #00000004 91.7%, #0000 100%);
  mask-image: linear-gradient(#000 0%, #000000fb 8.3%, #000e 16.7%, #000000da 25%, #000000bf 33.3%, #000000a0 41.7%, #00000080 50%, #0000005f 58.3%, #00000040 66.7%, #00000025 75%, #0001 83.3%, #00000004 91.7%, #0000 100%);
}

@media (min-width: 900px) {
  .top:before {
    height: calc(100% + 29px);
  }
}

@media (max-width: 899px) {
  .vswitch {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: auto;
    background: none;
    border-radius: 0;
    gap: 16px;
    padding: 0;
    position: static;
    bottom: auto;
    left: auto;
    transform: none;
  }

  .vswitch .vs-pair:not(:has(a[href*="//v2b."], a[href*="//v2c."], a[href*="//v2d."], a[href*="//names."])) {
    display: none;
  }

  .vswitch a {
    color: var(--paper-dim, #c8c1b7);
    font-size: 13px;
  }

  .vswitch a[aria-current] {
    color: var(--paper, #ece7df);
  }
}

:root {
  --display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --sans: "Archivo", "Helvetica Neue", system-ui, sans-serif;
}

body {
  font-family: var(--sans);
  font-weight: 400;
}

.label {
  font-family: var(--sans);
  letter-spacing: .32em;
  color: var(--paper);
  font-size: 11px;
  font-weight: 500;
  font-stretch: 125%;
  line-height: 16px;
}

.t-nav, .vswitch a, .t-meta, .caption, .t-form, button, input[type="text"], input[type="email"], textarea, footer {
  font-family: var(--sans);
}

.caption {
  font-size: 13px;
  line-height: 20px;
}

.t-h1, .t-h2 {
  font-family: var(--display);
  font-optical-sizing: auto;
  letter-spacing: -.02em;
  font-weight: 400;
}

.t-h2 {
  font-size: clamp(36px, 4vw, 64px);
  line-height: 1.05;
}

.wall {
  font-family: var(--sans);
  color: var(--paper-dim);
  font-size: 17px;
  line-height: 28px;
}

.hero__type {
  max-width: none;
}

.hero__type .t-intro {
  font-family: var(--display);
  letter-spacing: -.005em;
  font-style: normal;
  font-weight: 400;
}

.hero__type .t-meta {
  font-family: var(--sans);
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--paper);
  font-size: 11px;
  font-weight: 500;
  font-stretch: 125%;
  line-height: 16px;
}

@media (min-width: 900px) {
  .hero__type .t-h1 {
    font-size: clamp(64px, 6.4vw, 104px);
    line-height: 1.02;
  }

  .hero__type .t-intro {
    max-width: 30em;
    font-size: clamp(20px, 1.6vw, 26px);
    line-height: 1.35;
  }
}

@media (max-width: 899px) {
  .hero__type .t-h1 {
    font-size: clamp(36px, 11.6279vw - 5.5814px, 46px);
    line-height: 1.08;
  }

  .hero__type .t-intro {
    max-width: none;
    font-size: 21px;
    line-height: 1.4;
  }

  .hero__type .t-meta {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (min-width: 900px) {
  .band--quote {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .band--quote .band__media {
    aspect-ratio: 2 / 3;
    max-height: 100svh;
  }
}

.band--quote .band__media {
  aspect-ratio: 2 / 3;
}

.band--quote .plate--edges {
  --bp: 30% 50%;
  background-position: 30%;
}

.pullquote {
  font-family: var(--display);
  font-optical-sizing: auto;
  letter-spacing: -.012em;
  color: var(--paper);
  text-wrap: pretty;
  max-width: 22em;
  margin: 0;
  font-size: clamp(28px, 3.2vw, 52px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.16;
}

section.opt {
  box-sizing: border-box;
  min-height: 100svh;
}

@media (max-width: 899px) {
  .hero .plate {
    background-position: 58%;
  }
}

section .inq {
  --inq-display: var(--display);
  --inq-q-size: clamp(28px,2.6vw,40px);
  --inq-q-weight: 400;
}

.story--bleed {
  margin-inline: calc(-1 * var(--frame));
}

.story--bleed .story__stage {
  height: 100svh;
  padding: 0;
  display: block;
  overflow: visible;
}

.story--bleed .story__inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.story--bleed .story__frame {
  width: auto;
  height: 100vh;
  aspect-ratio: auto;
  height: 100lvh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.story--bleed .story__frame:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, #0a0a0be0 0%, #0a0a0bc7 28%, #0a0a0b80 46%, #0a0a0b00 68%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.story--bleed .story__copy {
  z-index: 2;
  left: calc(var(--frame) + var(--pad));
  right: calc(var(--frame) + var(--pad));
  max-width: 620px;
  margin: 0;
  position: absolute;
  bottom: 96px;
}

.story--bleed .story__copy .wall {
  color: var(--paper);
}

@media (max-width: 899px) {
  .story--bleed .story__copy {
    padding-inline-start: 0;
    padding-inline-end: 0;
    bottom: 64px;
  }
}

.story--bleed .story__img--raw {
  object-position: 39% 47%;
  transform-origin: 39% 47%;
}

:root {
  --read: "Newsreader", "Iowan Old Style", Georgia, serif;
}

.wall {
  font-family: var(--read);
  font-optical-sizing: auto;
  font-size: clamp(17px, 1.3vw, 19px);
  line-height: 1.6;
}

.story--bleed {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.story--bleed .story__copy {
  left: var(--pad);
  right: var(--pad);
}

@media (max-width: 899px) {
  .story--bleed {
    margin-inline: calc(-1 * var(--frame));
  }

  .story--bleed .story__copy {
    left: calc(var(--frame) + var(--pad));
    right: calc(var(--frame) + var(--pad));
  }

  .band:has( > .band__fig) > .band__copy {
    padding: 0 var(--pad) 32px;
    order: -1;
  }
}

.story--bleed .story__copy {
  bottom: 64px;
}

.story--bleed .story__frame:after {
  background: linear-gradient(to top, #0a0a0be0 0% 14%, #0a0a0bdd 17%, #0a0a0bd1 20%, #0a0a0bc0 23%, #0a0a0ba8 26%, #0a0a0b8d 29%, #0a0a0b70 32%, #0a0a0b53 35%, #0a0a0b38 38%, #0a0a0b21 41%, #0a0a0b0f 44%, #0a0a0b04 47%, #0a0a0b00 50%);
}

@media (max-width: 899px) {
  .story--bleed .story__copy {
    bottom: 32px;
  }

  .story--bleed .story__frame:after {
    background: linear-gradient(to top, #0a0a0be0 0% 18%, #0a0a0bdd 20.8%, #0a0a0bd1 23.7%, #0a0a0bc0 26.5%, #0a0a0ba8 29.3%, #0a0a0b8d 32.2%, #0a0a0b70 35%, #0a0a0b53 37.8%, #0a0a0b38 40.7%, #0a0a0b21 43.5%, #0a0a0b0f 46.3%, #0a0a0b04 49.2%, #0a0a0b00 52%);
  }

  .band--quote .band__media {
    aspect-ratio: 1;
  }

  .band--quote .plate--edges {
    --bp: 37% 60%;
    background-position: 37% 60%;
    background-size: auto 145%;
  }
}

section.opt {
  min-height: calc(100svh - 100px);
  padding-top: 128px;
  padding-bottom: 64px;
}

@media (max-width: 899px) {
  section.opt {
    min-height: calc(100svh - 96px);
    padding-top: 96px;
    padding-bottom: 48px;
  }
}

.inq .inq-field {
  position: relative;
}

.inq .inq-field > .inq-field__label {
  z-index: 1;
  pointer-events: none;
  letter-spacing: 0;
  color: #ece7df9e;
  transform-origin: 0 0;
  transition: transform .24s var(--ease), color .24s var(--ease), top .24s var(--ease);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
}

.inq .inq-field__opt {
  color: #ece7df80;
  font-size: 13px;
}

.inq .inq-field:focus-within > .inq-field__label, .inq .inq-field.is-filled > .inq-field__label {
  color: var(--inq-dim);
  top: 0;
  transform: scale(.72);
}

.inq .inq-field:focus-within > .inq-field__label .inq-field__opt, .inq .inq-field.is-filled > .inq-field__label .inq-field__opt {
  opacity: 0;
}

.inq .inq-field__msg {
  margin-top: 4px;
}

.inq .inq-field__help {
  margin-top: 4px;
  margin-bottom: 16px;
}

.inq .inq-field textarea + *, .inq .inq-avail .inq-field > .inq-field__box {
  padding-top: 16px;
}

@media (min-width: 900px) {
  section.opt {
    padding-top: 112px;
    padding-bottom: 16px;
  }

  .inq .inq__nav, .inq .inq-send {
    margin-top: 16px;
  }

  .inq .inq-send__status {
    margin-top: 8px;
  }
}

@media (min-width: 900px) and (hover: none) and (pointer: coarse) {
  section.opt {
    min-height: 100svh;
    padding-bottom: 128px;
  }
}

@media (min-width: 900px) and (max-height: 859px) {
  section.opt {
    padding-top: 88px;
  }

  .inq .inq-step:not(.is-on) {
    display: none;
  }
}

@media (min-width: 900px) {
  .band--quote .band__media {
    aspect-ratio: auto;
    height: min(100svh, max(640px, 72vw));
    max-height: none;
  }

  .band--quote .plate--edges {
    --bp: 22% 50%;
    background-position: 22%;
  }

  .hero__type {
    bottom: 64px;
  }

  .hero__type .t-h1 {
    line-height: 1.14;
  }

  .hero__type .t-intro {
    font-family: var(--read);
    letter-spacing: 0;
    white-space: nowrap;
    max-width: none;
    font-size: clamp(22px, 1.75vw, 30px);
    font-weight: 400;
    line-height: 1.4;
  }

  .hero__type .t-h1 br {
    display: none;
  }

  .hero__type .t-h1 {
    white-space: nowrap;
    font-size: clamp(56px, 5.6vw, 112px);
    line-height: 1.05;
  }
}

.hero__type {
  --band: .97;
  --spread-y: 46%;
  --fade: 56%;
}

.hero__type.fx-cyl:before {
  inset: calc(-1 * var(--spread-y)) -8% calc(-1 * var(--spread-y)) -14%;
  -webkit-mask-image: radial-gradient(62% 54% at 38%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%);
  mask-image: radial-gradient(62% 54% at 38%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%);
}

.hero__type .t-h1, .hero__type .t-intro, .hero__type .t-meta {
  text-shadow: 0 1px 2px #06060773, 0 0 18px #06060759;
}

.hero .plate {
  --bp: 0% 50%;
  background-position: 0%;
}

@media (min-width: 900px) {
  .band--flip .plate {
    --bp: 52% 45%;
    background-position: 52% 45%;
    background-size: auto 112%;
  }

  .band--flip .plate > picture > img {
    object-fit: fill;
    width: auto;
    max-width: none;
    height: 112%;
    top: 45%;
    bottom: auto;
    left: 52%;
    right: auto;
    translate: -52% -45%;
  }
}

.story--bleed .story__img--palette {
  transform-origin: 43% 33%;
}

@media (max-width: 899px) {
  .story--bleed .story__img--palette {
    transform-origin: 40% 27%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .story {
    height: 560svh;
    height: 540svh;
  }
}

@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .story {
    height: 495svh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .story {
    height: 540svh;
  }

  .story__stage {
    position: sticky;
    top: 0;
  }

  .story__img--raw {
    display: block;
  }

  .story--bleed .story__copy {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .story__img {
    transition: none !important;
  }
}

@media (min-width: 900px) and (prefers-reduced-motion: reduce) {
  .story {
    height: 495svh;
  }
}

@media (min-width: 900px) {
  .story--bleed .story__frame:after {
    background: linear-gradient(to top, #0a0a0bc7 0 188px, #0a0a0bc2 199px, #0a0a0bb4 210px, #0a0a0b9e 220px, #0a0a0b82 231px, #0a0a0b63 242px, #0a0a0b45 253px, #0a0a0b29 264px, #0a0a0b13 274px, #0a0a0b05 285px, #0a0a0b00 296px);
  }
}

.story__copy > .t-h2 + * {
  margin-top: 16px;
}

.opt .label {
  margin: 0;
}

.opt .label + .t-h2 {
  margin-top: 8px;
}

.inq .inq__label {
  display: none;
}

@media (min-width: 900px) {
  .story--bleed .story__frame:after {
    background: linear-gradient(to top, #0a0a0bc7 0 calc(140px + 9vw), #0a0a0bc2 calc(150.8px + 9vw), #0a0a0bb4 calc(161.6px + 9vw), #0a0a0b9e calc(172.4px + 9vw), #0a0a0b82 calc(183.2px + 9vw), #0a0a0b63 calc(194px + 9vw), #0a0a0b45 calc(204.8px + 9vw), #0a0a0b29 calc(215.6px + 9vw), #0a0a0b13 calc(226.4px + 9vw), #0a0a0b05 calc(237.2px + 9vw), #0a0a0b00 calc(248px + 9vw));
  }
}

@media (max-width: 899px) {
  .story--bleed .story__copy {
    bottom: 8px;
  }

  .story--bleed .story__frame:after {
    background: linear-gradient(to top, #0a0a0b9a 0 calc(100lvh - 100svh + 190px), #0a0a0b96 calc(5% + 90lvh - 90svh + 171px), #0a0a0b8b calc(10% + 80lvh - 80svh + 152px), #0a0a0b7a calc(15% + 70lvh - 70svh + 133px), #0a0a0b65 calc(20% + 60lvh - 60svh + 114px), #0a0a0b4d calc(25% + 50lvh - 50svh + 95px), #0a0a0b35 calc(30% + 40lvh - 40svh + 76px), #0a0a0b20 calc(35% + 30lvh - 30svh + 57px), #0a0a0b0f calc(40% + 20lvh - 20svh + 38px), #0a0a0b04 calc(45% + 10lvh - 10svh + 19px), #0a0a0b00 50%);
  }

  .story--bleed .story__copy .label, .story--bleed .story__copy .t-h2 {
    color: color-mix(in srgb, #141416 calc(var(--pk, 0) * 100%), var(--paper));
  }

  .story--bleed .story__frame:after {
    opacity: calc(1 - var(--pk, 0));
  }

  .story--bleed .story__img--palette {
    transform-origin: 45% 33%;
  }

  .wall, .t-intro, .caption, .pullquote, .weave-text {
    text-wrap: wrap;
  }

  .band__copy {
    padding-right: 3px;
  }

  .band:has( > .band__fig) > .band__copy {
    padding-right: 3px;
  }

  .caption {
    padding-right: 3px;
  }

  .hero__type {
    right: 16px;
  }

  section.opt {
    padding-right: 16px;
  }

  .story--bleed .story__copy {
    right: 16px;
  }

  .band--quote {
    margin-inline: calc(-1 * var(--frame));
    height: auto;
    display: block;
    position: relative;
  }

  .band--quote:after {
    content: "";
    height: 60svh;
    display: block;
  }

  .band--quote .band__media {
    z-index: 0;
    aspect-ratio: auto;
    height: 100vh;
    height: 100lvh;
    max-height: none;
    position: sticky;
    top: 0;
  }

  .band--quote .band__media .plate {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .band--quote .plate--edges {
    --bp: 0% 50%;
    background-position: 0%;
    background-size: cover;
  }

  .band--quote .band__media:after {
    content: "";
    z-index: 1;
    pointer-events: none;
    opacity: var(--q, 0);
    background: linear-gradient(to right, #0a0a0b00 0% calc(24% + 30px), #0a0a0b5c calc(36% + 30px), #0a0a0b87 calc(52% + 30px) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .band--quote .band__copy {
    z-index: 1;
    box-sizing: border-box;
    height: 100vh;
    height: 100lvh;
    padding: 64px calc(var(--frame) + var(--pad)) 0 33.333vw;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .band--quote .pullquote {
    opacity: 1;
    text-align: right;
    font-size: 27px;
    line-height: 1.15;
    transition: none;
    transform: none;
  }

  html.rig-sda .band--quote {
    view-timeline: --rig block;
  }

  html.rig-sda .band--quote:after {
    height: 318lvh;
  }

  html.rig-sda .band--quote .band__media {
    animation: linear both rig-img-in, linear both rig-img-out;
    animation-timeline: --rig, --rig;
    animation-range: cover 15.444% cover 23.166%, cover 76.834% cover 84.556%;
  }

  html.rig-sda .band--quote .band__media:after {
    animation: linear both rig-wash;
    animation-timeline: --rig;
    animation-range: cover 27.992% cover 72.394%;
  }

  html.rig-sda .band--quote .band__copy {
    margin-top: -100vh;
    margin-top: -100lvh;
    animation: linear both rig-text-in, linear both rig-text-out;
    animation-timeline: --rig, --rig;
    animation-range: cover 27.992% cover 45.367%, cover 55.019% cover 72.394%;
  }
}

@keyframes rig-img-in {
  0% {
    translate: 0;
  }

  12.5% {
    translate: 0 .312lvh;
  }

  25% {
    translate: 0 1.25lvh;
  }

  37.5% {
    translate: 0 2.812lvh;
  }

  50% {
    translate: 0 5lvh;
  }

  62.5% {
    translate: 0 2.812lvh;
  }

  75% {
    translate: 0 1.25lvh;
  }

  87.5% {
    translate: 0 .312lvh;
  }

  100% {
    translate: 0;
  }
}

@keyframes rig-img-out {
  0% {
    transform: translateY(0);
  }

  12.5% {
    transform: translateY(-.312lvh);
  }

  25% {
    transform: translateY(-1.25lvh);
  }

  37.5% {
    transform: translateY(-2.812lvh);
  }

  50% {
    transform: translateY(-5lvh);
  }

  62.5% {
    transform: translateY(-2.812lvh);
  }

  75% {
    transform: translateY(-1.25lvh);
  }

  87.5% {
    transform: translateY(-.312lvh);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes rig-text-in {
  0% {
    animation-timing-function: linear;
    translate: 0 70lvh;
  }

  55.556% {
    animation-timing-function: cubic-bezier(.333, .667, .667, 1);
    translate: 0 20lvh;
  }

  100% {
    translate: 0;
  }
}

@keyframes rig-text-out {
  0% {
    animation-timing-function: cubic-bezier(.333, 0, .667, .333);
    transform: translateY(0);
  }

  44.444% {
    animation-timing-function: linear;
    transform: translateY(-20lvh);
  }

  100% {
    transform: translateY(-70lvh);
  }
}

@keyframes rig-wash {
  0% {
    opacity: 0;
  }

  21.7% {
    opacity: 1;
  }

  78.3% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 899px) {
  .band--quote .pullquote {
    text-wrap: pretty;
  }
}

.inq .inq-field > .inq-field__label {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  top: auto;
  overflow: hidden;
  transform: none;
  position: absolute !important;
}

.inq .inq-field > .inq-field__box {
  margin-top: 0;
  padding-top: 0;
}

.inq .inq-field input::placeholder, .inq .inq-field textarea::placeholder {
  color: #ece7df80;
  opacity: 1;
}

.inq .inq-field input:focus::placeholder, .inq .inq-field textarea:focus::placeholder {
  color: #ece7df52;
}

section .inq {
  --inq-q-size: clamp(26px,2.2vw,34px);
  --inq-accent: #5fc2b5;
}

section .inq .inq-opt:hover {
  border-color: var(--inq-accent);
}

section .inq .inq-opt:has(input:checked) {
  border-color: var(--inq-accent);
  background: #5fc2b514;
}

section .inq .inq-opt:has(input:checked) .inq-opt__feather {
  stroke: var(--inq-accent);
}

section .inq .inq__sentence .ans {
  color: var(--inq-accent);
}

section .inq .inq-send__btn {
  color: var(--inq-paper);
  box-shadow: inset 0 0 0 1px var(--inq-line);
  transition: background-color .4s var(--ease), color .4s var(--ease), box-shadow .4s var(--ease), transform .16s var(--ease);
  background: none;
}

section .inq .inq-send__btn:hover {
  color: var(--inq-paper);
  box-shadow: inset 0 0 0 1px var(--inq-paper);
  background: none;
}

section .inq.is-ready .inq-send__btn {
  background: var(--inq-accent);
  color: var(--ink, #0a0a0b);
  box-shadow: none;
}

section .inq.is-ready .inq-send__btn:hover {
  background: var(--inq-accent);
  color: var(--ink, #0a0a0b);
  filter: brightness(1.08);
}

section .inq .inq-send__line {
  background: currentColor;
}

section .inq .inq-direct {
  color: var(--inq-dim);
  margin: 32px 0 0;
  font-size: 14px;
  line-height: 20px;
}

section .inq .inq-direct a {
  color: var(--inq-paper);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--inq-line);
  text-decoration-color: var(--inq-line);
  text-underline-offset: 4px;
}

section .inq .inq-direct a:hover {
  -webkit-text-decoration-color: var(--inq-paper);
  text-decoration-color: var(--inq-paper);
}

section .inq[data-state="sent"] .inq-direct {
  opacity: 0;
}

section .inq .inq__sentence, section .inq .inq-opt__t, section .inq .inq-body, section .inq .inq-field input, section .inq .inq-field textarea, section .inq .inq-field__label, section .inq .inq-field__msg, section .inq .inq-field__help, section .inq .inq-direct, section .inq .inq-sent__receipt {
  font-family: var(--read);
  font-optical-sizing: auto;
}

section .inq .inq-opt__t {
  font-size: 18px;
}

:focus:not(:focus-visible) {
  outline: none;
}

[tabindex="-1"]:focus, .inq .inq-step:focus, .inq .inq-sent:focus {
  outline: none;
}

section .inq .inq__progress {
  min-height: 32px;
}

section .inq .inq-opt__n, section .inq .inq-send__status, section .inq [data-again], section .inq .inq-sent__body, footer .t-meta, footer .t-meta a {
  font-family: var(--read);
  font-optical-sizing: auto;
  letter-spacing: 0;
  font-stretch: 100%;
}

section .inq .inq-opt__n {
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 14px;
}

section .inq [data-again] {
  font-size: 16px;
}

section .inq .inq-send__status, footer .t-meta, footer .t-meta a {
  font-size: 14px;
}

section .inq .inq__count, section .inq .inq__label {
  font-family: var(--sans);
  text-transform: uppercase;
  letter-spacing: .32em;
  font-size: 11px;
  font-weight: 500;
  font-stretch: 125%;
}

section.opt {
  border-bottom: 0;
}

footer {
  position: relative;
}

footer:before {
  content: "";
  height: 1px;
  top: 0;
  left: calc(var(--frame) + var(--pad));
  right: calc(var(--frame) + var(--pad));
  background: #e9e5df1a;
  position: absolute;
}

section .inq .inq-sent__receipt b {
  color: var(--inq-accent);
}

section .inq .inq-sent__again span {
  text-underline-offset: 5px;
  transition: color .24s var(--ease), text-decoration-color .24s var(--ease);
  -webkit-text-decoration: underline #ece7df47;
  text-decoration: underline #ece7df47;
  text-decoration-thickness: 1px;
}

section .inq .inq-sent__again:hover {
  color: var(--inq-accent);
}

section .inq .inq-sent__again:hover span {
  -webkit-text-decoration-color: var(--inq-accent);
  text-decoration-color: var(--inq-accent);
}

.hero__type {
  top: 50%;
  bottom: auto;
  transform: none;
}

@media (min-width: 900px) {
  .hero__type .t-h1 {
    margin-top: -.131em;
  }
}

@media (max-width: 899px) {
  .hero__type .t-h1 {
    margin-top: -.146em;
  }
}

@media (max-height: 540px) {
  .hero__type {
    top: auto;
    bottom: 64px;
  }

  .hero__type .t-h1 {
    margin-top: 0;
  }
}

@media (min-width: 900px) and (min-height: 541px) {
  .hero__type {
    width: min-content;
    max-width: none;
    top: 45%;
  }

  .hero__type .t-h1 br {
    display: inline;
  }

  .hero__type .t-intro {
    white-space: normal;
  }
}

.pullquote, .band--quote .pullquote {
  font-style: normal;
}

.band--quote .pullquote {
  font-optical-sizing: none;
  font-variation-settings: "opsz" 14;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-optical-sizing: auto;
  font-variation-settings: normal;
}

.band--quote .pullquote, .t-h2 {
  font-optical-sizing: none;
  font-variation-settings: "opsz" 14;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 450;
}

.hero__type .kern-w {
  letter-spacing: -.12em;
}

.hero__type .t-intro, .hero__type .t-meta {
  margin-left: clamp(5.6px, .56vw, 11.2px);
}

@media (max-width: 899px) {
  .hero__type .t-intro, .hero__type .t-meta {
    margin-left: 4px;
  }
}

.hero__type .t-intro {
  font-family: var(--read);
  font-optical-sizing: auto;
  font-variation-settings: normal;
  letter-spacing: 0;
  white-space: normal;
  font-size: clamp(27px, 2.6vw, 53px);
  font-style: normal;
  font-weight: 250;
  line-height: 1.4;
}

@media (min-width: 900px) {
  .hero__type {
    width: min-content;
    max-width: none;
  }
}

@media (max-width: 899px) {
  .hero__type .t-intro {
    font-size: 22px;
  }
}

.hero__type {
  gap: 0;
}

.hero__type .t-intro {
  margin-top: 10px;
}

.hero__type .t-meta {
  margin-top: 44px;
}

@media (max-width: 899px) {
  .hero__type .t-intro {
    margin-top: 8px;
  }

  .hero__type .t-meta {
    margin-top: 32px;
  }
}

@media (min-width: 900px) and (min-height: 541px) {
  .hero__type {
    top: 50%;
  }
}

@media (min-width: 900px) {
  .hero__type .t-h1 {
    margin-top: -.166em;
    line-height: 1.12;
  }
}

:root {
  --bodoni-opsz: 26;
  --bodoni-wght: 400;
}

.t-h1, .t-h2, .pullquote, .inq .inq-step__q, .inq .inq-sent__head {
  font-optical-sizing: none;
  font-variation-settings: "opsz" var(--bodoni-opsz);
  font-weight: var(--bodoni-wght);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.t-h2 {
  font-size: clamp(32px, 3.15vw, 63px);
}

@media (max-width: 899px) {
  .t-h2 {
    font-size: 24px;
  }
}

.band--quote .pullquote {
  font-family: var(--read);
  font-optical-sizing: auto;
  font-variation-settings: normal;
  letter-spacing: 0;
  font-size: clamp(27px, 2.6vw, 53px);
  font-style: normal;
  font-weight: 250;
  line-height: 1.4;
}

@media (max-width: 899px) {
  .band--quote .pullquote {
    font-size: 22px;
    line-height: 1.4;
  }
}

@media (min-width: 900px) and (min-height: 541px) {
  .hero__type {
    top: 39%;
  }
}

@media (min-width: 900px) {
  .hero__type .t-intro {
    font-size: clamp(21px, 2.35vw, 47px);
  }

  .band--quote {
    --rig-h: min(100svh, max(640px, 72vw));
    --rig-hold: 90lvh;
    grid-template-rows: calc(var(--rig-h) + var(--rig-hold));
    align-items: start;
  }

  .band--quote .band__media, .band--quote .band__copy {
    height: var(--rig-h);
    position: sticky;
    top: 0;
  }

  .band--quote .band__copy {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .band--quote .band__media .plate {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none !important;
  }

  .band--quote .pullquote.rise {
    opacity: 0;
    transition: opacity 1.4s var(--ease-out);
    transform: none;
  }

  .band--quote.is-locked .pullquote.rise {
    opacity: 1;
  }
}

@media (min-width: 900px) and (prefers-reduced-motion: reduce) {
  .band--quote .pullquote.rise {
    opacity: 1;
  }
}

@media (min-width: 900px) {
  .band--quote .pullquote.rise {
    transition: opacity 1s var(--ease-out);
  }

  .band--quote.is-locked .pullquote.rise {
    transition: opacity 2.8s cubic-bezier(.45, 0, .25, 1) .4s;
  }
}

@supports (animation-timeline: view()) and (animation-range: cover 10% cover 20%) {
  @media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
    .band--quote {
      view-timeline: --rigd block;
    }

    .band--quote .band__media, .band--quote .band__copy {
      animation: linear both rig-img-in, linear both rig-img-out;
      animation-timeline: --rigd, --rigd;
      animation-range: cover 27.586% cover 41.379%, cover 58.621% cover 72.414%;
    }
  }
}

@media (min-width: 900px) {
  .band--quote .plate--edges {
    --bp: 33% 50%;
    background-position: 33%;
  }

  .band {
    margin-top: 208px;
  }
}

@keyframes img-arrive {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .band__media {
      view-timeline: --media block;
    }

    .band__media > .plate {
      animation: ease-in-out both img-arrive;
      animation-timeline: --media;
      animation-range: cover 18% cover 49%;
    }
  }

  @media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
    .band.story {
      view-timeline: --story block;
    }

    .story__frame {
      animation: ease-in-out both img-arrive;
      animation-timeline: --story;
      animation-range: cover 42vh cover 95vh;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .band__fig > .caption {
      animation: ease-in-out both img-arrive;
      animation-timeline: view();
      animation-range: cover 10% cover 40%;
    }
  }
}

.inq .inq__progress {
  opacity: 0;
  transition: opacity 1.2s var(--ease);
}

.inq.has-choice .inq__progress {
  opacity: 1;
}

.inq .inq__sentence .w {
  animation: inq-word 1.2s var(--ease-out) forwards;
}

.inq .inq__fill {
  transition: width 1.4s var(--ease-out);
}

@media (min-width: 900px) {
  .story--bleed .story__copy .label, .story--bleed .story__copy .t-h2 {
    color: color-mix(in srgb, #141416 calc(var(--pk, 0) * 100%), var(--paper));
  }

  .story--bleed .story__frame:after {
    opacity: calc(1 - var(--pk, 0));
  }

  .band--quote.is-locked .pullquote.rise {
    transition: opacity 2.2s cubic-bezier(.45, 0, .25, 1) .25s;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .band__media > .plate {
      animation-range: cover 30vh cover 83vh;
    }
  }
}

section .inq .inq-avail__note {
  line-height: 1.55;
}

@media (max-width: 899px) {
  .band--quote:after {
    height: 60svh;
    height: 60lvh;
  }

  .band--quote .band__copy {
    margin-top: -100vh;
    margin-top: -100lvh;
  }

  .band--quote .pullquote.rise {
    opacity: 0;
    transition: opacity 1s var(--ease-out);
    transform: none;
  }

  .band--quote.is-locked .pullquote.rise {
    opacity: 1;
    transition: opacity 1.7s cubic-bezier(.45, 0, .25, 1) .25s;
  }

  .band--quote .band__media:after {
    opacity: 0;
    transition: opacity 1s var(--ease-out);
  }

  .band--quote.is-locked .band__media:after {
    opacity: 1;
    transition: opacity 2.2s cubic-bezier(.45, 0, .25, 1) .25s;
  }

  html.rig-sda .band--quote:after {
    height: 60lvh;
  }

  html.rig-sda .band--quote .band__media, html.rig-sda .band--quote .band__copy {
    animation: linear both rig-img-in, linear both rig-img-out;
    animation-timeline: --rig, --rig;
    animation-range: cover 30.769% cover 46.154%, cover 53.846% cover 69.231%;
  }

  html.rig-sda .band--quote .band__media:after {
    animation: none;
  }
}

@media (max-width: 899px) and (prefers-reduced-motion: reduce) {
  .band--quote .pullquote.rise, .band--quote .band__media:after {
    opacity: 1;
    transition: none;
  }
}

@media (max-width: 899px) {
  section .inq:not(.has-choice) .inq__progress {
    height: 0;
    min-height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  section .inq:not(.has-choice) .inq__sentence {
    margin-bottom: 0;
    min-height: 0 !important;
  }
}

.band__fig .band__media {
  border-radius: 2px;
  overflow: hidden;
}

@media (min-width: 900px) {
  .band--quote .band__media, .story__frame {
    border-radius: 2px;
    overflow: hidden;
  }
}

.top__contact {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2.4s var(--ease), visibility 0s 2.4s;
}

.top.has-contact .top__contact {
  opacity: 1;
  visibility: visible;
  transition: opacity 2.4s var(--ease), visibility 0s;
}

.go-veil {
  z-index: 40;
  background: var(--ink-2, #121214);
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s var(--ease);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.go-veil.is-on {
  opacity: 1;
}

.go-veil.is-off {
  transition: opacity .9s var(--ease);
}

.top .vswitch {
  z-index: 25;
  top: auto;
  left: auto;
  right: calc(var(--frame) + var(--pad));
  bottom: calc(24px + env(safe-area-inset-bottom));
  pointer-events: auto;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #121214b8;
  border-radius: 999px;
  padding: 10px 20px;
  position: fixed;
  transform: none;
}

.top .top__contact {
  font-family: var(--sans);
  letter-spacing: .28em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  font-stretch: 125%;
}

.top a.t-name {
  pointer-events: auto;
  color: inherit;
  text-decoration: none;
}

.top a.t-name:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 4px;
}

@media (min-width: 900px) {
  .story--bleed .story__frame:after {
    display: none;
  }

  .story--bleed .story__copy > * {
    z-index: 2;
    position: relative;
  }

  .story--bleed .story__copy:before {
    content: "";
    z-index: 1;
    pointer-events: none;
    -webkit-mask-composite: source-in, source-over;
    -webkit-mask-composite: source-in, source-over;
    -webkit-mask-composite: source-in, source-over;
    background-image: repeating-linear-gradient(#060607f7 0 3px, #060607a3 7px, #060607e1 12px, #060607f7 16px);
    position: absolute;
    top: -46%;
    bottom: -46%;
    left: -22%;
    right: -14%;
    -webkit-mask-image: radial-gradient(50% 50%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%), linear-gradient(to right, #0000 50%, #000 50%);
    mask-image: radial-gradient(50% 50%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%), linear-gradient(to right, #0000 50%, #000 50%);
    -webkit-mask-composite: source-in, source-over;
    mask-composite: intersect, add;
  }

  .story--bleed .story__copy:after {
    content: "";
    z-index: 1;
    pointer-events: none;
    background-image: repeating-linear-gradient(#060607f7 0 3px, #060607a3 7px, #060607e1 12px, #060607f7 16px);
    position: absolute;
    top: -46%;
    bottom: -46%;
    left: -50vw;
    right: 54%;
    -webkit-mask-image: linear-gradient(#0000 2%, #0000001a 11%, #00000061 21%, #000000c7 33%, #000 45% 55%, #000000c7 67%, #00000061 79%, #0000001a 89%, #0000 98%);
    mask-image: linear-gradient(#0000 2%, #0000001a 11%, #00000061 21%, #000000c7 33%, #000 45% 55%, #000000c7 67%, #00000061 79%, #0000001a 89%, #0000 98%);
  }

  .story--bleed .story__copy:before, .story--bleed .story__copy:after {
    opacity: calc(1 - var(--pk, 0));
  }
}

.weave-text .ch {
  color: var(--paper);
  padding-block-start: 2px;
  padding-block-end: 2px;
}

@media (min-width: 900px) {
  .wall {
    font-size: clamp(18px, 1.45vw, 21px);
  }
}

.hero__type.fx-cyl:before {
  -webkit-mask-composite: source-in, source-over;
  -webkit-mask-image: radial-gradient(62% 54% at 38%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%), linear-gradient(to right, #0000 38%, #000 38%);
  mask-image: radial-gradient(62% 54% at 38%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%), linear-gradient(to right, #0000 38%, #000 38%);
  -webkit-mask-composite: source-in, source-over;
  mask-composite: intersect, add;
}

.hero__type.fx-cyl:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  top: calc(-1 * var(--spread-y));
  bottom: calc(-1 * var(--spread-y));
  background-image: repeating-linear-gradient(to bottom,
      rgba(6,6,7,var(--band)) 0px, rgba(6,6,7,var(--band)) 3px,
      rgba(6,6,7,calc(var(--band) * .66)) 7px,
      rgba(6,6,7,calc(var(--band) * .91)) 12px,
      rgba(6,6,7,var(--band)) 16px);
  position: absolute;
  left: -50vw;
  right: 67.64%;
  -webkit-mask-image: linear-gradient(#0000 0%, #0000001a 7.88%, #00000061 18.68%, #000000c7 31.64%, #000 44.6% 55.4%, #000000c7 68.36%, #00000061 81.32%, #0000001a 92.12%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #0000001a 7.88%, #00000061 18.68%, #000000c7 31.64%, #000 44.6% 55.4%, #000000c7 68.36%, #00000061 81.32%, #0000001a 92.12%, #0000 100%);
}

@media (min-width: 900px) {
  .wall {
    font-weight: 300;
  }
}

body.going-home .veil {
  transition: opacity .5s var(--ease);
}

body.resetting .veil, body.resetting .top, body.resetting .hero .rise, body.resetting .top__contact {
  transition: none !important;
}

.hero__type.fx-cyl:after {
  display: none;
}

.hero__type.fx-cyl:before {
  -webkit-mask-composite: source-over;
  top: -56%;
  bottom: -36%;
  left: -24%;
  right: -20%;
  -webkit-mask-image: radial-gradient(50% 54%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%);
  mask-image: radial-gradient(50% 54%, #000 10%, #000000c7 34%, #00000061 58%, #0000001a 78%, #0000 96%);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

.hero__type {
  --band: 1;
}

.hero__type.fx-cyl:before {
  -webkit-mask-image: radial-gradient(50% 54%, #000 10%, #000000db 34%, #0000006b 58%, #0000001c 78%, #0000 96%);
  mask-image: radial-gradient(50% 54%, #000 10%, #000000db 34%, #0000006b 58%, #0000001c 78%, #0000 96%);
}

@media (max-width: 899px) {
  .t-h2 {
    font-size: 32px;
  }

  .band--quote .pullquote {
    font-size: 26px;
    line-height: 1.25;
  }

  .band--quote .band__copy {
    padding-left: 26vw;
  }

  .band {
    margin-top: 192px;
  }

  section.opt {
    padding-top: 192px;
    padding-top: calc(192px - var(--frame));
  }
}

section .inq .inq-opt__n {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: background-color .4s var(--ease), border-color .4s var(--ease);
  background: none;
  border: 1px solid #ece7df73;
  border-radius: 50%;
  place-self: center start;
  font-size: 0;
}

section .inq .inq-opt:hover .inq-opt__n {
  border-color: var(--inq-accent);
}

section .inq .inq-opt:has(input:checked) .inq-opt__n {
  background: var(--inq-accent);
  border-color: var(--inq-accent);
}

.inq .inq-step, .inq .inq-step.is-on {
  transform: none;
}

.inq .inq-step {
  transition: opacity .5s var(--ease), visibility 0s .5s;
}

.inq .inq-step.is-on {
  transition: opacity .3s var(--ease) .3s;
}

.inq .inq-step.is-on .inq-step__q {
  animation: inq-wash 1.2s var(--ease) .35s both;
  -webkit-mask-image: linear-gradient(to right, #000 40%, #0000 60%);
  mask-image: linear-gradient(to right, #000 40%, #0000 60%);
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@keyframes inq-wash {
  from {
    opacity: 0;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }

  to {
    opacity: 1;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

.inq .inq-step.is-on .inq-opt {
  animation: inq-tile .8s var(--ease) both;
}

.inq .inq-step.is-on .inq-opt:first-child {
  animation-delay: .6s;
}

.inq .inq-step.is-on .inq-opt:nth-child(2) {
  animation-delay: .8s;
}

.inq .inq-step.is-on .inq-opt:nth-child(3) {
  animation-delay: 1s;
}

.inq .inq-step.is-on .inq-opt:nth-child(4) {
  animation-delay: 1.2s;
}

.inq .inq-step.is-on .inq-opt:nth-child(5) {
  animation-delay: 1.4s;
}

@keyframes inq-tile {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes inq-word {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .inq .inq-step.is-on .inq-step__q, .inq .inq-step.is-on .inq-opt {
    animation: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@media (max-width: 899px) {
  .fig-timed .band__fig .band__media > .plate {
    opacity: 0;
    transition: opacity .6s ease-out;
    animation: none;
  }

  .fig-timed .band__fig.is-in .band__media > .plate {
    opacity: 1;
  }
}

.top:before, .top .t-name {
  transition: opacity .5s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
}

.top.is-away:before, .top.is-away .t-name {
  opacity: 0;
  pointer-events: none;
}

.top.is-away .top__contact {
  pointer-events: none;
  opacity: 0 !important;
  transition: opacity .5s var(--ease) !important;
}

@media (prefers-reduced-motion: reduce) {
  .top .t-name, .top .top__contact {
    transition-duration: .5s !important;
  }
}

dialog.legal {
  background: var(--ink-2, #121214);
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  color: var(--paper, #e9e5df);
  overscroll-behavior: contain;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
}

dialog.legal::backdrop {
  background: var(--ink-2, #121214);
}

dialog.legal[open] {
  animation: legal-in .35s var(--ease, ease) both;
}

@keyframes legal-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.legal__body {
  max-width: 44em;
  margin: 0 auto;
  padding: 96px 24px 128px;
}

@media (min-width: 900px) {
  .legal__body {
    padding: 128px 64px 160px;
  }
}

.legal__x {
  width: 48px;
  height: 48px;
  color: var(--paper-dim, #cfc9c1);
  font: 300 36px/1 var(--sans);
  cursor: pointer;
  z-index: 2;
  background: none;
  border: 0;
  position: fixed;
  top: 16px;
  right: 16px;
}

:is(.legal__x:hover, .legal__x:focus-visible) {
  color: var(--paper, #e9e5df);
}

.legal .t-h1 {
  margin: 0 0 32px;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.05;
}

.legal p, .legal li {
  font-family: var(--serif);
  color: var(--paper-dim, #cfc9c1);
  font-size: clamp(17px, 1.3vw, 19px);
  font-weight: 400;
  line-height: 1.65;
}

.legal p {
  margin: 0 0 16px;
}

.legal ul {
  margin: 0 0 16px;
  padding-left: 1.2em;
}

.legal li {
  margin: 0 0 8px;
}

.legal h2.label {
  margin: 48px 0 16px;
}

.legal strong {
  color: var(--paper, #e9e5df);
  font-weight: 500;
}

.legal a {
  color: inherit;
}

.legal .legal__draft {
  margin-bottom: 24px;
  font-style: italic;
}

html.legal-open {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  dialog.legal[open] {
    animation: none;
  }
}

button.legal__x, button.legal__x:hover {
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

button.legal__x:hover {
  color: var(--paper, #e9e5df);
}

footer {
  padding-bottom: calc(48px + env(safe-area-inset-bottom));
}

.band--quote, .band--quote .band__media, .band--quote .band__copy, .band--quote .pullquote {
  animation: none !important;
}

.band--quote {
  view-timeline: none;
}

@media (min-width: 900px) {
  .band--quote {
    grid-template-rows: var(--rig-h);
  }

  .band--quote .band__media, .band--quote .band__copy {
    position: relative;
    top: auto;
  }
}

@media (max-width: 899px) {
  .band--quote:after, html.rig-sda .band--quote:after {
    height: 0;
    display: none;
  }

  .band--quote .band__media, .band--quote .band__copy {
    position: relative;
    top: auto;
  }
}

.top .t-name {
  font-family: "Jost", var(--sans);
  letter-spacing: .34em;
  font-size: 14px;
  font-weight: 200;
  font-stretch: normal;
}

.top .top__contact, .vswitch a {
  font-family: var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  font-stretch: 100%;
}

@media (min-width: 900px) {
  .band--quote .pullquote {
    font-size: clamp(27px, 2.45vw, 51px);
  }
}

section .inq {
  --inq-accent: #aea65a;
}

section .inq .inq-opt:has(input:checked) {
  background: #aea65a14;
}

section .inq .inq-send__btn, section .inq .inq-send__btn:hover {
  color: var(--inq-accent);
  box-shadow: inset 0 0 0 1px var(--inq-accent);
  background: none;
}

section .inq.is-ready .inq-send__btn, section .inq.is-ready .inq-send__btn:hover {
  background: var(--inq-accent);
  color: var(--ink, #0a0a0b);
  box-shadow: none;
}

footer .t-meta a {
  font-family: var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  font-stretch: 100%;
}

section .inq:not(.is-ready) .inq-send__btn, section .inq:not(.is-ready) .inq-send__btn:hover {
  color: var(--paper);
}

.top .t-name {
  isolation: isolate;
  font-size: 16px;
  display: inline-block;
  position: relative;
}

.top .t-name:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(10,10,11,var(--name-pool, .8)) 0%, rgba(10,10,11,calc(var(--name-pool, .8) * .62)) 45%, #0a0a0b00 100%);
  position: absolute;
  top: -44px;
  bottom: -44px;
  left: -64px;
  right: -72px;
}

.top:before, .top .t-name:before {
  display: none;
}

.hero:before {
  background: none;
}

@media (min-width: 900px) {
  .hero__type.fx-cyl:before {
    -webkit-mask-image: radial-gradient(50% 54% at 40% 46%, #000000c4 0%, #000000c9 30%, #000000a8 50%, #00000070 66%, #0003 80%, #0000000e 90%, #0000 97%);
    mask-image: radial-gradient(50% 54% at 40% 46%, #000000c4 0%, #000000c9 30%, #000000a8 50%, #00000070 66%, #0003 80%, #0000000e 90%, #0000 97%);
  }

  .hero .plate {
    filter: brightness(.86) contrast(1.16);
    --hero-drop: 5%;
    top: calc(-12% + var(--hero-drop));
    bottom: calc(-12% - var(--hero-drop));
    rotate: .3deg;
    scale: 1.012;
  }

  .hero__type .t-h1, .hero__type .t-intro, .hero__type .t-meta {
    text-shadow: 0 1px 2px #06060773;
  }

  .hero__type .t-h1, .hero__type .t-intro {
    color: #f4f2ef;
  }

  .hero__type {
    --band: .7;
  }

  .hero__type.fx-cyl:before {
    background-image: repeating-linear-gradient(to bottom,
        rgba(6,6,7,var(--band)) 0px, rgba(6,6,7,var(--band)) 1.125px,
        rgba(6,6,7,calc(var(--band) * .66)) 2.625px,
        rgba(6,6,7,calc(var(--band) * .91)) 4.5px,
        rgba(6,6,7,var(--band)) 6px);
    background-position: 0 28px;
    top: -129%;
    bottom: -58%;
    left: -20%;
    right: 0%;
    -webkit-mask-image: radial-gradient(100% 95% at 19% 51%, #000000fd 0%, #000 24.9%, #000000d9 41.5%, #00000091 54.8%, #00000042 66.4%, #00000012 74.7%, #0000 80.5%);
    mask-image: radial-gradient(100% 95% at 19% 51%, #000000fd 0%, #000 24.9%, #000000d9 41.5%, #00000091 54.8%, #00000042 66.4%, #00000012 74.7%, #0000 80.5%);
  }

  .hero .plate {
    filter: brightness(.91) contrast();
  }
}

.story--bleed .story__copy .t-h2 {
  -webkit-text-stroke: calc(var(--pk, 0) * .4px) currentColor;
}

@media (min-width: 900px) {
  .story--bleed .story__copy {
    bottom: 96px;
  }
}

.band__fig > .caption {
  opacity: 0;
  transition: opacity .8s ease-out;
  animation: none !important;
}

.band__fig > .caption.cap-in {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .band__fig > .caption {
    opacity: 1;
    transition: none;
  }
}

footer .t-meta a {
  font-size: 10px;
}

@media (min-width: 900px) {
  .story--bleed .story__stage {
    top: var(--frame);
    height: calc(100svh - 2 * var(--frame));
  }

  .story--bleed .story__frame {
    height: 100%;
  }
}

@media (max-width: 899px) {
  .hero__type .t-meta {
    font-size: 11px;
  }

  .hero__type .t-intro {
    margin-top: 16px;
  }
}

@media (max-width: 899px) and (min-height: 541px) {
  .hero__type {
    top: 45%;
  }
}

@media (max-width: 899px) {
  .hero__type .t-h1 {
    line-height: 1.16;
  }

  .hero .plate.loaded {
    filter: blur() brightness(1.12);
  }

  .hero .plate {
    --bp: 46% 50%;
    background-position: 46%;
  }
}

@supports (animation-timeline: view()) {
  @media (max-width: 899px) and (prefers-reduced-motion: no-preference) {
    .band.story {
      view-timeline: --story block;
    }

    .story__frame {
      animation: ease-in-out both img-arrive;
      animation-timeline: --story;
      animation-range: cover 30vh cover 83vh;
    }
  }
}

@media (max-width: 899px) {
  .t-h2 {
    line-height: 1.16;
  }

  .hero__type {
    --band: .85;
  }

  .hero__type.fx-cyl:before {
    background-image: repeating-linear-gradient(to bottom,
        rgba(6,6,7,var(--band)) 0px, rgba(6,6,7,var(--band)) 1.125px,
        rgba(6,6,7,calc(var(--band) * .66)) 2.625px,
        rgba(6,6,7,calc(var(--band) * .91)) 4.5px,
        rgba(6,6,7,var(--band)) 6px);
    -webkit-mask-composite: source-over;
    background-position: 0 0;
    top: -55%;
    bottom: -45%;
    left: -50vw;
    right: -50vw;
    -webkit-mask-image: linear-gradient(#0000 0%, #00000059 12%, #000c 24%, #000 34% 72%, #000c 82%, #00000059 91%, #0000 100%);
    mask-image: linear-gradient(#0000 0%, #00000059 12%, #000c 24%, #000 34% 72%, #000c 82%, #00000059 91%, #0000 100%);
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }
}

@media (max-width: 899px) and (min-height: 541px) {
  .hero__type {
    top: 40%;
  }
}

@media (max-width: 899px) {
  .hero__type.fx-cyl:before {
    top: -120px;
    bottom: -120px;
    left: -24px;
    right: -40px;
    -webkit-mask-image: radial-gradient(120vw 145px at 0 225px, #000 0% 62%, #000000bf 80%, #00000073 96%, #0003 110%, #0000000f 122%, #0000 132%);
    mask-image: radial-gradient(120vw 145px at 0 225px, #000 0% 62%, #000000bf 80%, #00000073 96%, #0003 110%, #0000000f 122%, #0000 132%);
  }

  .hero__type .t-intro {
    font-weight: 350;
  }

  .wall {
    font-size: 18px;
  }

  .story--bleed .story__frame:after {
    background: linear-gradient(to top, #0a0a0bb8 0 calc(100lvh - 100svh + 190px), #0a0a0bb3 calc(5% + 90lvh - 90svh + 171px), #0a0a0ba6 calc(10% + 80lvh - 80svh + 152px), #0a0a0b92 calc(15% + 70lvh - 70svh + 133px), #0a0a0b78 calc(20% + 60lvh - 60svh + 114px), #0a0a0b5c calc(25% + 50lvh - 50svh + 95px), #0a0a0b3f calc(30% + 40lvh - 40svh + 76px), #0a0a0b26 calc(35% + 30lvh - 30svh + 57px), #0a0a0b12 calc(40% + 20lvh - 20svh + 38px), #0a0a0b05 calc(45% + 10lvh - 10svh + 19px), #0a0a0b00 50%);
  }
}

@media (max-width: 899px) and (min-height: 541px) {
  .hero__type {
    width: calc(100vw - 40px);
    max-width: none;
    top: 50%;
    transform: translateY(calc(9.5px - 50%));
  }

  .hero__type .t-meta {
    position: absolute;
    top: 100%;
    left: 0;
  }
}

@media (max-width: 899px) {
  .hero__type .t-h1, .hero__type .t-intro, .hero__type .t-meta {
    text-shadow: 0 1px 2px #06060773;
  }

  .hero__type .t-h1, .hero__type .t-intro {
    color: #f4f2ef;
  }

  .hero__type.fx-cyl:before {
    -webkit-mask-image: radial-gradient(55vw 60px at 0 112px, #0000006b 0%, #00000047 45%, #0000001a 75%, #0000 100%), radial-gradient(120vw 145px at 0 225px, #000 0% 62%, #000000bf 80%, #00000073 96%, #0003 110%, #0000000f 122%, #0000 132%);
    mask-image: radial-gradient(55vw 60px at 0 112px, #0000006b 0%, #00000047 45%, #0000001a 75%, #0000 100%), radial-gradient(120vw 145px at 0 225px, #000 0% 62%, #000000bf 80%, #00000073 96%, #0003 110%, #0000000f 122%, #0000 132%);
  }

  .hero__type {
    --band: .9;
  }

  .hero .plate.loaded {
    filter: blur() brightness(1.05);
  }
}

:root {
  --eyebrow: var(--paper-dim);
}

section .label {
  color: var(--eyebrow);
}

.story--bleed .story__copy .label {
  color: color-mix(in srgb, #141416 calc(var(--pk, 0) * 100%), var(--eyebrow));
}

@media (max-width: 899px) {
  .story--bleed .story__copy:before {
    content: "";
    z-index: -1;
    pointer-events: none;
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    backdrop-filter: blur(16px) saturate(1.15);
    width: 100vw;
    opacity: var(--pg, 0);
    background: #ffffff61;
    position: absolute;
    top: -30px;
    bottom: -140px;
    left: -24px;
    -webkit-mask-image: linear-gradient(#0000 0, #00000026 11px, #00000080 22px, #000000d9 33px, #000 44px);
    mask-image: linear-gradient(#0000 0, #00000026 11px, #00000080 22px, #000000d9 33px, #000 44px);
  }
}

@media (min-width: 900px) {
  .hero__type.fx-cyl:before {
    background-image: repeating-linear-gradient(to bottom,
        rgba(6,6,7,var(--band)) 0px, rgba(6,6,7,var(--band)) 1.125px,
        rgba(6,6,7,calc(var(--band) * .66)) 2.625px,
        rgba(6,6,7,calc(var(--band) * .91)) 4.5px,
        rgba(6,6,7,var(--band)) 6px);
    background-position: 0 28px;
    top: -112%;
    bottom: -59%;
    left: -41%;
    right: -100%;
    -webkit-mask-image: radial-gradient(78% 46% at 30% 55%, #000 0% 20.4%, #000000fc 34%, #000000a8 44.9%, #0000004d 54.4%, #00000015 61.2%, #0000 66%);
    mask-image: radial-gradient(78% 46% at 30% 55%, #000 0% 20.4%, #000000fc 34%, #000000a8 44.9%, #0000004d 54.4%, #00000015 61.2%, #0000 66%);
  }

  .story--bleed .story__copy:after {
    display: none;
  }

  .story--bleed .story__copy:before {
    -webkit-mask-composite: source-over;
    -webkit-mask-composite: source-over;
    -webkit-mask-composite: source-over;
    -webkit-mask-composite: source-over;
    -webkit-mask-composite: source-over;
    -webkit-mask-composite: source-over;
    background-image: repeating-linear-gradient(#060607 0 1.125px, #060607a8 2.625px, #060607e8 4.5px, #060607 6px);
    background-position: 0 28px;
    top: -140%;
    bottom: -82%;
    left: -100%;
    right: -68%;
    -webkit-mask-image: radial-gradient(59% 46% at 47% 60%, #000000f7 0%, #000000fe 24.3%, #000000d4 40.5%, #0000008d 53.5%, #00000040 64.8%, #00000012 72.9%, #0000 78.6%);
    mask-image: radial-gradient(59% 46% at 47% 60%, #000000f7 0%, #000000fe 24.3%, #000000d4 40.5%, #0000008d 53.5%, #00000040 64.8%, #00000012 72.9%, #0000 78.6%);
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }

  .story--bleed .story__img--raw, .story--bleed .story__img--made {
    filter: brightness(.96) contrast();
  }

  .story--bleed .story__copy:after {
    content: "";
    z-index: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: calc(1 - var(--pk, 0));
    background: none;
    display: block;
    position: absolute;
    top: -140%;
    bottom: -82%;
    left: -100%;
    right: -68%;
    -webkit-mask-image: radial-gradient(59% 46% at 47% 60%, #000000f7 0%, #000000fe 24.3%, #000000d4 40.5%, #0000008d 53.5%, #00000040 64.8%, #00000012 72.9%, #0000 78.6%);
    mask-image: radial-gradient(59% 46% at 47% 60%, #000000f7 0%, #000000fe 24.3%, #000000d4 40.5%, #0000008d 53.5%, #00000040 64.8%, #00000012 72.9%, #0000 78.6%);
  }

  .story--bleed .story__copy .label, .story--bleed .story__copy .t-h2 {
    z-index: 2;
    position: relative;
  }

  .story--bleed .story__copy .t-h2 {
    color: color-mix(in srgb, #141416 calc(var(--pk, 0) * 100%), #f4f2ef);
  }

  .story--bleed .story__copy .t-h2, .story--bleed .story__copy .wall {
    text-shadow: 0 1px 2px rgba(6,6,7,calc(.45 * (1 - var(--pk, 0))));
  }

  .story--bleed .story__copy:before, .story--bleed .story__copy:after {
    top: -140%;
    bottom: -82%;
    left: -63%;
    right: -60%;
    -webkit-mask-image: radial-gradient(59% 46% at 47% 64%, #000000f9 0%, #000 22.8%, #000000d6 38%, #0000008f 50.2%, #00000041 60.8%, #00000012 68.4%, #0000 73.7%);
    mask-image: radial-gradient(59% 46% at 47% 64%, #000000f9 0%, #000 22.8%, #000000d6 38%, #0000008f 50.2%, #00000041 60.8%, #00000012 68.4%, #0000 73.7%);
  }

  .hero__type {
    --band: 1;
  }

  .hero__type.fx-cyl:before {
    background-position: 0 28px;
    top: -90%;
    bottom: -40%;
    left: -41%;
    right: -100%;
    -webkit-mask-image: radial-gradient(78% 76% at 30% 55%, #000000e6 0%, #000000ec 18.9%, #000000c5 31.5%, #00000083 41.6%, #0000003c 50.4%, #00000010 56.7%, #0000 61.1%);
    mask-image: radial-gradient(78% 76% at 30% 55%, #000000e6 0%, #000000ec 18.9%, #000000c5 31.5%, #00000083 41.6%, #0000003c 50.4%, #00000010 56.7%, #0000 61.1%);
  }

  .hero .plate {
    filter: brightness(.85) contrast();
  }
}

.top:before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: 182px;
  opacity: calc(1 - var(--pk, 0));
  background: linear-gradient(#121214 0%, #121214d7 10%, #121214b3 20%, #12121490 30%, #12121471 40%, #12121454 50%, #1212143b 60%, #12121425 70%, #12121413 80%, #12121406 90%, #12121400 100%);
  display: block;
  -webkit-mask-image: linear-gradient(#000 0% 40%, #0000 100%);
  mask-image: linear-gradient(#000 0% 40%, #0000 100%);
}

.top a.t-name, .top a.top__contact {
  color: color-mix(in srgb, #141416 calc(var(--pk, 0) * 100%), var(--paper));
}

@media (min-width: 600px) and (max-width: 899px) {
  .band--quote .pullquote {
    font-size: clamp(30px, 4.2vw, 37px);
  }

  .band--quote .band__copy {
    padding-left: 40vw;
  }
}

@media (min-width: 900px) {
  .opt__inner > div:first-child {
    max-width: none;
  }
}

@media (min-width: 1400px) {
  .opt__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.inq {
  --inq-ground: var(--ink-2, #121214);
  --inq-paper: #ece7df;
  --inq-dim: #c8c1b7;
  --inq-line: #ece7df73;
  --inq-hair: #ece7df24;
  --inq-warn: #e9b07a;
  --inq-display: inherit;
  --inq-q-size: clamp(28px,2.6vw,40px);
  --inq-q-weight: 400;
  color: var(--inq-paper);
  position: relative;
}

:where(.inq) button {
  letter-spacing: normal;
  text-transform: none;
  border-radius: 0;
  align-self: auto;
  margin: 0;
}

.inq .inq__form {
  gap: 0;
  max-width: none;
  display: block;
}

.inq .inq-step {
  display: block;
}

.inq .inq-field input, .inq .inq-field textarea {
  font-family: inherit;
}

.inq .inq__sentence button:hover, .inq .inq__back:hover, .inq .inq__reset:hover {
  background: none;
}

.inq .inq-send__btn:hover {
  color: var(--inq-ground);
}

.inq .inq-body {
  color: var(--inq-dim);
  text-wrap: pretty;
  margin: 0;
}

.inq .cf-turnstile {
  margin-top: 16px;
}

.inq .inq__sentence {
  min-height: 56px;
  color: var(--inq-dim);
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 28px;
}

@media (max-width: 899px) {
  .inq__sentence {
    min-height: 84px;
  }
}

.inq .inq__sentence button {
  font: inherit;
  color: var(--inq-paper);
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--inq-line);
  text-decoration-color: var(--inq-line);
  text-underline-offset: 5px;
  transition: text-decoration-color .3s var(--ease);
  background: none;
  border: 0;
  padding: 0;
  text-decoration-thickness: 1px;
}

.inq .inq__sentence button:hover {
  -webkit-text-decoration-color: var(--inq-paper);
  text-decoration-color: var(--inq-paper);
}

.inq .inq__sentence button:focus-visible {
  outline: 2px solid var(--inq-paper);
  outline-offset: 3px;
}

.inq .inq__sentence .w {
  opacity: 0;
  animation: inq-word .5s var(--ease-out) forwards;
}

.inq .inq__progress {
  align-items: center;
  gap: 16px;
  margin-bottom: 48px;
  display: flex;
}

.inq .inq__bar {
  background: var(--inq-hair);
  flex: 1;
  height: 1px;
  position: relative;
}

.inq .inq__fill {
  background: var(--inq-paper);
  width: 0;
  transition: width .6s var(--ease-out);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

.inq .inq__count:empty {
  display: none;
}

.inq__label {
  letter-spacing: .08em;
  color: var(--inq-dim);
  font-size: 12px;
  font-stretch: 112%;
  line-height: 16px;
}

.inq .inq__count {
  letter-spacing: .08em;
  color: var(--inq-dim);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-stretch: 112%;
  line-height: 16px;
}

.inq .inq__steps {
  display: grid;
}

.inq .inq-step {
  opacity: 0;
  visibility: hidden;
  min-width: 0;
  transition: opacity .32s var(--ease), transform .32s var(--ease), visibility 0s .32s;
  border: 0;
  grid-area: 1 / 1;
  margin: 0;
  padding: 0;
  transform: translateY(8px);
}

.inq .inq-step.is-on {
  opacity: 1;
  visibility: visible;
  transition: opacity .42s var(--ease) 80ms, transform .42s var(--ease) 80ms;
  transform: none;
}

.inq .inq-step__q {
  float: left;
  width: 100%;
  font-family: var(--inq-display);
  font-weight: var(--inq-q-weight);
  font-optical-sizing: auto;
  font-size: var(--inq-q-size);
  letter-spacing: -.015em;
  margin: 0 0 32px;
  padding: 0;
  line-height: 1.1;
}

.inq .inq-step > :not(legend) {
  clear: both;
}

.inq .inq-opts {
  gap: 12px;
  display: grid;
}

.inq .inq-opt {
  border: 1px solid var(--inq-line);
  cursor: pointer;
  min-height: 64px;
  transition: background-color .24s var(--ease), border-color .24s var(--ease), color .24s var(--ease);
  grid-template-columns: 28px 1fr 18px;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  display: grid;
  position: relative;
}

.inq .inq-opt input {
  opacity: 0;
  cursor: pointer;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inq .inq-opt__n {
  border: 1px solid var(--inq-line);
  font-variant-numeric: tabular-nums;
  width: 28px;
  height: 28px;
  transition: border-color .24s var(--ease);
  place-items: center;
  font-size: 12px;
  font-stretch: 112%;
  display: grid;
}

.inq .inq-opt__t {
  font-size: 17px;
  line-height: 24px;
}

.inq .inq-opt__dot {
  border: 1px solid var(--inq-line);
  width: 18px;
  height: 18px;
  transition: border-color .24s var(--ease);
  border-radius: 50%;
  position: relative;
}

.inq .inq-opt__dot:after {
  content: "";
  background: var(--inq-ground);
  transition: transform .24s var(--ease-out);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  transform: scale(0);
}

.inq .inq-opt:hover {
  border-color: var(--inq-paper);
}

.inq .inq-opt:has(input:focus-visible) {
  outline: 2px solid var(--inq-paper);
  outline-offset: 3px;
}

.inq .inq-opt:has(input:checked) {
  background: var(--inq-paper);
  border-color: var(--inq-paper);
  color: var(--inq-ground);
}

:is(.inq .inq-opt:has(input:checked) .inq-opt__n, .inq .inq-opt:has(input:checked) .inq-opt__dot) {
  border-color: var(--inq-ground);
}

.inq .inq-opt:has(input:checked) .inq-opt__dot:after {
  transform: scale(1);
}

.inq .inq-field {
  display: block;
}

.inq .inq-field + .inq-field, .inq .inq-avail + .inq-field {
  margin-top: 8px;
}

.inq .inq-field__label {
  letter-spacing: .04em;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  font-stretch: 112%;
  line-height: 20px;
  display: flex;
}

.inq .inq-field__opt {
  color: var(--inq-dim);
  letter-spacing: .02em;
  font-weight: 400;
}

.inq .inq-field__box {
  margin-top: 8px;
  position: relative;
}

.inq .inq-field input, .inq .inq-field textarea {
  width: 100%;
  color: var(--inq-paper);
  border: 0;
  border-bottom: 1px solid var(--inq-line);
  font: inherit;
  transition: border-color .24s var(--ease), box-shadow .24s var(--ease);
  background: none;
  border-radius: 0;
  padding: 8px 40px 8px 0;
  font-size: 18px;
  line-height: 28px;
}

.inq .inq-field textarea {
  resize: vertical;
  min-height: 72px;
  padding-right: 0;
}

.inq .inq-field input:focus, .inq .inq-field textarea:focus {
  border-bottom-color: var(--inq-paper);
  box-shadow: 0 1px 0 0 var(--inq-paper);
  outline: 0;
}

.inq .inq-field__msg, .inq .inq-field__help {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 20px;
}

.inq .inq-field__msg {
  min-height: 20px;
  color: var(--inq-paper);
  opacity: 0;
  transition: opacity .28s var(--ease), transform .28s var(--ease);
  align-items: baseline;
  gap: 8px;
  display: flex;
  transform: translateY(-4px);
}

.inq .inq-field__msg:before {
  content: "";
  background: var(--inq-warn);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  transform: translateY(-1px);
}

.inq .inq-field__help {
  color: var(--inq-dim);
  margin-bottom: 24px;
}

.inq .inq-field.is-error input {
  border-bottom-color: var(--inq-warn);
  box-shadow: 0 1px 0 0 var(--inq-warn);
}

.inq .inq-field.is-error .inq-field__msg {
  opacity: 1;
  transform: none;
}

.inq .inq-feather {
  fill: none;
  width: 24px;
  height: 24px;
  stroke: var(--inq-paper);
  stroke-width: 1.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 10px;
  right: 0;
}

.inq .inq-feather path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70px;
}

.inq .inq-field.is-good .inq-feather {
  opacity: 1;
}

.inq .inq-field.is-good .inq-feather path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.1s var(--ease-out);
}

.inq .inq-field.is-good .inq-feather .inq-feather__shaft {
  transition-delay: .25s;
}

.inq .hp {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.inq .inq-send {
  margin-top: 24px;
}

.inq .inq-send__btn {
  background: var(--inq-paper);
  min-width: 220px;
  min-height: 56px;
  color: var(--inq-ground);
  font: inherit;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .24s var(--ease), transform .16s var(--ease);
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0 32px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 112%;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.inq .inq-send__btn:hover {
  background: #fff;
}

.inq .inq-send__btn:active {
  transform: scale(.985);
}

.inq .inq-send__btn:focus-visible {
  outline: 2px solid var(--inq-paper);
  outline-offset: 4px;
}

.inq .inq-send__line {
  background: var(--inq-ground);
  transform-origin: 0;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.inq.is-sending .inq-send__btn {
  pointer-events: none;
}

.inq.is-sending .inq-send__line {
  animation: inq-sending 1.4s var(--ease) forwards;
}

@keyframes inq-sending {
  to {
    transform: scaleX(1);
  }
}

.inq .inq-send__status {
  min-height: 20px;
  color: var(--inq-dim);
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 20px;
}

.inq .inq__nav {
  justify-content: space-between;
  margin-top: 32px;
  display: flex;
}

.inq .inq__back, .inq .inq__reset {
  min-height: 44px;
  color: var(--inq-dim);
  font: inherit;
  cursor: pointer;
  transition: color .24s var(--ease), opacity .3s var(--ease);
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 14px;
  display: inline-flex;
}

.inq .inq__back:hover, .inq .inq__reset:hover {
  color: var(--inq-paper);
}

:is(.inq .inq__back:focus-visible, .inq .inq__reset:focus-visible) {
  outline: 2px solid var(--inq-paper);
  outline-offset: 4px;
}

.inq .inq__back svg, .inq .inq__reset svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
}

.inq .inq__back[hidden], .inq .inq__reset[hidden] {
  visibility: hidden;
  opacity: 0;
  display: inline-flex;
}

.inq .inq__sentence, .inq .inq__progress, .inq .inq__form {
  transition: opacity .4s var(--ease);
}

.inq .inq-sent {
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s var(--ease) .3s, visibility 0s .9s;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inq[data-state="sent"] .inq__sentence, .inq[data-state="sent"] .inq__progress, .inq[data-state="sent"] .inq__form {
  opacity: 0;
  pointer-events: none;
}

.inq[data-state="sent"] .inq-sent {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s var(--ease) .3s;
}

.inq .inq-sent__feather {
  fill: none;
  width: 72px;
  height: 72px;
  stroke: var(--inq-paper);
  stroke-width: .7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-bottom: 32px;
}

.inq .inq-sent__feather path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70px;
}

.inq[data-state="sent"] .inq-sent__feather path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.8s var(--ease-out) .5s;
}

.inq[data-state="sent"] .inq-sent__feather .inq-feather__shaft {
  transition-delay: .9s;
}

.inq .inq-sent__head {
  font-family: var(--inq-display);
  font-weight: var(--inq-q-weight);
  font-size: var(--inq-q-size);
  letter-spacing: -.015em;
  margin: 0 0 16px;
  line-height: 1.1;
}

.inq .inq-sent__receipt {
  border-top: 1px solid var(--inq-hair);
  color: var(--inq-dim);
  max-width: 34em;
  margin: 24px 0 32px;
  padding-top: 24px;
  font-size: 15px;
  line-height: 24px;
}

.inq .inq-sent__receipt b {
  color: var(--inq-paper);
  font-weight: 400;
}

.inq .inq__progress {
  margin-bottom: 24px;
}

.inq .inq__sentence {
  min-height: 0;
  margin: 0 0 32px;
}

@media (max-width: 899px) {
  .inq__sentence {
    min-height: 0;
  }
}

.inq .inq-opt {
  grid-template-columns: 20px 1fr 24px;
}

.inq .inq-opt__n {
  width: auto;
  height: auto;
  color: var(--inq-dim);
  border: 0;
  place-items: start;
}

.inq .inq-opt__feather {
  fill: none;
  stroke: #ece7df52;
  stroke-width: 1.3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 22px;
  height: 22px;
  transition: stroke .24s var(--ease), transform .3s var(--ease-out);
  justify-self: end;
}

.inq .inq-opt:hover .inq-opt__feather {
  stroke: #ece7df8c;
}

.inq .inq-opt:has(input:checked) {
  border-color: var(--inq-paper);
  color: var(--inq-paper);
  background: #ece7df12;
}

.inq .inq-opt:has(input:checked) .inq-opt__n {
  color: var(--inq-paper);
}

.inq .inq-opt:has(input:checked) .inq-opt__feather {
  stroke: #fff;
  transform: rotate(-8deg) scale(1.08);
}

.inq .inq-field input:-webkit-autofill {
  -webkit-text-fill-color: var(--inq-paper);
  caret-color: var(--inq-paper);
  -webkit-box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  transition: background-color 100000s;
  animation: 10ms inq-autofill;
}

.inq .inq-field input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--inq-paper);
  caret-color: var(--inq-paper);
  -webkit-box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  transition: background-color 100000s;
  animation: 10ms inq-autofill;
}

.inq .inq-field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--inq-paper);
  caret-color: var(--inq-paper);
  -webkit-box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  box-shadow: 0 0 0 1000px var(--inq-ground) inset;
  transition: background-color 100000s;
  animation: 10ms inq-autofill;
}

@keyframes inq-autofill {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
  }
}

.inq .inq__tools {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.inq .inq__tools .inq__back, .inq .inq__tools .inq__reset {
  min-width: 32px;
  min-height: 32px;
  color: var(--inq-dim);
  justify-content: center;
  padding: 0;
}

.inq .inq__tools .inq__back:hover, .inq .inq__tools .inq__reset:hover {
  color: var(--inq-paper);
}

.inq .inq__tools svg {
  width: 14px;
  height: 14px;
}

.inq .inq__tools [hidden] {
  display: none !important;
}

.inq .inq-avail__note {
  margin-bottom: 8px;
}

:-webkit-any(.inq .inq-field input[data-com-onepassword-filled], .inq .inq-field input:-webkit-autofill, .inq .inq-field input:-webkit-autofill) {
  -webkit-box-shadow: 0 0 0 1000px var(--inq-ground) inset !important;
  box-shadow: 0 0 0 1000px var(--inq-ground) inset !important;
  -webkit-text-fill-color: var(--inq-paper) !important;
  color: var(--inq-paper) !important;
  background-color: #0000 !important;
  background-image: none !important;
}

:is(.inq .inq-field input[data-com-onepassword-filled], .inq .inq-field input:autofill, .inq .inq-field input:autofill) {
  -webkit-box-shadow: 0 0 0 1000px var(--inq-ground) inset !important;
  box-shadow: 0 0 0 1000px var(--inq-ground) inset !important;
  -webkit-text-fill-color: var(--inq-paper) !important;
  color: var(--inq-paper) !important;
  background-color: #0000 !important;
  background-image: none !important;
}