/* Widephase variant C — composition after prodromossquare.com
   (full-bleed scene, overlay grades, monumental type).
   Colours from Palette.swift / PlayerTheme.swift / GeneratedArtwork blush motif. */
:root {
  --forest: #173C32;
  --forest-deep: #102B24;
  --forest-ink: #0b1613;
  --blush: #F0C4BB;
  --blush-paper: #F4E8E3;
  --cream: #FBF6F2;
  --linen: #EEE8DE;
  --gold: #A88752;
  --gold-strong: #795C32;
  --champagne: #CDB990;
  --ivory: #F4EFE4;
  --primary-night: #E9E6DB;
  --secondary-night: #D5D2C6;
  --text-on-dark: #F4E8E3;
  --page-gutter: clamp(24px, 4vw, 76px);
  --serif: ui-serif, "Iowan Old Style", "New York", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --sans: system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --title-grad: linear-gradient(115deg, #F8F4EC 0%, #F0C4BB 38%, #E8D5A8 72%, #CDB990 100%);
  --kicker-grad: linear-gradient(100deg, #CDB990 0%, #F0C4BB 42%, #A88752 78%, #E8D5A8 100%);
  --word-grad: linear-gradient(100deg, #F4EFE4 0%, #F0C4BB 45%, #CDB990 100%);
  --doc-title-grad: linear-gradient(90deg, #173C32 0%, #29382F 42%, #795C32 100%);
  --grade-dark: rgba(11, 22, 19, .78);
  --grade-mid: rgba(16, 43, 36, .40);
  --grade-clear: rgba(23, 60, 50, .10);
  --grade-warm: rgba(240, 196, 187, .13);
  --grade-cool: rgba(16, 43, 36, .26);
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--forest-ink); color: var(--text-on-dark); font-family: var(--sans); font-size: 16px; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
body { margin: 0; min-width: 320px; line-height: 1.5; background: var(--forest-ink); }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--champagne); text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
a:hover { color: var(--blush); }
a:focus-visible, .nav-toggle-label:focus-visible { outline: 2px solid var(--champagne); outline-offset: 3px; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--serif); font-weight: 500; letter-spacing: -0.03em; }

.grad-text {
  color: var(--ivory); /* solid fallback if background-clip:text is unsupported */
  background-image: var(--title-grad);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .grad-text {
    -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }
}
.page-doc .grad-text, .doc h1.grad-text, .doc h2 {
  background-image: var(--doc-title-grad);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}

.skip-link { position: fixed; top: 12px; left: 12px; z-index: 80; transform: translateY(-160%); padding: 10px 14px; background: var(--ivory); color: var(--forest); text-decoration: none; border-radius: 8px; }
.skip-link:focus { transform: none; }

.site-header {
  position: fixed; top: 0; right: 0; left: 0; z-index: 40;
  display: flex; align-items: center; justify-content: space-between; gap: 22px;
  min-height: 64px; padding: 10px var(--page-gutter);
  background: transparent;
}
html.is-scrolled .site-header {
  background: color-mix(in srgb, var(--forest-deep) 62%, transparent);
  backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: 0 14px 38px rgba(0,0,0,.22);
}
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-family: var(--serif); font-size: 1.05rem; }
.brand-lockup span {
  background-image: var(--word-grad);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.brand-lockup img { width: 36px; height: 36px; border-radius: 9px; }
.nav-toggle { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.nav-toggle-label { display: none; cursor: pointer; color: var(--ivory); padding: 8px 2px; }
.site-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 22px; }
.site-nav a { color: rgba(244,232,227,.82); text-decoration: none; font-size: 0.9rem; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; }
.site-nav a[aria-current="page"] { box-shadow: inset 0 -1px 0 var(--champagne); }
@media (max-width: 820px) {
  .nav-toggle-label { display: inline-flex; }
  .site-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; padding: 8px var(--page-gutter) 18px; background: color-mix(in srgb, var(--forest-deep) 94%, black); }
  .nav-toggle:checked ~ .site-nav { display: flex; }
  .site-nav a { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .site-nav a[aria-current="page"] { box-shadow: none; color: var(--champagne); }
}

.immersive-page { background: var(--forest-ink); }
.immersive-panel {
  --scene-scale: 1.08;
  --scene-position: 58% 42%;
  position: relative;
  display: grid;
  min-height: 100vh; min-height: 100svh;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
  padding: calc(88px + clamp(24px, 4vw, 64px)) var(--page-gutter) clamp(36px, 6vw, 88px);
}
.immersive-panel > * { position: relative; z-index: 3; }
.immersive-panel > .scene,
.immersive-panel > .scene-tint,
.immersive-panel > .scene-grain { position: absolute; z-index: 0; }

.scene-grain {
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0.30;
  mix-blend-mode: overlay;
  background-image: url("/assets/img/grain-tile.png");
  background-image: -webkit-image-set(url("/assets/img/grain-tile.png") 1x, url("/assets/img/grain-tile@2x.png") 2x);
  background-image: image-set(url("/assets/img/grain-tile.png") 1x, url("/assets/img/grain-tile@2x.png") 2x);
  background-repeat: repeat;
  background-size: 256px 256px;
}
.scene {
  inset: -2px;
  overflow: hidden;
  pointer-events: none;
}
.scene picture, .scene img {
  width: 100%;
  height: 100%;
  display: block;
}
.scene img {
  object-fit: cover;
  object-position: var(--scene-position);
  max-width: none;
  transform: scale(var(--scene-scale));
  transform-origin: center;
  filter: saturate(0.86) contrast(1.08) brightness(1.14);
}
.scene-tint {
  inset: 0;
  z-index: 1 !important;
  pointer-events: none;
  background: #173C32;
  mix-blend-mode: multiply;
  opacity: 0.36;
}
.immersive-panel::after {
  content: "";
  position: absolute; inset: 0; z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--grade-dark) 0%, var(--grade-mid) 42%, var(--grade-clear) 76%, rgba(11,22,19,.22) 100%),
    linear-gradient(180deg, rgba(11,22,19,.46) 0%, rgba(11,22,19,.04) 36%, rgba(11,22,19,.50) 100%),
    linear-gradient(118deg, rgba(23,60,50,.22) 0%, rgba(205,185,144,.12) 48%, rgba(240,196,187,.14) 62%, rgba(23,60,50,.18) 100%),
    linear-gradient(140deg, var(--grade-cool) 0%, transparent 48%, var(--grade-warm) 100%);
  box-shadow: inset 0 0 190px rgba(0,0,0,.44), inset 0 -22vh 48vh rgba(11,22,19,.34);
}
.immersive-hero { --scene-position: 78% 48%; --scene-scale: 1.06; align-items: end; }
.immersive-hero .scene-tint { opacity: 0.34; }
.immersive-hero::after {
  background:
    linear-gradient(90deg, rgba(11,22,19,.82) 0%, rgba(16,43,36,.46) 40%, rgba(16,43,36,.08) 72%, rgba(11,22,19,.22) 100%),
    linear-gradient(180deg, rgba(11,22,19,.40) 0%, rgba(11,22,19,.04) 42%, rgba(11,22,19,.52) 100%),
    linear-gradient(118deg, rgba(23,60,50,.16) 0%, rgba(205,185,144,.10) 48%, rgba(240,196,187,.12) 62%, rgba(23,60,50,.14) 100%),
    linear-gradient(140deg, rgba(16,43,36,.20) 0%, transparent 48%, rgba(240,196,187,.14) 100%);
}
.panel-features {
  --scene-position: 62% 50%;
  --scene-scale: 1.08;
  --title-grad: linear-gradient(115deg, #F2F5FA 0%, #C5CBD1 36%, #A8B8D4 68%, #7A9BC4 100%);
  --kicker-grad: linear-gradient(100deg, #C5CBD1 0%, #7A9BC4 48%, #A8B8D4 100%);
  align-items: start;
  padding-top: clamp(140px, 18vh, 180px);
}
.panel-features .scene-tint {
  background: #1E315A; /* GeneratedCoverStyle.indigo — richer midnight blue */
  mix-blend-mode: multiply;
  opacity: 0.48;
}
.panel-features::after {
  background:
    linear-gradient(180deg, rgba(14,20,42,.46) 0%, rgba(30,49,90,.22) 42%, rgba(14,20,42,.52) 100%),
    linear-gradient(90deg, rgba(14,20,42,.38) 0%, rgba(30,49,90,.12) 48%, rgba(14,20,42,.20) 100%),
    linear-gradient(118deg, rgba(44,74,124,.28) 0%, rgba(197,203,209,.14) 52%, rgba(122,155,196,.18) 100%);
}
.panel-features .inner { text-align: center; }
.panel-features .inner > p { margin-left: auto; margin-right: auto; }
.panel-features .scene-label { margin-left: auto; margin-right: auto; }
.feature-grid { text-align: left; margin-left: auto; margin-right: auto; }

.panel-hue {
  --scene-position: 84% 46%;
  --scene-scale: 1.05;
  --title-grad: linear-gradient(115deg, #F4EFE8 0%, #E0C4D8 38%, #C9A8E0 70%, #E8D5A8 100%);
  --kicker-grad: linear-gradient(100deg, #E8D5A8 0%, #C9A8E0 48%, #F0C4BB 100%);
  align-items: end;
}
.panel-hue .scene-tint {
  background: #3A2458;
  mix-blend-mode: multiply;
  opacity: 0.40;
}
.panel-hue::after {
  background:
    linear-gradient(90deg, rgba(22,14,36,.70) 0%, rgba(58,36,88,.28) 42%, rgba(58,36,88,.04) 70%, rgba(22,14,36,.14) 100%),
    linear-gradient(180deg, rgba(22,14,36,.28) 0%, transparent 48%, rgba(22,14,36,.22) 100%),
    linear-gradient(140deg, rgba(58,36,88,.16) 0%, transparent 50%, rgba(232,213,168,.16) 100%);
}

.panel-shots {
  --scene-position: 82% 48%;
  --scene-scale: 1.08;
  --title-grad: linear-gradient(115deg, #F4EFE4 0%, #DEC28D 42%, #C4AA74 72%, #B99A60 100%);
  --kicker-grad: linear-gradient(100deg, #DEC28D 0%, #C4AA74 48%, #F4EFE4 100%);
  align-items: start;
  padding-top: clamp(140px, 18vh, 180px);
}
.panel-shots .scene-tint {
  background: #322616; /* champagneNight / #846531 amber, warmed so it is not olive-green */
  mix-blend-mode: multiply;
  opacity: 0.42;
}
.panel-shots::after {
  background:
    linear-gradient(180deg, rgba(28,20,10,.50) 0%, rgba(50,38,18,.22) 42%, rgba(28,20,10,.54) 100%),
    linear-gradient(90deg, rgba(28,20,10,.40) 0%, rgba(50,38,18,.12) 46%, rgba(28,20,10,.20) 100%),
    linear-gradient(140deg, rgba(132,101,49,.16) 0%, transparent 50%, rgba(222,194,141,.20) 100%);
}
.panel-contact { --scene-position: 92% 38%; --scene-scale: 1.04; }
.panel-contact .scene-tint { opacity: 0.28; }
.panel-contact::after {
  background:
    linear-gradient(90deg, rgba(11,22,19,.68) 0%, rgba(16,43,36,.28) 40%, rgba(16,43,36,.02) 68%, rgba(11,22,19,.08) 100%),
    linear-gradient(180deg, rgba(11,22,19,.22) 0%, transparent 48%, rgba(11,22,19,.18) 100%),
    linear-gradient(140deg, rgba(16,43,36,.12) 0%, transparent 50%, rgba(240,196,187,.16) 100%);
}
.doc-banner { --scene-position: 78% 48%; --scene-scale: 1.06; min-height: 48svh; align-items: end; }
.doc-banner .scene-tint { opacity: 0.30; }
.doc-banner .scene-copy h1 { font-size: clamp(2.8rem, 6.4vw, 5.8rem); max-width: 16ch; }
.page-source { background: var(--blush-paper); }
.page-source .doc { color: #1E2D27; padding-top: 56px; }
.page-source .doc a { color: var(--forest); }
.page-source .doc a:hover { color: var(--gold-strong); }
.page-source .doc h2 {
  background-image: var(--doc-title-grad);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}


.scene-copy { width: min(100%, 760px); }
.scene-copy-wide { width: min(100%, 1180px); }
.scene-kicker, .scene-label {
  display: block;
  margin-bottom: clamp(22px, 3vw, 48px);
  font-size: 0.78rem; font-weight: 650; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--champagne);
  background-image: var(--kicker-grad);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .scene-kicker, .scene-label {
    -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }
}
.scene-copy h1, .scene-copy h2, .inner > h2 {
  filter: drop-shadow(0 3px 28px rgba(16, 43, 36, .55)) drop-shadow(0 1px 0 rgba(16, 43, 36, .25));
}
.scene-copy h1 {
  font-size: clamp(4.4rem, 12vw, 9.6rem);
  line-height: 0.88;
  max-width: 14ch;
}
.scene-copy h2, .inner > h2 {
  font-size: clamp(2.8rem, 6vw, 6.4rem);
  line-height: 0.92;
  margin-top: 8px;
}
.scene-copy > p {
  margin-top: clamp(22px, 2.4vw, 40px);
  max-width: 36rem;
  color: rgba(244,232,227,.86);
  font-size: clamp(1.05rem, 1.4vw, 1.4rem);
  line-height: 1.45;
}
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 34px; }
.store-badge {
  display: inline-flex; flex-direction: column; justify-content: center;
  min-height: 56px; padding: 10px 20px; border-radius: 12px;
  background: var(--ivory); color: var(--forest); text-decoration: none;
}
.store-badge:hover { color: var(--forest); filter: brightness(1.04); }
.store-badge .title { font-family: var(--serif); font-size: 1.12rem; }
.store-badge.is-placeholder { pointer-events: none; cursor: default; }
.store-soon {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--champagne);
  background-image: var(--kicker-grad);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .store-soon {
    -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }
}
.text-link { color: var(--ivory); }
.scene-ledger { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: clamp(28px, 4vh, 40px); color: rgba(244,232,227,.72); font-size: 0.92rem; }

.inner { width: min(100%, 1080px); margin-inline: auto; }
.panel-shots .inner, .panel-features .inner { width: min(100%, 1080px); }

.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 22px;
  margin-top: 40px;
  width: min(100%, 1080px);
}
.feature-card {
  padding: 18px 20px 20px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--forest-deep) 42%, transparent);
  border: 1px solid rgba(244,232,227,.12);
  backdrop-filter: blur(10px);
}
.feature-card h3 { font-size: 1.2rem; margin-bottom: 8px; }
.feature-card p { color: rgba(244,232,227,.78); font-size: 0.96rem; }

.shot-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(20px, 3vw, 36px);
  width: 100%;
  margin: 42px auto 0;
}
.shot-row figure { flex: 0 1 250px; width: 250px; max-width: 260px; margin: 0; text-align: center; }
.phone {
  overflow: hidden;
  aspect-ratio: 9 / 19.5;
  border-radius: 34px;
  border: 1px solid rgba(244,232,227,.16);
  box-shadow: 0 24px 50px rgba(0,0,0,.32);
  background: var(--forest-deep);
}
.phone img { width: 100%; height: 100%; object-fit: cover; }
.phone-caption { margin-top: 14px; text-align: center; color: rgba(244,232,227,.78); font-size: 0.88rem; }

