*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-h) + var(--space-3));
}
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--step-1);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 600;
  margin: 0;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
h1 { font-size: var(--step-5); line-height: 1.05; letter-spacing: -0.03em; }
h2 { font-size: var(--step-3); line-height: 1.15; letter-spacing: -0.025em; }
h3 { font-size: var(--step-2); line-height: 1.25; letter-spacing: -0.015em; }
h4 { font-size: var(--step-1); line-height: 1.3; letter-spacing: -0.01em; }
p { margin: 0 0 var(--space-4); text-wrap: pretty; }
p:last-child { margin-bottom: 0; }
a { color: inherit; }
a:hover { text-decoration-color: var(--color-accent); }
img { max-width: 100%; height: auto; display: block; }
svg { display: inline-block; vertical-align: middle; }
ul, ol { margin: 0 0 var(--space-4); padding-inline-start: 1.25rem; }
ul:last-child, ol:last-child { margin-bottom: 0; }
small { font-size: var(--step-0); }
:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
.skip-link {
  position: absolute;
  left: var(--space-4);
  top: var(--space-4);
  z-index: 100;
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 600;
  transform: translateY(-160%);
  transition: transform 160ms ease;
}
.skip-link:focus {
  transform: translateY(0);
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wrap {
  width: min(var(--max-width), calc(100% - 2rem));
  margin-inline: auto;
}
@media (min-width: 720px) {
  .wrap { width: min(var(--max-width), calc(100% - 2.5rem)); }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: var(--tap-min);
  padding: 0.75rem 1.5rem;
  line-height: 1.2;
  white-space: nowrap;
  background: var(--color-accent);
  color: var(--color-accent-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.btn:hover {
  background: color-mix(in srgb, var(--color-accent) 88%, var(--color-text));
}
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: var(--tap-min);
  padding: 0.75rem 1.5rem;
  line-height: 1.2;
  white-space: nowrap;
  background: transparent;
  color: var(--color-text);
  text-decoration: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.btn-outline:hover {
  border-color: var(--color-text);
  background: color-mix(in srgb, var(--color-text) 6%, transparent);
}
.btn-arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--tap-min);
  white-space: nowrap;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text);
  transition: color 180ms ease;
}
.btn-arrow::after {
  content: "→";
  transition: transform 180ms ease;
}
.btn-arrow:hover {
  color: var(--color-accent);
}
.btn-arrow:hover::after { transform: translateX(3px); }
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: var(--tap-min);
  padding: 0.75rem 1.5rem;
  line-height: 1.2;
  white-space: nowrap;
  background: transparent;
  color: var(--color-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}
.btn-ghost:hover {
  background: color-mix(in srgb, var(--color-text) 6%, transparent);
}
.c-cookie-banner {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 200;
  padding: var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
  background: var(--color-surface);
  color: var(--color-text);
  border-top: 1px solid var(--color-border);
  box-shadow: 0 -8px 24px color-mix(in srgb, var(--color-text) 8%, transparent);
}
.c-cookie-banner__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.c-cookie-banner__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-display);
  font-size: var(--step-1);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.c-cookie-banner__text {
  margin: 0;
  font-size: var(--step-0);
  color: var(--color-muted);
  max-width: 42rem;
}
.c-cookie-banner__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
.c-cookie-banner__more {
  min-height: var(--tap-min);
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: var(--step-0);
  color: var(--color-text);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  cursor: pointer;
}
.c-cookie-banner__more:hover { color: var(--color-accent); }
@media (max-width: 719px) {
  .c-cookie-banner {
    /* A delayed first-visit beacon must not insert a banner into document flow. */
    max-height: 50dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (min-width: 720px) {
  .c-cookie-banner__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-5);
  }
  .c-cookie-banner__actions { flex-shrink: 0; }
}
.c-lead-ok {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: var(--space-3) var(--space-4);
  margin: 0 0 var(--space-4);
  color: var(--color-text);
}
.c-lead-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.c-cookie-page {
  padding: var(--space-7) 0 var(--space-8);
}
.c-cookie-page h1 {
  margin-bottom: var(--space-3);
}
.c-cookie-page h2 {
  margin: var(--space-6) 0 var(--space-3);
}
.c-cookie-page .wrap { max-width: 42rem; }
.c-cookie-page p { color: var(--color-muted); }
.c-cookie-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

/* Scroll reveal — armed only after islands mark above-fold .is-in */
[data-reveal] {
  --reveal-x: 0;
  --reveal-y: var(--reveal-dist, 16px);
}
[data-reveal-strength="whisper"] {
  --reveal-dist: 8px;
  --reveal-dur: 400ms;
  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
[data-reveal-strength="editorial"] {
  --reveal-dist: 16px;
  --reveal-dur: 550ms;
  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
[data-reveal-strength="noticeable"] {
  --reveal-dist: 24px;
  --reveal-dur: 650ms;
  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
[data-reveal-from="up"] { --reveal-x: 0; --reveal-y: var(--reveal-dist, 16px); }
[data-reveal-from="down"] { --reveal-x: 0; --reveal-y: calc(var(--reveal-dist, 16px) * -1); }
[data-reveal-from="left"] { --reveal-x: calc(var(--reveal-dist, 16px) * -1); --reveal-y: 0; }
[data-reveal-from="right"] { --reveal-x: var(--reveal-dist, 16px); --reveal-y: 0; }
[data-reveal-child][data-reveal-from="up"] {
  --reveal-child-x: 0;
  --reveal-child-y: var(--reveal-dist, 16px);
}
[data-reveal-child][data-reveal-from="down"] {
  --reveal-child-x: 0;
  --reveal-child-y: calc(var(--reveal-dist, 16px) * -1);
}
[data-reveal-child][data-reveal-from="left"] {
  --reveal-child-x: calc(var(--reveal-dist, 16px) * -1);
  --reveal-child-y: 0;
}
[data-reveal-child][data-reveal-from="right"] {
  --reveal-child-x: var(--reveal-dist, 16px);
  --reveal-child-y: 0;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* —— Layout —— */
.section {
  padding-block: var(--section-y);
}
.section--tight { padding-block: var(--space-6); }
.section--roomy { padding-block: calc(var(--section-y) + var(--space-5)); }
.section--surface { background: var(--color-surface); }
.section--muted { background: var(--color-surface-2); }
.section--dark,
[data-scheme="dark"] {
  --color-bg: #141210;
  --color-text: #F7F4EF;
  --color-muted: #B8B0A4;
  --color-surface: #1E1B18;
  --color-surface-2: #2A2622;
  --color-border: #3A342E;
  background: var(--color-bg);
  color: var(--color-text);
}
.section__head {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-7);
  max-width: 42rem;
}
.section__head--center {
  margin-inline: auto;
  text-align: center;
  justify-items: center;
}
.section__head--row {
  max-width: none;
  grid-template-columns: minmax(0, 42rem);
  align-items: end;
  justify-content: space-between;
}
@media (min-width: 720px) {
  .section__head--row { grid-template-columns: minmax(0, 42rem) auto; }
}
.section__head--row > .btn-group { justify-self: end; }
/* Editorial split head: short label column, heading + lede column. */
.section__head--split { max-width: none; }
@media (min-width: 720px) {
  .section__head--split {
    grid-template-columns: minmax(0, 14rem) minmax(0, 42rem);
    gap: var(--space-5) var(--space-7);
    align-items: start;
  }
  .section__head--split > .eyebrow { padding-top: 0.45em; }
  .section__head--split > :not(.eyebrow) { grid-column: 2; }
}
.sticky-col { align-self: start; }
@media (min-width: 1080px) {
  .sticky-col { position: sticky; top: calc(var(--header-h, 4rem) + var(--space-5)); }
}
.section__head .lede,
.lede {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--step-1);
  line-height: 1.55;
  max-width: 38rem;
}
.lede--lg { font-size: var(--step-2); line-height: 1.45; }
.eyebrow {
  margin: 0;
  font-size: var(--step-0);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.eyebrow--accent { color: var(--color-accent); }
.grid {
  display: grid;
  gap: var(--gap, var(--space-5));
}
.grid--2 { grid-template-columns: 1fr; }
.grid--3 { grid-template-columns: 1fr; }
.grid--4 { grid-template-columns: 1fr; }
@media (min-width: 720px) {
  .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
  .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.split {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}
.split--top { align-items: start; }
@media (min-width: 720px) {
  .split { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
  .split--reverse > :first-child { order: 2; }
}
@media (min-width: 1080px) {
  .split { gap: var(--space-8); }
}
.bento {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bento__wide, .bento__full { grid-column: span 2; }
@media (min-width: 720px) {
  .bento {
    gap: var(--space-4);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: minmax(9rem, auto);
    grid-auto-flow: dense;
  }
  .bento > * { grid-column: span 3; }
  .bento__wide { grid-column: span 4; }
  .bento__tall { grid-row: span 2; }
  .bento__full { grid-column: span 6; }
  .bento__narrow { grid-column: span 2; }
}
.stack { display: grid; gap: var(--space-4); }
.stack--tight { gap: var(--space-2); }
.stack--loose { gap: var(--space-6); }
.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
.row--between { justify-content: space-between; }

/* —— Surfaces —— */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.card--bordered { box-shadow: none; }
.card--elevated { box-shadow: var(--shadow-2); border-color: transparent; }
.card--flat {
  box-shadow: none;
  border-color: transparent;
  background: var(--color-surface-2);
}
.card--accent { border-color: var(--color-accent); box-shadow: 0 0 0 1px var(--color-accent); }
.card--interactive {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.card--interactive:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
}
.card__media {
  position: relative;
  overflow: hidden;
  background: var(--color-surface-2);
  border-radius: 0;
}
.card__media img,
.card__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 400ms ease;
}
.card--interactive:hover .card__media img { transform: scale(1.03); }
.card__body {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-5);
  flex: 1;
  align-content: start;
}
.card__body > h3,
.card__body > h4 {
  font-size: var(--step-2);
  line-height: 1.25;
}
.card__body > p { margin: 0; color: var(--color-muted); font-size: var(--step-1); }
.card__body > .btn-group,
.card__body > .btn,
.card__body > .btn-outline,
.card__body > .btn-arrow {
  margin-top: var(--space-2);
  justify-self: start;
}
.card__body > .btn-arrow { align-self: end; margin-top: auto; padding-top: var(--space-3); }
/* Photo tile with a bottom scrim and light text (services tiles, project grids, step panels). */
.photo-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  color: #fff;
  text-decoration: none;
}
.photo-card > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
}
.photo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.72) 100%);
}
.photo-card__body {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-5);
}
.photo-card__body h2,
.photo-card__body h3,
.photo-card__body strong { color: #fff; }
.photo-card__body p { margin: 0; color: rgba(255, 255, 255, 0.82); }
.photo-card__body .eyebrow { color: rgba(255, 255, 255, 0.72); }
a.photo-card:hover > img,
a.photo-card:focus-visible > img { transform: scale(1.04); }
a.photo-card:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.card__footer {
  margin-top: auto;
  padding: var(--space-4) var(--space-5);
  border-top: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.hairline {
  border: 0;
  border-top: 1px solid var(--color-border);
  margin: var(--space-6) 0;
}
.frame {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  box-shadow: var(--shadow-2);
}
.frame > img,
.frame > video { width: 100%; height: 100%; object-fit: cover; }
.ratio-16x9,
.ratio-4x3,
.ratio-3x2,
.ratio-1x1,
.ratio-3x4,
.ratio-21x9 {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
}
.ratio-16x9 { aspect-ratio: 16 / 9; }
.ratio-4x3 { aspect-ratio: 4 / 3; }
.ratio-3x2 { aspect-ratio: 3 / 2; }
.ratio-1x1 { aspect-ratio: 1 / 1; }
.ratio-3x4 { aspect-ratio: 3 / 4; }
.ratio-21x9 { aspect-ratio: 21 / 9; }
.card__media[class*="ratio-"] { border-radius: 0; }
.ratio-16x9 > img,
.ratio-4x3 > img,
.ratio-3x2 > img,
.ratio-1x1 > img,
.ratio-3x4 > img,
.ratio-21x9 > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  color: var(--color-accent);
  flex-shrink: 0;
}
.icon-tile .icon { width: 1.35rem; height: 1.35rem; }
.icon-tile--round { border-radius: var(--radius-pill); }
.icon-tile--muted { background: var(--color-surface-2); color: var(--color-text); }

/* —— Marks —— */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 1.85rem;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-pill);
  font-size: var(--step-0);
  font-weight: 600;
  line-height: 1.2;
  background: var(--color-surface-2);
  color: var(--color-text);
  border: 1px solid transparent;
  white-space: nowrap;
}
.badge .icon { width: 1rem; height: 1rem; }
.badge--accent {
  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  color: var(--color-accent);
}
.badge--muted { color: var(--color-muted); }
.badge--outline {
  background: transparent;
  border-color: var(--color-border);
}
.stat { display: grid; gap: var(--space-1); align-content: start; }
.stat__value {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--step-4);
  font-weight: 600;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1.05;
}
.stat__label {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--step-0);
}
.stat--sm .stat__value { font-size: var(--step-3); }
.rating {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  color: var(--color-accent);
  letter-spacing: 0.05em;
  line-height: 1;
}
.rating .icon { width: 1.05rem; height: 1.05rem; fill: currentColor; stroke: none; }
.price {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  margin: 0;
}
.price__amount {
  font-family: var(--font-display);
  font-size: var(--step-4);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.price__period { color: var(--color-muted); font-size: var(--step-0); }
.prose {
  max-width: 65ch;
}
.prose > * + * { margin-top: var(--space-4); }
.list-check,
.list-plain {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
}
.list-check li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  line-height: 1.5;
}
.list-check li > .icon {
  margin-top: 0.2em;
  color: var(--color-accent);
}
.table-wrap { overflow-x: auto; }
.table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.table th,
.table td {
  padding: var(--space-3) var(--space-4);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  vertical-align: top;
}
.table th {
  font-size: var(--step-0);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.table td:not(:first-child),
.table th:not(:first-child) { text-align: right; }
.table--plain th,
.table--plain td { padding-inline: 0; }

/* —— People / proof —— */
.avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-pill);
  object-fit: cover;
  background: var(--color-surface-2);
  border: 2px solid var(--color-surface);
  flex-shrink: 0;
}
.avatar--sm { width: 2rem; height: 2rem; }
.avatar--lg { width: 4rem; height: 4rem; }
.avatar-group {
  display: inline-flex;
  align-items: center;
}
.avatar-group .avatar { margin-inline-start: -0.55rem; box-shadow: 0 0 0 2px var(--color-bg); }
.avatar-group .avatar:first-child { margin-inline-start: 0; }
/* —— Chips (radio / checkbox pills) —— */
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  border: 0;
}
.chips > legend,
.chips__label {
  display: block;
  width: 100%;
  margin-bottom: var(--space-2);
  font-size: var(--step-0);
  font-weight: 600;
  color: var(--color-text);
}
.chips label { position: relative; display: inline-flex; }
.chips input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.chips span {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font-size: var(--step-0);
  font-weight: 500;
  color: var(--color-text);
  background: var(--color-surface);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.chips label:hover span { border-color: var(--color-text); }
.chips input:checked + span {
  background: var(--color-text);
  border-color: var(--color-text);
  color: var(--color-bg);
}
.chips input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.byline {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--step-0);
}
.byline strong { display: block; font-weight: 600; color: var(--color-text); }
.byline span { color: var(--color-muted); }
.logo-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-5) var(--space-7);
  opacity: 0.65;
}
.logo-row img {
  max-height: 1.75rem;
  width: auto;
  filter: grayscale(1);
}
.quote {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--step-2);
  line-height: 1.4;
  letter-spacing: -0.015em;
  text-wrap: pretty;
}
.quote--lg { font-size: var(--step-3); line-height: 1.3; letter-spacing: -0.02em; }
.quote cite,
.quote footer {
  display: block;
  margin-top: var(--space-4);
  font-style: normal;
  font-family: var(--font-body);
  font-size: var(--step-0);
  letter-spacing: 0;
  color: var(--color-muted);
}
.quote--card {
  font-family: var(--font-body);
  font-size: var(--step-1);
  line-height: 1.6;
  letter-spacing: 0;
}

/* —— Controls —— */
.btn-lg { padding: 0.9rem 1.75rem; min-height: 3rem; font-size: var(--step-1); }
.btn-sm { padding: 0.45rem 1rem; min-height: 2.25rem; font-size: var(--step-0); }
.btn-icon {
  width: var(--tap-min);
  height: var(--tap-min);
  padding: 0;
  border-radius: var(--radius-pill);
}
.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}
.field {
  display: grid;
  gap: var(--space-2);
}
.field label {
  font-weight: 600;
  font-size: var(--step-0);
}
.field + .field { margin-top: var(--space-4); }
.form-grid {
  display: grid;
  gap: var(--space-4);
}
.form-grid .field + .field { margin-top: 0; }
@media (min-width: 720px) {
  .form-grid--2 { grid-template-columns: 1fr 1fr; }
  .form-grid .field--full { grid-column: 1 / -1; }
}
.input,
.textarea,
.select {
  width: 100%;
  min-height: var(--tap-min);
  padding: 0.65rem 0.9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  line-height: 1.4;
}
.textarea { min-height: 7rem; resize: vertical; }
.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible {
  outline: none;
  box-shadow: var(--ring);
  border-color: var(--color-focus);
}
.input-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.input-row .input { flex: 1 1 14rem; }
.checkbox {
  width: 1.15rem;
  height: 1.15rem;
  accent-color: var(--color-accent);
}
.accordion {
  border-top: 1px solid var(--color-border);
}
.accordion details {
  border-bottom: 1px solid var(--color-border);
}
.accordion summary {
  list-style: none;
  cursor: pointer;
  min-height: var(--tap-min);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  font-weight: 600;
  font-size: var(--step-1);
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after {
  content: "+";
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--color-surface-2);
  font-weight: 500;
  color: var(--color-muted);
  transition: transform 180ms ease;
}
.accordion details[open] summary::after { content: "–"; }
.accordion details > *:not(summary) {
  margin: 0;
  padding-bottom: var(--space-4);
  max-width: 60ch;
  color: var(--color-muted);
}
.tabs {
  display: grid;
  gap: var(--space-5);
}
.tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}
.tabs__list--pill {
  border-bottom: 0;
  gap: var(--space-1);
  padding: var(--space-1);
  background: var(--color-surface-2);
  border-radius: var(--radius-pill);
  width: fit-content;
}
.tabs__tab {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: var(--space-3) var(--space-4);
  min-height: var(--tap-min);
  font: inherit;
  font-weight: 600;
  color: var(--color-muted);
  cursor: pointer;
  transition: color 160ms ease;
}
.tabs__tab:hover { color: var(--color-text); }
.tabs__tab[aria-selected="true"] {
  color: var(--color-text);
  border-bottom-color: var(--color-accent);
}
.tabs__list--pill .tabs__tab {
  border: 0;
  margin: 0;
  min-height: 2.5rem;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
}
.tabs__list--pill .tabs__tab[aria-selected="true"] {
  background: var(--color-surface);
  box-shadow: var(--shadow-1);
}
.tabs__panel[hidden] { display: none; }
.announcement {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
  font-size: var(--step-0);
  text-align: center;
}
.announcement a { font-weight: 600; color: inherit; }