.todo {
  display: inline-block; padding: 1px 7px 2px; border-radius: 999px;
  border: 1px solid rgba(244,232,227,.2);
  color: var(--champagne); font-size: 0.64rem; font-weight: 650;
  letter-spacing: 0.08em; text-transform: uppercase; vertical-align: middle;
}
.contact-links { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 28px; font-size: 1.2rem; }
.contact-links a { color: var(--ivory); }

.site-footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px 32px;
  align-items: center;
  padding: 34px var(--page-gutter) 40px;
  background: #0b1613;
  color: var(--ivory);
}
.footer-mark img { width: 44px; height: 44px; border-radius: 11px; }
.footer-copy p:first-child { font-family: var(--serif); font-size: 1.05rem; }
.footer-copy p:last-child { margin-top: 4px; color: rgba(244,232,227,.7); font-size: 0.9rem; }
.footer-links { display: grid; gap: 6px; justify-items: end; font-size: 0.9rem; }

.page-doc { background: var(--blush-paper); color: #1E2D27; }
.page-doc .site-header { background: color-mix(in srgb, var(--blush-paper) 86%, transparent); backdrop-filter: blur(16px); }
.page-doc .site-nav a { color: #5B645D; }
.page-doc .site-nav a[aria-current="page"], .page-doc .site-nav a:hover { color: var(--forest); }
.page-doc .nav-toggle-label { color: var(--forest); }
.page-doc .brand-lockup span { background-image: var(--doc-title-grad); }
.page-doc a { color: var(--forest); }
.page-doc a:hover { color: var(--gold-strong); }
.doc { width: min(100% - (var(--page-gutter) * 2), 44rem); margin: 0 auto; padding: 120px 0 96px; }
.doc .meta, .doc p, .doc li { color: #5B645D; }
.doc h1 { font-size: clamp(2.4rem, 6vw, 3.6rem); margin: 10px 0 16px; }
.doc h2 { font-size: 1.5rem; margin: 2.2rem 0 0.7rem; }
.doc p + p { margin-top: 0.9rem; }
.doc ul, .doc ol { padding-left: 1.2rem; }
.doc li + li { margin-top: 0.45rem; }
.doc .note { margin-top: 1.2rem; padding: 14px 16px; border-left: 3px solid var(--gold); background: var(--cream); border-radius: 0 12px 12px 0; }
.doc pre, .doc code { font-size: 0.92em; overflow-wrap: anywhere; }
.doc pre { padding: 14px 16px; background: var(--linen); border-radius: 10px; overflow-x: auto; color: var(--forest); }
.faq details { border-top: 1px solid #DACBC3; padding: 14px 0; }
.faq details:last-child { border-bottom: 1px solid #DACBC3; }
.faq summary { cursor: pointer; font-family: var(--serif); font-size: 1.15rem; color: #1E2D27; }
.faq details p { margin-top: 10px; }
.page-doc .site-footer { background: #173C32; }
.error-page { min-height: calc(100svh - 160px); display: grid; place-items: center; text-align: center; padding: 140px var(--page-gutter) 80px; }
.error-page h1 { font-size: clamp(3rem, 10vw, 6rem); margin-bottom: 16px; }
.error-page p { color: rgba(244,232,227,.8); margin-bottom: 24px; }

@media (max-width: 860px) {
  .feature-grid { grid-template-columns: 1fr; }
  .shot-row { flex-direction: column; align-items: center; }
  .shot-row figure { flex-basis: auto; width: min(260px, 72vw); }
  .site-footer { grid-template-columns: 1fr; }
  .footer-links { justify-items: start; }
}
@media (max-width: 520px) {
  .scene-copy h1 { font-size: clamp(3.4rem, 18vw, 4.6rem); }
}

/* Centred headings / leads / short CTAs; long copy stays left. */
.immersive-hero .scene-copy,
.panel-contact .scene-copy,
.panel-hue .scene-copy {
  margin-inline: auto;
  text-align: center;
}
.immersive-hero .scene-copy > p,
.panel-contact .scene-copy > p,
.panel-hue .scene-copy > .lead {
  margin-inline: auto;
}
.immersive-hero .hero-actions,
.immersive-hero .scene-ledger { justify-content: center; }
.panel-contact .contact-links { align-items: center; }
.panel-hue .copy-prose {
  text-align: left;
  margin-inline: auto;
  max-width: 36rem;
}
.panel-hue .copy-prose > p + p { margin-top: 0.95rem; }
.panel-shots .inner { text-align: center; }
.panel-shots .inner > p { margin-left: auto; margin-right: auto; }
.panel-shots .scene-label { margin-left: auto; margin-right: auto; }

.grad-accent {
  color: var(--blush);
  background-image: var(--title-grad);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .grad-accent {
    -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }
}



/* C-v2.8 local contrast veils */
.panel-hue::before,
.panel-contact::before,
.panel-shots::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.panel-hue::before {
  background: radial-gradient(ellipse 72% 78% at 50% 52%,
    rgba(18, 12, 28, 0.38) 0%,
    rgba(18, 12, 28, 0.16) 50%,
    transparent 78%);
}
.panel-contact::before {
  background: radial-gradient(ellipse 86% 82% at 50% 52%,
    rgba(11, 22, 19, 0.46) 0%,
    rgba(11, 22, 19, 0.22) 48%,
    transparent 80%);
}
.panel-shots::before {
  background: radial-gradient(ellipse 78% 48% at 50% 16%,
    rgba(20, 14, 8, 0.40) 0%,
    rgba(20, 14, 8, 0.16) 52%,
    transparent 80%);
}
.panel-hue .scene-copy > .lead,
.panel-contact .scene-copy > p {
  color: rgba(248, 242, 236, 0.96);
  text-shadow: 0 1px 12px rgba(10, 12, 16, 0.42), 0 0 1px rgba(8, 10, 14, 0.28);
}
.panel-hue .copy-prose {
  color: #F7F1EC;
  text-shadow: 0 1px 10px rgba(12, 8, 18, 0.38);
}
.panel-contact .contact-links a {
  text-shadow: 0 1px 10px rgba(10, 12, 16, 0.35);
}
.panel-shots .inner > p {
  text-shadow: 0 1px 10px rgba(12, 10, 6, 0.35);
}
.panel-hue {
  --title-grad: linear-gradient(115deg, #F4EFE8 0%, #E8D0E2 38%, #DCC0EC 70%, #E8D5A8 100%);
}
.panel-contact {
  --title-grad: linear-gradient(115deg, #F8F4EC 0%, #F0C4BB 38%, #E8D5A8 72%, #DDCCA0 100%);
}
.panel-shots {
  --title-grad: linear-gradient(115deg, #F4EFE4 0%, #E4C896 42%, #D4BC88 72%, #CDB47A 100%);
}