/* —— Chrome —— */
.header--sticky {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--color-bg) 86%, transparent);
  backdrop-filter: blur(var(--blur-header));
  -webkit-backdrop-filter: blur(var(--blur-header));
  border-bottom: 1px solid transparent;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.header--sticky.is-scrolled {
  border-bottom-color: var(--color-border);
  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
}
.nav-links {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.nav-links a {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border-radius: var(--radius-pill);
  font-size: var(--step-0);
  font-weight: 500;
  color: var(--color-muted);
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease;
}
.nav-links a:hover,
.nav-links a[aria-current="page"] {
  color: var(--color-text);
  background: color-mix(in srgb, var(--color-text) 5%, transparent);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--step-2);
  letter-spacing: -0.02em;
  color: var(--color-text);
  text-decoration: none;
  white-space: nowrap;
}
.brand img { height: 2rem; width: auto; }
.nav-drawer {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: color-mix(in srgb, var(--color-text) 40%, transparent);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, visibility 180ms ease;
}
.nav-drawer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.nav-drawer__panel {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: min(20rem, 88vw);
  background: var(--color-surface);
  color: var(--color-text);
  padding: calc(var(--header-h) + var(--space-2)) var(--space-5) var(--space-5);
  box-shadow: var(--shadow-3);
  transform: translateX(100%);
  transition: transform 200ms ease;
  display: grid;
  align-content: start;
  gap: var(--space-5);
}
.nav-drawer.is-open .nav-drawer__panel { transform: none; }
.nav-drawer__panel nav {
  display: grid;
}
.nav-drawer__panel nav a {
  display: block;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-border);
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text);
}
.nav-drawer__panel .btn-group > * { flex: 1; }

/* —— Island widgets —— */
.carousel {
  display: grid;
  gap: var(--space-5);
}
.carousel__track {
  display: flex;
  gap: var(--space-4);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: var(--space-2);
  scrollbar-width: none;
}
.carousel__track::-webkit-scrollbar { display: none; }
.carousel__track > * {
  flex: 0 0 min(100%, 22rem);
  scroll-snap-align: start;
}
.carousel__nav {
  display: flex;
  gap: var(--space-2);
}
.carousel__nav > button {
  display: inline-grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  min-height: 0;
  padding: 0;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease;
}
.carousel__nav > button:hover { border-color: var(--color-text); }
.carousel__nav > button:disabled { opacity: 0.4; cursor: default; }
.before-after {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  user-select: none;
  touch-action: none;
}
.before-after__before,
.before-after__after {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.before-after__after {
  position: absolute;
  inset: 0;
  clip-path: inset(0 0 0 50%);
}
.before-after__handle {
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 2px;
  background: var(--color-surface);
  transform: translateX(-50%);
  cursor: ew-resize;
}
.before-after__handle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-pill);
  border: 2px solid var(--color-surface);
  background: color-mix(in srgb, var(--color-text) 70%, transparent);
  box-shadow: var(--shadow-2);
  transform: translate(-50%, -50%);
}
.before-after__label {
  position: absolute;
  top: var(--space-3);
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-pill);
  font-size: var(--step-0);
  font-weight: 600;
  background: color-mix(in srgb, var(--color-bg) 80%, transparent);
  color: var(--color-text);
  pointer-events: none;
}
.before-after__label--before { left: var(--space-3); }
.before-after__label--after { right: var(--space-3); }
.icon {
  width: 1.25rem;
  height: 1.25rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
.icon--lg { width: 1.75rem; height: 1.75rem; }
.icon--sm { width: 1rem; height: 1rem; }

.c-velora .c-template-gallery{--bg:var(--color-bg);--ink:var(--color-text);--muted:var(--color-muted);--surface:var(--color-surface);--surface2:var(--color-surface-2);--rule:var(--color-border);--blue:var(--color-accent);--accent-ink:var(--color-accent-text);--overlay:#0008;color:var(--ink);background:var(--bg);font:inherit}



.c-velora .c-template-gallery *{box-sizing: border-box;}

.c-velora .c-template-gallery button,.c-velora .c-template-gallery a{-webkit-tap-highlight-color: transparent;}
.c-velora .c-template-gallery a{color: inherit; text-decoration: none;}
.c-velora .c-template-gallery button{font: inherit; color: inherit; cursor: pointer; background: none; border: 0px;}
.c-velora .c-template-gallery button:disabled{opacity: 0.4; cursor: default;}
.c-velora .c-template-gallery a,.c-velora .c-template-gallery button{touch-action: manipulation;}
.c-velora .c-template-gallery a:focus-visible,.c-velora .c-template-gallery button:focus-visible,.c-velora .c-template-gallery summary:focus-visible{outline: 2px solid var(--blue); outline-offset: 5px;}
.c-velora .c-template-gallery img{display: block; max-width: 100%;}
.c-velora .c-template-gallery h1,.c-velora .c-template-gallery h2,.c-velora .c-template-gallery h3,.c-velora .c-template-gallery p{margin: 0px;}
.c-velora .c-template-gallery h1,.c-velora .c-template-gallery h2,.c-velora .c-template-gallery h3{font-weight: 400; letter-spacing: -0.055em;}
.c-velora .c-template-gallery p{line-height: 1.65;}
.c-velora .c-template-gallery button,.c-velora .c-template-gallery a{transition: color 0.18s, background-color 0.18s, border-color 0.18s;}
.c-velora .c-template-gallery button:hover,.c-velora .c-template-gallery a:hover{color: var(--blue);}















.c-velora .c-template-gallery .gallery-intro{width: 88%; max-width: 1700px; margin: 35px auto 48px;}
.c-velora .c-template-gallery .eyebrow{font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; display: block;}
.c-velora .c-template-gallery .eyebrow::before{content: "↗"; color: var(--blue); margin-right: 12px;}
.c-velora .c-template-gallery .live-count{color: var(--muted); margin-left: 14px; letter-spacing: 0px; text-transform: none;}
.c-velora .c-template-gallery .gallery-intro-row{display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; margin-top: 22px;}
.c-velora .c-template-gallery h1{font-size: clamp(46px, 5.6vw, 88px); line-height: 1.06;}
.c-velora .c-template-gallery .gallery-intro-row p{max-width: 30ch; color: var(--muted); font-size: 15px; padding-bottom: 5px;}
.c-velora .c-template-gallery .gallery-experience{width: 88%; max-width: 1700px; margin: auto; min-height: 350px;}
.c-velora .c-template-gallery .tool-line{display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 0px; border-top: 1px solid var(--rule); margin-bottom: 25px; font-size: 12px;}
.c-velora .c-template-gallery .tool-line p{color: var(--muted);}
.c-velora .c-template-gallery .tool-line button{padding: 8px 0px;}
.c-velora .c-template-gallery .tool-line button span{margin-left: 8px; color: var(--blue);}
.c-velora .c-template-gallery .count-label{color: var(--muted); font-size: 11px;}
.c-velora .c-template-gallery .button{display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 46px; padding: 12px 20px; background: var(--ink); color: var(--bg); font-size: 12px;}
.c-velora .c-template-gallery .button:hover{background: var(--blue); color: var(--accent-ink);}
.c-velora .c-template-gallery .text-action{font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; gap: 18px;}
.c-velora .c-template-gallery .text-action span{color: var(--blue);}
.c-velora .c-template-gallery .segmented{display: flex; gap: 3px; padding: 3px; background: var(--surface);}
.c-velora .c-template-gallery .segmented button{min-height: 38px; padding: 8px 15px; font-size: 11px;}
.c-velora .c-template-gallery .segmented button[aria-pressed="true"]{background: var(--ink); color: var(--bg);}
.c-velora .c-template-gallery .wall{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 48px 25px; align-items: start;}
.c-velora .c-template-gallery .tile{min-width: 0px;}
.c-velora .c-template-gallery .tile-visual{position: relative; background: var(--surface); overflow: hidden;}
.c-velora .c-template-gallery .tile-open{padding: 0px; display: block; width: 100%; text-align: left;}
.c-velora .c-template-gallery .tile-visual .shot{width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 0.65s cubic-bezier(0.22, 0.68, 0, 1);}
.c-velora .c-template-gallery .tile-visual:hover .shot{transform: scale(1.025);}
.c-velora .c-template-gallery .tile-visual.wide{aspect-ratio: 1.35 / 1;}
.c-velora .c-template-gallery .tile-visual.tall{aspect-ratio: 0.93 / 1;}
.c-velora .c-template-gallery .tile-visual.medium{aspect-ratio: 1.12 / 1;}
.c-velora .c-template-gallery .preview-hint{position: absolute; bottom: 16px; right: 16px; background: var(--bg); color: var(--ink); padding: 10px 14px; font-size: 11px; display: flex; gap: 25px; align-items: center;}
.c-velora .c-template-gallery .preview-hint span{color: var(--blue); font-size: 17px;}
.c-velora .c-template-gallery .tile-top{display: flex; justify-content: space-between; gap: 12px; margin: 18px 0px 9px; color: var(--muted); font-size: 10px;}
.c-velora .c-template-gallery .tile h3{font-size: clamp(23px, 2vw, 31px); line-height: 1.2;}
.c-velora .c-template-gallery .tile-bottom{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px;}
.c-velora .c-template-gallery .tile-tags{font-size: 11px; color: var(--muted);}
.c-velora .c-template-gallery .save{font-size: 11px; min-height: 44px; padding: 8px 0px; white-space: nowrap;}
.c-velora .c-template-gallery .save[aria-pressed="true"]{color: var(--blue);}
.c-velora .c-template-gallery .page-peeks{display: flex; gap: 6px; margin-top: 8px;}
.c-velora .c-template-gallery .page-peeks button{padding: 0px; width: 47px; height: 31px; border: 1px solid var(--rule); overflow: hidden;}
.c-velora .c-template-gallery .page-peeks img{height: 100%; width: 100%; object-fit: cover; object-position: center top;}
.c-velora .c-template-gallery .page-peeks button[aria-pressed="true"]{border: 2px solid var(--blue);}
.c-velora .c-template-gallery .wall.is-compact{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.c-velora .c-template-gallery .wall.is-compact .tile-visual{aspect-ratio: 1.2 / 1;}
.c-velora .c-template-gallery .wall.is-compact h3{font-size: 23px;}
.c-velora .c-template-gallery .collection-nav{display: flex; gap: 24px; overflow: auto; border-top: 1px solid var(--rule); padding: 20px 0px 28px; font-size: 12px;}
.c-velora .c-template-gallery .collection-nav a{white-space: nowrap;}
.c-velora .c-template-gallery .shelf{margin-bottom: 65px; scroll-margin-top: 30px;}
.c-velora .c-template-gallery .shelf-head{display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--rule); padding: 24px 0px;}
.c-velora .c-template-gallery .shelf h2{font-size: clamp(28px, 3vw, 42px);}
.c-velora .c-template-gallery .shelf h2 small{font-size: 11px; letter-spacing: 0px; color: var(--muted); margin-left: 15px; vertical-align: middle;}
.c-velora .c-template-gallery .shelf-buttons{display: flex; gap: 12px;}
.c-velora .c-template-gallery .round{width: 42px; height: 42px; border: 1px solid var(--rule); border-radius: 50%; font-size: 20px;}
.c-velora .c-template-gallery .shelf-track{display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 16px; scrollbar-color: var(--rule) transparent;}
.c-velora .c-template-gallery .shelf-track .tile{flex: 0 0 39%; scroll-snap-align: start;}
.c-velora .c-template-gallery .shelf-track .tile-visual{aspect-ratio: 1.65 / 1;}
.c-velora .c-template-gallery .shelf-track .tile:first-child{flex-basis: 51%;}
.c-velora .c-template-gallery .shelf-track .tile h3{font-size: 28px;}
.c-velora .c-template-gallery .spotlight{display: grid; grid-template-columns: minmax(0px, 1fr) 290px; gap: 40px; border-top: 1px solid var(--rule); padding-top: 27px;}
.c-velora .c-template-gallery .spot-stage{min-width: 0px;}
.c-velora .c-template-gallery .stage-controls{display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px;}
.c-velora .c-template-gallery .stage-controls .eyebrow{font-size: 10px;}
.c-velora .c-template-gallery .stage-image{background: var(--surface); padding: 25px; min-height: 390px; display: flex; align-items: flex-start; justify-content: center; overflow: hidden;}
.c-velora .c-template-gallery .stage-image img{width: 100%; max-height: 590px; object-fit: cover; object-position: center top; box-shadow: rgba(0, 0, 0, 0.133) 0px 15px 40px;}
.c-velora .c-template-gallery .stage-image.mobile img{width: 244px; max-height: 590px; object-fit: contain; object-position: center top;}
.c-velora .c-template-gallery .stage-copy{display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; margin: 24px 0px 20px;}
.c-velora .c-template-gallery .stage-copy h2{font-size: 38px; line-height: 1.1; margin-top: 10px;}
.c-velora .c-template-gallery .stage-copy p{font-size: 12px; color: var(--muted);}
.c-velora .c-template-gallery .stage-actions{display: flex; gap: 25px; align-items: center; flex-wrap: wrap; margin: 20px 0px;}
.c-velora .c-template-gallery .stage-pages{display: flex; gap: 8px; overflow: auto; padding: 12px 0px 5px;}
.c-velora .c-template-gallery .stage-pages button{border-bottom: 1px solid var(--rule); padding: 10px 3px; white-space: nowrap; font-size: 11px; min-height: 42px;}
.c-velora .c-template-gallery .stage-pages button[aria-pressed="true"]{color: var(--blue); border-color: var(--blue);}
.c-velora .c-template-gallery .filmstrip{max-height: 810px; overflow: auto; scrollbar-width: thin;}
.c-velora .c-template-gallery .filmstrip-title{font-size: 11px; color: var(--muted); margin-bottom: 15px;}
.c-velora .c-template-gallery .film-item{display: grid; grid-template-columns: 90px 1fr; gap: 16px; align-items: center; text-align: left; width: 100%; padding: 13px 0px; border-bottom: 1px solid var(--rule); border-left: 2px solid transparent;}
.c-velora .c-template-gallery .film-item img{width: 90px; height: 62px; object-fit: cover; object-position: center top;}
.c-velora .c-template-gallery .film-item strong{font-size: 12px; font-weight: 500; display: block; line-height: 1.4;}
.c-velora .c-template-gallery .film-item small{display: block; margin-top: 5px; font-size: 9px; color: var(--muted);}
.c-velora .c-template-gallery .film-item[aria-pressed="true"]{border-left-color: var(--blue); padding-left: 10px;}
.c-velora .c-template-gallery .spot-navigation{display: flex; gap: 10px; align-items: center;}
.c-velora .c-template-gallery .spot-navigation span{font-size: 11px; margin-right: 12px; color: var(--muted);}
.c-velora .c-template-gallery .mood-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px 28px;}
.c-velora .c-template-gallery .mood{display: block; text-align: left; padding: 0px; min-width: 0px;}
.c-velora .c-template-gallery .mood-collage{height: 310px; background: var(--surface); padding: 25px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 15px; overflow: hidden;}
.c-velora .c-template-gallery .mood-collage img{width: 100%; height: 100%; min-height: 0px; object-fit: cover; object-position: center top; box-shadow: rgba(0, 0, 0, 0.133) 0px 8px 20px; transition: transform 0.5s;}
.c-velora .c-template-gallery .mood-collage .small-stack{display: grid; grid-template-rows: 1fr 1fr; gap: 15px; min-height: 0px;}
.c-velora .c-template-gallery .mood:nth-child(3n+2) .mood-collage{background: var(--surface2);}
.c-velora .c-template-gallery .mood:hover .mood-collage > img{transform: translateY(-7px) rotate(-1deg);}
.c-velora .c-template-gallery .mood-caption{display: flex; align-items: center; justify-content: space-between; margin-top: 17px;}
.c-velora .c-template-gallery .mood-caption h2{font-size: 38px;}
.c-velora .c-template-gallery .mood-caption span{font-size: 11px; color: var(--muted);}
.c-velora .c-template-gallery .mood-caption b{font-size: 25px; color: var(--blue); font-weight: 400;}
.c-velora .c-template-gallery .back{min-height: 44px; padding: 0px; font-size: 12px;}
.c-velora .c-template-gallery .mood-results-heading{display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 20px 0px 30px; border-top: 1px solid var(--rule);}
.c-velora .c-template-gallery .mood-results-heading h2{font-size: 42px;}
.c-velora .c-template-gallery .compare-intro{display: flex; justify-content: space-between; align-items: center; gap: 25px; border-top: 1px solid var(--rule); padding: 20px 0px 30px;}
.c-velora .c-template-gallery .compare-intro p{font-size: 12px; color: var(--muted);}
.c-velora .c-template-gallery .compare-board{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px;}
.c-velora .c-template-gallery .compare-column{min-width: 0px; border-top: 1px solid var(--rule); padding-top: 18px;}
.c-velora .c-template-gallery .compare-column-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px;}
.c-velora .c-template-gallery .compare-column-head .eyebrow{font-size: 9px;}
.c-velora .c-template-gallery .compare-column-head button{font-size: 19px; width: 38px; height: 38px;}
.c-velora .c-template-gallery .compare-visual{position: relative; background: var(--surface); padding: 20px 20px 45px;}
.c-velora .c-template-gallery .compare-desktop{aspect-ratio: 1.22 / 1; width: 100%; object-fit: cover; object-position: center top; box-shadow: rgba(0, 0, 0, 0.133) 0px 8px 20px;}
.c-velora .c-template-gallery .compare-phone{position: absolute; bottom: 14px; right: 10px; width: 24%; height: 60%; object-fit: cover; object-position: center top; border: 4px solid var(--bg); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; border-radius: 8px;}
.c-velora .c-template-gallery .compare-column h2{font-size: 28px; line-height: 1.18; margin: 22px 0px;}
.c-velora .c-template-gallery .facts{margin: 0px;}
.c-velora .c-template-gallery .facts div{display: grid; grid-template-columns: 75px 1fr; gap: 12px; border-top: 1px solid var(--rule); padding: 13px 0px; font-size: 11px; line-height: 1.6;}
.c-velora .c-template-gallery .facts dt{color: var(--muted);}
.c-velora .c-template-gallery .facts dd{margin: 0px; overflow-wrap: anywhere;}
.c-velora .c-template-gallery .swatch{display: inline-block; width: 10px; height: 10px; margin-right: 7px; border: 1px solid var(--rule); border-radius: 50%; background: var(--template-accent);}
.c-velora .c-template-gallery .compare-column .button{width: 100%; margin-top: 18px;}
.c-velora .c-template-gallery .empty-slot{padding: 30px; border: 1px dashed var(--rule); min-height: 420px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; text-align: center;}
.c-velora .c-template-gallery .empty-slot > span{font-size: 50px; color: var(--muted);}
.c-velora .c-template-gallery .empty-slot p{color: var(--muted); font-size: 13px;}
.c-velora .c-template-gallery .picker-note{font-size: 13px; color: var(--muted); margin: 10px 0px 25px;}
.c-velora .c-template-gallery #gallery-picker-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px;}
.c-velora .c-template-gallery .pick{padding: 0px; text-align: left; min-width: 0px;}
.c-velora .c-template-gallery .pick img{aspect-ratio: 1.5 / 1; width: 100%; object-fit: cover; object-position: center top; border: 3px solid transparent;}
.c-velora .c-template-gallery .pick[aria-pressed="true"] img{border-color: var(--blue);}
.c-velora .c-template-gallery .pick span{display: block; font-size: 12px; margin: 10px 0px;}
.c-velora .c-template-gallery .pick small{color: var(--muted); font-size: 10px;}
.c-velora .c-template-gallery .catalog-status{display: flex; align-items: center; justify-content: space-between; gap: 25px; width: 88%; max-width: 1700px; margin: 38px auto 0px; padding: 20px 0px; border-top: 1px solid var(--rule); font-size: 10px; color: var(--muted);}
.c-velora .c-template-gallery .catalog-status button{min-height: 44px; white-space: nowrap;}
.c-velora .c-template-gallery .closing{width: 88%; max-width: 1700px; margin: 80px auto 0px; border-top: 1px solid var(--rule); padding: 60px 0px 70px;}
.c-velora .c-template-gallery .closing h2{font-size: clamp(38px, 5vw, 72px); line-height: 1.08; margin: 30px 0px;}
.c-velora .c-template-gallery .closing > a{display: inline-flex; gap: 70px; align-items: center; font-size: 15px; border-bottom: 1px solid var(--rule); padding: 15px 0px;}
.c-velora .c-template-gallery .closing > a span{color: var(--blue); font-size: 25px;}
.c-velora .c-template-gallery .closing p{font-size: 11px; color: var(--muted); margin-top: 32px;}

.c-velora .c-template-gallery dialog{width: min(1200px, 94vw); max-height: 92dvh; border: 1px solid var(--rule); background: var(--bg); color: var(--ink); padding: 30px; overscroll-behavior: contain;}
.c-velora .c-template-gallery dialog::backdrop{background: var(--overlay); backdrop-filter: blur(8px);}

.c-velora .c-template-gallery .dialog-bar{display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--rule); padding-bottom: 16px; margin-bottom: 25px;}
.c-velora .c-template-gallery .dialog-bar button{min-height: 44px; font-size: 12px;}
.c-velora .c-template-gallery .dialog-bar h2{font-size: 32px;}
.c-velora .c-template-gallery .preview-layout{display: grid; grid-template-columns: minmax(0px, 1.8fr) 1fr; gap: 35px;}
.c-velora .c-template-gallery .preview-layout .stage-image{min-height: 300px; padding: 18px;}
.c-velora .c-template-gallery .preview-layout .stage-image img{max-height: 550px;}
.c-velora .c-template-gallery .preview-info{min-width: 0px;}
.c-velora .c-template-gallery .preview-info h2{font-size: 38px; line-height: 1.12; margin: 15px 0px 20px;}
.c-velora .c-template-gallery .preview-info p{font-size: 12px; color: var(--muted);}
.c-velora .c-template-gallery .preview-info .stage-pages{flex-wrap: wrap; margin-top: 18px;}
.c-velora .c-template-gallery .preview-info .segmented{width: fit-content; margin-top: 20px;}
.c-velora .c-template-gallery .preview-info .stage-actions{display: block;}
.c-velora .c-template-gallery .preview-info .button{width: 100%; margin-bottom: 10px;}
.c-velora .c-template-gallery .fallback{min-height: 200px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px; font-size: 13px; color: var(--muted);}
.c-velora .c-template-gallery .fallback a{text-decoration: underline;}
.c-velora .c-template-gallery .load-error{padding: 50px 0px;}
.c-velora .c-template-gallery .load-error h2{font-size: 36px; margin-bottom: 20px;}
.c-velora .c-template-gallery .load-error p{max-width: 50ch; font-size: 14px; color: var(--muted); margin-bottom: 25px;}
.c-velora .c-template-gallery .loading-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.c-velora .c-template-gallery .loading-grid span{aspect-ratio: 1.2 / 1; background: var(--surface);}
.c-velora .c-template-gallery .no-script{margin: 40px 6%; max-width: 60ch;}
@media (min-width: 1500px){.c-velora .c-template-gallery .mood-collage{height: 390px;}
.c-velora .c-template-gallery .stage-image img{max-height: 680px;}}
@media (max-width: 1100px){




.c-velora .c-template-gallery .gallery-intro{margin-top: 25px;}
.c-velora .c-template-gallery .gallery-intro-row{gap: 25px;}
.c-velora .c-template-gallery .gallery-intro-row p{font-size: 13px;}
.c-velora .c-template-gallery .wall,.c-velora .c-template-gallery .wall.is-compact{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.c-velora .c-template-gallery .spotlight{grid-template-columns: minmax(0px, 1fr) 215px; gap: 25px;}
.c-velora .c-template-gallery .stage-image{padding: 16px; min-height: 280px;}
.c-velora .c-template-gallery .stage-copy{grid-template-columns: 1fr; gap: 15px;}
.c-velora .c-template-gallery .film-item{grid-template-columns: 65px 1fr; gap: 10px;}
.c-velora .c-template-gallery .film-item img{width: 65px; height: 48px;}
.c-velora .c-template-gallery .film-item strong{font-size: 10px;}
.c-velora .c-template-gallery .mood-collage{height: 260px; padding: 18px; gap: 10px;}
.c-velora .c-template-gallery .mood-collage .small-stack{gap: 10px;}
.c-velora .c-template-gallery .compare-board{gap: 16px;}
.c-velora .c-template-gallery .compare-visual{padding: 12px 12px 35px;}
.c-velora .c-template-gallery .compare-column h2{font-size: 24px;}
.c-velora .c-template-gallery .preview-layout{grid-template-columns: 1.4fr 1fr; gap: 22px;}
.c-velora .c-template-gallery #gallery-picker-grid{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 700px){






.c-velora .c-template-gallery .gallery-intro{margin: 25px auto 32px;}
.c-velora .c-template-gallery .gallery-intro-row{display: block; margin-top: 20px;}
.c-velora .c-template-gallery h1{font-size: clamp(45px, 11vw, 67px); max-width: 12ch;}
.c-velora .c-template-gallery .gallery-intro-row p{margin-top: 20px; max-width: 35ch; font-size: 14px;}
.c-velora .c-template-gallery .eyebrow{font-size: 10px;}
.c-velora .c-template-gallery .live-count{margin-left: 8px; font-size: 10px;}
.c-velora .c-template-gallery .wall,.c-velora .c-template-gallery .wall.is-compact{grid-template-columns: 1fr; gap: 33px;}
.c-velora .c-template-gallery .tile-visual.wide,.c-velora .c-template-gallery .tile-visual.tall,.c-velora .c-template-gallery .tile-visual.medium,.c-velora .c-template-gallery .wall.is-compact .tile-visual{aspect-ratio: 1.22 / 1;}
.c-velora .c-template-gallery .tile h3{font-size: 29px;}
.c-velora .c-template-gallery .tile-top{margin-top: 15px;}
.c-velora .c-template-gallery .tool-line{padding-top: 15px; font-size: 11px;}
.c-velora .c-template-gallery .tool-line p{max-width: 24ch;}
.c-velora .c-template-gallery .tool-line button{white-space: nowrap;}
.c-velora .c-template-gallery .tile-bottom{margin-top: 7px;}
.c-velora .c-template-gallery .collection-nav{gap: 20px; font-size: 11px;}
.c-velora .c-template-gallery .shelf-track{gap: 16px;}
.c-velora .c-template-gallery .shelf-track .tile,.c-velora .c-template-gallery .shelf-track .tile:first-child{flex-basis: 88%;}
.c-velora .c-template-gallery .shelf-track .tile-visual{aspect-ratio: 1.35 / 1;}
.c-velora .c-template-gallery .shelf-head{gap: 15px; padding: 20px 0px;}
.c-velora .c-template-gallery .shelf h2{font-size: 27px;}
.c-velora .c-template-gallery .shelf h2 small{margin-left: 8px; font-size: 9px;}
.c-velora .c-template-gallery .shelf{margin-bottom: 35px;}
.c-velora .c-template-gallery .round{width: 37px; height: 37px;}
.c-velora .c-template-gallery .shelf-buttons{gap: 6px;}
.c-velora .c-template-gallery .spotlight{grid-template-columns: 1fr; gap: 30px; padding-top: 15px;}
.c-velora .c-template-gallery .stage-controls{gap: 12px; flex-wrap: wrap;}
.c-velora .c-template-gallery .stage-image{min-height: 230px; padding: 12px;}
.c-velora .c-template-gallery .stage-image img{max-height: 430px;}
.c-velora .c-template-gallery .stage-image.mobile img{max-height: 460px; width: 210px;}
.c-velora .c-template-gallery .stage-copy h2{font-size: 35px;}
.c-velora .c-template-gallery .stage-copy{margin-top: 20px;}
.c-velora .c-template-gallery .stage-actions{gap: 20px; margin-bottom: 0px;}
.c-velora .c-template-gallery .filmstrip{max-height: none; display: flex; gap: 14px; overflow: auto; padding-bottom: 12px;}
.c-velora .c-template-gallery .filmstrip-title{display: none;}
.c-velora .c-template-gallery .film-item{flex: 0 0 135px; display: block; border-bottom: 2px solid transparent; border-left: 0px; padding: 0px 0px 10px;}
.c-velora .c-template-gallery .film-item img{width: 135px; height: 90px; margin-bottom: 10px;}
.c-velora .c-template-gallery .film-item strong{font-size: 11px;}
.c-velora .c-template-gallery .film-item[aria-pressed="true"]{border-bottom-color: var(--blue); padding-left: 0px;}
.c-velora .c-template-gallery .spot-navigation span{margin-right: 5px;}
.c-velora .c-template-gallery .mood-grid{grid-template-columns: 1fr; gap: 30px;}
.c-velora .c-template-gallery .mood-collage{height: 280px; padding: 20px;}
.c-velora .c-template-gallery .mood-caption h2{font-size: 35px;}
.c-velora .c-template-gallery .mood-results-heading h2{font-size: 35px;}
.c-velora .c-template-gallery .compare-intro{align-items: flex-start; gap: 15px;}
.c-velora .c-template-gallery .compare-intro p{font-size: 11px; max-width: 23ch;}
.c-velora .c-template-gallery .compare-intro .button{padding: 10px 13px; gap: 12px; font-size: 11px;}
.c-velora .c-template-gallery .compare-board{grid-template-columns: repeat(3, 78vw); overflow: auto; scroll-snap-type: x mandatory; gap: 18px; padding-bottom: 15px;}
.c-velora .c-template-gallery .compare-column{scroll-snap-align: start;}
.c-velora .c-template-gallery .compare-column h2{font-size: 29px;}
.c-velora .c-template-gallery .compare-visual{padding: 18px 18px 40px;}
.c-velora .c-template-gallery .compare-column .facts{font-size: 12px;}
.c-velora .c-template-gallery .empty-slot{min-height: 400px;}
.c-velora .c-template-gallery .catalog-status{font-size: 10px; margin-top: 25px; align-items: flex-start;}
.c-velora .c-template-gallery .catalog-status p{max-width: 30ch; padding-top: 12px;}
.c-velora .c-template-gallery .closing{margin-top: 45px; padding: 45px 0px;}
.c-velora .c-template-gallery .closing h2{font-size: 43px;}
.c-velora .c-template-gallery .closing > a{font-size: 13px; gap: 35px;}

.c-velora .c-template-gallery .preview-layout{grid-template-columns: 1fr; gap: 20px;}
.c-velora .c-template-gallery dialog{padding: 20px; max-height: 94dvh; width: 95vw;}
.c-velora .c-template-gallery .dialog-bar{margin-bottom: 18px;}
.c-velora .c-template-gallery .preview-info h2{font-size: 34px;}
.c-velora .c-template-gallery .preview-layout .stage-image{min-height: 200px;}
.c-velora .c-template-gallery .preview-layout .stage-image img{max-height: 400px;}
.c-velora .c-template-gallery #gallery-picker-grid{grid-template-columns: repeat(2, 1fr); gap: 20px 13px;}
.c-velora .c-template-gallery .pick span{font-size: 11px;}
.c-velora .c-template-gallery .loading-grid{grid-template-columns: 1fr;}
.c-velora .c-template-gallery .loading-grid span:not(:first-child){display: none;}}
@media (prefers-reduced-motion: reduce){.c-velora .c-template-gallery *,.c-velora .c-template-gallery ::before,.c-velora .c-template-gallery ::after{scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
.c-velora .c-template-gallery .tile-visual:hover .shot,.c-velora .c-template-gallery .mood:hover .mood-collage > img{transform: none;}}
.c-velora .c-template-gallery .tile h3 button{padding: 0px; text-align: left; line-height: inherit; letter-spacing: inherit;}
.c-velora .c-template-gallery .tile-open{height: 100%;}
.c-velora .c-template-gallery .tile-visual.tall .tile-open{display: grid; grid-template-rows: 1fr 1fr; gap: 12px; padding: 14px;}
.c-velora .c-template-gallery .tile-visual.tall .shot{min-height: 0px;}
.c-velora .c-template-gallery .tile-visual:not(.tall) .support-shot,.c-velora .c-template-gallery .wall.is-compact .support-shot{display: none;}
.c-velora .c-template-gallery .wall.is-compact .tile-visual.tall .tile-open{display: block; padding: 0px;}
.c-velora .c-template-gallery .tile-visual.wide{aspect-ratio: 1.55 / 1;}
.c-velora .c-template-gallery .tile-visual.medium{aspect-ratio: 1.35 / 1;}
.c-velora .c-template-gallery .page-peeks button{width: 56px; height: 44px; padding: 3px;}
.c-velora .c-template-gallery .compare-desktop{aspect-ratio: 1.6 / 1; object-fit: contain;}
.c-velora .c-template-gallery .compare-phone{height: 76%; width: 25%;}
@media (max-width: 700px){.c-velora .c-template-gallery .tile-visual.tall .tile-open{display: block; padding: 0px;}
.c-velora .c-template-gallery .tile-visual.tall .support-shot{display: none;}}
@media (max-width: 700px){.c-velora .c-template-gallery .tool-line{flex-wrap: wrap; gap: 8px 20px;}
.c-velora .c-template-gallery .tool-line p{flex: 1 0 100%; max-width: none;}
.c-velora .c-template-gallery .tool-line > a{margin-left: auto; font-size: 10px;}}
.c-velora .c-template-gallery .page-gallery-bar{margin-bottom: 0px;}
.c-velora .c-template-gallery .template-showcase{display: grid; grid-template-columns: minmax(220px, 0.85fr) minmax(0px, 3fr); gap: 4vw; padding: 45px 0px 52px; border-bottom: 1px solid var(--rule);}
.c-velora .c-template-gallery .showcase-info{min-width: 0px;}
.c-velora .c-template-gallery .showcase-number{font-size: 10px; color: var(--blue); display: block; margin-bottom: 18px;}
.c-velora .c-template-gallery .showcase-info h2{font-size: clamp(29px, 2.6vw, 40px); line-height: 1.12; overflow-wrap: anywhere;}
.c-velora .c-template-gallery .showcase-meta{display: flex; align-items: center; flex-wrap: wrap; gap: 7px 14px; font-size: 10px; color: var(--muted); margin: 18px 0px;}
.c-velora .c-template-gallery .showcase-meta span + span{border-left: 1px solid var(--rule); padding-left: 14px;}
.c-velora .c-template-gallery .showcase-description{font-size: 12px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.75;}
.c-velora .c-template-gallery .showcase-tags{display: flex; gap: 8px; flex-wrap: wrap; margin: 22px 0px;}
.c-velora .c-template-gallery .showcase-tags span{font-size: 10px; padding: 5px 8px; border: 1px solid var(--rule);}
.c-velora .c-template-gallery .showcase-actions{display: flex; align-items: flex-start; flex-direction: column; gap: 8px; margin-top: 25px;}
.c-velora .c-template-gallery .showcase-actions .button{gap: 30px; font-size: 11px;}
.c-velora .c-template-gallery .showcase-pages{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px 18px; align-content: start; min-width: 0px;}
.c-velora .c-template-gallery .page-thumbnail{min-width: 0px;}
.c-velora .c-template-gallery .page-preview{width: 100%; display: block; padding: 0px; text-align: left;}
.c-velora .c-template-gallery .page-shot{display: block; position: relative; aspect-ratio: 2.05 / 1; background: var(--surface); overflow: hidden; border: 1px solid color-mix(in srgb,var(--rule),transparent 40%); border-radius: 5px; transition: box-shadow 0.35s, border-color 0.3s, translate 0.35s;}
.c-velora .c-template-gallery .page-shot-image{display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: center top; transform: translateY(0px); transition: transform 0.5s; will-change: auto;}
.c-velora .c-template-gallery .page-hover-label{position: absolute; bottom: 10px; left: 10px; display: inline-flex; align-items: center; gap: 15px; background: var(--bg); color: var(--ink); border-radius: 999px; padding: 8px 12px; font-size: 10px; opacity: 0; transition: opacity 0.25s; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.067) 0px 2px 12px;}
.c-velora .c-template-gallery .page-hover-label > span{color: var(--blue);}
.c-velora .c-template-gallery .page-caption{display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 10px; color: var(--muted); min-height: 36px; padding: 9px 1px 0px;}
.c-velora .c-template-gallery .page-caption > span:first-child{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.c-velora .c-template-gallery .page-caption > span:last-child{color: var(--blue);}
.c-velora .c-template-gallery .page-preview:focus-visible .page-shot{box-shadow: rgba(0, 0, 0, 0.133) 0px 12px 20px; border-color: var(--blue);}
.c-velora .c-template-gallery .page-preview:focus-visible .page-hover-label{opacity: 1;}
.c-velora .c-template-gallery .more-pages{background: var(--surface); border: 1px solid transparent; border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 18px; min-height: 130px; margin-bottom: 36px;}
.c-velora .c-template-gallery .more-pages:hover{border-color: var(--blue); background: var(--surface2);}
.c-velora .c-template-gallery .more-page-count{font-size: 37px; font-weight: 300; letter-spacing: -0.06em;}
.c-velora .c-template-gallery .more-pages > span:nth-child(2){font-size: 11px; color: var(--muted);}
.c-velora .c-template-gallery .more-page-arrow{color: var(--blue); font-size: 10px; margin-top: 10px;}
.c-velora .c-template-gallery .page-directory{border-top: 1px solid var(--rule); padding-top: 16px; margin-top: 25px;}
.c-velora .c-template-gallery .page-directory summary{font-size: 12px; cursor: pointer; min-height: 40px;}
.c-velora .c-template-gallery .page-directory-links{display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px;}
.c-velora .c-template-gallery .page-directory-links a{font-size: 11px; min-height: 40px; display: flex; align-items: center; border-bottom: 1px solid var(--rule); padding: 7px 0px; line-height: 1.45;}
.c-velora .c-template-gallery .page-directory-links a::after{content: "↗"; margin-left: auto; padding-left: 8px; color: var(--blue);}
@media (hover: hover) and (pointer: fine){.c-velora .c-template-gallery .page-preview:hover .page-shot{box-shadow: rgba(0, 0, 0, 0.133) 0px 14px 22px; translate: 0px -3px; border-color: var(--rule);}
.c-velora .c-template-gallery .page-preview:is(:hover, :focus-visible) .page-shot-image{transform: translateY(calc(-1 * var(--pan-distance,0px))); transition: transform 2.3s cubic-bezier(0.2, 0.55, 0.35, 1);}
.c-velora .c-template-gallery .page-preview:hover .page-hover-label{opacity: 1;}}
@media (max-width: 1100px){.c-velora .c-template-gallery .template-showcase{grid-template-columns: 220px minmax(0px, 1fr); gap: 28px;}
.c-velora .c-template-gallery .showcase-pages{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 14px;}
.c-velora .c-template-gallery .showcase-info h2{font-size: 30px;}

}
@media (max-width: 700px){.c-velora .c-template-gallery .template-showcase{display: block; padding: 30px 0px 38px;}
.c-velora .c-template-gallery .showcase-info{margin-bottom: 24px;}
.c-velora .c-template-gallery .showcase-info h2{font-size: 34px; max-width: 19ch;}
.c-velora .c-template-gallery .showcase-number{margin-bottom: 13px;}
.c-velora .c-template-gallery .showcase-meta{margin: 14px 0px;}
.c-velora .c-template-gallery .showcase-description{-webkit-line-clamp: 3; font-size: 12px; max-width: 45ch;}
.c-velora .c-template-gallery .showcase-tags{margin: 17px 0px; gap: 6px;}
.c-velora .c-template-gallery .showcase-actions{margin-top: 17px; flex-direction: row; align-items: center; gap: 22px;}
.c-velora .c-template-gallery .showcase-pages{gap: 18px 12px;}
.c-velora .c-template-gallery .page-shot{aspect-ratio: 1.6 / 1;}
.c-velora .c-template-gallery .page-caption{font-size: 10px; line-height: 1.4; padding-top: 8px; gap: 8px;}
.c-velora .c-template-gallery .page-hover-label{display: none;}
.c-velora .c-template-gallery .more-pages{min-height: 100px; padding: 12px; margin-bottom: 36px;}
.c-velora .c-template-gallery .more-page-count{font-size: 31px;}
.c-velora .c-template-gallery .more-page-arrow{font-size: 9px; text-align: center;}
.c-velora .c-template-gallery .page-directory-links{grid-template-columns: 1fr 1fr;}
.c-velora .c-template-gallery .page-gallery-bar{font-size: 10px;}
.c-velora .c-template-gallery .page-gallery-bar p{max-width: none;}
.c-velora .c-template-gallery .page-gallery-bar > a{margin-left: 0px;}
}
@media (prefers-reduced-motion: reduce){.c-velora .c-template-gallery .page-preview:is(:hover, :focus-visible) .page-shot-image{transform: none !important;}
.c-velora .c-template-gallery .page-preview:hover .page-shot{translate: none !important;}}
@media (max-width: 700px){.c-velora .c-template-gallery .template-showcase{display: flex; flex-direction: column; gap: 0px;}
.c-velora .c-template-gallery .showcase-info{display: contents;}
.c-velora .c-template-gallery .showcase-number{margin-bottom: 10px;}
.c-velora .c-template-gallery .showcase-info h2{margin-bottom: 0px;}
.c-velora .c-template-gallery .showcase-pages{order: 1; margin: 5px 0px 20px;}
.c-velora .c-template-gallery .showcase-description{order: 2;}
.c-velora .c-template-gallery .showcase-tags{order: 3; margin: 16px 0px;}
.c-velora .c-template-gallery .showcase-actions{order: 4; margin-top: 0px;}}
.c-velora .c-template-gallery .template-showcase{grid-template-rows: auto 1fr; row-gap: 0px;}
.c-velora .c-template-gallery .showcase-info{grid-area: 1 / 1;}
.c-velora .c-template-gallery .showcase-details{grid-area: 2 / 1; min-width: 0px;}
.c-velora .c-template-gallery .showcase-pages{grid-area: 1 / 2 / span 2;}
@media (max-width: 700px){.c-velora .c-template-gallery .showcase-info{display: block; order: 0; margin-bottom: 0px;}
.c-velora .c-template-gallery .showcase-details{order: 2;}
.c-velora .c-template-gallery .showcase-actions{margin-top: 0px;}}
.c-velora .c-template-gallery .gallery-filter-panel{position: sticky; top: 0px; z-index: 5; background: var(--bg); padding: 17px 0px 14px; border-bottom: 1px solid var(--rule);}
.c-velora .c-template-gallery .gallery-filters{display: flex; flex-wrap: wrap; gap: 8px;}
.c-velora .c-template-gallery .gallery-filter{display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--rule); border-radius: 999px; font-size: 11px; white-space: nowrap;}
.c-velora .c-template-gallery .gallery-filter:hover{border-color: var(--blue);}
.c-velora .c-template-gallery .gallery-filter[aria-pressed="true"]{background: var(--blue); border-color: var(--blue); color: var(--accent-ink);}
.c-velora .c-template-gallery .filter-count{font-size: 10px; opacity: 0.7; font-variant-numeric: tabular-nums;}
.c-velora .c-template-gallery .gallery-filter-result{font-size: 10px; color: var(--muted); margin-top: 12px;}
.c-velora .c-template-gallery .gallery-filter-empty{padding: 50px 0px;}
.c-velora .c-template-gallery .gallery-filter-empty h2{font-size: 32px;}
.c-velora .c-template-gallery .gallery-filter-empty p{font-size: 14px; color: var(--muted); margin: 15px 0px 25px;}
.c-velora .c-template-gallery .page-shot{--hover-scale: 1.4;}
@media (hover: hover) and (pointer: fine){.c-velora .c-template-gallery .page-preview:is(:hover, :focus-visible) .page-shot-image{transform-origin: center top; transform: translateY(calc(-1 * var(--pan-distance,0px))) scale(var(--hover-scale)); transition: transform 3.2s cubic-bezier(0.2, 0.55, 0.35, 1);}}
@media (max-width: 700px){.c-velora .c-template-gallery .gallery-filter-panel{position: static; padding: 15px 0px 12px;}
.c-velora .c-template-gallery .gallery-filters{gap: 7px;}
.c-velora .c-template-gallery .gallery-filter{font-size: 10px; gap: 8px; padding: 9px 11px;}
.c-velora .c-template-gallery .filter-count{font-size: 9px;}
.c-velora .c-template-gallery .gallery-filter-result{margin-top: 10px;}
.c-velora .c-template-gallery .page-shot{--hover-scale: 1;}}
@media (prefers-reduced-motion: reduce){.c-velora .c-template-gallery .page-preview:is(:hover, :focus-visible) .page-shot-image{transform: none !important;}}
.c-velora .c-template-gallery .gallery-intro{margin:0 auto 45px;padding-top:180px;min-height:0;display:block}
.c-velora .c-template-gallery .gallery-intro h1{font-size:clamp(46px,5.6vw,88px);max-width:13ch;line-height:1.06;letter-spacing:-.055em;font-weight:400}
.c-velora .c-template-gallery .gallery-experience{width:88%;max-width:1700px;margin:auto;min-height:350px}
.c-velora .c-template-gallery [data-gallery-content]{min-height:320px}
.c-velora .c-template-gallery .chapter-line{display:block;height:2px;width:100%;margin:25px 0}
.c-velora .c-template-gallery .gallery-filter-panel{top:0}
.c-velora .c-template-gallery .page-shot{--hover-scale:1}
.c-velora .c-template-gallery .page-shot-image,.c-velora .c-template-gallery .page-preview:is(:hover,:focus-visible) .page-shot-image{transform:none;transform-origin:top center}
.c-velora .c-template-gallery .scroll-preview-image{position:absolute;top:0;left:0;width:100%;max-width:100%;height:auto;opacity:0;pointer-events:none;transform:translateY(0);transition:transform .45s ease,opacity .2s ease}
.c-velora .c-template-gallery .page-shot.is-scrolling.has-long-preview .scroll-preview-image{opacity:1;transform:translateY(calc(-1 * var(--pan-distance,0px)));transition:transform var(--pan-duration,8s) linear,opacity .2s ease}
.c-velora .c-template-gallery .page-shot.is-scrolling.has-long-preview .page-shot-image{opacity:0}
.c-velora .c-template-gallery .page-shot.is-scrolling:not(.has-long-preview) .page-shot-image{transform:translateY(calc(-1 * var(--pan-distance,0px)));transition:transform var(--pan-duration,5s) linear}
.c-velora .c-template-gallery .showcase-actions .text-action{color:var(--blue)}
.c-velora .c-template-gallery .showcase-actions .save{min-height:44px}
.c-velora .c-template-gallery .gallery-intro-row{align-items:flex-end}
.c-velora .c-template-gallery dialog{position:fixed;inset:0;margin:auto}
.c-velora .c-template-gallery:has(dialog[open]){isolation:isolate}
body:has(.c-template-gallery dialog[open]){overflow:hidden}
.c-velora .c-template-gallery .gallery-intro h1{max-width:none;flex:1;min-width:0}
.c-velora .c-template-gallery .page-gallery-bar{border-top:0}
.c-velora .c-template-gallery .filter-count{opacity:1}
.c-velora .c-template-gallery img[data-preview-src]{visibility:hidden}
.c-velora .c-template-gallery .template-showcase{content-visibility:auto;contain-intrinsic-size:auto 620px}
@media(max-width:700px){.c-velora .c-template-gallery .gallery-intro{padding-top:145px;margin-bottom:30px}.c-velora .c-template-gallery .gallery-intro h1{font-size:clamp(43px,11vw,64px);line-height:1.08;max-width:13ch}.c-velora .c-template-gallery .gallery-intro-row{display:block}.c-velora .c-template-gallery .gallery-filter-panel{position:static}.c-velora .c-template-gallery .showcase-actions{flex-wrap:wrap}.c-velora .c-template-gallery .showcase-actions .text-action{flex:1 0 100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.c-velora .c-template-gallery .scroll-preview-image{display:none}.c-velora .c-template-gallery .page-shot.is-scrolling .page-shot-image{opacity:1;transform:none!important}}

@font-face{font-family:Manrope;src:url("/assets/immutable/53eaf49ce5b509afc027ef91c90ac1d9bd55797e82c6c15444d058fb71c3aabe.woff2") format('woff2');font-weight:200 800;font-display:swap}.c-velora{--max:1440px;--ease:cubic-bezier(.22,.68,0,1.01)}.c-velora *{box-sizing:border-box}html .c-velora {scroll-behavior:smooth}.c-velora{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.c-velora.menu-open{overflow:hidden}.c-velora a{color:inherit;text-decoration:none}.c-velora button,.c-velora input,.c-velora textarea,.c-velora select{font:inherit}.c-velora button,.c-velora a,.c-velora input,.c-velora select,.c-velora textarea{-webkit-tap-highlight-color:transparent}.c-velora button{color:inherit;background:none;border:0;cursor:pointer}.c-velora button:disabled{opacity:.4;cursor:default}.c-velora a:focus-visible,.c-velora button:focus-visible,.c-velora input:focus-visible,.c-velora textarea:focus-visible,.c-velora select:focus-visible,.c-velora summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:7px}.c-velora button{min-height:44px}.c-velora img{display:block;max-width:100%;object-fit:cover}.c-velora h1,.c-velora h2,.c-velora h3,.c-velora h4,.c-velora p{margin:0}.c-velora h1,.c-velora h2,.c-velora h3,.c-velora h4{font-weight:300;letter-spacing:-.052em}.c-velora p{max-width:43ch}.c-velora h1{font-size:clamp(44px,6vw,100px);line-height:1.07}.c-velora h2{font-size:clamp(38px,4.3vw,72px);line-height:1.1}.c-velora h3{font-size:clamp(27px,2.2vw,38px);line-height:1.22}.c-velora sup{font-size:.24em;letter-spacing:0;vertical-align:top;position:relative;top:.3em;margin-left:.4em;color:var(--color-muted)}.c-velora .wrap{width:70%;max-width:var(--max);margin-inline:auto}.c-velora .wide{width:83%;margin-left:0}.c-velora .eyebrow{font-size:17px;line-height:1.3;letter-spacing:-.025em}.c-velora .eyebrow:before{content:'/ ';color:var(--color-muted)}.c-velora .muted{color:var(--color-muted)}.c-velora .copy{font-size:clamp(18px,1.5vw,23px);line-height:1.5;letter-spacing:-.028em}.c-velora .small{font-size:13px;line-height:1.5}.c-velora .skip{position:fixed;left:24px;top:-100px;z-index:120;padding:12px;background:var(--color-text);color:var(--color-bg)}.c-velora .skip:focus{top:20px}.c-velora header{position:fixed;z-index:80;right:9.4%;top:7.8%;display:flex;align-items:center;gap:28px}.c-velora header .wordmark{font-size:26px;letter-spacing:-.07em;line-height:1;display:flex;align-items:center}.c-velora header .wordmark img{max-width:130px;max-height:32px;object-fit:contain}.c-velora header .wordmark span{display:block}.c-velora header .toggle{width:48px;height:44px;position:relative;font-size:0}.c-velora header .toggle i{display:block;position:absolute;left:3px;right:3px;top:18px;height:1px;background:var(--color-text);transition:transform .5s var(--ease),top .5s var(--ease)}.c-velora header .toggle i+ i{top:24px}.c-velora header .toggle[aria-expanded=true] i{top:21px;transform:rotate(45deg)}.c-velora header .toggle[aria-expanded=true] i+i{transform:rotate(-45deg)}.c-velora .menu{position:fixed;inset:0;z-index:70;background:#1e1e1e;overflow:auto;visibility:hidden;opacity:0;transform:translateY(-3%);transition:opacity .5s,transform .8s var(--ease),visibility .8s}.c-velora .menu.is-open{visibility:visible;opacity:1;transform:none}.c-velora .menu:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 12% 70%,#45454580,transparent 55%),radial-gradient(ellipse at 85% 20%,#101010,transparent 80%);pointer-events:none}.c-velora .menu-inner{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:23vh 0 8vh}.c-velora .menu-primary{display:flex;flex-wrap:wrap;gap:0 4.5%;font-size:clamp(48px,6vw,100px);line-height:1.28;font-weight:300;letter-spacing:-.055em}.c-velora .menu-primary a{transition:opacity .3s}.c-velora .menu-primary:has(a:hover) a:not(:hover){opacity:.3}.c-velora .menu-columns{display:grid;grid-template-columns:1.1fr 1.1fr .7fr .9fr;gap:35px;margin-top:18vh;color:#bcb8b3}.c-velora .menu-columns a{display:block;margin-bottom:6px}.c-velora .menu-columns p{font-size:12px;margin-top:15px}.c-velora .menu-columns a:hover{color:#fff}.c-velora .back{font-size:12px;letter-spacing:0;color:var(--color-muted)}.c-velora .hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.c-velora .hero-art{position:absolute;inset:0;z-index:0;pointer-events:none}.c-velora .hero-art img{width:100%;height:100%;filter:brightness(.6)}.c-velora .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 70%),linear-gradient(0deg,#0009,transparent 55%)}.c-velora .liquid{width:100%;height:100%;background:#202020}.c-velora .liquid svg{width:150%;height:130%;position:absolute;right:-15%;top:-12%;animation:breathe 24s ease-in-out infinite alternate}.c-velora .liquid:after{background:linear-gradient(0deg,#0003,transparent)}@keyframes breathe{0%{transform:rotate(-12deg) scale(1)}100%{transform:rotate(9deg) scale(1.1)}}.c-velora .hero-body{position:relative;padding-top:13vh;z-index:2}.c-velora .hero .eyebrow{margin-bottom:30px}.c-velora .hero h1{font-size:clamp(40px,4.55vw,80px);max-width:15ch;line-height:1.1}.c-velora .hero-index{position:absolute;left:8%;top:48%;font-size:16px;z-index:3}.c-velora .hero-controls{position:absolute;left:15%;bottom:9%;display:flex;gap:16px;align-items:center;z-index:4}.c-velora .hero-controls button{padding:12px 8px;position:relative}.c-velora .hero-controls button:before{content:'';position:absolute;inset:-13px;border-radius:50%;background:#fff0;transition:background .35s,transform .35s}.c-velora .hero-controls button:hover:before{background:#ffffff17;transform:scale(1.08)}.c-velora .hero-controls button span{position:relative}.c-velora .hero-controls .scroll-link{margin-left:65px;color:var(--color-muted);font-size:13px}.c-velora .slide-media{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease),transform 1.4s var(--ease);transform:scale(1.05)}.c-velora .slide-media.active{opacity:1;transform:scale(1)}.c-velora .slide-copy{animation:copyIn .8s var(--ease)}@keyframes copyIn{from{opacity:.2;transform:translateY(35px)}to{opacity:1;transform:none}}.c-velora .slide-status{position:absolute;bottom:25px;left:15%;font-size:11px;color:var(--color-muted)}.c-velora .page-head{padding:24vh 0 17vh}.c-velora .page-head .eyebrow{margin-bottom:45px}.c-velora .page-head h1{max-width:17ch}.c-velora .page-head.compact{padding-bottom:10vh}.c-velora .page-head.split{display:grid;grid-template-columns:1fr 2fr;gap:20px}.c-velora .page-head.split h1{font-size:clamp(42px,5vw,86px)}.c-velora .page-head.split .eyebrow{padding-top:7px}.c-velora .section{padding:140px 0}.c-velora .section .eyebrow{margin-bottom:35px}.c-velora .section h2{max-width:18ch}.c-velora .section .copy{margin-top:35px}.c-velora .intro{min-height:850px;position:relative;display:flex;align-items:center}.c-velora .intro .copy{max-width:29ch}.c-velora .orbit{position:absolute;width:240px;height:240px;right:22%;top:47%;animation:orbit 35s linear infinite;color:#9d9a94}.c-velora .orbit svg{width:100%;height:100%}@keyframes orbit{to{transform:rotate(360deg)}}.c-velora .two-col{display:grid;grid-template-columns:1fr 2fr;gap:50px}.c-velora .two-col .copy{max-width:35ch}.c-velora .two-col h2{max-width:16ch}.c-velora .section-image{position:relative;overflow:hidden;min-height:550px}.c-velora .section-image img{width:100%;height:100%;position:absolute;inset:0}.c-velora .section-image .image-copy{position:relative;min-height:700px;display:flex;flex-direction:column;justify-content:center;padding:12%;background:linear-gradient(90deg,#0009,transparent)}.c-velora .section-image h2{max-width:13ch;font-size:clamp(46px,6vw,95px)}.c-velora .section-image p{margin-top:35px;max-width:31ch}.c-velora .text-link{display:inline-flex;gap:30px;align-items:center;font-size:17px;margin-top:40px;min-height:44px}.c-velora .text-link .arrow{display:inline-block;transition:transform .4s}.c-velora .text-link:hover .arrow{transform:translateX(15px)}.c-velora .services{margin-top:70px}.c-velora .service-row{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--color-border);padding:38px 0;align-items:start}.c-velora .service-row h3{font-size:clamp(30px,3.2vw,52px)}.c-velora .service-row p{font-size:16px;color:var(--color-muted)}.c-velora .service-row:hover h3{color:var(--color-accent)}.c-velora .service-row .number{font-size:12px;color:var(--color-muted);margin-left:14px}.c-velora .recognition{position:relative}.c-velora .sculpture{height:450px;width:330px;position:relative;perspective:800px}.c-velora .sculpture .monolith{width:135px;height:320px;position:absolute;left:70px;top:30px;background:linear-gradient(145deg,#5b5b5b,#090909 65%);transform:rotate(-19deg) rotateY(-25deg);box-shadow:20px 20px 0 #101010;animation:rock 10s ease-in-out infinite alternate}.c-velora .monolith:after{content:'V';font-size:110px;font-weight:400;position:absolute;left:25px;top:140px;color:var(--color-accent);text-shadow:4px 4px #4a392d}@keyframes rock{to{transform:rotate(-10deg) rotateY(15deg)}}.c-velora .recognition .copy{margin-top:35px}.c-velora .story-list{margin-top:75px}.c-velora .story-row{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding:45px 0;border-top:1px solid var(--color-border);align-items:center}.c-velora .story-row img{width:100%;aspect-ratio:1.5;transition:transform 1s var(--ease)}.c-velora .story-row .image-wrap{overflow:hidden}.c-velora .story-row:hover img{transform:scale(1.04)}.c-velora .story-row h3{margin:15px 0}.c-velora .story-row .small{color:var(--color-muted);margin-top:20px}.c-velora .story-row:nth-child(even){grid-template-columns:1fr 1.4fr}.c-velora .story-row:nth-child(even) .image-wrap{order:-1}.c-velora .footer{padding:150px 0 40px;background:var(--color-bg);position:relative;overflow:hidden}.c-velora .footer:before{content:'';position:absolute;inset:20% -20% -60%;background:radial-gradient(ellipse,#57463777,transparent 68%);pointer-events:none}.c-velora .footer .wrap{position:relative}.c-velora .talk{font-weight:300;font-size:clamp(80px,11vw,180px);line-height:1;letter-spacing:-.06em;display:block;margin-bottom:110px}.c-velora .talk:hover{color:var(--color-accent)}.c-velora .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;font-size:13px}.c-velora .footer-grid a{display:block;margin-bottom:5px}.c-velora .footer-grid p{margin-top:20px;color:var(--color-muted)}.c-velora .footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--color-border);padding-top:25px;margin-top:80px;font-size:11px;color:var(--color-muted)}.c-velora .footer-bottom a{margin-left:18px}.c-velora .demo-notice{font-size:11px;color:var(--color-muted);margin-top:25px}.c-velora .surface-page{background:var(--color-surface)}.c-velora .works-area{position:relative;padding-bottom:100px}.c-velora .filters{position:sticky;top:130px;width:14%;float:left;padding-left:3%;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.c-velora .filters button{font-size:14px;color:var(--color-muted);text-align:left;min-height:28px;padding:3px 0}.c-velora .filters button[aria-pressed=true]{color:var(--color-text)}.c-velora .work-list{width:75%;margin-left:20%;padding-right:5%}.c-velora .work-row{display:grid;grid-template-columns:1fr 1.5fr .55fr;gap:4%;border-top:1px solid var(--color-border);padding:37px 0;position:relative}.c-velora .work-row[hidden]{display:none}.c-velora .work-row h2{font-size:27px;line-height:1.2;letter-spacing:-.03em}.c-velora .work-row h2 span{display:block;color:var(--color-muted);margin-bottom:5px}.c-velora .work-row .tags{font-size:13px;color:var(--color-muted)}.c-velora .work-row .work-thumb{display:none}.c-velora .work-row:hover h2{color:var(--color-accent)}.c-velora .work-count{font-size:12px;color:var(--color-muted);margin-bottom:25px}.c-velora .hover-preview{position:fixed;pointer-events:none;z-index:50;width:340px;aspect-ratio:1.4;opacity:0;transform:scale(.95);transition:opacity .3s,transform .5s;box-shadow:0 25px 80px #0005;overflow:hidden}.c-velora .hover-preview.visible{opacity:1;transform:scale(1)}.c-velora .hover-preview img{width:100%;height:100%}.c-velora .case-head{min-height:100svh}.c-velora .case-head h1{font-size:clamp(46px,6vw,96px);max-width:13ch}.c-velora .project-tags{display:flex;gap:20px;font-size:13px;flex-wrap:wrap;margin-top:35px}.c-velora .case-summary{padding:150px 0}.c-velora .case-summary .copy{font-size:clamp(22px,2vw,32px);max-width:34ch}.c-velora .case-wide{width:100%;padding:100px 10%;background:#ddd8cd;color:#151515}.c-velora .browser-mock{background:#fbf8f2;color:#1c2822;box-shadow:0 30px 80px #0002;overflow:hidden}.c-velora .browser-bar{height:30px;background:#ddd9d1;display:flex;gap:5px;align-items:center;padding-left:15px}.c-velora .browser-bar i{width:6px;height:6px;border-radius:50%;background:#aaa69e}.c-velora .mock-top{display:flex;justify-content:space-between;padding:20px 30px;font-size:13px}.c-velora .mock-image{position:relative;height:500px}.c-velora .mock-image img{width:100%;height:100%}.c-velora .mock-image div{position:absolute;left:8%;top:24%;font-size:clamp(30px,4vw,60px);font-weight:300;letter-spacing:-.05em;color:#fff;max-width:11ch;text-shadow:0 2px 30px #0008}.c-velora .mock-bottom{padding:45px;font-size:24px}.c-velora .gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:120px 10%;background:#151515}.c-velora .gallery figure{margin:0}.c-velora .gallery img{width:100%;aspect-ratio:1.1}.c-velora .gallery figcaption{margin-top:15px;color:var(--color-muted);font-size:12px}.c-velora .gallery figure:nth-child(2){margin-top:110px}.c-velora .phone-stage{padding:130px 8%;display:flex;justify-content:center;gap:6%;background:#d6e0de;color:#14222b;overflow:hidden}.c-velora .phone{width:260px;min-width:0;aspect-ratio:.5;border:9px solid #171b1e;border-radius:40px;padding:26px 18px;background:#f8faf7;box-shadow:10px 20px 45px #0002;position:relative}.c-velora .phone:nth-child(2){transform:translateY(65px)}.c-velora .phone:before{content:'';position:absolute;top:8px;left:35%;width:30%;height:12px;border-radius:12px;background:#171b1e}.c-velora .phone h3{font-size:24px;font-weight:500;margin-top:25px}.c-velora .phone p{font-size:11px;margin:15px 0;color:#48606a}.c-velora .phone img{width:100%;aspect-ratio:1.1;border-radius:8px}.c-velora .phone .pill{background:#c9dfd7;border-radius:15px;padding:10px;font-size:11px;margin-top:15px}.c-velora .next-project{position:relative;min-height:650px;display:flex;align-items:center}.c-velora .next-project img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.4)}.c-velora .next-project .wrap{position:relative}.c-velora .next-project h2{margin-top:30px;max-width:15ch}.c-velora .article-head{padding:24vh 0 12vh}.c-velora .article-head h1{max-width:15ch}.c-velora .article-head .eyebrow{margin-bottom:45px}.c-velora .article-meta{margin-top:35px;font-size:13px;color:var(--color-muted)}.c-velora .article-hero{width:83%;max-height:800px;aspect-ratio:1.65;object-fit:cover}.c-velora .article-body{max-width:740px;width:60%;margin:100px auto;font-size:20px;line-height:1.65}.c-velora .article-body h2{font-size:40px;line-height:1.2;margin:70px 0 28px}.c-velora .article-body p{max-width:none;margin:25px 0}.c-velora .article-body blockquote{margin:60px 0;padding:25px 0 25px 35px;border-left:1px solid var(--color-accent);font-size:32px;line-height:1.3;font-weight:300;letter-spacing:-.035em}.c-velora .faq{margin-top:55px}.c-velora .faq details{border-top:1px solid var(--color-border)}.c-velora .faq summary{padding:25px 50px 25px 0;list-style:none;cursor:pointer;position:relative;font-size:clamp(20px,2vw,28px);font-weight:300;letter-spacing:-.025em;min-height:70px}.c-velora .faq summary::-webkit-details-marker{display:none}.c-velora .faq summary:after{content:'+';position:absolute;right:12px;top:22px;font-size:28px}.c-velora .faq details[open] summary:after{content:'−'}.c-velora .faq details>div{padding:10px 8% 35px 0;color:var(--color-muted);font-size:18px;max-width:60ch}.c-velora .inquiry-types a{display:flex;justify-content:space-between;font-size:clamp(27px,3.4vw,52px);font-weight:300;letter-spacing:-.04em;padding:35px 0;border-top:1px solid var(--color-border)}.c-velora .inquiry-types a:hover{color:var(--color-accent)}.c-velora .year-group{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:40px 0;border-top:1px solid var(--color-border)}.c-velora .year-group h2{font-size:24px}.c-velora .ledger-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:20px;padding:15px 0;font-size:15px}.c-velora .ledger-row span:last-child{color:var(--color-muted)}.c-velora .brand-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:90px 0;background:var(--color-border)}.c-velora .brand-cloud span{padding:45px 20px;text-align:center;font-size:24px;letter-spacing:-.055em;background:var(--color-bg)}.c-velora .brand-cloud span:nth-child(3n){font-family:Georgia,serif;font-style:italic}.c-velora .brand-cloud span:nth-child(4n){font-size:18px;letter-spacing:.12em;text-transform:uppercase}.c-velora .brand-year{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;color:var(--color-muted)}.c-velora .values{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:75px}.c-velora .values p{font-size:17px;color:var(--color-muted);margin-top:20px}.c-velora .sitemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.c-velora .sitemap-grid h2{font-size:28px;margin-bottom:25px}.c-velora .sitemap-grid a{display:block;font-size:18px;line-height:1.8;color:var(--color-muted)}.c-velora .sitemap-grid a:hover{color:var(--color-text)}.c-velora .form-page{min-height:100svh;background:var(--color-surface);position:relative;padding:160px 8% 70px}.c-velora .form-back{position:absolute;left:6%;top:8%;z-index:5;font-size:14px}.c-velora .form-shell{width:650px;max-width:100%;margin:5vh auto 0}.c-velora .form-shell h1{font-size:42px;max-width:16ch}.c-velora .form-shell .copy{font-size:17px;margin-top:30px;max-width:52ch}.c-velora .form-shell button.primary{display:inline-flex;align-items:center;gap:30px;padding:16px 28px;background:var(--color-accent);color:var(--color-accent-text);margin-top:35px;font-size:18px}.c-velora .form-step{display:none}.c-velora .form-step.active{display:block;animation:copyIn .5s}.c-velora .form-step label{font-size:32px;font-weight:300;line-height:1.3;display:block;margin:30px 0}.c-velora .form-step input,.c-velora .form-step textarea,.c-velora .form-step select{width:100%;background:transparent;color:var(--color-text);border:0;border-bottom:1px solid var(--color-muted);padding:16px 0;font-size:24px;border-radius:0}.c-velora .form-step textarea{min-height:130px}.c-velora .form-step select option{background:#242424}.c-velora .form-error{color:#ffbcaa;min-height:28px;font-size:14px;margin-top:15px}.c-velora .form-progress{color:var(--color-muted);font-size:13px;margin-bottom:25px}.c-velora .form-actions{display:flex;align-items:center;gap:25px}.c-velora .form-actions .secondary{margin-top:35px;min-height:55px}.c-velora .form-demo{font-size:12px;color:var(--color-muted);margin-top:50px}.c-velora .route-cover{position:fixed;inset:0;z-index:100;background:#1d1d1d;transform:translateY(100%);pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:25px;color:#ddd;transition:transform .55s var(--ease)}.c-velora .route-cover.covering{transform:none}.c-velora .route-cover.arriving{transform:translateY(-100%);transition-duration:.8s}.c-velora .opening{animation:copyIn 1.1s var(--ease)}.c-velora .reveal{transition:opacity 1s var(--ease),transform 1.1s var(--ease)}.c-velora .reveal.pending{opacity:.22;transform:translateY(40px)}.c-velora .scroll-cue{position:absolute;bottom:10%;left:15%;font-size:15px;z-index:3}.c-velora .home-hero .hero-body{padding-top:20vh}.c-velora .home-hero h1{max-width:24ch}.c-velora .case-head h1{font-size:clamp(44px,4.55vw,80px);max-width:17ch}.c-velora .work-row h2{font-weight:400}.c-velora .form-step h2{font-size:42px}.c-velora .awards-head h1{position:relative;z-index:1;max-width:12ch}.c-velora .awards-head .sculpture{z-index:0}
@media(min-width:1700px){.c-velora .wrap{max-width:1250px}.c-velora header{right:calc((100vw - 1450px)/2)}}
@media(max-width:1024px){.c-velora header{right:7%;top:45px}.c-velora .wrap{width:80%}.c-velora .hero-controls{left:10%}.c-velora .hero-index{left:4%}.c-velora .hero h1{font-size:5.8vw}.c-velora .page-head{padding-top:190px}.c-velora .menu-inner{padding-top:190px}.c-velora .menu-primary{font-size:8vw}.c-velora .menu-columns{gap:25px;margin-top:100px}.c-velora .section{padding:100px 0}.c-velora .intro{min-height:700px}.c-velora .orbit{right:12%;width:170px;height:170px}.c-velora .wide{width:92%}.c-velora .hover-preview{display:none}.c-velora .work-row{grid-template-columns:.3fr 1.5fr .6fr}.c-velora .filters{padding-left:4%;width:18%}.c-velora .work-list{width:78%}.c-velora .work-row .work-thumb{display:block;grid-column:2/4;width:100%;aspect-ratio:1.8;margin-top:20px}.c-velora .article-body{width:75%}.c-velora .brand-cloud{grid-template-columns:repeat(3,1fr)}.c-velora .footer-grid{gap:20px}.c-velora .two-col{gap:25px}.c-velora .phone{width:230px}.c-velora .scroll-cue{left:10%}}
@media(max-width:700px){.c-velora{font-size:15px}.c-velora .wrap{width:84%}.c-velora header{top:27px;right:7%;gap:17px}.c-velora header .wordmark{font-size:23px}.c-velora .eyebrow{font-size:14px}.c-velora h1{font-size:44px;line-height:1.1}.c-velora h2{font-size:36px}.c-velora h3{font-size:28px}.c-velora .copy{font-size:18px}.c-velora .hero{min-height:100svh}.c-velora .hero-body{padding-top:18vh}.c-velora .hero h1{font-size:40px;max-width:13ch;letter-spacing:-.055em}.c-velora .hero .eyebrow{margin-bottom:25px}.c-velora .hero-index{top:38%;left:8%;font-size:12px}.c-velora .hero-body .eyebrow{padding-top:20px}.c-velora .hero-controls{left:7%;bottom:11%;gap:10px}.c-velora .hero-controls .scroll-link{margin-left:28px;font-size:11px}.c-velora .hero-art img{object-position:60% center}.c-velora .liquid svg{width:240%;right:-75%}.c-velora .slide-status{left:8%}.c-velora .page-head{padding:170px 0 85px}.c-velora .page-head .eyebrow{margin-bottom:35px}.c-velora .page-head h1{max-width:15ch}.c-velora .page-head.split{grid-template-columns:1fr;gap:25px}.c-velora .page-head.split h1{font-size:42px}.c-velora .page-head.split .eyebrow{margin:0}.c-velora .section{padding:80px 0}.c-velora .intro{min-height:660px;align-items:flex-start;padding-top:90px}.c-velora .intro .copy{max-width:25ch}.c-velora .orbit{top:auto;bottom:25px;right:15%;width:140px;height:140px}.c-velora .two-col{grid-template-columns:1fr;gap:35px}.c-velora .two-col h2{max-width:16ch}.c-velora .service-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.c-velora .service-row h3{font-size:32px}.c-velora .service-row p{font-size:15px;max-width:40ch}.c-velora .section-image{min-height:500px}.c-velora .section-image .image-copy{min-height:550px;padding:10%}.c-velora .section-image h2{font-size:46px}.c-velora .section-image p{font-size:17px}.c-velora .wide{width:92%}.c-velora .story-row,.c-velora .story-row:nth-child(even){grid-template-columns:1fr;gap:30px;padding:35px 0}.c-velora .story-row:nth-child(even) .image-wrap{order:0}.c-velora .story-row .copy{margin-top:20px}.c-velora .story-list{margin-top:45px}.c-velora .menu-inner{padding:150px 0 60px;justify-content:flex-start}.c-velora .menu-primary{font-size:46px;line-height:1.4;display:flex;flex-direction:column;align-items:flex-start}.c-velora .menu-primary sup{font-size:12px;top:12px}.c-velora .menu-columns{grid-template-columns:1fr 1fr;margin-top:55px;gap:25px;font-size:13px}.c-velora .menu-columns .location{display:none}.c-velora .menu-columns p{font-size:11px}.c-velora .footer{padding:95px 0 35px}.c-velora .talk{font-size:84px;margin-bottom:70px}.c-velora .footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.c-velora .footer-bottom{margin-top:50px;flex-direction:column}.c-velora .footer-bottom a{margin:0 15px 0 0}.c-velora .filters{position:static;float:none;width:84%;margin:0 auto 40px;padding:0;flex-direction:row;flex-wrap:wrap;gap:10px 18px}.c-velora .filters button{font-size:13px;min-height:36px}.c-velora .work-list{width:84%;margin:0 auto;padding:0}.c-velora .work-row{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.c-velora .work-row h2{font-size:24px}.c-velora .work-row .tags{grid-column:2;font-size:12px;margin-top:5px}.c-velora .work-row .work-thumb{grid-column:1/3;aspect-ratio:1.4;margin-top:20px}.c-velora .case-head h1{font-size:44px}.c-velora .project-tags{gap:10px;font-size:11px}.c-velora .case-summary{padding:80px 0}.c-velora .case-summary .copy{font-size:22px}.c-velora .case-wide{padding:60px 5%}.c-velora .mock-top{padding:15px;font-size:11px}.c-velora .mock-image{height:350px}.c-velora .mock-image div{font-size:36px;top:20%}.c-velora .mock-bottom{padding:25px;font-size:18px}.c-velora .gallery{padding:65px 8%;grid-template-columns:1fr;gap:40px}.c-velora .gallery figure:nth-child(2){margin:0}.c-velora .phone-stage{padding:80px 6%;gap:5%;justify-content:space-between}.c-velora .phone{border-width:5px;border-radius:22px;width:48%;padding:22px 10px}.c-velora .phone:nth-child(3){display:none}.c-velora .phone:nth-child(2){transform:translateY(30px)}.c-velora .phone h3{font-size:18px}.c-velora .phone p{font-size:10px;margin-top:10px}.c-velora .phone .pill{font-size:9px;padding:8px}.c-velora .next-project{min-height:550px}.c-velora .article-head{padding:170px 0 70px}.c-velora .article-head h1{font-size:42px}.c-velora .article-hero{width:92%;aspect-ratio:1.2}.c-velora .article-body{width:84%;font-size:18px;margin:70px auto}.c-velora .article-body h2{font-size:32px}.c-velora .article-body blockquote{font-size:26px;padding-left:20px}.c-velora .faq summary{font-size:22px;padding:24px 35px 24px 0}.c-velora .faq details>div{font-size:16px;max-width:100%;padding-right:0}.c-velora .inquiry-types a{font-size:30px;padding:25px 0}.c-velora .year-group{grid-template-columns:1fr;gap:20px}.c-velora .ledger-row{grid-template-columns:1fr 1fr;font-size:13px;gap:10px}.c-velora .ledger-row span:last-child{grid-column:2}.c-velora .brand-cloud{grid-template-columns:1fr 1fr;margin:50px 0}.c-velora .brand-cloud span{padding:30px 10px;font-size:21px}.c-velora .brand-year{grid-template-columns:1fr 1fr;gap:15px;font-size:14px}.c-velora .values{grid-template-columns:1fr;gap:40px}.c-velora .sitemap-grid{grid-template-columns:1fr;gap:50px}.c-velora .sculpture{height:370px;width:260px;margin:0 auto}.c-velora .form-page{padding:140px 8% 60px}.c-velora .form-back{left:8%;top:42px}.c-velora .form-shell{margin-top:5vh}.c-velora .form-shell h1{font-size:35px}.c-velora .form-step label{font-size:28px}.c-velora .form-step input,.c-velora .form-step textarea,.c-velora .form-step select{font-size:21px}.c-velora .form-shell button.primary{font-size:16px;padding:14px 22px}.c-velora .form-shell .copy{font-size:16px}.c-velora .scroll-cue{left:8%}}
@media(max-width:350px){.c-velora h1,.c-velora .hero h1{font-size:35px}.c-velora .hero-index{top:34%}.c-velora .hero-controls .scroll-link{margin-left:8px}.c-velora .menu-primary{font-size:40px}.c-velora .talk{font-size:70px}.c-velora .footer-grid{font-size:12px}.c-velora .phone h3{font-size:15px}}
@media(max-width:700px){.c-velora .awards-head .sculpture{position:relative!important;right:auto!important;top:auto!important;height:360px;margin-top:45px}.c-velora .awards-head{padding-bottom:40px}}
@media(max-width:700px){.c-velora h1,.c-velora .hero h1,.c-velora .case-head h1,.c-velora .page-head.split h1,.c-velora .article-head h1{font-size:30px;line-height:1.3;letter-spacing:-.04em}.c-velora .home-hero h1{max-width:24ch}.c-velora .form-shell h1{font-size:30px}.c-velora .page-head h1{max-width:21ch}}
@media(prefers-reduced-motion:reduce){html .c-velora {scroll-behavior:auto}.c-velora *,.c-velora *:before,.c-velora *:after{animation:none!important;transition:none!important}.c-velora .reveal.pending{opacity:1;transform:none}.c-velora .route-cover{display:none}.c-velora .slide-media{transform:none}}html[data-ambient-motion=off] .c-velora {scroll-behavior:auto}html[data-ambient-motion=off] .c-velora *,html[data-ambient-motion=off] .c-velora *:before,html[data-ambient-motion=off] .c-velora *:after{animation:none!important;transition:none!important}html[data-ambient-motion=off] .c-velora .reveal.pending{opacity:1;transform:none}html[data-ambient-motion=off] .c-velora .route-cover{display:none}

.c-velora{font-size:16px;line-height:1.5;--color-accent-text:var(--color-bg)}
.c-velora .section{background:transparent;padding-block:130px}.c-velora .wrap{width:70%;max-width:1440px;margin-inline:auto}.c-velora .chapter-line{display:block;width:100%;height:2px;color:var(--color-accent);margin-bottom:38px;overflow:visible}.c-velora .hero-body .chapter-line{max-width:180px;margin-bottom:30px}.c-velora .hero-body .copy{font-size:20px;margin-top:30px;max-width:39ch;color:var(--color-text)}.c-velora .hero-body>.text-link{margin-top:20px}.c-velora .hero-body{padding:140px 0 145px;position:relative;z-index:2}.c-velora .hero-body h1{max-width:11ch}.c-velora .home-hero[data-slide]:not([data-slide="0"]) h1{max-width:10ch;font-size:clamp(44px,5vw,82px)}.c-velora .home-hero[data-slide]:not([data-slide="0"]) .hero-body>.copy{max-width:32ch}.c-velora .project-art{background:var(--color-surface)}.c-velora .project-art img{position:absolute;right:4%;top:25%;width:49%;height:52%;object-fit:contain;background:var(--color-text);padding:24px;opacity:.85}.c-velora .hero-index{top:20%;left:7%}.c-velora header{right:8.5%;top:5%;gap:20px}.c-velora .wordmark{background:transparent;padding:0;min-height:44px}.c-velora header .wordmark img{width:95px;max-height:34px;height:auto}.c-velora .slide-copy:hover{opacity:.85}.c-velora .hero-controls{left:15%;bottom:7%;font-size:14px;gap:20px}.c-velora .hero-controls button{padding:10px}.c-velora .hero-controls .scroll-link{margin-left:30px}.c-velora .page-head{padding:230px 0 115px;min-height:65vh}.c-velora .page-head .chapter-line{margin:35px 0}.c-velora .page-head h1{max-width:14ch}.c-velora .page-head .copy{margin-top:36px;color:var(--color-muted)}.c-velora .two-col{display:grid;grid-template-columns:1fr 2fr;gap:60px}.c-velora .two-col h2{margin-bottom:32px}.c-velora .two-col .copy{color:var(--color-muted)}.c-velora .story-list{margin-top:90px}.c-velora .story-row{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;margin-block:110px;align-items:center}.c-velora .story-row:nth-child(even){grid-template-columns:1fr 1.45fr}.c-velora .story-row:nth-child(even) .project-plate{order:2}.c-velora .story-row h3{font-size:clamp(32px,3vw,50px);margin:24px 0}.c-velora .story-row .small{font-size:17px;color:var(--color-muted)}.c-velora .project-plate{background:var(--color-text);padding:6%;border:1px solid var(--color-border)}.c-velora .project-plate img{width:100%;height:auto;object-fit:contain}.c-velora .project-plate.large{margin:80px 0 0;width:120%;margin-left:-10%;padding:7%;color:var(--color-bg)}.c-velora .project-plate figcaption{font-size:13px;margin-top:26px}.c-velora .services{margin-top:65px}.c-velora .service-row{display:grid;grid-template-columns:1.4fr 1fr 20px;gap:40px;padding:38px 0;border-top:1px solid var(--color-border);align-items:center}.c-velora .service-row .number{font-size:13px;margin-left:12px;color:var(--color-muted)}.c-velora .service-row p{font-size:17px;color:var(--color-muted)}.c-velora .service-row:hover h3{color:var(--color-accent)}.c-velora .price-display{font-weight:200;font-size:clamp(100px,15vw,220px);letter-spacing:-.07em;line-height:1.1;margin:70px 0 20px}.c-velora .price-display span{display:block;font-size:14px;letter-spacing:0;color:var(--color-muted);margin-top:20px}.c-velora .process-list{list-style:none;margin:80px 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.c-velora .process-list li{border-top:1px solid var(--color-border);padding-top:26px}.c-velora .process-list h3{margin:28px 0 20px}.c-velora .process-list p{color:var(--color-muted)}.c-velora .text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--color-border);padding:12px 0;font-size:16px;min-height:44px}.c-velora .founders{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:90px}.c-velora .founders figure{margin:0}.c-velora .founders img{width:100%;aspect-ratio:4/5;object-fit:cover}.c-velora .founders figcaption{padding-top:25px}.c-velora .founders p{color:var(--color-muted)}.c-velora .footer{padding:90px 0 30px;background:var(--color-surface)}.c-velora .talk{display:block;font-size:clamp(80px,13vw,180px);font-weight:200;letter-spacing:-.075em;line-height:1.1;margin-bottom:110px}.c-velora .footer-grid{display:grid;grid-template-columns:1.3fr 1.3fr .9fr 1fr;gap:35px}.c-velora .footer-grid a{display:block;min-height:32px}.c-velora .footer-grid p{font-size:14px;margin:20px 0}.c-velora .footer-grid .eyebrow{font-size:14px}.c-velora .footer-bottom{margin-top:80px;padding-top:20px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-muted);display:flex;justify-content:space-between}.c-velora .footer-bottom a{padding:10px 0}.c-velora .menu .arrow{display:none}.c-velora .menu-columns a{min-height:32px}.c-velora .inquiry-list{margin-top:80px}.c-velora .inquiry-list>a{border-top:1px solid var(--color-border);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.c-velora .inquiry-list h3{font-size:clamp(24px,3.2vw,50px)}.c-velora .resource-list{margin-top:60px}.c-velora .resource-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding:40px 0;font-size:clamp(28px,3vw,48px);font-weight:300;letter-spacing:-.04em}.c-velora .sitemap-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px;text-transform:capitalize}.c-velora .sitemap-list a{padding:10px 0}.c-velora .legal-copy{max-width:75ch;margin:auto}.c-velora .legal-copy h2{font-size:30px;margin-bottom:35px}.c-velora .legal-copy .copy{font-size:17px;max-width:none;margin-bottom:26px;line-height:1.7;overflow-wrap:anywhere}.c-velora .filters{display:flex;flex-wrap:wrap;gap:25px;margin:60px 0 25px}.c-velora .filters button{padding:10px 0;color:var(--color-muted)}.c-velora .filters [aria-pressed="true"]{color:var(--color-text);border-bottom:1px solid var(--color-text)}.c-velora .work-count{font-size:13px;color:var(--color-muted);margin:20px 0 40px}.c-velora .work-row{display:flex;padding:40px 0;justify-content:space-between;border-top:1px solid var(--color-border);align-items:center;gap:30px}.c-velora .work-row h2{font-size:clamp(38px,5vw,75px)}.c-velora .work-row p{margin-top:18px;color:var(--color-muted)}.c-velora .work-row[hidden]{display:none}.c-velora .inline-work{display:none}.c-velora .hover-preview{background:var(--color-text);padding:15px;width:330px;max-height:260px;z-index:60}.c-velora .hover-preview img{height:auto;max-height:230px;object-fit:contain}
html[data-ambient-motion="off"] .c-velora *,html[data-ambient-motion-policy="off"] .c-velora *{animation:none!important;transition:none!important}.c-velora .route-cover{pointer-events:none}
@media(max-width:1024px){.c-velora .inline-work{display:block;width:27%;height:auto;object-fit:contain;background:var(--color-text);padding:10px}.c-velora .work-row h2{font-size:38px}.c-velora .wrap{width:82%}.c-velora .hero-controls{left:9%}.c-velora .footer-grid{grid-template-columns:1fr 1fr;gap:40px}.c-velora .service-row{gap:25px}.c-velora .page-head{padding-top:190px}}
@media(max-width:600px){.c-velora .wrap{width:86%}.c-velora header{top:25px;right:6%;gap:12px}.c-velora header .wordmark img{width:76px}.c-velora header .toggle{width:40px}.c-velora .hero-index{left:7%;top:125px;font-size:12px}.c-velora .hero-body{padding:185px 0 145px}.c-velora .hero-body h1{font-size:clamp(42px,11.5vw,63px);max-width:11ch}.c-velora .hero-body .copy{font-size:16px;margin-top:26px;max-width:29ch}.c-velora .hero-body .chapter-line{max-width:90px;margin-bottom:26px}.c-velora .hero-controls{left:7%;bottom:40px;gap:13px;font-size:12px}.c-velora .hero-controls .scroll-link{margin-left:16px}.c-velora .home-hero[data-slide]:not([data-slide="0"]) .hero-body{padding:160px 0 220px}.c-velora .home-hero[data-slide]:not([data-slide="0"]) h1{font-size:43px}.c-velora .home-hero[data-slide]:not([data-slide="0"]) .hero-body>.copy,.c-velora .home-hero[data-slide]:not([data-slide="0"]) .hero-body>.text-link{display:none}.c-velora .project-art img{right:7%;top:auto;bottom:100px;width:70%;height:25%;padding:12px;opacity:1}.c-velora .page-head{padding:170px 0 75px;min-height:65vh}.c-velora h1{font-size:clamp(43px,11vw,64px)}.c-velora h2{font-size:clamp(34px,9vw,50px)}.c-velora .copy{font-size:18px}.c-velora .section{padding-block:72px}.c-velora .two-col{grid-template-columns:1fr;gap:30px}.c-velora .two-col h2{margin-bottom:24px}.c-velora .chapter-line{margin-bottom:30px}.c-velora .story-list{margin-top:55px}.c-velora .story-row,.c-velora .story-row:nth-child(even){grid-template-columns:1fr;gap:30px;margin-block:60px}.c-velora .story-row:nth-child(even) .project-plate{order:0}.c-velora .story-row h3{margin:18px 0}.c-velora .story-row .text-link{margin-top:18px}.c-velora .service-row{grid-template-columns:1fr 20px;gap:16px;padding:30px 0}.c-velora .service-row h3{font-size:27px}.c-velora .service-row p{grid-column:1;grid-row:2;font-size:15px}.c-velora .service-row>span{grid-column:2;grid-row:1}.c-velora .price-display{font-size:110px;margin-top:40px}.c-velora .process-list{grid-template-columns:1fr;gap:36px;margin-top:45px}.c-velora .process-list h3{margin:15px 0}.c-velora .project-plate.large{width:100%;margin-left:0;margin-top:45px;padding:5%}.c-velora .founders{gap:35px;grid-template-columns:1fr;margin-top:50px}.c-velora .footer{padding-top:60px}.c-velora .talk{font-size:88px;margin-bottom:65px}.c-velora .footer-grid{gap:35px 25px;font-size:13px}.c-velora .footer-grid>div{grid-column:1/-1}.c-velora .footer-grid p{font-size:13px}.c-velora .footer-grid a{min-height:34px}.c-velora .footer-bottom{margin-top:40px;display:block;font-size:11px}.c-velora .footer-bottom a{display:block;padding-top:18px}.c-velora .menu-inner{padding:140px 0 70px}.c-velora .menu-primary{font-size:52px;display:block}.c-velora .menu-primary a{display:block;min-height:62px}.c-velora .menu-columns{grid-template-columns:1fr 1fr;gap:22px;margin-top:45px;font-size:13px}.c-velora .menu-columns p{margin-top:8px}.c-velora .inquiry-list>a{flex-direction:column;align-items:start;gap:20px}.c-velora .inquiry-list>a>span:last-child{align-self:end;margin-top:-55px}.c-velora .inquiry-list h3{font-size:27px}.c-velora .resource-row{font-size:29px;gap:20px}.c-velora .sitemap-list{grid-template-columns:1fr}.c-velora .filters{gap:15px;font-size:13px}.c-velora .work-row{display:block;padding:30px 0}.c-velora .inline-work{width:100%;max-height:240px;margin-bottom:28px;padding:22px}.c-velora .work-row h2{font-size:37px}.c-velora .work-row>span{display:block;margin-top:20px}.c-velora .legal-copy .copy{font-size:16px}.c-velora .legal-copy h2{font-size:27px}}

.c-velora .route-cover:not(.covering):not(.arriving){visibility:hidden}.c-velora .hero-body h1{max-width:14ch}.c-velora .case-opening{min-height:100svh;padding-top:200px}.c-velora .case-preview{width:115%;margin-left:-7.5%;margin-top:55px;padding:5%;max-height:55vh}.c-velora .case-preview img{max-height:45vh;object-fit:contain}.c-velora .case-opening h1{font-size:clamp(50px,6vw,90px)}
@media(max-width:600px){.c-velora .hero-body h1{max-width:11ch}.c-velora .case-opening{padding-top:155px}.c-velora .case-preview{width:100%;margin-left:0;max-height:none;padding:5%;margin-top:40px}.c-velora .case-preview img{max-height:none}.c-velora .case-opening h1{font-size:44px}}
@media(max-width:600px){.c-velora .hero-body h1{max-width:none;font-size:42px}}
.c-velora .legal-section{border-top:1px solid #aaa7a344;margin-top:28px;padding-top:16px}.c-velora .legal-section summary{font-size:20px;line-height:1.5;cursor:pointer;padding:14px 0;min-height:48px;scroll-margin-top:120px}.c-velora .legal-section[open] summary{margin-bottom:20px}.c-velora .legal-section .copy{margin-bottom:24px}.c-velora .legal-copy .copy{max-width:70ch}.c-velora .legal-section:last-child{border-bottom:1px solid #aaa7a344;padding-bottom:28px}
@media(max-width:600px){.c-velora .legal-section summary{font-size:18px}}

/* Homepage: original Velora editorial relationships */
.c-velora:has(.home-refined){background:#030303}
.c-velora .home-refined .home-hero .hero-body{padding-top:9vh}
.c-velora .home-refined .home-hero h1{font-size:clamp(48px,6vw,96px);max-width:16ch;font-weight:300}
.c-velora .home-refined .hero-art.editorial-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);object-position:60% center}
.c-velora .home-refined .hero-art.editorial-art:after{background:linear-gradient(90deg,#0006,transparent 75%),linear-gradient(0deg,#0006,transparent 55%)}
.c-velora .home-refined .hero-controls{left:15%;bottom:7%;gap:20px}
.c-velora .home-refined .home-introduction{padding-block:160px 190px}
.c-velora .home-refined .home-introduction .two-col{grid-template-columns:1fr 2.5fr;gap:70px}
.c-velora .home-refined .home-introduction h2{font-size:clamp(52px,6.1vw,98px);max-width:15ch;margin-bottom:45px}
.c-velora .home-refined .home-introduction .copy{font-size:20px;max-width:37ch;margin-bottom:28px}
.c-velora .home-refined .home-introduction .text-link{margin-top:12px}
.c-velora .home-refined .home-mood{position:relative;min-height:620px;width:83%;display:flex;align-items:center;overflow:hidden}
.c-velora .home-refined .mood-photo{position:absolute;inset:0}
.c-velora .home-refined .mood-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(.58)}
.c-velora .home-refined .mood-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 85%)}
.c-velora .home-refined .mood-copy{position:relative;margin-left:18%;width:65%;padding-block:100px}
.c-velora .home-refined .mood-copy h2{font-size:clamp(48px,5.3vw,82px);max-width:15ch;margin:28px 0}
.c-velora .home-refined .mood-copy .copy{font-size:18px;max-width:33ch}
.c-velora .home-refined .mood-copy .text-link{margin-top:28px}
.c-velora .home-refined .home-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:70px}
.c-velora .home-refined .home-project-row,.c-velora .home-refined .home-project-row:nth-child(even){display:block;margin:0;padding:28px 0 0;border-top:1px solid var(--color-border)}
.c-velora .home-refined .home-project-row .project-plate{padding:6%;margin-bottom:24px;aspect-ratio:1.8;display:flex;align-items:center}
.c-velora .home-refined .home-project-row .eyebrow{font-size:12px}
.c-velora .home-refined .home-project-row h3{font-size:25px;letter-spacing:-.04em;margin:14px 0}
.c-velora .home-refined .home-project-row .small{font-size:12px;color:var(--color-muted)}
.c-velora .home-refined .home-expertise{padding-top:160px}
.c-velora .home-refined .home-expertise .two-col{grid-template-columns:1fr 2fr;gap:75px}
.c-velora .home-refined .home-expertise h2{max-width:17ch;font-size:clamp(42px,4.4vw,72px)}
.c-velora .home-refined .home-expertise .copy{font-size:19px;max-width:42ch}
.c-velora .home-refined .home-expertise .services{margin-top:85px}
.c-velora .home-refined .home-expertise .service-row{grid-template-columns:1.4fr 1fr 15px;padding:29px 0;gap:40px}
.c-velora .home-refined .home-expertise .service-row h3{font-size:28px;font-weight:300}
.c-velora .home-refined .home-expertise .service-row p{font-size:14px}
.c-velora .home-refined .home-price{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;align-items:center;padding-block:100px 160px}
.c-velora .home-refined .price-sculpture{width:100%;aspect-ratio:.85;overflow:hidden}
.c-velora .home-refined .price-sculpture img{width:100%;height:100%;object-fit:cover;object-position:78% center}
.c-velora .home-refined .price-copy h2{font-size:clamp(42px,4.1vw,64px);margin:28px 0 32px;max-width:15ch}
.c-velora .home-refined .price-copy .copy{font-size:18px;max-width:37ch}
.c-velora .home-refined .price-copy .text-link{margin-top:32px}
.c-velora .home-refined .home-stories{padding-top:60px}
.c-velora .home-refined .home-stories .two-col{grid-template-columns:1fr 2fr;gap:60px}
.c-velora .home-refined .home-stories .two-col h2{font-size:clamp(40px,4.2vw,68px)}
.c-velora .home-refined .home-stories .two-col .copy{font-size:18px;max-width:38ch}
.c-velora .home-refined .home-story-list{margin-top:95px}
.c-velora .home-refined .home-story-row{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding:45px 0;border-top:1px solid var(--color-border);align-items:center}
.c-velora .home-refined .home-story-row:nth-child(even){grid-template-columns:1fr 1.1fr}
.c-velora .home-refined .home-story-row:nth-child(even) .home-story-image{order:-1}
.c-velora .home-refined .home-story-copy h3{font-size:clamp(32px,3.3vw,52px);line-height:1.18;margin:22px 0}
.c-velora .home-refined .home-story-copy .small{font-size:16px;color:var(--color-muted);line-height:1.6;max-width:37ch}
.c-velora .home-refined .home-story-copy .text-link{font-size:13px;margin-top:25px}
.c-velora .home-refined .home-story-image{aspect-ratio:.9;overflow:hidden}
.c-velora .home-refined .home-story-image img{width:100%;height:100%;object-fit:cover;object-position:60% center;transition:transform 1s var(--ease)}
.c-velora .home-refined .home-story-row:hover img{transform:scale(1.035)}
.c-velora:has(.home-refined) .footer{position:relative;background:#030303;padding-top:150px;overflow:hidden}
.c-velora:has(.home-refined) .footer:before{content:'';position:absolute;inset:20% -20% -60%;background:radial-gradient(ellipse,#57463766,transparent 68%);pointer-events:none}
.c-velora:has(.home-refined) .footer>.wrap{position:relative}
.c-velora:has(.home-refined) .talk{font-weight:300;font-size:clamp(80px,11vw,180px);margin-bottom:110px}
@media(max-width:900px){
 .c-velora .home-refined .home-projects{gap:22px}.c-velora .home-refined .home-project-row h3{font-size:21px}
 .c-velora .home-refined .home-introduction .two-col{gap:35px}.c-velora .home-refined .home-price{gap:8%}
 .c-velora .home-refined .home-story-row{gap:8%}
}
@media(max-width:600px){
 .c-velora .home-refined .home-hero .hero-body{padding:175px 0 140px}
 .c-velora .home-refined .home-hero h1,.c-velora .home-refined .home-hero[data-slide]:not([data-slide="0"]) h1{font-size:clamp(43px,11.5vw,64px);max-width:13ch}
 .c-velora .home-refined .home-hero[data-slide]:not([data-slide="0"]) .hero-body{padding:175px 0 140px}
 .c-velora .home-refined .hero-art.editorial-art img{object-position:64% center}
 .c-velora .home-refined .hero-controls{left:7%;bottom:40px;gap:13px;font-size:12px}
 .c-velora .home-refined .home-introduction{padding-block:95px 110px}
 .c-velora .home-refined .home-introduction .two-col{grid-template-columns:1fr;gap:30px}
 .c-velora .home-refined .home-introduction h2{font-size:48px;max-width:13ch;margin-bottom:32px}
 .c-velora .home-refined .home-introduction .copy{font-size:17px;margin-bottom:24px}
 .c-velora .home-refined .home-mood{width:100%;min-height:560px}
 .c-velora .home-refined .mood-copy{width:86%;margin-left:7%;padding-block:80px}
 .c-velora .home-refined .mood-copy h2{font-size:43px;max-width:12ch}
 .c-velora .home-refined .mood-copy .copy{font-size:16px;max-width:29ch}
 .c-velora .home-refined .mood-photo img{object-position:65% center;filter:brightness(.5)}
 .c-velora .home-refined .home-projects{display:block;margin-top:50px}
 .c-velora .home-refined .home-project-row,.c-velora .home-refined .home-project-row:nth-child(even){display:grid;grid-template-columns:1fr 1.1fr;gap:20px;padding:24px 0;align-items:center}
 .c-velora .home-refined .home-project-row .project-plate{margin:0;aspect-ratio:auto}
 .c-velora .home-refined .home-project-row h3{font-size:22px;margin:12px 0}
 .c-velora .home-refined .home-project-row .eyebrow{font-size:10px}
 .c-velora .home-refined .home-project-row .small{font-size:11px}
 .c-velora .home-refined .home-expertise{padding-top:105px}
 .c-velora .home-refined .home-expertise .two-col{grid-template-columns:1fr;gap:30px}
 .c-velora .home-refined .home-expertise h2{font-size:39px;max-width:16ch}
 .c-velora .home-refined .home-expertise .copy{font-size:17px}
 .c-velora .home-refined .home-expertise .services{margin-top:55px}
 .c-velora .home-refined .home-expertise .service-row{grid-template-columns:1fr 15px;gap:15px;padding:26px 0}
 .c-velora .home-refined .home-expertise .service-row h3{font-size:25px}
 .c-velora .home-refined .home-expertise .service-row p{font-size:14px}
 .c-velora .home-refined .home-price{grid-template-columns:1fr;gap:35px;padding-block:65px 105px}
 .c-velora .home-refined .price-sculpture{aspect-ratio:1.25;width:82%;margin-inline:auto}
 .c-velora .home-refined .price-copy h2{font-size:40px}
 .c-velora .home-refined .price-copy .copy{font-size:17px}
 .c-velora .home-refined .home-stories{padding-top:25px}
 .c-velora .home-refined .home-stories .two-col{grid-template-columns:1fr;gap:30px}
 .c-velora .home-refined .home-stories .two-col h2{font-size:39px}
 .c-velora .home-refined .home-stories .two-col .copy{font-size:17px}
 .c-velora .home-refined .home-story-list{margin-top:55px}
 .c-velora .home-refined .home-story-row,.c-velora .home-refined .home-story-row:nth-child(even){grid-template-columns:1fr;gap:28px;padding:35px 0}
 .c-velora .home-refined .home-story-image,.c-velora .home-refined .home-story-row:nth-child(even) .home-story-image{order:-1;aspect-ratio:1.35}
 .c-velora .home-refined .home-story-copy h3{font-size:34px;margin:18px 0}
 .c-velora .home-refined .home-story-copy .small{font-size:15px}
 .c-velora:has(.home-refined) .footer{padding-top:95px}
 .c-velora:has(.home-refined) .talk{font-size:88px;margin-bottom:65px}
}
@media(prefers-reduced-motion:reduce){.c-velora .home-refined .home-story-image img{transition:none}}

/* Homepage: service and harness positioning */
.c-velora .home-refined .hero-action{display:inline-block;margin-top:30px;font-size:15px;line-height:1.6;border-bottom:1px solid #a6a29a;padding-bottom:7px;letter-spacing:0}
.c-velora .home-refined .home-harness{padding-block:100px 130px;border-top:1px solid var(--color-border);scroll-margin-top:110px}
.c-velora .home-refined .home-harness h2{font-size:clamp(42px,5.5vw,80px);line-height:1.06;letter-spacing:-.05em;margin:0 0 32px;font-weight:400}
.c-velora .home-refined .harness-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:75px 0 55px;padding:0;list-style:none}
.c-velora .home-refined .harness-flow li{border-top:1px solid var(--color-border);padding-top:24px}
.c-velora .home-refined .harness-flow h3{font-size:24px;line-height:1.3;font-weight:400;margin:24px 0 14px;letter-spacing:-.025em}
.c-velora .home-refined .harness-flow p,.c-velora .home-refined .harness-release p{font-size:16px;line-height:1.7;color:var(--color-muted);max-width:58ch;margin:0}
.c-velora .home-refined .harness-release{display:flex;align-items:center;justify-content:space-between;gap:55px;border-top:1px solid var(--color-border);padding-top:35px}
.c-velora .home-refined .release-status{display:block;color:#dfded9;font-size:13px;letter-spacing:.01em;margin-bottom:15px}
.c-velora .home-refined .harness-release .text-link{flex-shrink:0}
@media(max-width:700px){
 .c-velora .home-refined .hero-action{font-size:13px;margin-top:22px}
 .c-velora .home-refined .home-harness{padding-block:65px 90px}
 .c-velora .home-refined .home-harness .two-col{grid-template-columns:1fr;gap:30px}
 .c-velora .home-refined .home-harness h2{font-size:39px}
 .c-velora .home-refined .home-harness .copy{font-size:17px}
 .c-velora .home-refined .harness-flow{grid-template-columns:1fr;gap:30px;margin:45px 0}
 .c-velora .home-refined .harness-flow h3{margin-top:15px}
 .c-velora .home-refined .harness-release{display:block;padding-top:30px}
 .c-velora .home-refined .harness-release .text-link{margin-top:25px}
}


/* Live template collection */
.c-velora .template-head{padding-top:180px;padding-bottom:60px}.c-velora .template-head .eyebrow{margin-bottom:28px}.c-velora .template-head h1{max-width:12ch;font-size:clamp(44px,5vw,80px)}.c-velora .template-head .copy{margin-top:25px;max-width:38ch}.c-velora .template-head-note{display:flex;gap:30px;margin-top:25px;font-size:13px;color:var(--color-muted)}
.c-velora .template-library{width:84%;max-width:1600px;margin:auto;padding:0 0 100px;scroll-margin-top:130px}.c-velora .template-library-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.c-velora .template-library-intro p{max-width:52ch;color:var(--color-muted);font-size:15px}.c-velora .template-library h2{font-size:24px;letter-spacing:-.035em}.c-velora .template-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr .9fr auto;gap:18px;padding:24px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;align-items:end}.c-velora .template-controls label{font-size:12px;color:var(--color-muted);min-width:0}.c-velora .template-controls input,.c-velora .template-controls select{display:block;width:100%;min-width:0;margin-top:8px;min-height:48px;background:#1c1e20;border:1px solid #ffffff25;border-radius:0;padding:10px 12px;color:#fff;font-size:14px;color-scheme:dark}.c-velora .template-controls input::placeholder{color:#999}.c-velora .template-controls button{font-size:13px;border-bottom:1px solid #3068ff;padding:10px 0;white-space:nowrap}.c-velora .template-collection-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 36px;font-size:12px;color:var(--color-muted)}.c-velora .template-collection-meta>div{display:flex;align-items:center;gap:20px}.c-velora .template-collection-meta button{font-size:12px;color:#fff}.c-velora .template-count{font-size:15px;color:#fff}
.c-velora .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 26px}.c-velora .template-card{min-width:0}.c-velora .template-preview{display:block;position:relative;aspect-ratio:1.45;background:#222428;overflow:hidden;border:1px solid #ffffff18}.c-velora .template-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.c-velora .template-preview-action{position:absolute;bottom:12px;left:12px;background:#111d;color:white;padding:8px 12px;font-size:11px}.c-velora .template-preview:hover .template-preview-action{background:#3068ff}.c-velora .template-image-fallback{height:100%;display:flex;align-items:center;justify-content:center;padding:35px;text-align:center;font-size:14px;color:#bbb}.c-velora .template-image-fallback[hidden],.c-velora .template-preview img[hidden]{display:none}.c-velora .template-card-top{display:flex;justify-content:space-between;gap:16px;color:var(--color-muted);font-size:11px;margin:22px 0 12px}.c-velora .template-card h3{font-size:clamp(23px,2vw,31px);font-weight:400;letter-spacing:-.035em}.c-velora .template-description{font-size:13px;color:var(--color-muted);margin-top:14px;max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;min-height:66px}.c-velora .template-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.c-velora .template-tags span{font-size:10px;border:1px solid #ffffff22;padding:4px 9px;color:#ccc}.c-velora .template-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #ffffff25;padding-top:12px;font-size:12px}.c-velora .template-actions a{display:flex;align-items:center;min-height:44px}.c-velora .template-actions a:last-child{color:#9ab8ff}.c-velora .template-empty{padding:70px 0}.c-velora .template-empty[hidden]{display:none}.c-velora .template-empty p{margin:20px 0}.c-velora .template-empty button{text-decoration:underline}
@media(max-width:1100px){.c-velora .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c-velora .template-controls{grid-template-columns:1fr 1fr 1fr}.c-velora .template-controls label:first-child{grid-column:1/-1}.c-velora .template-controls button{justify-self:start}.c-velora .template-library-intro{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.c-velora .template-head{padding-bottom:55px}.c-velora .template-head .copy{font-size:18px}.c-velora .template-head-note{gap:18px;flex-wrap:wrap}.c-velora .template-controls{grid-template-columns:1fr 1fr;gap:16px 12px}.c-velora .template-controls select{font-size:12px}.c-velora .template-collection-meta{align-items:flex-start}.c-velora .template-collection-meta>div{align-items:flex-end;flex-direction:column;gap:5px;text-align:right;max-width:60%}.c-velora .template-grid{grid-template-columns:1fr;gap:50px}.c-velora .template-card h3{font-size:27px}.c-velora .template-description{min-height:0}.c-velora .template-head h1{font-size:52px}.c-velora .template-actions{font-size:13px}}

/* Shared light/dark palette. Brand blue stays concentrated in small details. */
html:root{color-scheme:dark;--vitris-blue:#2b76d0;--color-bg:#030303;--color-text:#f5f3ef;--color-muted:#aaa7a3;--color-accent:#79b4f5;--color-accent-text:#030303;--color-surface:#1b1b1b;--color-surface-2:#242424;--color-border:#494744;--color-focus:#79b4f5;--theme-panel:#111111ed;--theme-glow:#2b76d018}
html[data-theme="light"]{color-scheme:light;--color-bg:#f7f5f0;--color-text:#202429;--color-muted:#62676e;--color-accent:#2467b6;--color-accent-text:#fff;--color-surface:#eeece6;--color-surface-2:#e7e5df;--color-border:#cccac4;--color-focus:#2467b6;--theme-panel:#f7f5f0ed;--theme-glow:#2b76d00c}
.c-velora:has(.home-refined),.c-velora:has(.home-refined) .footer{background:var(--color-bg)}
.c-velora .footer:before,.c-velora:has(.home-refined) .footer:before{background:radial-gradient(ellipse,var(--theme-glow),transparent 68%)}
.c-velora .menu-appearance{display:flex;align-items:center;gap:14px;align-self:flex-start;margin-top:36px;color:var(--color-muted);font-size:14px}
.c-velora .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;min-height:44px;padding:0}
.c-velora .theme-track{display:block;width:48px;height:28px;border:1px solid var(--color-muted);border-radius:999px;background:var(--color-surface-2);padding:3px;transition:background-color .2s,border-color .2s}
.c-velora .theme-thumb{display:block;width:20px;height:20px;border-radius:50%;background:var(--color-text);transform:translateX(0);transition:transform .2s}
.c-velora .theme-toggle[aria-checked="true"] .theme-track{background:var(--vitris-blue);border-color:var(--vitris-blue)}
.c-velora .theme-toggle[aria-checked="true"] .theme-thumb{background:#fff;transform:translateX(20px)}
.c-velora .theme-toggle:hover .theme-track{border-color:var(--color-accent)}
@media(prefers-reduced-motion:reduce){.c-velora .theme-track,.c-velora .theme-thumb{transition:none}}
.c-velora .menu,.c-velora .route-cover{background:var(--color-surface);color:var(--color-text)}
.c-velora .menu:before{background:radial-gradient(ellipse at 12% 70%,var(--theme-glow),transparent 55%)}
.c-velora .menu-columns{color:var(--color-muted)}
.c-velora .menu-columns a:hover{color:var(--color-accent)}
.c-velora .arrow,.c-velora .eyebrow:before,.c-velora .service-row>span:last-child{color:var(--color-accent)}
.c-velora .chapter-line{color:var(--color-border)}
.c-velora .hero-body .chapter-line{color:#79b4f5}
.c-velora .text-link:hover,.c-velora .footer-grid a:hover{color:var(--color-accent)}
.c-velora .filters [aria-pressed="true"]{color:var(--color-accent);border-color:var(--color-accent)}
.c-velora .home-refined .release-status{color:var(--color-accent)}
.c-velora .home-hero,.c-velora .home-mood,.c-velora .section-image,.c-velora .next-project{color:#f5f3ef;--color-text:#f5f3ef;--color-muted:#d5d9de;--color-accent:#79b4f5;--color-focus:#79b4f5}
.c-velora .project-plate{background:#f5f3ef;color:#202429}
.c-velora .project-plate.large{color:#202429}
.c-velora .legal-section{border-color:var(--color-border)}
.c-velora .template-controls,.c-velora .template-actions,.c-velora .template-tags span{border-color:var(--color-border)}
.c-velora .template-controls input,.c-velora .template-controls select{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);color-scheme:inherit}
.c-velora .template-controls input::placeholder{color:var(--color-muted)}
.c-velora .template-controls button{border-color:var(--color-accent)}
.c-velora .template-collection-meta button,.c-velora .template-count{color:var(--color-text)}
.c-velora .template-preview{background:var(--color-surface);border-color:var(--color-border)}
.c-velora .template-preview:hover .template-preview-action{background:#2467b6}
.c-velora .template-image-fallback,.c-velora .template-tags span{color:var(--color-muted)}
.c-velora .template-actions a:last-child{color:var(--color-accent)}

/* Harness-enabled agency process */
.process-page{--process-blue:var(--color-accent,#8cb2ff);--process-rule:var(--color-border,#3b3d43);--process-muted:var(--color-muted,#b8b8b8)}
html[data-theme="light"] .process-page .process-lead,html[data-theme="light"] .process-page .copy,html[data-theme="light"] .process-page .process-review-note,html[data-theme="light"] .process-page .process-price span,html[data-theme="light"] .process-page .process-price-note,html[data-theme="light"] .process-page .process-change-list li{color:var(--color-muted)}
html[data-theme="light"] .process-page .process-hero-art{background:#030303;padding:12px;border-radius:2px}html[data-theme="light"] .process-page .process-hero-art figcaption{color:#b9c8e1}
html[data-theme="light"] .process-page .process-faq details,html[data-theme="light"] .process-page .process-roadmap a,html[data-theme="light"] .process-page .process-benefits li,html[data-theme="light"] .process-page .process-check-list li,html[data-theme="light"] .process-page .process-change-list li{border-color:var(--color-border)}
.process-page section{scroll-margin-top:125px}.process-page .eyebrow{color:var(--process-muted)}
.process-page .process-hero{padding-top:160px;padding-bottom:100px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:3vw;position:relative}
.process-page h1{font-size:clamp(58px,6.2vw,104px);line-height:1.03;letter-spacing:-.065em;margin:28px 0;max-width:750px}.process-page h1 span{color:var(--process-blue)}
.process-page h2{font-size:clamp(38px,4.9vw,76px);line-height:1.06;letter-spacing:-.055em;margin:0 0 28px}.process-page h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:300}
.process-page .process-lead{font-size:clamp(20px,1.7vw,25px);line-height:1.5;max-width:36ch;color:#ccc}.process-page .copy{max-width:49ch;color:#b8b8b8;font-size:18px;line-height:1.65}
.process-page .process-actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:34px}.process-page .process-actions a,.process-page .process-inline{font-size:15px;border-bottom:1px solid #65666b;padding:12px 0;display:inline-block}.process-page a:focus-visible,.process-page summary:focus-visible{outline:2px solid var(--process-blue);outline-offset:6px}.process-page .process-actions a:hover,.process-page .process-inline:hover{color:var(--process-blue);border-color:var(--process-blue)}
.process-page .process-hero-art{margin:0;position:relative}.process-page .process-hero-art img{width:100%;height:auto;aspect-ratio:1.3/1;object-fit:contain;background:#030303;display:block}.process-page .process-hero-art figcaption{font-size:12px;color:#b4b4b4;letter-spacing:.06em;margin-top:18px;display:flex;justify-content:space-between;gap:12px}.process-page .process-orbit{position:absolute;bottom:10%;left:2%;width:85%;height:42%;color:#5c83d0;opacity:1;pointer-events:none}
.process-page .process-partners{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--process-rule);padding-top:24px;margin-top:18px;font-size:13px;color:var(--process-muted)}.process-page .process-partners span:last-child{color:var(--process-blue)}
.process-page .process-model{padding:90px 0 100px}.process-page .process-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.process-page .process-model .eyebrow{margin-bottom:30px}.process-page .process-benefits{list-style:none;padding:0;margin:65px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;border-top:1px solid var(--process-rule)}.process-page .process-benefits li{padding-top:25px}.process-page .process-benefits p{font-size:15px;line-height:1.6;color:var(--process-muted);max-width:31ch}.process-page .process-benefits h3{margin:12px 0 15px}
.process-page .process-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:90px}.process-page .process-roadmap a{padding:20px 0;border-top:1px solid #505258;display:flex;justify-content:space-between;gap:18px;font-size:17px}.process-page .process-roadmap small{color:var(--process-blue);font-size:12px}.process-page .process-roadmap a:hover{border-color:var(--process-blue);color:var(--process-blue)}
.process-page .process-chapter{padding:90px 0 100px;border-top:1px solid var(--process-rule)}.process-page .process-chapter-head{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:start;margin-bottom:45px}.process-page .process-step-no{font-size:80px;line-height:1;color:var(--process-blue);font-weight:200;letter-spacing:-.08em}.process-page .process-step-no small{display:block;font-size:12px;color:var(--process-muted);letter-spacing:.09em;margin:18px 0 0;text-transform:uppercase}.process-page .process-chapter-head h2{margin:0;max-width:15ch}
.process-page .process-split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.process-page .process-split.reverse .process-figure{order:2}.process-page .process-figure{margin:0;min-width:0}.process-page .process-figure img{width:100%;display:block;aspect-ratio:1.15/1;object-fit:cover}.process-page .process-figure figcaption{padding-top:16px;font-size:12px;color:var(--process-muted);line-height:1.5}.process-page .process-body .process-inline{margin-top:15px}.process-page .process-change-list{list-style:none;padding:0;margin:24px 0 0}.process-page .process-change-list li{padding:13px 0;border-bottom:1px solid #37393f;font-size:15px;color:#ddd}.process-page .process-change-list li::before{content:'↗';margin-right:18px;color:var(--process-blue)}
.process-page .process-assembly-frame{padding:50px 8% 30px;background:linear-gradient(140deg,#111820,#030303 78%);min-width:0}.process-page .process-assembly{height:320px;position:relative;margin:0 0 28px}.process-page .build-layer{position:absolute;width:80%;height:130px;left:10%;border:1px solid #6a9bea;transform:skewY(-11deg);background:linear-gradient(115deg,rgba(37,76,131,.75),rgba(6,17,37,.9));box-shadow:0 20px 45px #0008}.process-page .build-layer:nth-child(1){top:150px}.process-page .build-layer:nth-child(2){top:90px;background:linear-gradient(115deg,#2a5e9dcc,#071d35e6)}.process-page .build-layer:nth-child(3){top:30px;background:linear-gradient(115deg,#7ca5d755,#183a6ec9)}.process-page .build-layer::after{content:'';position:absolute;inset:20%;border:1px solid #719dc855}.process-page .assembly-labels{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;font-size:12px;color:#b9c8e1}.process-page .assembly-labels li::before{content:'—';color:#8cb2ff;margin-right:7px}
.process-page .process-check-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:45px}.process-page .process-checks{position:relative;margin:15px 0 0}.process-page .process-check-connector{width:100%;height:25px;display:block;color:#8cb2ff;margin-bottom:15px}.process-page .process-check-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3vw}.process-page .process-check-list li{padding-top:18px}.process-page .process-check-list span{font-size:12px;color:var(--process-blue)}.process-page .process-check-list h3{font-size:23px;margin:22px 0 14px}.process-page .process-check-list p{font-size:15px;line-height:1.6;color:var(--process-muted)}.process-page .process-review-note{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--process-rule);padding-top:25px;margin-top:40px;font-size:14px;color:#c3c3c3}.process-page .process-review-note strong{font-weight:400;color:var(--process-blue)}
.process-page .process-value{padding:100px 0 110px}.process-page .process-value-line{width:100%;height:4px;color:#5e89e8;display:block;margin:0 0 65px}.process-page .process-value-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.process-page .process-value .eyebrow{margin-bottom:26px}.process-page .process-price{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-top:35px}.process-page .process-price strong{font-size:clamp(72px,7vw,110px);letter-spacing:-.075em;font-weight:300;color:var(--process-blue);line-height:1}.process-page .process-price span{font-size:13px;color:#b8b8b8;max-width:18ch;line-height:1.5}.process-page .process-price-note{font-size:14px;color:#b8b8b8;max-width:42ch;line-height:1.6}
.process-page .process-next{border-top:1px solid var(--process-rule);padding:90px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process-page .process-faq{min-width:0}.process-page .process-faq details{border-top:1px solid #45464b}.process-page .process-faq details:last-child{border-bottom:1px solid #45464b}.process-page .process-faq summary{list-style:none;cursor:pointer;padding:24px 35px 24px 0;position:relative;font-size:19px;line-height:1.4}.process-page .process-faq summary::-webkit-details-marker{display:none}.process-page .process-faq summary::after{content:'+';position:absolute;right:4px;top:21px;color:var(--process-blue);font-size:25px}.process-page .process-faq details[open] summary::after{content:'−'}.process-page .process-faq p{font-size:16px;line-height:1.65;color:var(--process-muted);margin:0 0 24px;max-width:48ch}
@media(min-width:1600px){.process-page .process-hero{gap:5vw}.process-page .process-assembly{height:360px}}
@media(max-width:1024px){.process-page .process-hero{padding-top:145px;grid-template-columns:1fr 1fr;gap:20px}.process-page h1{font-size:clamp(50px,7.5vw,76px)}.process-page h2{font-size:48px}.process-page .process-assembly{height:260px}.process-page .build-layer{height:100px}.process-page .build-layer:nth-child(1){top:130px}.process-page .build-layer:nth-child(2){top:75px}.process-page .build-layer:nth-child(3){top:20px}.process-page .process-chapter-head{grid-template-columns:1fr 2fr;gap:5vw}.process-page .process-check-list{grid-template-columns:repeat(2,1fr);gap:28px}.process-page .process-check-connector{height:18px}}
@media(max-width:700px){.process-page .process-hero{padding-top:135px;padding-bottom:65px;grid-template-columns:1fr;gap:30px}.process-page h1{font-size:clamp(51px,14.3vw,72px);margin:24px 0;max-width:11ch}.process-page h2{font-size:clamp(37px,10.3vw,50px)}.process-page .process-lead{font-size:20px}.process-page .copy{font-size:17px}.process-page .process-hero-art{margin:5px -10px 0}.process-page .process-hero-art img{aspect-ratio:3/2}.process-page .process-partners{font-size:11px;flex-wrap:wrap;gap:12px 22px;margin-top:4px}.process-page .process-model{padding:40px 0 55px}.process-page .process-model-grid,.process-page .process-split,.process-page .process-check-intro,.process-page .process-value-grid,.process-page .process-next{grid-template-columns:1fr;gap:35px}.process-page .process-benefits{grid-template-columns:1fr;gap:10px;margin-top:35px}.process-page .process-benefits li{padding:18px 0 14px;border-bottom:1px solid #35373e}.process-page .process-benefits h3{font-size:25px;margin:6px 0 10px}.process-page .process-benefits p{max-width:40ch}.process-page .process-roadmap{grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:55px}.process-page .process-roadmap a{font-size:16px;padding:15px 0}.process-page .process-chapter{padding:55px 0 65px}.process-page .process-chapter-head{grid-template-columns:65px 1fr;gap:22px;margin-bottom:32px}.process-page .process-step-no{font-size:55px}.process-page .process-step-no small{font-size:9px;letter-spacing:.03em}.process-page .process-chapter-head h2{font-size:36px;max-width:15ch}.process-page .process-split.reverse .process-figure{order:0}.process-page .process-figure img{aspect-ratio:1.12/1}.process-page .process-assembly-frame{padding:35px 6% 25px}.process-page .process-assembly{height:230px}.process-page .build-layer{height:90px}.process-page .build-layer:nth-child(1){top:110px}.process-page .build-layer:nth-child(2){top:65px}.process-page .build-layer:nth-child(3){top:20px}.process-page .assembly-labels{font-size:11px;gap:12px 18px}.process-page .process-check-intro{gap:5px;margin-bottom:20px}.process-page .process-check-list{grid-template-columns:1fr;gap:0}.process-page .process-check-list li{border-bottom:1px solid #35373e;padding:23px 0 10px}.process-page .process-check-list h3{font-size:26px;margin:13px 0}.process-page .process-check-connector{height:15px}.process-page .process-review-note{flex-direction:column;gap:10px;margin-top:25px}.process-page .process-value{padding:60px 0 70px}.process-page .process-value-line{margin-bottom:35px}.process-page .process-price{margin-top:25px}.process-page .process-price strong{font-size:86px}.process-page .process-next{padding:60px 0 75px;gap:50px}.process-page .process-faq summary{font-size:18px;padding-top:22px;padding-bottom:22px}}

/* Complete update sculpture */
.process-page #process-evolve-scene{aspect-ratio:3/2}.process-page .process-figure:has(#process-evolve-scene) figcaption{padding-top:32px}

/* Process paragraph rhythm */
.process-page .process-body .copy+.copy,.process-page .process-model-grid .copy+.copy,.process-page .process-value-grid .copy+.copy{margin-top:20px}

/* End harness agency process */

/* Smooth native anchors and progressive accordion motion. */
html[data-theme="light"] .c-velora header .toggle i{background:var(--color-accent)}
html:not([data-smooth-links]){scroll-behavior:smooth}
html[data-ambient-motion="off"]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html,html:not([data-smooth-links]){scroll-behavior:auto}}
.c-velora main details[data-accordion]>.accordion-body{display:flow-root}
.c-velora main .legal-section[data-accordion][open]>summary{margin-bottom:0}
.c-velora main .legal-section[data-accordion]>.accordion-body{padding-top:20px}
.c-velora main details[data-accordion]>summary{position:relative;list-style:none;padding-right:36px}
.c-velora main details[data-accordion]>summary::-webkit-details-marker{display:none}
.c-velora main details[data-accordion]>summary::after,.c-velora .process-page .process-faq details[data-accordion]>summary::after{content:'';position:absolute;right:12px;top:50%;width:9px;height:9px;border-right:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent);transform:translateY(-65%) rotate(var(--accordion-turn,45deg));transition:transform .36s cubic-bezier(.22,.68,0,1)}
.c-velora main details[data-expanded="true"]{--accordion-turn:225deg}

/* Keep the existing compact offer visually unchanged while restoring its heading semantics. */
.c-velora .home-refined .home-hero .hero-body h1.home-offer-heading{font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;white-space:normal;max-width:42ch;margin:0}

.c-velora .home-refined .home-hero .hero-body .home-offer-accent{width:84px;height:2px;margin:16px 0 0}