@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/font-6.ttf) format('truetype');
}


:root {
  --bg: #0b1215;
  --panel: #111c20;
  --line: #233135;
  --muted: #92a29e;
  --text: #f1f4ee;
  --green: #9fe5be;
  --bright: #57dba2;
  --soft: #c5d1cb;
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
button {
  background: none;
  color: inherit;
  border: 0;
}
a,
button {
  transition:
    background 0.18s,
    color 0.18s,
    transform 0.18s;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 4px;
}
h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}
h1,
h2,
h3 {
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.04em;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 21px;
}
p {
  color: var(--muted);
}
em {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--green);
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
small {
  font-size: 11px;
  color: var(--muted);
}
.section-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 42px;
  padding-right: 42px;
}
.header {
  height: 90px;
  border-bottom: 1px solid #ffffff0b;
  background: #0b1215f2;
  position: relative;
  z-index: 30;
}
.nav-shell {
  max-width: 1324px;
  padding: 0 42px;
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 50px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
.brand-mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: var(--green);
  border-radius: 10px;
  color: #112b22;
  font-size: 29px;
  font-weight: bold;
  letter-spacing: -5px;
  padding-right: 7px;
}
.brand-mark span {
  font-size: 19px;
  position: absolute;
  right: 3px;
  top: -3px;
  letter-spacing: -3px;
}
.brand strong {
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1;
}
.brand strong span {
  display: block;
  font-size: 9px;
  letter-spacing: 2.5px;
  font-weight: 400;
  color: var(--muted);
  margin-top: 6px;
}
.nav {
  display: flex;
  gap: 27px;
  align-items: center;
  font-size: 12px;
  color: #aebbb6;
  margin: auto;
}
.nav a:hover,
.nav a.active {
  color: var(--green);
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 23px;
  font-size: 12px;
}
.language {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #adbdb6;
  padding: 4px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background: var(--green);
  color: #12271e;
  padding: 14px 22px;
  font-weight: 600;
  font-size: 12px;
  border: 1px solid var(--green);
  border-radius: 7px;
  line-height: 1.5;
  white-space: nowrap;
  min-height: 45px;
}
.button:hover {
  background: #baf2d2;
  transform: translateY(-1px);
}
.button.secondary {
  color: var(--text);
  background: transparent;
  border-color: #35433f;
}
.button.secondary:hover {
  background: #ffffff09;
}
.nav-actions .button {
  padding: 10px 16px;
  min-height: 39px;
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 12px;
}
.text-link:hover {
  color: var(--green);
}
.mobile-toggle {
  display: none;
}
.eyebrow {
  font-size: 9px;
  letter-spacing: 2.2px;
  font-weight: 500;
  color: var(--green);
  display: flex;
  gap: 9px;
  align-items: center;
  line-height: 1.6;
}
.live-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px #9fe5be10;
}
.hero {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  align-items: center;
  gap: 20px;
  min-height: 640px;
  padding-top: 62px;
  padding-bottom: 72px;
  position: relative;
}
.hero-copy {
  position: relative;
  z-index: 2;
}
.hero h1 {
  font-size: 76px;
  line-height: 1.035;
  letter-spacing: -4px;
  margin: 26px 0 23px;
}
.hero h1 em {
  letter-spacing: -3px;
}
.hero-copy > p {
  max-width: 350px;
  font-size: 14px;
  line-height: 1.85;
}
.hero-buttons {
  display: flex;
  align-items: center;
  gap: 27px;
  margin: 30px 0 27px;
}
.hero-reassurance {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  font-size: 9px;
  color: #9aa9a3;
}
.hero-reassurance span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.hero-reassurance svg {
  color: var(--green);
}
.hero-art {
  height: 470px;
  position: relative;
  isolation: isolate;
  min-width: 0;
}
.hero-art:before {
  content: "";
  position: absolute;
  inset: 20px -30px;
  background: radial-gradient(ellipse, #2062444f, transparent 66%);
  z-index: -1;
}
.art-orbit {
  position: absolute;
  border: 1px solid #9fe5be12;
  border-radius: 50%;
  width: 480px;
  height: 480px;
  right: -15px;
  top: -10px;
  z-index: -1;
}
.orbit-two {
  width: 360px;
  height: 360px;
  top: 45px;
  right: 48px;
}
.browser-preview {
  border: 1px solid #7c9a8e50;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 25px 60px #0007;
  position: absolute;
  transition: transform 0.4s;
}
.browser-preview:hover {
  transform: rotate(0deg) translateY(-5px);
}
.browser-chrome {
  height: 26px;
  background: #23322e;
  display: flex;
  align-items: center;
  padding: 0 10px;
  gap: 4px;
}
.browser-chrome i {
  width: 4px;
  height: 4px;
  background: #6b7a73;
  border-radius: 50%;
}
.browser-chrome span {
  font-size: 6px;
  color: #87998f;
  margin: auto;
}
.front-preview {
  width: 91%;
  left: 0;
  top: 160px;
  transform: rotate(-5deg);
  z-index: 2;
}
.back-preview {
  width: 77%;
  right: -2px;
  top: 45px;
  transform: rotate(7deg);
}
.floating-pill {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 60px;
  background: #192823;
  border: 1px solid #3f5748;
  border-radius: 7px;
  padding: 9px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 10px 30px #0004;
  font-size: 10px;
  transform: rotate(-4deg);
}
.sparkle-box {
  color: var(--green);
  display: flex;
}
.floating-success {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  background: #eaf1e7;
  color: #17382a;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 18px;
  border-radius: 7px;
  transform: rotate(3deg);
  box-shadow: 0 15px 30px #0004;
}
.floating-success > span {
  background: #c9e9d0;
  border-radius: 50%;
  padding: 6px;
}
.floating-success strong {
  display: block;
  font-size: 11px;
}
.floating-success small {
  display: block;
  font-size: 8px;
  color: #708273;
}
.art-caption {
  font-size: 7px;
  letter-spacing: 1.7px;
  color: #849b8d;
  position: absolute;
  bottom: -27px;
  left: 50px;
}
.partner-strip {
  max-width: 1156px;
  margin: 0 auto;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 25px 0;
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: space-between;
}
.partner-strip > span {
  font-size: 8px;
  letter-spacing: 1.5px;
  max-width: 130px;
  color: #80948b;
  line-height: 1.8;
}
.partner-strip > div {
  display: flex;
  gap: 30px;
  align-items: center;
}
.partner-strip strong {
  font-size: 19px;
  color: #c4cec8;
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
}
.partner-strip > div > span {
  color: #475c50;
  font-size: 12px;
}
.partner-strip small {
  font-size: 9px;
  max-width: 120px;
}
.lovable-logo {
  letter-spacing: -0.6px;
}
.tempo-logo {
  font-weight: 600 !important;
}
.aweber-logo {
  font-size: 17px !important;
}
.template-section {
  padding-top: 90px;
  padding-bottom: 88px;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 33px;
}
.section-heading h2 {
  font-size: 34px;
  margin-bottom: 14px;
}
.section-heading p:last-child {
  margin-bottom: 0;
  font-size: 12px;
}
.section-heading > .text-link {
  padding-bottom: 4px;
  color: var(--green);
}
.template-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 23px;
}
.template-card {
  background: #101a1e;
  border: 1px solid #27342f;
  border-radius: 10px;
  overflow: hidden;
  transition:
    transform 0.2s,
    border-color 0.2s;
  min-width: 0;
}
.template-card:hover {
  transform: translateY(-5px);
  border-color: #6d9e81;
}
.template-image {
  display: block;
  padding: 17px;
  background: #1b2726;
  position: relative;
  overflow: hidden;
}
.template-card:nth-child(2) .template-image {
  background: #d3cdbc;
}
.template-card:nth-child(3) .template-image {
  background: #302d3d;
}
.template-image img {
  border-radius: 3px;
  box-shadow: 0 8px 18px #0003;
  aspect-ratio: 640/420;
  object-fit: cover;
}
.preview-label {
  position: absolute;
  bottom: 27px;
  right: 27px;
  background: #eaf1e9e8;
  color: #21382c;
  font-size: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.template-meta {
  padding: 21px 20px 10px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
}
.category {
  font-size: 8px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #94b4a2;
}
.template-meta h3 {
  font-size: 18px;
  letter-spacing: -0.4px;
  margin: 7px 0 8px;
}
.template-meta p {
  font-size: 10px;
  line-height: 1.7;
  margin-bottom: 0;
}
.circle-link {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3c4e42;
  border-radius: 50%;
  flex-shrink: 0;
  color: var(--green);
}
.template-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 20px 17px;
}
.template-bottom > span:first-child {
  display: flex;
  gap: 3px;
}
.template-bottom i {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.template-bottom small {
  font-size: 8px;
}
.free-tag {
  font-size: 8px;
  margin-left: auto;
  background: #213c2d;
  color: #b4dfc2;
  padding: 1px 7px;
  border-radius: 3px;
}
.how-section {
  background: #101b1d;
  border-top: 1px solid #ffffff06;
  border-bottom: 1px solid #ffffff06;
  padding: 80px 0;
}
.center-heading {
  text-align: center;
  max-width: 570px;
  margin: auto;
}
.center-heading .eyebrow {
  justify-content: center;
}
.center-heading h2 {
  font-size: 36px;
  line-height: 1.25;
}
.center-heading p {
  font-size: 12px;
}
.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 55px;
  margin-top: 48px;
}
.step-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  color: var(--green);
}
.step-top span {
  font-family: Georgia, serif;
  font-size: 30px;
  font-style: italic;
  color: #6a8473;
}
.step-card {
  border-top: 1px solid #35483c;
  padding-top: 18px;
}
.step-card h3 {
  font-size: 21px;
  margin-bottom: 13px;
}
.step-card p {
  font-size: 12px;
  line-height: 1.85;
}
.fine-print {
  font-size: 10px;
  line-height: 1.8;
  color: #83958a;
}
.fine-print a {
  text-decoration: underline;
}
.how-section .fine-print {
  text-align: center;
  margin: 35px 0 0;
}
.connection-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  padding-top: 90px;
  padding-bottom: 90px;
}
.connection-section h2 {
  font-size: 40px;
  max-width: 350px;
}
.connection-section > div > p:not(.eyebrow) {
  max-width: 360px;
  font-size: 13px;
  line-height: 1.9;
}
.connection-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.connection-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #111e20;
  border: 1px solid #263831;
  border-radius: 8px;
  padding: 21px;
}
.connection-card > svg:first-child {
  color: var(--green);
  flex-shrink: 0;
}
.connection-card > svg:last-child {
  margin-left: auto;
  color: #7c9987;
}
.connection-card h3 {
  font-size: 15px;
  letter-spacing: -0.3px;
  margin-bottom: 7px;
}
.connection-card p {
  font-size: 10px;
  margin: 0;
}
.connection-card:hover {
  background: #192924;
}
.faq-section {
  padding-top: 25px;
  padding-bottom: 80px;
  max-width: 850px;
}
.faq-section > .eyebrow {
  justify-content: center;
}
.faq-section > h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 35px;
}
.faq-list details {
  border-bottom: 1px solid var(--line);
  padding: 21px 0;
}
.faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
  gap: 25px;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary svg {
  color: #80a48d;
  flex-shrink: 0;
}
.faq-list p {
  font-size: 12px;
  line-height: 1.9;
  max-width: 640px;
  margin: 16px 0 0;
}
.final-cta {
  background:
    radial-gradient(ellipse at 50% 100%, #22563855, transparent 70%), #111f1d;
  text-align: center;
  border: 1px solid #2e4335;
  border-radius: 12px;
  padding: 62px 30px;
  margin-bottom: 85px;
  max-width: 1156px;
}
.final-cta .eyebrow {
  justify-content: center;
  font-size: 8px;
}
.final-cta h2 {
  font-size: 40px;
  margin: 20px 0 15px;
}
.final-cta p {
  font-size: 12px;
}
.final-cta .button {
  margin: 12px 0 17px;
}
.final-cta small {
  display: block;
  font-size: 9px;
}
footer {
  max-width: 1240px;
  margin: auto;
  padding: 0 42px 25px;
}
.footer-top {
  display: flex;
  gap: 25px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 32px;
}
.footer-top p {
  font-size: 10px;
  margin: 0;
}
.made {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-left: auto;
  font-size: 9px;
  color: #8aa08f;
}
.made svg {
  color: var(--green);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #8b9b90;
  padding-top: 20px;
  gap: 20px;
}
.footer-bottom > div {
  display: flex;
  gap: 25px;
}
.disclaimer {
  font-size: 8px;
  color: #6b8073;
  margin: 16px 0 0;
  max-width: 900px;
}
.skip-link {
  position: fixed;
  top: -100px;
  left: 10px;
  background: var(--green);
  color: #12271e;
  padding: 15px;
  z-index: 100;
}
.skip-link:focus {
  top: 10px;
}
.notice {
  display: flex;
  justify-content: space-between;
  margin: 15px auto;
  background: #513421;
  color: #f0cc98;
  padding: 12px 20px;
  max-width: 1100px;
  border-radius: 5px;
}
.lead {
  font-size: 15px;
  line-height: 1.8;
  max-width: 650px;
}
.gallery {
  padding-top: 70px;
  padding-bottom: 90px;
}
.gallery > h1 {
  max-width: 680px;
  font-size: 51px;
  margin: 20px 0;
}
.gallery-tools {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  justify-content: space-between;
}
.search-input {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 450px;
  flex: 1;
  border: 1px solid #31433b;
  border-radius: 7px;
  padding-left: 15px;
  color: #819c8b;
}
.search-input input {
  border: 0;
  background: transparent;
  width: 100%;
}
.gallery-tools select {
  max-width: 250px;
}
.filter-row,
.admin-tabs {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin: 25px 0;
}
.filter-row button,
.admin-tabs button {
  border: 1px solid #304138;
  border-radius: 30px;
  padding: 8px 15px;
  font-size: 11px;
  color: #b0c1b5;
}
.filter-row button.active,
.admin-tabs button.active {
  background: var(--green);
  border-color: var(--green);
  color: #163121;
}
.result-count {
  font-size: 10px;
  margin: 25px 0;
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: #000c;
  backdrop-filter: blur(8px);
  z-index: 80;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal {
  max-width: 750px;
  max-height: 90vh;
  overflow: auto;
  background: #14211e;
  border: 1px solid #3d5645;
  border-radius: 12px;
  position: relative;
}
.modal > img {
  width: 100%;
}
.close {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #102018dd;
  border-radius: 50%;
  padding: 8px;
  z-index: 2;
}
.modal-body {
  padding: 30px;
}
.modal-body p {
  font-size: 13px;
}
.auth-shell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1160px;
  min-height: 720px;
  margin: 60px auto 80px;
  border: 1px solid #283d31;
  border-radius: 15px;
  overflow: hidden;
}
.auth-decoration {
  padding: 55px;
  background:
    radial-gradient(ellipse at 20% 70%, #1e5b3c66, transparent), #14251f;
  overflow: hidden;
}
.auth-decoration h2 {
  font-size: 56px;
  line-height: 1.12;
  margin: 25px 0 30px;
}
.auth-decoration img {
  transform: rotate(-5deg);
  border-radius: 7px;
  box-shadow: 0 15px 40px #0005;
}
.auth-decoration > p:last-child {
  font-size: 12px;
  margin-top: 35px;
}
.auth-card {
  padding: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.auth-card h1 {
  font-size: 35px;
  margin: 25px 0 15px;
}
.auth-card > p {
  font-size: 12px;
}
.icon-tile {
  width: 43px;
  height: 43px;
  background: #243d2e;
  color: var(--green);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 20px 0;
}
.field > span {
  font-size: 11px;
  font-weight: 500;
  color: #c5d1c9;
}
.field > small {
  font-size: 10px;
}
input,
select,
textarea {
  background: #0d1818;
  border: 1px solid #34473c;
  color: var(--text);
  border-radius: 6px;
  padding: 12px 13px;
  min-height: 44px;
  max-width: 100%;
  width: 100%;
}
input::placeholder,
textarea::placeholder {
  color: #71887a;
}
input:disabled {
  opacity: 0.6;
}
input[type="color"] {
  height: 47px;
  padding: 5px;
}
textarea {
  min-height: 110px;
  resize: vertical;
}
select {
  appearance: auto;
}
.auth-card form > .button {
  width: 100%;
  margin-top: 9px;
}
.auth-link {
  font-size: 11px;
  color: var(--green);
  text-align: center;
  display: block;
  margin-top: 15px;
}
.auth-alternate {
  border-top: 1px solid var(--line);
  padding-top: 24px;
  margin-top: 25px !important;
  text-align: center;
}
.auth-alternate a {
  color: var(--green);
}
.auth-security {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 10px !important;
  margin-top: 22px;
}
.error {
  color: #ffb6a2;
  background: #592f2340;
  border: 1px solid #854a3d;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.success {
  color: #b3e7bf;
  background: #1e452c55;
  border: 1px solid #3b7850;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 12px;
}
.success-box {
  background: #203d2b;
  padding: 22px;
  border-radius: 8px;
  color: var(--green);
  margin: 20px 0;
}
.success-box p {
  color: #c4dec9;
  font-size: 13px;
}
.success-box a {
  text-decoration: underline;
  font-size: 12px;
}
.workspace {
  display: grid;
  grid-template-columns: 230px 1fr;
  max-width: 1440px;
  margin: auto;
  min-height: 800px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 55px;
}
.sidebar {
  border-right: 1px solid var(--line);
  padding: 35px 20px;
}
.sidebar > .eyebrow {
  font-size: 8px;
  margin-left: 12px;
  margin-bottom: 25px;
}
.sidebar > a,
.sidebar > button {
  display: flex;
  gap: 11px;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  font-size: 12px;
  color: #9eb0a3;
  width: 100%;
  margin: 3px 0;
}
.sidebar > a.selected,
.sidebar > a:hover,
.sidebar > button:hover {
  background: #1d3529;
  color: var(--green);
}
.sidebar-rule {
  height: 1px;
  background: var(--line);
  margin: 20px 10px;
}
.sidebar-note {
  margin: 50px 10px 0;
  border: 1px solid #2d4936;
  border-radius: 9px;
  padding: 20px;
  background: linear-gradient(145deg, #203b2a, transparent);
}
.sidebar-note svg {
  color: var(--green);
  margin-bottom: 15px;
}
.sidebar-note h4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
}
.sidebar-note p {
  font-size: 10px;
}
.workspace-main {
  padding: 45px;
  min-width: 0;
}
.workspace-main h1 {
  font-size: 38px;
  margin: 10px 0 16px;
}
.dashboard-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.dashboard-heading p:last-child {
  font-size: 12px;
  margin: 0;
}
.dashboard-heading .eyebrow {
  font-size: 8px;
}
.dashboard-banner {
  padding: 34px;
  background:
    radial-gradient(ellipse at right, #2f60404d, transparent), #162b22;
  border: 1px solid #36523d;
  border-radius: 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-bottom: 38px;
}
.dashboard-banner h2 {
  font-size: 28px;
  margin: 15px 0;
}
.dashboard-banner .eyebrow {
  font-size: 8px;
}
.dashboard-banner p {
  font-size: 12px;
}
.dashboard-banner > svg {
  color: #75b68a;
  flex-shrink: 0;
}
.small-heading {
  font-size: 22px;
  margin-bottom: 24px;
}
.empty-state {
  border: 1px dashed #34503d;
  padding: 60px 20px;
  text-align: center;
  border-radius: 10px;
}
.empty-state > svg {
  margin: auto auto 18px;
  color: var(--green);
}
.empty-state h3 {
  font-size: 23px;
}
.empty-state p {
  font-size: 12px;
  max-width: 400px;
  margin: 0 auto 22px;
}
.project-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.project-card {
  border: 1px solid #304238;
  border-radius: 9px;
  overflow: hidden;
  background: #101e1c;
}
.project-card > div {
  padding: 20px;
}
.project-card h3 {
  font-size: 21px;
  margin: 8px 0;
}
.project-card p {
  font-size: 10px;
}
.inline-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.inline-actions a,
.inline-actions button:not(.button) {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 11px;
  color: var(--green);
}
.inline-actions input {
  flex: 1;
}
.pagination {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin: 30px 0;
  font-size: 11px;
  color: #98b59f;
}
.wizard-steps {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 30px 0 35px;
  justify-content: space-between;
  gap: 12px;
}
.wizard-steps li {
  flex: 1;
  border-bottom: 1px solid #294132;
  padding-bottom: 17px;
}
.wizard-steps button {
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8aa18f;
  white-space: nowrap;
  padding: 0;
}
.wizard-steps span {
  display: flex;
  width: 23px;
  height: 23px;
  border: 1px solid #3d5342;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.wizard-steps .current {
  border-color: var(--green);
}
.wizard-steps .current span,
.wizard-steps .done span {
  background: var(--green);
  color: #173622;
  border-color: var(--green);
}
.wizard-steps .current button {
  color: var(--green);
}
.wizard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 28px;
  align-items: start;
}
.form-panel {
  background: #111e1d;
  border: 1px solid #2c4034;
  border-radius: 10px;
  padding: 30px;
}
.form-panel > h2 {
  font-size: 25px;
  line-height: 1.3;
}
.form-panel > .eyebrow {
  font-size: 8px;
}
.form-navigation {
  border-top: 1px solid #2c4034;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 30px;
  padding-top: 25px;
}
.wizard-preview {
  position: sticky;
  top: 30px;
}
.mini-preview {
  border: 1px solid #38513f;
  border-radius: 8px;
  overflow: hidden;
}
.mini-preview span {
  display: block;
  padding: 12px 15px;
  font-size: 12px;
}
.preview-note {
  padding: 25px 10px;
}
.preview-note > svg {
  color: var(--green);
  margin-bottom: 15px;
}
.preview-note h3 {
  font-size: 21px;
  line-height: 1.3;
}
.preview-note p {
  font-size: 11px;
  line-height: 1.9;
}
.privacy-note {
  display: flex;
  gap: 10px;
  padding: 17px;
  background: #16291f;
  border-radius: 7px;
}
.privacy-note svg {
  flex-shrink: 0;
  color: var(--green);
}
.privacy-note p {
  font-size: 9px;
  margin: 0;
  line-height: 1.8;
}
.draft-badge {
  border: 1px solid #3b5240;
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 9px;
  color: #9bc5a8;
}
.contact-picker {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 25px 0;
}
.contact-picker button {
  border: 1px solid #3d5142;
  border-radius: 6px;
  padding: 13px 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
}
.contact-picker button.selected {
  background: #254830;
  color: var(--green);
  border-color: var(--green);
}
.phone-row {
  display: grid;
  grid-template-columns: 125px 1fr;
  gap: 15px;
}
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.link-preview {
  padding: 17px;
  background: #0b1711;
  border: 1px dashed #42634a;
  border-radius: 6px;
  overflow-wrap: anywhere;
}
.link-preview > span {
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
  color: #86ab91;
  margin-bottom: 8px;
}
.link-preview a {
  font-size: 11px;
  display: block;
  color: #c4e3ca;
}
.link-preview button {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  margin-top: 12px;
  color: var(--green);
}
.prompt-output {
  min-height: 350px;
  font-family: monospace;
  font-size: 11px;
  line-height: 1.7;
}
.prompt-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.profile-panel {
  max-width: 650px;
  margin-top: 35px;
}
.profile-panel hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 35px 0;
}
.profile-panel p {
  font-size: 12px;
}
.danger-link {
  color: #f2a08b !important;
}
.danger-box {
  border: 1px solid #7f4335;
  padding: 20px;
  margin-top: 20px;
  border-radius: 6px;
}
.guide {
  padding-top: 75px;
  padding-bottom: 90px;
}
.guide h1 {
  max-width: 750px;
  font-size: 54px;
  line-height: 1.1;
  margin: 25px 0;
}
.guide-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 80px;
  margin-top: 60px;
  align-items: start;
}
.guide-step {
  display: flex;
  gap: 30px;
  padding: 0 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #2d4333;
}
.guide-step > span {
  font-family: Georgia, serif;
  color: var(--green);
  font-size: 30px;
  font-style: italic;
}
.guide-step h2 {
  font-size: 23px;
}
.guide-step p {
  font-size: 13px;
  line-height: 1.9;
  margin: 0;
}
.guide-aside {
  background: #15291e;
  border: 1px solid #38583f;
  border-radius: 9px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.guide-aside > svg {
  color: var(--green);
}
.guide-aside h3 {
  font-size: 24px;
  margin: 0;
}
.guide-aside a {
  display: flex;
  gap: 7px;
  font-size: 12px;
  color: var(--green);
}
.guide-aside .button {
  color: #12341d;
}
.guide-aside p {
  font-size: 11px;
  margin: 0;
}
.legal {
  max-width: 850px;
  padding-top: 70px;
  padding-bottom: 90px;
}
.legal h1 {
  text-transform: capitalize;
  font-size: 47px;
}
.legal h2 {
  font-size: 24px;
  margin-top: 35px;
}
.legal p {
  line-height: 1.9;
  font-size: 13px;
}
.review-notice {
  background: #403820;
  color: #e2cd95;
  border: 1px solid #6c6035;
  padding: 17px;
  border-radius: 7px;
  font-size: 12px;
  margin: 30px 0;
}
.plain-content {
  white-space: pre-wrap;
  font-size: 14px;
  color: var(--soft);
  line-height: 1.9;
}
.admin-tabs button {
  text-transform: capitalize;
}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 30px 0;
}
.metric {
  padding: 22px;
  background: #17291f;
  border: 1px solid #35513c;
  border-radius: 8px;
}
.metric span {
  font-size: 10px;
  color: #a3bba9;
}
.metric strong {
  display: block;
  font-size: 35px;
  font-weight: 400;
  margin-top: 12px;
}
.admin-list {
  margin: 25px 0;
}
.admin-row {
  padding: 19px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.admin-row strong {
  font-weight: 500;
}
.admin-row small {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}
.admin-row p {
  font-size: 11px;
  margin: 7px 0 0;
}
.admin-row button {
  color: var(--green);
  font-size: 12px;
}
.admin-editor {
  margin-top: 35px;
  max-width: 700px;
}
.check-field {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 20px 0;
  font-size: 12px;
}
.check-field input {
  width: 17px;
  min-height: 17px;
  accent-color: var(--green);
}
.admin-security {
  font-size: 10px;
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 35px 0 0;
}
.spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (min-width: 1450px) {
  .hero {
    min-height: 700px;
  }
  .hero-art {
    height: 500px;
  }
  .front-preview {
    top: 185px;
  }
  .hero h1 {
    font-size: 82px;
  }
}
@media (max-width: 1100px) {
  .nav-shell {
    gap: 25px;
    padding: 0 28px;
  }
  .nav {
    gap: 17px;
  }
  .nav-actions {
    gap: 15px;
  }
  .hero h1 {
    font-size: 65px;
  }
  .hero {
    gap: 0;
  }
  .hero-art {
    height: 400px;
  }
  .front-preview {
    top: 140px;
  }
  .back-preview {
    top: 55px;
  }
  .floating-success {
    bottom: 5px;
  }
  .floating-pill {
    font-size: 8px;
    left: 0;
  }
  .art-orbit {
    width: 380px;
    height: 380px;
    right: -10px;
    top: 10px;
  }
  .orbit-two {
    width: 280px;
    height: 280px;
    right: 35px;
    top: 60px;
  }
  .hero-reassurance {
    gap: 8px;
  }
  .hero-buttons {
    gap: 17px;
  }
  .hero-buttons .button {
    padding: 13px 15px;
  }
  .hero-buttons .text-link {
    font-size: 11px;
  }
  .partner-strip {
    margin: 0 42px;
    gap: 20px;
  }
  .partner-strip > div {
    gap: 17px;
  }
  .partner-strip strong {
    font-size: 16px;
  }
  .partner-strip small {
    display: none;
  }
  .section-heading h2 {
    font-size: 29px;
  }
  .connection-section {
    gap: 50px;
  }
  .final-cta {
    margin-left: 42px;
    margin-right: 42px;
  }
  .workspace {
    grid-template-columns: 190px 1fr;
  }
  .sidebar {
    padding: 35px 12px;
  }
  .workspace-main {
    padding: 35px 25px;
  }
  .wizard-layout {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 18px;
  }
  .form-panel {
    padding: 23px;
  }
  .wizard-steps button {
    font-size: 9px;
    gap: 5px;
  }
  .auth-shell {
    margin: 40px 30px 70px;
  }
  .auth-card,
  .auth-decoration {
    padding: 35px;
  }
  .auth-decoration h2 {
    font-size: 49px;
  }
  .guide-layout {
    gap: 40px;
  }
}
@media (max-width: 800px) {
  .nav {
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    background: #102019;
    padding: 25px;
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: flex-start;
  }
  .nav.open {
    display: flex;
  }
  .header {
    height: 75px;
  }
  .mobile-toggle {
    display: flex;
    padding: 5px;
  }
  .nav-actions {
    margin-left: auto;
    gap: 16px;
  }
  .nav-actions .login-link {
    display: none;
  }
  .nav-shell {
    gap: 15px;
  }
  .hero {
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 55px;
    grid-template-columns: 1fr 1fr;
  }
  .hero h1 {
    font-size: 55px;
    letter-spacing: -3px;
  }
  .hero-copy > p {
    font-size: 12px;
  }
  .hero-buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
  .hero-art {
    height: 340px;
  }
  .front-preview {
    top: 130px;
    width: 100%;
  }
  .back-preview {
    top: 55px;
    width: 88%;
  }
  .floating-pill {
    top: 25px;
    font-size: 7px;
    padding: 7px;
  }
  .floating-success {
    bottom: 0;
    padding: 11px;
    right: -10px;
  }
  .floating-success strong {
    font-size: 9px;
  }
  .floating-success small {
    font-size: 7px;
  }
  .art-caption {
    font-size: 5px;
    left: 10px;
  }
  .art-orbit {
    width: 300px;
    height: 300px;
    right: -10px;
    top: 25px;
  }
  .orbit-two {
    width: 220px;
    height: 220px;
    right: 25px;
    top: 60px;
  }
  .template-grid {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .template-section .template-card:nth-child(3) {
    display: none;
  }
  .section-heading h2 {
    font-size: 27px;
  }
  .section-heading > .text-link {
    white-space: nowrap;
    font-size: 10px;
  }
  .section-shell {
    padding-left: 28px;
    padding-right: 28px;
  }
  .partner-strip {
    margin: 0 28px;
  }
  .partner-strip > span {
    font-size: 7px;
    max-width: 100px;
  }
  .partner-strip > div {
    gap: 15px;
  }
  .partner-strip strong {
    font-size: 13px;
  }
  .partner-strip .aweber-logo {
    font-size: 13px !important;
  }
  .partner-strip strong svg {
    width: 17px;
  }
  .steps-grid {
    gap: 25px;
  }
  .step-card h3 {
    font-size: 19px;
  }
  .step-card p {
    font-size: 11px;
  }
  .connection-section {
    gap: 30px;
  }
  .connection-section h2 {
    font-size: 32px;
  }
  .connection-card {
    padding: 17px;
    gap: 12px;
  }
  .connection-card h3 {
    font-size: 13px;
  }
  .connection-card p {
    font-size: 9px;
  }
  .final-cta {
    margin-left: 28px;
    margin-right: 28px;
  }
  .final-cta h2 {
    font-size: 32px;
  }
  footer {
    padding: 0 28px 25px;
  }
  .footer-top p {
    display: none;
  }
  .footer-bottom {
    font-size: 8px;
  }
  .footer-bottom > div {
    gap: 15px;
  }
  .workspace {
    grid-template-columns: 1fr;
  }
  .sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 12px 25px;
    display: flex;
    gap: 5px;
    overflow: auto;
  }
  .sidebar > a,
  .sidebar > button {
    width: auto;
    white-space: nowrap;
    font-size: 10px;
    padding: 10px;
  }
  .sidebar svg {
    width: 14px;
  }
  .sidebar > .eyebrow,
  .sidebar-note,
  .sidebar-rule {
    display: none;
  }
  .workspace-main {
    padding: 30px 25px;
  }
  .wizard-layout {
    grid-template-columns: minmax(0, 1fr) 220px;
  }
  .auth-decoration {
    padding: 30px;
  }
  .auth-decoration h2 {
    font-size: 43px;
  }
  .auth-card {
    padding: 30px;
  }
  .auth-card h1 {
    font-size: 29px;
  }
  .guide-layout {
    grid-template-columns: 1fr 230px;
    gap: 25px;
  }
  .guide h1 {
    font-size: 43px;
  }
  .guide-step {
    gap: 20px;
  }
  .guide-aside {
    padding: 22px;
  }
  .metric-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .nav-shell {
    padding: 0 20px;
  }
  .brand strong {
    font-size: 22px;
  }
  .brand-mark {
    width: 31px;
    height: 31px;
    font-size: 25px;
  }
  .brand strong span {
    font-size: 7px;
  }
  .nav-actions {
    gap: 12px;
  }
  .nav-actions .button {
    display: none;
  }
  .language {
    font-size: 10px;
  }
  .section-shell {
    padding-left: 22px;
    padding-right: 22px;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 43px;
    padding-bottom: 45px;
    gap: 20px;
  }
  .hero h1 {
    font-size: 65px;
    margin-top: 23px;
    letter-spacing: -3.5px;
  }
  .hero-copy > p {
    max-width: 330px;
    font-size: 13px;
  }
  .hero-buttons {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin: 26px 0;
  }
  .hero-buttons .button {
    font-size: 11px;
    padding: 13px 16px;
  }
  .hero-buttons .text-link {
    font-size: 10px;
    gap: 7px;
  }
  .hero-reassurance {
    font-size: 8px;
    gap: 13px;
  }
  .hero-art {
    height: 355px;
    max-width: 410px;
    width: 100%;
    margin: 15px auto 0;
  }
  .front-preview {
    width: 90%;
    top: 130px;
    left: 0;
  }
  .back-preview {
    width: 76%;
    right: 5px;
    top: 36px;
  }
  .floating-pill {
    top: 15px;
    font-size: 9px;
    left: 10px;
  }
  .floating-success {
    right: 5px;
    bottom: 2px;
    padding: 12px 15px;
  }
  .floating-success strong {
    font-size: 10px;
  }
  .art-caption {
    bottom: -20px;
    font-size: 6px;
    left: 25px;
  }
  .art-orbit {
    width: 330px;
    height: 330px;
    right: 0;
    top: 5px;
  }
  .orbit-two {
    width: 250px;
    height: 250px;
    right: 40px;
    top: 45px;
  }
  .partner-strip {
    margin: 0 22px;
    padding: 25px 0;
    flex-direction: column;
    gap: 17px;
  }
  .partner-strip > span {
    max-width: none;
    font-size: 7px;
    letter-spacing: 1.7px;
  }
  .partner-strip > div {
    gap: 15px;
  }
  .partner-strip strong {
    font-size: 13px;
  }
  .partner-strip > div > span {
    font-size: 9px;
  }
  .template-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-heading {
    display: block;
    margin-bottom: 25px;
  }
  .section-heading h2 {
    font-size: 30px;
    max-width: 300px;
  }
  .section-heading p:last-child {
    font-size: 11px;
    max-width: 300px;
    line-height: 1.8;
  }
  .section-heading > .text-link {
    margin-top: 20px;
    font-size: 11px;
  }
  .template-grid {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .template-section .template-card:nth-child(3) {
    display: block;
  }
  .template-image {
    padding: 20px;
  }
  .template-meta h3 {
    font-size: 22px;
  }
  .template-meta p {
    font-size: 11px;
  }
  .template-bottom small,
  .free-tag {
    font-size: 9px;
  }
  .template-meta {
    padding: 22px 23px 10px;
  }
  .template-bottom {
    padding: 12px 23px 20px;
  }
  .how-section {
    padding: 55px 0;
  }
  .center-heading h2 {
    font-size: 31px;
  }
  .center-heading p {
    font-size: 11px;
  }
  .steps-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 30px;
  }
  .step-top {
    margin-bottom: 10px;
  }
  .step-card h3 {
    font-size: 23px;
    margin: 12px 0;
  }
  .step-card p {
    font-size: 12px;
    max-width: 300px;
  }
  .connection-section {
    grid-template-columns: 1fr;
    gap: 25px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .connection-section h2 {
    font-size: 35px;
  }
  .connection-card h3 {
    font-size: 15px;
  }
  .connection-card p {
    font-size: 10px;
  }
  .connection-card {
    padding: 21px;
  }
  .faq-section {
    padding-bottom: 50px;
  }
  .faq-section > h2 {
    font-size: 28px;
  }
  .faq-list summary {
    font-size: 12px;
  }
  .final-cta {
    margin-left: 22px;
    margin-right: 22px;
    margin-bottom: 50px;
    padding: 40px 22px;
  }
  .final-cta h2 {
    font-size: 32px;
  }
  .final-cta .eyebrow {
    font-size: 7px;
    letter-spacing: 1.2px;
  }
  .final-cta p {
    font-size: 11px;
  }
  footer {
    padding: 0 22px 25px;
  }
  .footer-top {
    gap: 15px;
    padding-bottom: 23px;
  }
  .made {
    font-size: 8px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 14px;
    font-size: 8px;
  }
  .footer-bottom > div {
    gap: 20px;
    flex-wrap: wrap;
  }
  .disclaimer {
    font-size: 8px;
    line-height: 1.8;
  }
  .gallery {
    padding-top: 45px;
    padding-bottom: 60px;
  }
  .gallery > h1 {
    font-size: 40px;
  }
  .lead {
    font-size: 13px;
  }
  .gallery-tools {
    flex-direction: column;
    margin-top: 25px;
    gap: 12px;
  }
  .gallery-tools select {
    max-width: none;
  }
  .filter-row {
    gap: 6px;
  }
  .filter-row button {
    font-size: 9px;
    padding: 7px 10px;
  }
  .modal-backdrop {
    padding: 15px;
  }
  .modal-body {
    padding: 22px;
  }
  .auth-shell {
    grid-template-columns: 1fr;
    margin: 25px 18px 50px;
    min-height: 0;
  }
  .auth-decoration {
    display: none;
  }
  .auth-card {
    padding: 30px 25px;
  }
  .auth-card h1 {
    font-size: 32px;
  }
  .workspace-main {
    padding: 30px 20px;
  }
  .workspace-main h1 {
    font-size: 32px;
  }
  .dashboard-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }
  .dashboard-banner {
    padding: 25px;
  }
  .dashboard-banner h2 {
    font-size: 26px;
  }
  .dashboard-banner .eyebrow {
    font-size: 7px;
    letter-spacing: 1px;
  }
  .dashboard-banner > svg {
    width: 45px;
  }
  .dashboard-banner p {
    font-size: 11px;
  }
  .project-grid {
    grid-template-columns: 1fr;
  }
  .wizard-layout {
    grid-template-columns: 1fr;
  }
  .wizard-preview {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .wizard-preview .preview-note {
    padding: 0;
  }
  .wizard-preview .preview-note h3 {
    font-size: 18px;
  }
  .wizard-preview .preview-note p {
    font-size: 10px;
  }
  .wizard-preview .privacy-note {
    grid-column: span 2;
  }
  .wizard-steps {
    gap: 5px;
    margin-top: 15px;
  }
  .wizard-steps button {
    flex-direction: column;
    gap: 8px;
    font-size: 8px;
    white-space: normal;
  }
  .wizard-steps li {
    display: flex;
    justify-content: center;
  }
  .form-panel {
    padding: 22px 18px;
  }
  .form-panel h2 {
    font-size: 24px;
  }
  .form-navigation .button {
    font-size: 10px;
    padding: 12px;
  }
  .prompt-actions .button {
    font-size: 10px;
    padding: 11px 14px;
  }
  .guide {
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .guide h1 {
    font-size: 39px;
  }
  .guide-layout {
    grid-template-columns: 1fr;
    margin-top: 40px;
    gap: 15px;
  }
  .guide-step h2 {
    font-size: 22px;
  }
  .guide-step p {
    font-size: 12px;
  }
  .guide-step > span {
    font-size: 26px;
  }
  .guide-aside {
    padding: 28px;
  }
  .legal {
    padding-top: 45px;
  }
  .legal h1 {
    font-size: 38px;
  }
  .metric-grid {
    gap: 10px;
  }
  .metric {
    padding: 17px;
  }
  .metric span {
    font-size: 9px;
  }
  .admin-tabs {
    gap: 7px;
  }
  .admin-tabs button {
    font-size: 10px;
    padding: 7px 11px;
  }
  .admin-row {
    align-items: flex-start;
  }
  .admin-row .button {
    padding: 8px;
    font-size: 10px;
  }
  .admin-row small {
    font-size: 9px;
  }
  .admin-editor .inline-actions {
    gap: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-motion=on]) *,
  html:not([data-motion=on]) *:before,
  html:not([data-motion=on]) *:after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}
main {
  overflow-x: clip;
}
.hero-art {
  contain: layout;
}
.modal-backdrop {
  overflow: hidden;
}
.mobile-nav-account {
  display: none;
}
@media (max-width: 800px) {
  .mobile-nav-account {
    display: block;
  }
}
.preview-banner{padding:10px 22px;text-align:center;font-size:11px;color:#b9d2c3;background:#173024;border-bottom:1px solid #31523e}.public-wizard{padding-top:45px;padding-bottom:70px;min-height:700px}.public-wizard .wizard-layout{grid-template-columns:minmax(0,1fr) 300px}.public-wizard .wizard-steps{max-width:760px}@media(max-width:700px){.public-wizard .wizard-layout{grid-template-columns:1fr}.preview-banner{font-size:10px}}button{font-family:inherit}svg{vertical-align:middle}h1,h2,h3,p{margin-bottom:1em}

/* Signature collection — art direction and motion */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--condensed:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
body{font-family:var(--sans)}
.collection{background:#101110;color:#eeeae1;overflow:hidden}.collection-intro,.collection-body{max-width:1440px;margin:auto;padding:60px 64px}.collection-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b4b8aa}.collection-topline>span:first-child{display:flex;align-items:center;gap:10px}.collection-topline i{width:5px;height:5px;background:#d6f592;border-radius:50%}.collection-intro h1{position:relative;font-size:clamp(70px,10.6vw,154px);font-weight:400;letter-spacing:-.075em;line-height:.9;margin:58px 0 45px;max-width:1040px}.collection-intro h1 em{font-family:var(--serif);font-size:1.1em;letter-spacing:-.055em;color:#d7edb1;font-weight:400}.intro-asterisk{display:inline-block;position:absolute;right:3%;top:25%;font-size:.85em;font-family:Arial;color:#d7edb1;animation:slowSpin 45s linear infinite}.collection-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}.collection-intro-bottom p{color:#a6aaa2;font-size:14px;line-height:1.7;margin:0}.collection-intro-bottom>a{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:1.7px}.collection-intro-bottom>a>span{display:flex;align-items:center;justify-content:center;border:1px solid #5a6050;width:44px;height:44px;border-radius:50%}.collection-marquee{border-top:1px solid #33372b;border-bottom:1px solid #33372b;padding:19px 0;color:#d8edb2;white-space:nowrap;font-size:12px;letter-spacing:2px;overflow:hidden;margin:10px 0 0}.collection-marquee>div,.scene-marquee>div{display:flex;width:max-content;animation:marquee 36s linear infinite}.collection-marquee i{font-style:normal;margin:0 48px}.collection-body{padding-top:74px;padding-bottom:20px}.collection-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.collection-toolbar .eyebrow{font-size:9px;color:#9b9e93;letter-spacing:1.8px}.collection-toolbar h2{font-family:var(--serif);font-size:50px;letter-spacing:-.04em;margin:10px 0 0}.collection-toolbar sup{font-family:var(--sans);font-size:13px;vertical-align:top;display:inline-block;padding-top:10px;letter-spacing:0}.collection-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #5a5e50;padding:12px 0;min-width:240px;color:#a5aa9b}.collection-search input{background:none;border:0;color:#eeeae1;outline:none;width:100%;font-size:12px}.collection-search:focus-within{border-color:#d7edb1}.collection-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.collection-filters button{border:1px solid #36392f;border-radius:2px;padding:8px 12px;font-size:10px;color:#b5b8ad}.collection-filters button.active,.collection-filters button:hover{background:#d7edb1;color:#171c13;border-color:#d7edb1}.collection-results{font-size:10px;color:#a2a898;letter-spacing:.4px;margin:24px 0}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 28px}.collection-card{min-width:0}.collection-preview{display:block;position:relative;overflow:hidden;border-radius:3px;isolation:isolate}.collection-preview:after{content:'';position:absolute;inset:0;border:1px solid #ffffff12;pointer-events:none}.collection-preview .scene{transition:transform 900ms cubic-bezier(.2,.7,.3,1)}.collection-preview:hover .scene{transform:scale(1.025)}.live-preview-chip{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;background:#fff;color:#171c15;padding:9px 12px;font-size:10px;border-radius:30px;box-shadow:0 3px 20px #0002;z-index:4;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.collection-preview:hover .live-preview-chip,.collection-preview:focus-visible .live-preview-chip{opacity:1;transform:none}.collection-meta{display:flex;justify-content:space-between;gap:15px;padding:22px 0 14px}.collection-number{font-size:9px;letter-spacing:1px;color:#a3a796;text-transform:uppercase}.collection-meta h3{font-size:25px;letter-spacing:-.8px;margin:9px 0}.collection-meta p{font-size:12px;line-height:1.8;color:#9ea393;max-width:390px;margin:0}.collection-use{border:1px solid #414837;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;margin-top:18px}.collection-use:hover{background:#d7edb1;color:#101110;transform:rotate(45deg)}.collection-tags{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #30352b;padding-top:12px}.collection-tags span{font-size:9px;color:#a9ae9e}.collection-tags span+span:before{content:'·';margin-right:8px}.collection-tags span:last-child{margin-left:auto;color:#d7edb1}.collection-manifesto{padding:140px 0 100px;max-width:1000px}.collection-manifesto .scroll-copy{font-family:var(--serif);font-size:clamp(36px,5.4vw,76px);color:#e8e8da}.collection-manifesto>p:last-child{font-size:13px;max-width:430px;margin:35px 0 0 auto}.motion-control{position:fixed;bottom:16px;right:18px;background:#1e241b;color:#d5e9bf;border:1px solid #657454;border-radius:30px;font-size:10px;padding:8px 13px;z-index:40;box-shadow:0 4px 18px #0003}
/* Each thumbnail and live page use the very same composition. */
.scene{position:relative;container-type:inline-size;line-height:1.4;--scene-ink:#f5f3df;--scene-bg:#132b24;background:var(--scene-bg);color:var(--scene-ink);overflow:hidden;font-family:var(--sans)}.scene *{box-sizing:border-box}.scene p,.scene small,.scene em{color:inherit}.scene h2,.scene h3{color:inherit}.scene-hero{height:66cqw;position:relative;overflow:hidden}.scene-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:3cqw 4cqw;font-size:.72cqw;letter-spacing:.07em;z-index:3}.scene-nav b{font-size:2cqw;letter-spacing:-.06em;font-weight:600}.scene-nav b span{font-size:.8cqw;vertical-align:super;margin-left:.3cqw}.scene-nav>span:last-child{border-bottom:1px solid currentColor;padding-bottom:.3cqw}.scene-kicker{font-size:.7cqw;letter-spacing:.16em;display:block}.scene h2{font-size:8.6cqw;line-height:.91;letter-spacing:-.055em;margin:2cqw 0;font-weight:400}.scene h2 em{font-family:var(--serif);font-weight:400}.scene p{font-size:1cqw;line-height:1.6}.scene-action{display:inline-flex;align-items:center;gap:2cqw;font-size:.85cqw;line-height:1.2;padding:1.05cqw 1.6cqw;border:1px solid currentColor;border-radius:30px;margin-top:1cqw;color:inherit}.scene-action:hover{background:var(--scene-ink);color:var(--scene-bg)}.scene-action svg{width:1.2cqw;height:1.2cqw}.scene-foot{position:absolute;bottom:2.5cqw;left:4cqw;right:4cqw;display:flex;justify-content:space-between;font-size:.6cqw;letter-spacing:.12em;z-index:3}.scene-background{position:absolute;width:100%;height:112%;max-width:none;object-fit:cover;top:-6%;transform:translateY(var(--parallax,0px));will-change:transform}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b18bc,#071b1800 90%),linear-gradient(0deg,#071b1880,transparent 50%)}.scene-compact [data-reveal]{opacity:1!important;transform:none!important}.scene-compact .word-mask>span{transform:none!important;opacity:1!important}.scene-compact .scene-action{pointer-events:none}.emerald-title{position:absolute;left:5cqw;bottom:10cqw;z-index:2}.emerald-title h2{font-family:var(--serif);font-size:11cqw;line-height:.86;letter-spacing:-.035em}.emerald-title .scene-kicker{margin-bottom:3cqw}.emerald-title p{margin-top:2.5cqw}.scene-emerald .scene-nav b{font-family:var(--serif);font-size:2.6cqw;font-weight:400}.scene-emerald .scene-action{background:#e9edcf;color:#183329;border-color:#e9edcf}
/* Clarity: disciplined architectural editorial */
.scene-clarity{--scene-ink:#30342e;--scene-bg:#eeece5}.scene-clarity .scene-nav{border-bottom:1px solid #30342e25;padding-bottom:2.1cqw}.clarity-layout{position:absolute;inset:11cqw 4cqw 7cqw;display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.clarity-copy{display:flex;flex-direction:column;align-items:start;justify-content:center}.clarity-copy h2{font-family:var(--serif);font-size:7.3cqw;line-height:.94;margin:3cqw 0 2cqw;letter-spacing:-.045em}.clarity-copy p{font-size:1cqw}.clarity-copy .scene-action{border:0;border-bottom:1px solid;border-radius:0;padding:1cqw 0}.clarity-index{font-size:.6cqw;letter-spacing:.12em;margin-top:4cqw}.clarity-image{position:relative;overflow:hidden}.clarity-image img{height:110%;width:100%;object-fit:cover;filter:grayscale(1);transform:translateY(var(--parallax,0px))}.clarity-image>span{position:absolute;bottom:1.2cqw;left:1.5cqw;color:white;font-size:.6cqw;letter-spacing:.13em;text-shadow:0 1px 4px #000}.clarity-bottom{position:absolute;bottom:2.2cqw;left:4cqw;font-family:var(--serif);font-style:italic;font-size:1.4cqw}
/* Orbit: orange, expressive, sculptural */
.scene-orbit{--scene-ink:#201b17;--scene-bg:#ee6035}.orbit-copy{position:absolute;left:4.5cqw;top:18cqw;z-index:2}.orbit-copy h2{font-size:8.2cqw;font-weight:600;letter-spacing:-.065em;line-height:.94;margin:2cqw 0}.orbit-copy .scene-action{background:#221d18;color:#fce4d6;border-color:#221d18}.orbital-object{width:42cqw;height:42cqw;position:absolute;right:-2cqw;top:12cqw;transform:rotate(-25deg);perspective:800px;isolation:isolate}.orbital-object i{position:absolute;inset:4cqw;border:3.4cqw solid #36251c;border-radius:50%;box-shadow:inset .5cqw .5cqw .8cqw #e0b588,.6cqw .6cqw 1.3cqw #77331088;transform:rotateY(58deg) rotateX(30deg);background:transparent;animation:orbitTurn 16s ease-in-out infinite}.orbital-object i:nth-child(2){transform:rotateY(-58deg) rotateX(30deg);animation-delay:-4s;border-color:#5d3b29}.orbital-object i:nth-child(3){transform:rotateX(65deg);animation-delay:-8s;border-color:#2d201b}.orbital-object i:nth-child(4){inset:13cqw;border-width:1.6cqw;border-color:#cca080;animation-delay:-12s}.orbital-object>span{position:absolute;inset:0;display:grid;place-items:center;font-size:13cqw;font-family:var(--serif);color:#f0c294;z-index:-1}.orbit-bottom{position:absolute;bottom:3cqw;left:4.5cqw;right:4.5cqw;display:flex;align-items:center;gap:2cqw;border-top:1px solid #291e1b55;padding-top:2cqw;font-size:.8cqw}.orbit-plus{font-size:4cqw;line-height:1}.orbit-bottom>span:last-child{margin-left:auto;font-size:.65cqw}
/* Personal Edit: a portrait and overlapping type */
.scene-personal{--scene-ink:#382b3d;--scene-bg:#d4c0e5}.scene-personal .scene-nav b{font-size:1.5cqw;font-family:var(--serif)}.personal-portrait{position:absolute;top:12cqw;left:10cqw;width:37cqw;height:45cqw;overflow:hidden}.personal-portrait img{width:100%;height:110%;object-fit:cover;object-position:center 35%;filter:grayscale(1);transform:translateY(var(--parallax,0px))}.personal-portrait>span{position:absolute;bottom:1.5cqw;left:1.5cqw;font-size:.6cqw;letter-spacing:.12em;color:white;background:#0006;padding:.4cqw}.personal-title{position:absolute;left:42cqw;top:20cqw;z-index:2}.personal-title h2{font-family:var(--serif);font-size:8.8cqw;line-height:.9;letter-spacing:-.06em;margin-left:-5cqw}.personal-title .scene-kicker{margin-left:0}.personal-title p{margin-top:3cqw}.personal-title .scene-action{border-radius:0;border-width:0 0 1px;padding-left:0;padding-right:0}.personal-seal{position:absolute;right:8cqw;top:11cqw;border:1px solid #382b3d;border-radius:50%;width:7.5cqw;height:7.5cqw;display:grid;place-content:center;text-align:center;font-size:.9cqw;line-height:1.4;transform:rotate(15deg);animation:sealTurn 16s ease-in-out infinite}
/* Momentum: giant type and uncompromising contrast */
.scene-momentum{--scene-ink:#171910;--scene-bg:#ddf900}.scene-momentum .scene-nav{border-bottom:1px solid #17191080}.scene-momentum .scene-nav b{font-size:2cqw;font-weight:700}.momentum-title{position:absolute;top:13cqw;left:4cqw;z-index:2}.momentum-title h2{font-family:var(--condensed);font-size:16cqw;font-weight:700;letter-spacing:-.04em;line-height:.75;margin-top:2cqw}.momentum-outline{color:transparent;-webkit-text-stroke:.14cqw #171910}.momentum-symbol{position:absolute;right:1cqw;top:5cqw;font-size:38cqw;line-height:1;font-family:Arial;transform:rotate(0deg);animation:arrowNudge 4s ease-in-out infinite}.momentum-side{position:absolute;left:60cqw;top:40cqw}.momentum-side>span{font-size:.65cqw;letter-spacing:.1em}.momentum-side p{font-size:1.05cqw;margin-top:1.4cqw}.momentum-side .scene-action{background:#171910;color:#ddf900;border-radius:0;font-size:.75cqw}.momentum-tape{position:absolute;left:-5%;right:-5%;bottom:2cqw;transform:rotate(-3deg);background:#171910;color:#ddf900;padding:.9cqw 0;white-space:nowrap;overflow:hidden;font-size:1.3cqw;font-weight:600;letter-spacing:.1em}.momentum-tape span{display:block;width:max-content;animation:marquee 24s linear infinite}
/* Rendezvous: hospitality-inspired coastal luxury */
.scene-rendezvous{--scene-ink:#254c64;--scene-bg:#f3eee3}.scene-rendezvous .scene-nav b{font-family:var(--serif);font-size:2.2cqw;font-weight:400}.rendezvous-title{position:absolute;top:11cqw;width:100%;text-align:center;z-index:2}.rendezvous-title h2{font-family:var(--serif);font-size:8.5cqw;line-height:.88;margin:2cqw 0}.rendezvous-image{position:absolute;left:37cqw;top:28cqw;width:33cqw;height:33cqw;border-radius:50% 50% 0 0;overflow:hidden}.rendezvous-image img{width:100%;height:115%;object-fit:cover;transform:translateY(var(--parallax,0px))}.rendezvous-left{position:absolute;top:38cqw;left:7cqw}.rendezvous-left>span{font-size:.6cqw;letter-spacing:.12em}.rendezvous-left p{font-family:var(--serif);font-size:1.7cqw;line-height:1.3;margin:1.7cqw 0}.rendezvous-left .scene-action{font-size:.7cqw;border:0;border-bottom:1px solid;border-radius:0;padding-left:0;padding-right:0}.rendezvous-stamp{position:absolute;right:12cqw;top:40cqw;font-family:var(--serif);font-size:7cqw;line-height:1;text-align:center;font-style:italic}.rendezvous-stamp small{font-family:var(--sans);font-size:.5cqw;letter-spacing:.2em;display:block;font-style:normal}.scene-rendezvous .scene-foot{font-size:.5cqw;bottom:1.5cqw}
/* Live, complete template pages */
.preview-studio{background:#1c1d1b;min-height:100vh}.preview-toolbar{height:68px;position:sticky;top:0;z-index:50;background:#111310;display:flex;align-items:center;gap:24px;padding:0 26px;border-bottom:1px solid #44483a;color:#edeedf;font-size:12px}.preview-back{display:flex;align-items:center;gap:8px;color:#abb29f}.preview-name{display:flex;flex-direction:column;gap:2px;border-left:1px solid #424637;padding-left:24px}.preview-name strong{font-weight:500}.preview-name span{font-size:7px;letter-spacing:1.5px;color:#8f9880}.preview-controls{display:flex;gap:4px;margin-left:auto}.preview-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:4px;color:#a2ab93}.preview-controls button[aria-pressed=true],.preview-controls button:hover{background:#283021;color:#d7edb1;border-color:#536346}.preview-toolbar .button{font-size:11px;padding:10px 16px;border-radius:4px;background:#d7edb1;color:#1a2614}.preview-canvas{max-width:1800px;margin:auto;transition:max-width .6s cubic-bezier(.2,.7,.2,1)}.preview-canvas.is-mobile{max-width:390px;box-shadow:0 0 60px #0006}.preview-progress{position:fixed;bottom:0;left:0;height:3px;width:100%;background:#d7edb1;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:60}.scene-full .scene-hero{height:61cqw;max-height:1050px;min-height:620px}.scene-full .scene-nav{font-size:clamp(9px,.72cqw,14px)}.scene-full .scene-kicker{font-size:clamp(9px,.7cqw,14px)}.scene-full .scene-hero p{font-size:clamp(12px,1cqw,18px)}.scene-full .scene-action{font-size:clamp(11px,.85cqw,16px)}.scene-marquee{overflow:hidden;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:1.7cqw 0;font-size:1.6cqw;letter-spacing:.03em;white-space:nowrap}.scene-marquee span>span{margin:0 2cqw}.scene-story{padding:9cqw 8cqw}.scene .scroll-copy,.scroll-copy{font-family:var(--serif);font-size:5.2cqw;line-height:1.12;letter-spacing:-.025em;margin:4cqw 0 0;color:inherit}.scroll-copy>span{opacity:.17;transition:opacity .12s linear}.story-tail{display:flex;justify-content:space-between;align-items:end;margin-top:4cqw;gap:10cqw}.story-tail>span{font-size:.65cqw;letter-spacing:.1em}.story-tail>p{width:32cqw;margin:0;font-size:1cqw}.scene-details{padding:2cqw 8cqw 9cqw;display:grid;grid-template-columns:1fr 1fr;gap:4cqw 7cqw}.scene-details>div:first-child{align-self:end}.scene-details h2{font-family:var(--serif);font-size:6cqw;line-height:1;max-width:40cqw}.scene-detail-art{height:43cqw;grid-column:2;grid-row:span 2;position:relative;overflow:hidden}.scene-detail-art>img{width:100%;height:112%;object-fit:cover;transform:translateY(var(--parallax,0px))}.scene-detail-art .orbital-object{top:1cqw;right:-2cqw}.scene-detail-notes>div{display:flex;align-items:center;gap:1.5cqw;border-top:1px solid color-mix(in srgb,var(--scene-ink) 30%,transparent);padding:1.7cqw 0}.scene-detail-notes span{font-size:.7cqw;opacity:.6}.scene-detail-notes h3{font-size:1.2cqw;letter-spacing:-.02em;margin:0;font-weight:400}.scene-detail-notes svg{margin-left:auto}.scene-end{padding:8cqw;text-align:center;border-top:1px solid color-mix(in srgb,var(--scene-ink) 30%,transparent)}.scene-end h2{font-family:var(--serif);font-size:7cqw;max-width:75cqw;margin:3cqw auto}.scene-end>a{display:inline-flex;align-items:center;gap:3cqw;font-size:1.1cqw;background:var(--scene-ink);color:var(--scene-bg);border-radius:30px;padding:1.4cqw 2cqw}.scene-end>p{font-size:.7cqw;margin-top:4cqw;opacity:.7}.scene-orbit .scene-story,.scene-momentum .scene-story{background:#181a13;color:var(--scene-bg)}.scene-orbit .scroll-copy,.scene-momentum .scroll-copy{font-family:var(--sans);font-weight:500}.scene-orbit .scene-details h2{font-family:var(--sans);font-weight:600}.scene-momentum .scene-details h2,.scene-momentum .scene-end h2{font-family:var(--condensed);font-weight:700;text-transform:uppercase}.scene-momentum .scene-detail-art{background:#181a13;color:#ddf900;display:grid;place-items:center}.detail-arrow{font-size:40cqw;line-height:1;animation:arrowNudge 4s ease-in-out infinite}.scene-personal .scene-detail-art{border-radius:45% 45% 0 0}.scene-rendezvous .scene-detail-art{border-radius:50% 50% 0 0}.scene-clarity .scene-detail-art img{filter:grayscale(1)}
/* Reveal and scroll choreography, with accessible static fallback. */
[data-reveal]{opacity:1;transform:none}.reveal-text{display:inline}.word-mask{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em;line-height:inherit}.word-mask>span{display:inline-block;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s;transition-delay:var(--word-delay,0ms)}html[data-motion=on] [data-reveal]:not(.is-visible):not(.reveal-text){opacity:0;transform:translateY(35px)}[data-reveal]:not(.reveal-text){transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1)}html[data-motion=on] .reveal-text:not(.is-visible) .word-mask>span{transform:translateY(115%);opacity:0}.collection-card:nth-child(even){transition-delay:100ms}.hero h1{animation:heroIn 1s cubic-bezier(.16,1,.3,1) both}.browser-preview .scene{border-radius:0 0 5px 5px}.wizard-preview .scene,.wizard-aside .scene{width:100%}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes orbitTurn{0%,100%{transform:rotateY(58deg) rotateX(30deg) rotateZ(0)}50%{transform:rotateY(125deg) rotateX(-30deg) rotateZ(100deg)}}@keyframes sealTurn{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-12deg)}}@keyframes arrowNudge{0%,100%{transform:translate(0,0)}50%{transform:translate(1cqw,-1cqw)}}@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}html[data-motion=off] [data-reveal],html[data-motion=off] .word-mask>span,html[data-motion=off] .scroll-copy>span{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}html:not([data-motion=on]) [data-reveal],html:not([data-motion=on]) .word-mask>span,html:not([data-motion=on]) .scroll-copy>span{opacity:1!important;transform:none!important}}
@media(max-width:900px){.collection-intro,.collection-body{padding-left:28px;padding-right:28px}.collection-intro h1{font-size:13vw}.collection-grid{gap:40px 20px}.collection-topline>span:last-child{display:none}.collection-toolbar h2{font-size:42px}.collection-search{min-width:190px}.collection-meta p{font-size:11px}.collection-intro{padding-top:40px}.collection-intro-bottom>a{font-size:8px;gap:12px}.live-preview-chip{opacity:1;transform:none;font-size:8px;padding:6px 9px}.preview-toolbar{gap:14px;padding:0 16px}.preview-name{padding-left:14px}.preview-controls{gap:0}}
@media(max-width:600px){.collection-intro,.collection-body{padding-left:20px;padding-right:20px}.collection-intro{padding-top:32px;padding-bottom:35px}.collection-intro h1{font-size:17vw;margin:42px 0 30px}.intro-asterisk{right:0;font-size:.65em;top:30%}.collection-intro-bottom{display:block}.collection-intro-bottom p{font-size:12px}.collection-intro-bottom>a{margin-top:25px;justify-content:space-between}.collection-intro-bottom>a>span{width:35px;height:35px}.collection-marquee{padding:14px 0;font-size:10px}.collection-marquee i{margin:0 25px}.collection-body{padding-top:38px}.collection-toolbar{align-items:start;flex-direction:column;gap:20px}.collection-toolbar h2{font-size:40px}.collection-search{width:100%;padding:10px 0}.collection-filters{gap:6px}.collection-filters button{font-size:9px;padding:6px 8px}.collection-grid{grid-template-columns:1fr;gap:36px}.collection-meta h3{font-size:25px}.collection-meta p{font-size:12px}.collection-manifesto{padding:75px 0 60px}.collection-manifesto .scroll-copy{font-size:39px}.collection-manifesto>p:last-child{font-size:12px}.preview-toolbar{height:60px;gap:10px;padding:0 10px}.preview-back span,.preview-name span{display:none}.preview-name{padding-left:10px;max-width:115px;font-size:10px}.preview-toolbar .button{font-size:10px;padding:9px 11px;gap:6px;white-space:nowrap}.preview-controls button{width:26px}.preview-controls button:nth-child(1),.preview-controls button:nth-child(2){display:none}.preview-toolbar .button svg{width:12px}.preview-canvas.is-mobile{max-width:100%}}
/* Mobile art direction applies to real previews, not desktop thumbnail compositions. */
@container(max-width:600px){.scene-full .scene-hero{height:160cqw;min-height:0;max-height:none}.scene-full .scene-nav{padding:6cqw;font-size:2.1cqw}.scene-full .scene-nav b{font-size:5cqw}.scene-full .scene-nav b span{font-size:2cqw}.scene-full .scene-nav>span:nth-child(2){display:none}.scene-full .scene-kicker{font-size:2cqw;letter-spacing:.12em}.scene-full .scene-foot{left:6cqw;right:6cqw;bottom:5cqw;font-size:1.6cqw}.scene-full .scene-action{font-size:2.5cqw;padding:3cqw 4cqw;gap:4cqw;margin-top:3cqw}.scene-full .scene-action svg{width:3cqw;height:3cqw}.scene-full .scene-hero p{font-size:3cqw;line-height:1.7}.scene-full .emerald-title{left:6cqw;bottom:25cqw}.scene-full .emerald-title h2{font-size:19cqw;margin:6cqw 0}.scene-full .emerald-title p{margin-top:6cqw}.scene-full .scene-background{object-position:58% center}.scene-full .clarity-layout{inset:23cqw 6cqw 13cqw;grid-template-columns:1fr;gap:7cqw}.scene-full .clarity-copy{justify-content:start}.scene-full .clarity-copy h2{font-size:15cqw;margin:5cqw 0}.scene-full .clarity-index{display:none}.scene-full .clarity-image{height:52cqw}.scene-full .clarity-image>span{font-size:1.8cqw;padding:2cqw}.scene-full .clarity-bottom{font-size:3.5cqw;bottom:5cqw;left:6cqw}.scene-full .orbit-copy{left:6cqw;top:27cqw}.scene-full .orbit-copy h2{font-size:15cqw;margin:5cqw 0}.scene-full .orbital-object{width:65cqw;height:65cqw;top:86cqw;right:-4cqw}.scene-full .orbital-object i{border-width:5cqw}.scene-full .orbital-object>span{font-size:20cqw}.scene-full .orbit-bottom{font-size:2cqw;bottom:6cqw;left:6cqw;right:6cqw;padding-top:3cqw}.scene-full .orbit-bottom>span:last-child{font-size:1.5cqw}.scene-full .orbit-plus{font-size:9cqw}.scene-full .personal-portrait{left:6cqw;top:25cqw;width:61cqw;height:82cqw}.scene-full .personal-portrait>span{font-size:1.7cqw;padding:2cqw;bottom:3cqw}.scene-full .personal-title{left:22cqw;top:86cqw}.scene-full .personal-title .scene-kicker{display:none}.scene-full .personal-title h2{font-size:17cqw;margin-left:0;text-shadow:0 0 20px #d4c0e580}.scene-full .personal-title p{margin-top:5cqw}.scene-full .personal-seal{right:6cqw;top:30cqw;width:20cqw;height:20cqw;font-size:2.4cqw}.scene-full .momentum-title{top:25cqw;left:6cqw}.scene-full .momentum-title h2{font-size:28cqw;margin-top:5cqw}.scene-full .momentum-symbol{top:53cqw;right:-5cqw;font-size:58cqw}.scene-full .momentum-side{left:45cqw;top:110cqw}.scene-full .momentum-side>span{font-size:1.5cqw}.scene-full .momentum-side p{font-size:2.8cqw;margin-top:3cqw}.scene-full .momentum-side .scene-action{font-size:2cqw}.scene-full .momentum-tape{font-size:3cqw;padding:2cqw;bottom:5cqw}.scene-full .rendezvous-title{top:26cqw}.scene-full .rendezvous-title h2{font-size:17cqw;margin-top:5cqw}.scene-full .rendezvous-image{top:72cqw;left:34cqw;width:56cqw;height:70cqw}.scene-full .rendezvous-left{top:91cqw;left:6cqw;width:31cqw;z-index:2}.scene-full .rendezvous-left>span{font-size:1.7cqw}.scene-full .rendezvous-left p{font-size:4.2cqw;line-height:1.2}.scene-full .rendezvous-left .scene-action{font-size:2cqw;padding:3cqw 0;background:#f3eee3}.scene-full .rendezvous-stamp{font-size:10cqw;right:7cqw;top:63cqw}.scene-full .rendezvous-stamp small{display:none}.scene-full .scene-marquee{padding:4cqw 0;font-size:4cqw}.scene-full .scene-story{padding:18cqw 6cqw}.scene-full .scroll-copy{font-size:10cqw;margin:8cqw 0}.scene-full .story-tail{display:block}.scene-full .story-tail>span{font-size:2cqw}.scene-full .story-tail>p{width:100%;font-size:3.3cqw;margin-top:6cqw}.scene-full .scene-details{padding:3cqw 6cqw 18cqw;display:flex;flex-direction:column;gap:7cqw}.scene-full .scene-details>div:first-child{align-self:start}.scene-full .scene-details h2{font-size:13cqw;max-width:85cqw;margin:5cqw 0}.scene-full .scene-detail-art{height:100cqw;width:100%}.scene-full .scene-detail-art .orbital-object{top:10cqw;width:85cqw;height:85cqw}.scene-full .detail-arrow{font-size:95cqw}.scene-full .scene-detail-notes>div{padding:5cqw 0;gap:4cqw}.scene-full .scene-detail-notes span{font-size:2.6cqw}.scene-full .scene-detail-notes h3{font-size:4cqw}.scene-full .scene-end{padding:16cqw 6cqw}.scene-full .scene-end h2{font-size:14cqw;max-width:100%;margin:8cqw 0}.scene-full .scene-end>a{padding:4cqw 6cqw;font-size:3.5cqw}.scene-full .scene-end>p{font-size:2.6cqw;margin-top:8cqw}}

/* Preserve display scale over the shared paragraph rule. */
.scene .scroll-copy{font-size:5.2cqw;line-height:1.12}.scene-full .scene-story{scroll-margin-top:68px}.personal-title{left:47cqw}.personal-title h2{margin-left:0;font-size:8cqw}.personal-portrait{width:34cqw}.scene-full .scene-nav a{border-bottom:1px solid currentColor;padding-bottom:.3cqw}.scene-full .scene-nav a:hover{opacity:.65}@container(max-width:600px){.scene-full .scroll-copy{font-size:10cqw}.scene-full .personal-title{left:12cqw;top:102cqw}.scene-full .personal-title h2{font-size:16cqw}.scene-full .personal-portrait{width:65cqw;height:72cqw}.scene-full .personal-title p{margin-top:4cqw;font-size:2.8cqw}.scene-full.scene-personal .scene-foot{display:none}.scene-full.scene-personal .scene-hero{height:175cqw}}

@container(max-width:600px){.scene-full.scene-emerald .scene-shade{background:linear-gradient(90deg,#071b18b3,#071b1840),linear-gradient(0deg,#071b1870,transparent 70%)}}

@container(max-width:600px){.scene-full.scene-momentum .scene-hero{height:175cqw}}

/* Vol. 02: six additional, independently composed visual worlds. */
.scene-nocturne{--scene-bg:#151513;--scene-ink:#dbc797}.scene-nocturne .scene-nav b{font-family:var(--serif);font-size:1.45cqw;font-weight:400;letter-spacing:.3em}.nocturne-eclipse{position:absolute;top:9cqw;left:32cqw;width:36cqw;height:28cqw}.eclipse-disc{position:absolute;inset:2cqw 6cqw;border-radius:50%;background:radial-gradient(circle at 30% 15%,#353021 0,#191913 40%,#10110f 65%);box-shadow:1cqw -.4cqw 1.2cqw -.7cqw #f4d49a,2cqw -.5cqw 3cqw -1.6cqw #bd8847,inset -.2cqw .2cqw .7cqw #b39a65;animation:eclipseBreathe 8s ease-in-out infinite}.eclipse-track{position:absolute;inset:-1cqw 0;border:1px solid #a8905440;border-radius:50%;transform:rotate(-30deg) scaleY(.6);animation:eclipseOrbit 30s linear infinite}.nocturne-eclipse:before,.nocturne-eclipse:after{content:'';position:absolute;inset:0 -6cqw;border:1px solid #a890541c;border-radius:50%;transform:rotate(-25deg) scaleY(.72)}.nocturne-eclipse:after{inset:-3cqw -10cqw;transform:rotate(-25deg) scaleY(.75)}.nocturne-eclipse>i{position:absolute;top:2cqw;right:6cqw;width:.4cqw;height:.4cqw;background:#f1d39c;border-radius:50%;box-shadow:0 0 1.8cqw #f1d39c}.nocturne-copy{position:absolute;left:4cqw;right:4cqw;top:37cqw;text-align:center}.nocturne-copy h2{font-family:var(--serif);font-size:7.7cqw;line-height:1;margin:1.7cqw 0}.nocturne-copy p{font-size:.9cqw;opacity:.8}.nocturne-copy .scene-action{border-radius:0;border:0;border-bottom:1px solid #ab9563;padding:.8cqw 0}.scene-nocturne .scene-foot{border-top:1px solid #a38b4f33;padding-top:1.4cqw}.scene-nocturne .scene-detail-art{background:#1b1c16;border:1px solid #a38b4f33;display:grid;place-items:center}.scene-nocturne .scene-detail-art .nocturne-eclipse{left:0;top:10cqw}.scene-nocturne .scene-end{background:#1d1e17}
/* Solstice: masthead, panorama, editorial caption. */
.scene-solstice{--scene-bg:#eee2cd;--scene-ink:#9e3e28}.scene-solstice .scene-nav{padding-top:2cqw;padding-bottom:2cqw}.solstice-masthead{position:absolute;left:4cqw;right:4cqw;top:6.5cqw;font-family:var(--serif);font-size:14.5cqw;letter-spacing:-.065em;line-height:1;text-align:center}.solstice-panorama{position:absolute;top:22cqw;left:4cqw;right:4cqw;height:27cqw;overflow:hidden}.solstice-panorama img{width:100%;height:120%;max-width:none;object-fit:cover;object-position:50% 68%;transform:translateY(var(--parallax,0px));filter:saturate(.75)}.solstice-panorama>span{position:absolute;top:1.5cqw;left:2cqw;font-size:.65cqw;letter-spacing:.15em;color:#fff9e8;text-shadow:0 1px 5px #0006}.solstice-caption{position:absolute;top:46cqw;left:10cqw;right:4cqw;background:#eee2cd;padding:2cqw 0 0 3cqw;display:flex;flex-wrap:wrap;align-items:center;gap:.4cqw 2cqw}.solstice-caption>.scene-kicker{width:100%;font-size:.55cqw}.solstice-caption h2{font-family:var(--serif);font-size:6.2cqw;margin:0;line-height:1.1}.solstice-caption .scene-action{margin-left:auto;font-size:.7cqw;padding:.9cqw 1.2cqw;border-radius:0}.solstice-sun{position:absolute;top:42cqw;left:4cqw;font-family:var(--serif);font-size:8cqw;line-height:1;animation:slowSpin 35s linear infinite;z-index:3}.scene-solstice .scene-foot{bottom:2cqw;font-size:.55cqw}.scene-solstice .scene-details{grid-template-columns:1fr 1.2fr}.scene-solstice .scene-detail-art{height:36cqw;align-self:center}.scene-solstice .scene-end{background:#9e3e28;color:#eee2cd}.scene-solstice .scene-end>a{background:#eee2cd;color:#9e3e28}
/* Monograph: Swiss graphic publication. */
.scene-monograph{--scene-bg:#f5f5f0;--scene-ink:#243fc1}.scene-monograph .scene-nav{padding-bottom:2cqw;border-bottom:1px solid #243fc155}.scene-monograph .scene-nav b{font-size:1.5cqw;letter-spacing:-.05em}.monograph-grid{position:absolute;inset:10cqw 4cqw 9cqw;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.monograph-copy{grid-row:span 2;border-right:1px solid #243fc155;padding:2cqw 3cqw 0 0}.monograph-copy h2{font-size:9.4cqw;line-height:.88;font-weight:600;letter-spacing:-.075em;margin:3cqw 0 2cqw}.monograph-copy .scene-action{padding:1cqw 0;border:0;border-bottom:1px solid currentColor;border-radius:0}.monograph-square{background:#243fc1;color:#f5f5f0;display:grid;place-items:center;margin-left:3cqw;overflow:hidden}.monograph-mark{display:block;font-family:Arial;font-size:20cqw;line-height:1;animation:slowSpin 30s linear infinite}.monograph-index{margin-left:3cqw;padding-top:3cqw;display:flex;flex-direction:column;gap:.65cqw;font-family:monospace;font-size:.7cqw;letter-spacing:.03em}.monograph-index p{font-family:var(--sans);font-size:1.25cqw;line-height:1.4;margin-top:1cqw}.monograph-bottom{position:absolute;bottom:0;left:0;right:0;background:#243fc1;color:white;padding:1.5cqw 4cqw;display:flex;align-items:center;justify-content:space-between;font-size:.9cqw;letter-spacing:.1em}.monograph-bottom>span{font-size:2.7cqw;line-height:1}.scene-monograph .scene-details h2{font-family:var(--sans);font-weight:500}.scene-monograph .scene-detail-art{background:#243fc1;color:white;display:grid;place-items:center}.scene-monograph .scene-story{border-bottom:1px solid #243fc155}.scene-monograph .scroll-copy{font-family:var(--sans)}
/* Botanica: sculptural petals, soft growth. */
.scene-botanica{--scene-bg:#f0d9dc;--scene-ink:#244e37}.scene-botanica .scene-nav{border-bottom:1px solid #244e3725}.scene-botanica .scene-nav b{font-family:var(--serif);font-size:2.5cqw;font-weight:400}.botanica-copy{position:absolute;left:5cqw;top:18cqw;z-index:3}.botanica-copy h2{font-family:var(--serif);font-size:10.5cqw;line-height:.87;margin:3cqw 0}.botanica-copy p{margin-top:3cqw}.botanica-copy .scene-action{background:#244e37;color:#f8e7e8;border-color:#244e37}.botanica-flower{position:absolute;width:53cqw;height:53cqw;right:-2cqw;top:9cqw}.botanica-flower>div{position:absolute;inset:0;animation:slowSpin 70s linear infinite}.botanica-flower i{position:absolute;left:36%;top:8%;width:28%;height:43%;border-radius:80% 30% 65% 35%;background:linear-gradient(115deg,#bfd0a0 0,#759565 35%,#31513a 75%,#1e392d);box-shadow:inset .3cqw .2cqw .7cqw #e5ecc175,.5cqw .7cqw 1cqw #244e3725;transform-origin:50% 98%;transform:rotate(calc(var(--petal)*40deg));opacity:.97}.botanica-flower>b{position:absolute;top:42%;left:42%;width:16%;height:16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e6d29a,#798952 45%,#274331 85%);box-shadow:0 0 2cqw #18382655;animation:petalBreathe 7s ease-in-out infinite}.botanica-medallion{position:absolute;right:9cqw;bottom:8cqw;width:11cqw;height:11cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;border:1px solid #244e3770;background:#eee7cf;font-size:.6cqw;letter-spacing:.13em;z-index:2;transform:rotate(12deg)}.botanica-medallion em{font-family:var(--serif);font-size:1.6cqw;letter-spacing:0}.scene-botanica .scene-detail-art{background:#e5e7cc;border-radius:50% 50% 3px 3px}.scene-botanica .scene-detail-art .botanica-flower{width:43cqw;height:43cqw;right:-4cqw;top:2cqw}.scene-botanica .scene-end{background:#244e37;color:#f0d9dc}.scene-botanica .scene-end>a{background:#f0d9dc;color:#244e37}
/* Signal: precision grid and translucent structures. */
.scene-signal{--scene-bg:#e4ebf4;--scene-ink:#17263e}.scene-signal .scene-nav{border-bottom:1px solid #17263e30;padding-bottom:2cqw}.scene-signal .scene-nav b{font-family:monospace;font-size:1.4cqw}.signal-word{position:absolute;top:8cqw;left:4cqw;font-family:var(--sans);font-size:17cqw;font-weight:600;line-height:1;letter-spacing:-.085em;color:#263df5;z-index:2}.signal-word>span:last-child{font-size:2cqw;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:2cqw;margin-left:1cqw}.signal-grid{position:absolute;inset:25cqw 4cqw 6cqw;background-image:linear-gradient(#263df512 1px,transparent 1px),linear-gradient(90deg,#263df512 1px,transparent 1px);background-size:3cqw 3cqw;border:1px solid #263df524;overflow:hidden}.signal-grid:after{content:'';position:absolute;top:0;left:-15%;width:12%;height:100%;background:linear-gradient(90deg,transparent,#4b70ff16,transparent);animation:signalScan 12s ease-in-out infinite}.signal-panels{position:absolute;top:28cqw;right:11cqw;width:30cqw;height:30cqw;perspective:700px;z-index:2}.signal-panels>div{position:absolute;inset:0;border:1px solid #6d83bb80;background:linear-gradient(135deg,#f5faffc9,#6e8ce842);border-radius:1cqw;box-shadow:1cqw 1.2cqw 2cqw #20326412,inset 0 0 1cqw #fff5;transform:translate(calc(var(--panel)*2cqw),calc(var(--panel)*-1.5cqw)) rotateX(48deg) rotateZ(-35deg);animation:signalFloat 7s ease-in-out infinite;animation-delay:calc(var(--panel)*-.6s)}.signal-panels>div>i{position:absolute;inset:3cqw;border:1px solid #5673ba55;border-radius:50%}.signal-panels span{position:absolute;top:1cqw;left:1.3cqw;font-size:1.3cqw;color:#263df5}.signal-panels b{position:absolute;right:3cqw;bottom:1cqw;font-size:10cqw;font-weight:400;color:#263df5}.signal-copy{position:absolute;top:30cqw;left:7cqw;z-index:3}.signal-copy h2{font-family:var(--sans);font-size:5.5cqw;font-weight:500;line-height:1;letter-spacing:-.065em;margin:2cqw 0}.signal-copy p{font-size:.9cqw}.signal-copy .scene-action{background:#263df5;color:white;border-color:#263df5;border-radius:.2cqw}.signal-bottom{position:absolute;bottom:0;left:0;right:0;background:#263df5;color:#ecf2ff;padding:1.5cqw 4cqw;display:flex;justify-content:space-between;font-family:monospace;font-size:.65cqw}.scene-signal .scene-detail-art{background:linear-gradient(135deg,#c8d4e8,#edf2fb);border:1px solid #263df533;overflow:visible}.scene-signal .scene-detail-art .signal-panels{right:6cqw;top:9cqw;width:25cqw;height:25cqw}.scene-signal .scroll-copy,.scene-signal .scene-details h2{font-family:var(--sans)}
/* After Hours: a typographic invitation with a decorative waveform. */
.scene-afterhours{--scene-bg:#301c2b;--scene-ink:#efb899}.scene-afterhours .scene-nav{border-bottom:1px solid #efb89940}.scene-afterhours .scene-nav b{font-family:var(--serif);font-size:3cqw;font-style:italic}.after-copy{position:absolute;left:8cqw;right:8cqw;top:13cqw;text-align:center;z-index:2}.after-copy h2{font-family:var(--condensed);font-size:17cqw;font-weight:700;line-height:.79;letter-spacing:-.03em;margin:3cqw 0 1.8cqw}.after-copy p{font-size:.9cqw}.after-copy .scene-action{border-radius:0;border:0;border-bottom:1px solid currentColor;padding:.7cqw 0}.after-ticket{position:absolute;top:28cqw;right:5cqw;background:#e1ec91;color:#34272c;width:18cqw;padding:2cqw;transform:rotate(10deg);z-index:3;box-shadow:.5cqw 1cqw 2cqw #100d1640;animation:ticketTilt 9s ease-in-out infinite}.after-ticket:before,.after-ticket:after{content:'';position:absolute;top:40%;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#301c2b}.after-ticket:before{left:-.65cqw}.after-ticket:after{right:-.65cqw}.after-ticket span{display:block;font-size:.65cqw;letter-spacing:.1em}.after-ticket b{display:block;font-family:var(--sans);font-weight:500;font-size:2.1cqw;line-height:1.1;margin:1.5cqw 0}.after-ticket span:last-child{border-top:1px dashed #34272c70;padding-top:1cqw}.after-wave{position:absolute;left:4cqw;right:4cqw;bottom:0;height:6cqw;display:flex;align-items:end;justify-content:space-between;gap:.5cqw;opacity:.7}.after-wave i{display:block;width:1.3cqw;height:var(--bar);background:#d58b92;border-radius:.5cqw .5cqw 0 0;transform-origin:bottom;animation:wavePulse 4s ease-in-out infinite;animation-delay:var(--delay)}.after-side{position:absolute;left:3cqw;top:22cqw;writing-mode:vertical-rl;font-size:.6cqw;letter-spacing:.15em;transform:rotate(180deg)}.scene-afterhours .scene-detail-art{border:1px solid #efb89940;background:#251623}.scene-afterhours .scene-detail-art .after-wave{height:30cqw;bottom:5cqw;left:3cqw;right:3cqw;align-items:center;opacity:1}.scene-afterhours .scene-detail-art .after-wave i{border-radius:.4cqw;transform-origin:center}.scene-afterhours .scene-end h2{font-family:var(--condensed);font-weight:700;text-transform:uppercase}
@keyframes eclipseBreathe{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.25);transform:scale(1.025)}}@keyframes eclipseOrbit{from{transform:rotate(-30deg) scaleY(.6)}to{transform:rotate(330deg) scaleY(.6)}}@keyframes petalBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes signalScan{0%,100%{transform:translateX(0)}50%{transform:translateX(1000%)}}@keyframes signalFloat{0%,100%{transform:translate(calc(var(--panel)*2cqw),calc(var(--panel)*-1.5cqw)) rotateX(48deg) rotateZ(-35deg)}50%{transform:translate(calc(var(--panel)*2cqw),calc(var(--panel)*-1.5cqw - 1.5cqw)) rotateX(42deg) rotateZ(-32deg)}}@keyframes ticketTilt{0%,100%{transform:rotate(10deg)}50%{transform:rotate(6deg)}}@keyframes wavePulse{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@container(max-width:600px){
.scene-full.scene-nocturne .scene-nav b{font-size:3cqw}.scene-full .nocturne-eclipse{top:25cqw;left:15cqw;width:70cqw;height:55cqw}.scene-full .eclipse-disc{inset:5cqw 12cqw}.scene-full .nocturne-copy{top:89cqw;left:6cqw;right:6cqw}.scene-full .nocturne-copy h2{font-size:16cqw;line-height:.95;margin:6cqw 0}.scene-full .nocturne-copy h2>em{display:block}.scene-full .nocturne-copy p{font-size:2.8cqw}.scene-full .nocturne-copy .scene-action{padding:2cqw 0}.scene-full.scene-nocturne .scene-detail-art .nocturne-eclipse{top:18cqw;left:8cqw}.scene-full.scene-nocturne .scene-foot{padding-top:3cqw;font-size:1.4cqw}
.scene-full .solstice-masthead{top:22cqw;font-size:17cqw;left:4cqw;right:4cqw}.scene-full .solstice-panorama{top:44cqw;height:62cqw;left:5cqw;right:5cqw}.scene-full .solstice-panorama>span{font-size:1.8cqw;top:3cqw;left:3cqw}.scene-full .solstice-caption{top:101cqw;left:12cqw;right:5cqw;display:block;padding:4cqw 0 0 4cqw}.scene-full .solstice-caption>.scene-kicker{font-size:1.7cqw}.scene-full .solstice-caption h2{font-size:12cqw;line-height:.95;margin-top:3cqw}.scene-full .solstice-caption .scene-action{font-size:2.4cqw;padding:2.5cqw 3cqw;margin-top:4cqw}.scene-full .solstice-sun{top:96cqw;font-size:17cqw;left:3cqw}.scene-full.scene-solstice .scene-foot{font-size:1.3cqw}.scene-full.scene-solstice .scene-detail-art{height:75cqw}
.scene-full.scene-monograph .scene-nav b{font-size:4cqw}.scene-full .monograph-grid{inset:25cqw 6cqw 13cqw;grid-template-columns:1.45fr 1fr;grid-template-rows:49cqw 1fr}.scene-full .monograph-copy{padding:0 3cqw 0 0}.scene-full .monograph-copy .scene-kicker{font-size:1.65cqw;max-width:36cqw}.scene-full .monograph-copy h2{font-size:15cqw;line-height:.94;margin:7cqw 0 9cqw}.scene-full .monograph-copy .scene-action{font-size:2.4cqw;padding:3cqw 0}.scene-full .monograph-mark{font-size:27cqw}.scene-full .monograph-index{font-size:1.6cqw;gap:3cqw;padding-top:7cqw;margin-left:4cqw}.scene-full .monograph-index p{font-size:3cqw;line-height:1.5;margin-top:4cqw}.scene-full .monograph-bottom{padding:4cqw 6cqw;font-size:2cqw}.scene-full .monograph-bottom>span{font-size:6cqw}.scene-full.scene-monograph .scene-detail-art .monograph-mark{font-size:70cqw}
.scene-full .botanica-copy{left:6cqw;top:25cqw}.scene-full .botanica-copy h2{font-size:19cqw;line-height:.87;margin:6cqw 0}.scene-full .botanica-copy p{font-size:2.7cqw}.scene-full .botanica-flower{top:77cqw;right:-5cqw;width:85cqw;height:85cqw}.scene-full .botanica-medallion{right:65cqw;bottom:12cqw;width:25cqw;height:25cqw;font-size:1.7cqw}.scene-full .botanica-medallion em{font-size:3.5cqw}.scene-full.scene-botanica .scene-foot{font-size:1.3cqw}.scene-full.scene-botanica .scene-detail-art .botanica-flower{width:95cqw;height:95cqw;right:-4cqw;top:3cqw}
.scene-full .signal-word{font-size:21cqw;top:23cqw;left:6cqw}.scene-full .signal-word>span:last-child{font-size:3cqw;margin-left:1cqw}.scene-full .signal-grid{inset:51cqw 6cqw 11cqw;background-size:7cqw 7cqw}.scene-full .signal-copy{top:58cqw;left:10cqw}.scene-full .signal-copy h2{font-size:10cqw;margin:4cqw 0}.scene-full .signal-copy p{font-size:2.7cqw}.scene-full .signal-copy .scene-action{font-size:2.6cqw;padding:3cqw 4cqw}.scene-full .signal-copy .scene-kicker{font-size:1.65cqw}.scene-full .signal-panels{top:108cqw;right:22cqw;width:36cqw;height:36cqw}.scene-full .signal-panels b{font-size:15cqw}.scene-full .signal-panels span{font-size:3cqw;left:2cqw;top:2cqw}.scene-full .signal-bottom{font-size:1.4cqw;padding:4cqw 6cqw}.scene-full.scene-signal .scene-detail-art .signal-panels{width:60cqw;height:60cqw;right:18cqw;top:17cqw}
.scene-full.scene-afterhours .scene-nav b{font-size:7cqw}.scene-full .after-copy{top:28cqw;left:6cqw;right:6cqw}.scene-full .after-copy .scene-kicker{font-size:1.65cqw}.scene-full .after-copy h2{font-size:29cqw;line-height:.8;margin:7cqw 0 7cqw}.scene-full .after-copy p{font-size:3cqw}.scene-full .after-copy .scene-action{padding:3cqw 0;margin-top:3cqw}.scene-full .after-ticket{top:112cqw;right:9cqw;width:29cqw;padding:3cqw}.scene-full .after-ticket span{font-size:1.6cqw}.scene-full .after-ticket b{font-size:3.7cqw;margin:2cqw 0}.scene-full .after-ticket span:last-child{padding-top:2cqw}.scene-full .after-wave{height:20cqw;left:6cqw;right:6cqw;gap:1cqw}.scene-full .after-wave i{width:2cqw}.scene-full .after-side{top:40cqw;left:2cqw;font-size:1.4cqw}.scene-full.scene-afterhours .scene-detail-art .after-wave{height:75cqw;left:6cqw;right:6cqw;bottom:10cqw}
}
@container(max-width:600px){.scene-full.scene-nocturne .scene-hero{height:175cqw}.scene-full.scene-botanica .scene-nav b{font-size:6cqw}.scene-full.scene-signal .scene-nav b{font-size:4cqw}.scene-full.scene-botanica .scene-hero>.botanica-flower{top:78cqw;width:74cqw;height:74cqw}}

/* Scoped additions only. The twelve signature compositions stay unchanged. */
.scene-quantum{--scene-bg:#080b19;--scene-ink:#eeedff}.scene-nextgen{--scene-bg:#f9faff;--scene-ink:#242437}.scene-horizonluxury{--scene-bg:#ece8df;--scene-ink:#30332e}.scene-digitalwealth{--scene-bg:#22221f;--scene-ink:#ede9df}
.premium-scene .scene-hero{isolation:isolate}.premium-scene .scene-nav{z-index:6}.premium-scene .scene-nav b{font-size:1.8cqw;letter-spacing:-.06em}.premium-scene .scene-action{border-radius:.3cqw;gap:2cqw}.premium-scene .scene-action:hover{transform:translateY(-3px)}.premium-foot{position:absolute;bottom:2.3cqw;left:4cqw;right:4cqw;display:flex;justify-content:space-between;font-size:.6cqw;letter-spacing:.13em;z-index:4}.premium-scene h2 em{font-style:normal}
.quantum-grid{position:absolute;inset:0;background-image:linear-gradient(#a1adff09 1px,transparent 1px),linear-gradient(90deg,#a1adff09 1px,transparent 1px);background-size:6cqw 6cqw;mask-image:linear-gradient(90deg,transparent,#000)}.quantum-copy{position:absolute;left:6cqw;top:18cqw;z-index:3}.quantum-copy .scene-kicker{color:#a4a9ff}.quantum-copy h2{font-family:var(--sans);font-weight:500;font-size:7.7cqw;line-height:1.04;letter-spacing:-.065em;margin:2.5cqw 0}.quantum-copy h2 em{color:#a4a9ff}.quantum-copy p{color:#bdc1d6}.quantum-copy .scene-action{background:#d1d2ff;border:0;color:#171933}.quantum-sculpture{position:absolute;right:0;top:8cqw;width:52cqw;height:52cqw;perspective:900px}.quantum-ring{position:absolute;inset:7cqw;border-radius:50%;border:2.5cqw solid #7f8fff;background:linear-gradient(135deg,#111a4888,transparent);box-shadow:inset 0 0 2cqw #8e7bff,0 0 3cqw #4d5fff88,0 0 8cqw #6557ff55;transform:rotateY(-35deg) rotateX(25deg);animation:quantumTurn 22s ease-in-out infinite}.quantum-ring.inner{inset:13cqw;border-width:.3cqw;border-color:#d3caff;animation-direction:reverse;box-shadow:0 0 2cqw #9991ff77}.quantum-core{position:absolute;inset:20cqw;background:#8188ff;border-radius:50%;box-shadow:0 0 8cqw 3cqw #6267ff77;animation:premiumBreathe 9s ease-in-out infinite}.quantum-axis{position:absolute;inset:5cqw;border:1px solid #9c9fff44;border-radius:50%;transform:rotateX(70deg) rotate(-30deg)}.quantum-glass{position:absolute;z-index:4;border:1px solid #929eff55;border-radius:1cqw;background:linear-gradient(135deg,#343552b8,#101426e8);box-shadow:0 1cqw 3cqw #0004;padding:1.8cqw;width:18cqw;animation:premiumFloat 9s ease-in-out infinite}.quantum-glass span{font-size:.6cqw;letter-spacing:.14em;color:#bfc4ff;display:block}.quantum-glass b{font-weight:400;font-size:1.5cqw;display:block;line-height:1.25;margin-top:1.4cqw}.q-one{right:4cqw;top:18cqw}.q-two{right:21cqw;bottom:7cqw;width:16cqw;animation-delay:-4s}.q-one i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#d9cbff,transparent);margin-top:2cqw}
.scene-nextgen .scene-nav{margin:2cqw 4cqw;padding:1.2cqw 2cqw;border:1px solid #dedff2;border-radius:10cqw;background:#fff8}.scene-nextgen .scene-nav a{background:#242437;color:white;padding:.6cqw 1.2cqw;border-radius:4cqw;border:0}.next-copy{position:absolute;left:6cqw;top:16cqw;z-index:3}.next-copy .scene-kicker{color:#5149d9}.next-copy h2{font-family:var(--sans);font-size:6.5cqw;line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:2.5cqw 0}.next-copy h2 em{color:#5149d9}.next-copy p{color:#636475}.next-copy .scene-action{background:#5149d9;color:#fff;border:0;border-radius:5cqw}.next-sculpture{position:absolute;width:37cqw;height:39cqw;top:12cqw;right:4cqw;perspective:900px;animation:premiumFloat 10s ease-in-out infinite}.next-sculpture>i{position:absolute;inset:7cqw 2cqw;border-radius:8cqw 3cqw;background:linear-gradient(130deg,#fcfbff,#c7bcff 45%,#7262c1);box-shadow:1cqw 1.4cqw 2cqw #7770b333,inset .3cqw .3cqw .3cqw #fff;transform:rotateX(50deg) rotateZ(-30deg);border:1px solid #cac2ed}.next-sculpture>i:nth-child(2){top:11cqw;bottom:3cqw}.next-sculpture>i:nth-child(3){top:15cqw;bottom:-1cqw}.next-sculpture>i:nth-child(4){top:19cqw;bottom:-5cqw}.next-sculpture>b{position:absolute;z-index:5;top:9cqw;left:12cqw;font-size:12cqw;font-weight:400;color:#5149d9;transform:rotate(-15deg)}.next-float{position:absolute;z-index:5;background:#fff;border:1px solid #e8e6f4;border-radius:1.2cqw;box-shadow:0 1cqw 3cqw #5149d918;padding:1.7cqw;animation:premiumFloat 12s ease-in-out infinite}.next-float span{display:block;font-size:.55cqw;letter-spacing:.09em;color:#6f7080}.next-float b{display:block;font-size:1.2cqw;font-weight:500;margin-top:1cqw;line-height:1.4}.n-one{top:13cqw;right:2cqw;width:19cqw}.n-one .next-dot{position:absolute;right:1.3cqw;bottom:1.3cqw;border-radius:50%;background:#edebff;color:#5149d9;font-size:1.8cqw;width:3cqw;height:3cqw;text-align:center}.n-two{top:43cqw;right:16cqw;width:20cqw;animation-delay:-3s}.next-bottom{position:absolute;bottom:0;left:0;right:0;padding:2cqw 6cqw;display:flex;justify-content:space-between;background:#eceaff;border-top:1px solid #d8d3f3;font-size:.65cqw;letter-spacing:.1em}
.luxury-background{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;object-position:center 55%;transform:translateY(var(--parallax,0px));filter:sepia(.25)}.luxury-shade{position:absolute;inset:0;background:linear-gradient(0deg,#151b17b0,transparent 80%),linear-gradient(90deg,#12171388,#1d201844)}.scene-horizonluxury .scene-hero{color:#f4eee2}.scene-horizonluxury .scene-nav{border-bottom:1px solid #ffffff44;margin:0 4cqw;padding:2cqw 0}.scene-horizonluxury .scene-nav b{font-family:var(--serif);font-size:2.3cqw;letter-spacing:.05em}.luxury-index{position:absolute;left:4cqw;top:12cqw;font-size:.6cqw;letter-spacing:.2em}.luxury-copy{position:absolute;left:6cqw;bottom:8cqw}.luxury-copy h2{font-family:var(--serif);font-weight:400;font-size:11cqw;line-height:.85;letter-spacing:-.055em;margin:2.5cqw 0 0}.luxury-copy h2 em{font-style:italic}.luxury-invitation{position:absolute;bottom:9cqw;right:6cqw;border:1px solid #f4eee270;background:#28302b44;padding:2cqw;width:24cqw}.luxury-invitation>span{font-size:.6cqw;letter-spacing:.15em}.luxury-invitation p{font-family:var(--serif);font-size:2cqw!important;line-height:1.3!important;margin:2cqw 0}.luxury-invitation .scene-action{border:0;border-bottom:1px solid;padding:1cqw 0;font-size:.8cqw}
.scene-digitalwealth .scene-nav{border-bottom:1px solid #cbb89144}.scene-digitalwealth .scene-nav b{font-family:var(--serif);font-weight:400;font-size:2cqw}.wealth-title{position:absolute;top:12cqw;width:100%;text-align:center;z-index:3}.wealth-title .scene-kicker{color:#cbb891}.wealth-title h2{font-family:var(--serif);font-weight:400;line-height:.85;letter-spacing:-.05em;font-size:9.5cqw;margin:2cqw 0}.wealth-title h2 em{font-style:italic}.wealth-sculpture{position:absolute;top:30cqw;left:36cqw;width:27cqw;height:26cqw;perspective:800px;animation:wealthTurn 18s ease-in-out infinite}.wealth-sculpture i{position:absolute;inset:0;border-radius:50% 10% 50% 10%;border:1px solid #e4d3ae;background:linear-gradient(110deg,#322c20,#b79c67 25%,#f1e2c4 48%,#9e8354 67%,#342d20);transform:rotateY(55deg) rotateZ(25deg);box-shadow:1cqw 1cqw 2cqw #0004}.wealth-sculpture i:nth-child(2){transform:rotateY(55deg) rotateZ(60deg)}.wealth-sculpture i:nth-child(3){transform:rotateY(55deg) rotateZ(95deg)}.wealth-sculpture i:nth-child(4){transform:rotateY(55deg) rotateZ(130deg)}.wealth-sculpture i:nth-child(5){transform:rotateY(55deg) rotateZ(165deg)}.wealth-note{position:absolute;left:6cqw;top:35cqw;z-index:4}.wealth-note>span,.wealth-index{font-size:.6cqw;letter-spacing:.13em;color:#cbb891}.wealth-note p{font-family:var(--serif);font-size:1.8cqw!important;line-height:1.4!important}.wealth-note .scene-action{border:0;border-bottom:1px solid #cbb891;padding:1cqw 0;font-size:.75cqw}.wealth-index{position:absolute;right:6cqw;top:40cqw;display:grid;gap:1.5cqw;border-top:1px solid #cbb89177;padding-top:2cqw}
.premium-intro{padding:9cqw 8cqw;border-bottom:1px solid color-mix(in srgb,var(--scene-ink) 20%,transparent)}.premium-intro .scroll-copy{font-size:5.5cqw}.premium-context{max-width:35cqw;margin:3cqw 0 0 auto;font-size:1cqw;opacity:.75}.scene-nextgen .premium-intro{background:#eeecff}.scene-nextgen .premium-intro .scroll-copy,.scene-quantum .premium-intro .scroll-copy{font-family:var(--sans);font-weight:400;letter-spacing:-.05em}.scene-digitalwealth .premium-intro{background:#ede9df;color:#292923}.premium-chapters{padding:8cqw;display:grid;grid-template-columns:1fr 1fr;gap:4cqw 7cqw;align-items:start}.premium-section-title h2{font-family:var(--serif);font-size:5.8cqw;font-weight:400;line-height:1;margin:2cqw 0}.scene-nextgen .premium-section-title h2,.scene-quantum .premium-section-title h2{font-family:var(--sans);font-size:4.8cqw;letter-spacing:-.055em}.premium-detail-art,.luxury-story-image{position:relative;height:44cqw;grid-column:2;grid-row:span 2;overflow:hidden;border-radius:1cqw;background:color-mix(in srgb,var(--scene-ink) 5%,var(--scene-bg))}.premium-detail-art .quantum-sculpture{top:0;right:-8cqw}.premium-detail-art .next-sculpture{top:0;right:0}.premium-detail-art .wealth-sculpture{top:10cqw;left:5cqw}.luxury-story-image{border-radius:0}.luxury-story-image img{width:100%;height:115%;object-fit:cover;transform:translateY(var(--parallax,0px))}.premium-topic-list article{position:relative;border-top:1px solid color-mix(in srgb,var(--scene-ink) 30%,transparent);padding:2cqw 3cqw 2cqw 0}.premium-topic-list article>span{font-size:.7cqw;opacity:.6}.premium-topic-list h3{font-size:1.5cqw;font-weight:500;line-height:1.3;margin:1cqw 0}.premium-topic-list p{font-size:1cqw;opacity:.75;line-height:1.6}.premium-topic-list svg{position:absolute;right:0;top:2cqw;width:1.4cqw}.premium-contact{text-align:center;padding:8cqw;border-top:1px solid color-mix(in srgb,var(--scene-ink) 20%,transparent)}.premium-contact h2{font-family:var(--serif);font-size:7cqw;font-weight:400;line-height:1;max-width:65cqw;margin:3cqw auto}.premium-contact>p{font-size:1.2cqw}.premium-contact>a{display:inline-flex;gap:3cqw;align-items:center;background:var(--scene-ink);color:var(--scene-bg);padding:1.4cqw 2cqw;margin:2cqw 0;border-radius:.3cqw;font-size:1cqw;transition:transform .3s}.premium-contact>a:hover{transform:translateY(-3px)}.premium-contact small{display:block;font-size:.7cqw;line-height:1.8;opacity:.65}.scene-nextgen .premium-contact{background:#e8e5ff}.scene-quantum .premium-contact{background:radial-gradient(ellipse at bottom,#25234d,transparent)}
@keyframes premiumFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2cqw)}}@keyframes premiumBreathe{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@keyframes quantumTurn{0%,100%{transform:rotateY(-35deg) rotateX(25deg)}50%{transform:rotateY(-12deg) rotateX(-15deg)}}@keyframes wealthTurn{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}
@container(max-width:600px){.scene-full.premium-scene .scene-hero{height:180cqw}.scene-full.premium-scene .scene-nav b{font-size:5cqw}.scene-full.premium-scene .premium-foot{left:6cqw;right:6cqw;bottom:5cqw;font-size:1.4cqw}.scene-full .quantum-copy{top:27cqw;left:6cqw}.scene-full .quantum-copy h2{font-size:13.5cqw;margin:6cqw 0}.scene-full .quantum-copy .scene-kicker{font-size:1.8cqw}.scene-full .quantum-sculpture{width:80cqw;height:80cqw;top:90cqw;right:0}.scene-full .quantum-ring{inset:12cqw;border-width:4cqw}.scene-full .quantum-ring.inner{inset:22cqw;border-width:.5cqw}.scene-full .quantum-core{inset:34cqw}.scene-full .quantum-glass{padding:3cqw;width:31cqw}.scene-full .quantum-glass span{font-size:1.5cqw}.scene-full .quantum-glass b{font-size:3.5cqw;margin-top:3cqw}.scene-full .q-one{top:110cqw;right:4cqw}.scene-full .q-two{right:52cqw;bottom:17cqw;width:29cqw}.scene-full.scene-nextgen .scene-nav{margin:4cqw;padding:3cqw 4cqw}.scene-full.scene-nextgen .scene-nav a{padding:2cqw 3cqw}.scene-full .next-copy{left:6cqw;top:28cqw}.scene-full .next-copy h2{font-size:12cqw;margin:5cqw 0}.scene-full .next-sculpture{width:65cqw;height:58cqw;top:101cqw;right:7cqw}.scene-full .next-sculpture>i{inset:5cqw;border-radius:15cqw 5cqw}.scene-full .next-sculpture>i:nth-child(2){top:11cqw;bottom:-1cqw}.scene-full .next-sculpture>i:nth-child(3){top:17cqw;bottom:-7cqw}.scene-full .next-sculpture>i:nth-child(4){top:23cqw;bottom:-13cqw}.scene-full .next-sculpture>b{font-size:22cqw;left:22cqw;top:9cqw}.scene-full .next-float{padding:3cqw;border-radius:2cqw}.scene-full .next-float span{font-size:1.5cqw}.scene-full .next-float b{font-size:3cqw;margin-top:2cqw}.scene-full .n-one{top:105cqw;right:3cqw;width:40cqw}.scene-full .n-one .next-dot{width:6cqw;height:6cqw;font-size:4cqw}.scene-full .n-two{top:147cqw;right:50cqw;width:43cqw}.scene-full .next-bottom{font-size:1.5cqw;padding:4cqw;gap:4cqw}.scene-full.scene-nextgen .scene-hero{height:193cqw}.scene-full.scene-horizonluxury .scene-nav{padding:6cqw 0}.scene-full .luxury-index{font-size:1.6cqw;left:6cqw;top:27cqw}.scene-full .luxury-copy{left:6cqw;bottom:73cqw}.scene-full .luxury-copy h2{font-size:20cqw;margin-top:7cqw}.scene-full .luxury-invitation{right:6cqw;left:6cqw;bottom:17cqw;width:auto;padding:6cqw}.scene-full .luxury-invitation>span{font-size:2cqw}.scene-full .luxury-invitation p{font-size:5cqw!important;margin:4cqw 0}.scene-full .luxury-invitation .scene-action{font-size:2.5cqw}.scene-full .luxury-background{object-position:60% center}.scene-full .wealth-title{top:28cqw}.scene-full .wealth-title h2{font-size:18cqw;margin-top:6cqw}.scene-full .wealth-sculpture{width:57cqw;height:57cqw;top:80cqw;left:22cqw}.scene-full .wealth-note{top:140cqw;left:6cqw}.scene-full .wealth-note>span{font-size:1.8cqw}.scene-full .wealth-note p{font-size:4.3cqw!important;margin:3cqw 0}.scene-full .wealth-note .scene-action{font-size:2.5cqw}.scene-full .wealth-index{font-size:1.7cqw;top:147cqw;right:6cqw;gap:4cqw;padding-top:4cqw}.scene-full.scene-digitalwealth .scene-hero{height:200cqw}.scene-full .premium-intro{padding:18cqw 6cqw;scroll-margin-top:60px}.scene-full .premium-intro .scroll-copy{font-size:9cqw;line-height:1.15}.scene-full .premium-context{max-width:100%;font-size:3.5cqw;margin-top:7cqw}.scene-full .premium-chapters{display:flex;flex-direction:column;padding:12cqw 6cqw;gap:8cqw}.scene-full .premium-section-title h2{font-size:12cqw;margin:6cqw 0}.scene-full .premium-detail-art,.scene-full .luxury-story-image{width:100%;height:90cqw}.scene-full .premium-detail-art .quantum-sculpture{top:0;right:0}.scene-full .premium-detail-art .next-sculpture{top:0;right:5cqw}.scene-full .premium-detail-art .wealth-sculpture{top:15cqw;left:15cqw}.scene-full .premium-topic-list{width:100%}.scene-full .premium-topic-list article{padding:6cqw 8cqw 6cqw 0}.scene-full .premium-topic-list article>span{font-size:2.3cqw}.scene-full .premium-topic-list h3{font-size:5cqw;margin:3cqw 0}.scene-full .premium-topic-list p{font-size:3.4cqw}.scene-full .premium-topic-list svg{width:4cqw;top:6cqw}.scene-full .premium-contact{padding:18cqw 6cqw}.scene-full .premium-contact h2{font-size:13cqw;max-width:100%;margin:7cqw 0}.scene-full .premium-contact>p{font-size:3.5cqw}.scene-full .premium-contact>a{padding:4cqw 6cqw;font-size:3.5cqw;margin:5cqw 0}.scene-full .premium-contact small{font-size:2.4cqw}}

/* Additive fintech collection. Every design rule is scoped to fintech-scene. */
.fintech-scene{--ft-accent:#80b4ff;--ft-line:#ffffff24;--scene-bg:#081426;--scene-ink:#f0f5ff;--ft-muted:#b7c8df;background:var(--scene-bg);color:var(--scene-ink)}
.fintech-scene .ft-hero{height:67cqw;min-height:0;max-height:none;isolation:isolate}.fintech-scene .ft-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#1e4c8c66,transparent 55%),linear-gradient(#80b4ff08 1px,transparent 1px),linear-gradient(90deg,#80b4ff08 1px,transparent 1px);background-size:auto,6cqw 6cqw,6cqw 6cqw}.ft-nav{position:absolute;top:0;left:6cqw;right:6cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:2.6cqw 0;border-bottom:1px solid var(--ft-line);font-size:.72cqw;z-index:5}.ft-nav b{font-weight:500;font-size:1.65cqw;letter-spacing:-.045em}.ft-nav>span:nth-child(2){font-size:.55cqw;letter-spacing:.16em;color:var(--ft-muted)}.ft-nav a{padding:.6cqw 1cqw;border:1px solid var(--ft-line);border-radius:2cqw}.fintech-scene a:focus-visible,.fintech-scene summary:focus-visible{outline:3px solid var(--ft-accent);outline-offset:5px}.ft-headline{position:absolute;top:18cqw;left:6cqw;width:53cqw;z-index:3}.ft-eyebrow{font-size:.7cqw;letter-spacing:.17em;text-transform:uppercase;display:block;color:var(--ft-accent)}.fintech-scene .ft-headline :is(h1,h2){font-family:var(--sans);font-weight:500;font-size:7.2cqw;line-height:1.02;letter-spacing:-.06em;margin:2.5cqw 0}.fintech-scene .ft-headline :is(h1,h2) em{font-family:inherit;color:var(--ft-accent);font-style:normal}.fintech-scene .ft-headline>p{max-width:33cqw;font-size:1.12cqw;line-height:1.75;color:var(--ft-muted);margin:2cqw 0}.ft-cta{display:inline-flex;align-items:center;gap:2cqw;background:var(--ft-accent);color:var(--scene-bg);padding:1.2cqw 1.6cqw;font-size:.9cqw;line-height:1.4;border-radius:.4cqw;transition:transform .25s,box-shadow .25s}.ft-cta:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0003}.ft-cta span{font-size:1.4em}.ft-hero-footer{position:absolute;left:6cqw;right:6cqw;bottom:2.5cqw;display:flex;justify-content:space-between;font-size:.58cqw;letter-spacing:.12em;color:var(--ft-muted)}
.ft-console-art{position:absolute;right:0;top:11cqw;width:48cqw;height:48cqw}.ft-network{position:relative;width:100%;height:100%;color:var(--ft-accent)}.ft-network svg{width:100%;height:100%;opacity:.55}.ft-flow{stroke-dasharray:8 12;animation:ftFlow 24s linear infinite;stroke-width:2}.ft-network-core{position:absolute;left:33%;top:34%;width:37%;height:27%;border:1px solid var(--ft-line);background:var(--scene-bg);display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 0 4cqw #2875f333}.ft-network-core span,.ft-network-core small{font-size:.5cqw;letter-spacing:.12em}.ft-network-core b{font-size:3cqw;font-weight:500}.ft-node{position:absolute;font-size:.9cqw;background:var(--scene-bg);padding:.7cqw 1cqw;border:1px solid var(--ft-line)}.node-a{left:6%;top:18%}.node-b{right:2%;top:18%}.node-c{left:5%;bottom:17%}.node-d{right:1%;top:50%}.ft-console-panel{position:absolute;right:8cqw;top:14cqw;width:27cqw;padding:2.4cqw;border:1px solid #97c0ff77;border-radius:1cqw;background:linear-gradient(140deg,#3268aaeb,#0b2039f5);box-shadow:2cqw 3cqw 6cqw #0007;transform:rotate(-6deg);animation:ftConsoleFloat 9s ease-in-out infinite}.ft-console-panel>span{font-size:.55cqw;letter-spacing:.1em;display:flex;justify-content:space-between}.ft-console-panel>b{display:block;font-size:2.8cqw;line-height:1.13;letter-spacing:-.05em;margin:3cqw 0}.ft-console-panel>div{display:flex;flex-direction:column;gap:.7cqw}.ft-console-panel em{font-style:normal;font-size:.7cqw;border-top:1px solid #ffffff30;padding-top:.7cqw}.ft-console-panel small{display:block;font-size:.45cqw;margin-top:2cqw;color:#cfddf1}
/* Ownership: asymmetric editorial cover and ascending gold sculpture. */
.ft-ownershipjourney{--scene-bg:#151412;--scene-ink:#faf3e7;--ft-accent:#dfbf83;--ft-muted:#c3bbaa}.ft-ownershipjourney .ft-backdrop{background:radial-gradient(ellipse at 78% 75%,#b28b4740,transparent 55%)}.ft-ownershipjourney .ft-nav b{font-family:var(--serif);font-size:2.2cqw}.ft-ownershipjourney .ft-headline{top:20cqw;width:58cqw}.fintech-scene.ft-ownershipjourney .ft-headline :is(h1,h2){font-family:var(--serif);font-size:8.7cqw;line-height:.96;font-weight:400;letter-spacing:-.045em}.ft-ownershipjourney .ft-headline :is(h1,h2) em{font-style:italic}.ft-page-tab{position:absolute;right:7cqw;top:9cqw;padding:1cqw;background:#faf3e7;color:#151412;font-size:.65cqw;width:7cqw;height:9cqw;letter-spacing:.1em}.ft-page-tab b{display:block;font-family:var(--serif);font-size:4.5cqw;font-weight:400;line-height:1.1}.ft-steps{position:absolute;right:0;top:24cqw;width:43cqw;height:35cqw;perspective:900px}.ft-steps>div{position:absolute;left:calc(var(--step)*8cqw);bottom:calc(var(--step)*4.5cqw);width:10cqw;height:calc(7cqw + var(--step)*2cqw);background:linear-gradient(90deg,#6d5836,#b89c62 50%,#e7d2a6);transform:skewY(-20deg);box-shadow:1.5cqw 3cqw 3cqw #0008;border-left:1px solid #f3e0b3}.ft-steps>div:before{content:'';position:absolute;left:0;top:-2.9cqw;width:100%;height:3cqw;background:linear-gradient(130deg,#fff0c9,#a08652);transform:skewX(42deg);transform-origin:bottom}.ft-steps>div span{font-family:var(--serif);font-size:3.3cqw;padding:1cqw;display:block;color:#302719}.ft-steps>div i{position:absolute;top:0;width:2px;height:100%;background:#fff0c9;animation:ftGlint 5s ease-in-out infinite;animation-delay:calc(var(--step)*-.8s)}.ft-steps>p{position:absolute;bottom:-4cqw;right:6cqw;font-size:.6cqw;letter-spacing:.12em}
/* Lifestyle: centered copy, colourful horizon, orb and personal-goals phone. */
.ft-financialfreedom{--scene-bg:#26104c;--scene-ink:#faf3ff;--ft-accent:#8fe9ff;--ft-muted:#d5c7eb}.ft-financialfreedom .ft-backdrop{background:radial-gradient(ellipse at 50% 90%,#307cdd 0%,#443b9e 30%,transparent 65%),linear-gradient(145deg,#32144e,#251053)}.ft-financialfreedom .ft-headline{top:13cqw;left:12cqw;width:76cqw;text-align:center}.fintech-scene.ft-financialfreedom .ft-headline :is(h1,h2){font-size:7.8cqw;line-height:1.03}.ft-financialfreedom .ft-headline :is(h1,h2) em{font-family:var(--serif);font-style:italic}.fintech-scene.ft-financialfreedom .ft-headline>p{max-width:44cqw;margin:1.5cqw auto;font-size:1cqw}.ft-financialfreedom .ft-cta{border-radius:6cqw}.ft-globe{position:absolute;right:-1cqw;top:13cqw;width:52cqw;height:52cqw;color:var(--ft-accent);perspective:800px}.ft-globe-sphere{position:absolute;inset:8%;border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a1efff70,#16639550 40%,#06152b 80%);box-shadow:inset -2cqw -1cqw 5cqw #0009,0 0 5cqw #63d5ff20;overflow:hidden}.ft-meridians{position:absolute;inset:0;transform-style:preserve-3d;animation:ftGlobeTurn 55s linear infinite}.ft-meridians i{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;transform:rotateY(var(--longitude));opacity:.6}.ft-globe-sphere>span{position:absolute;left:0;right:0;height:18%;border:1px solid currentColor;border-radius:50%;opacity:.3}.ft-globe>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-12deg)}.ft-orbit-label{position:absolute;bottom:9%;right:0;font-size:.55cqw;letter-spacing:.14em}.ft-financialfreedom .ft-globe{width:46cqw;height:46cqw;right:27cqw;top:37cqw;opacity:.8}.ft-phone{position:absolute;left:16cqw;top:36cqw;width:18cqw;height:31cqw;border:2px solid #a0a9ee;border-radius:2cqw;padding:2cqw 1.5cqw;background:linear-gradient(150deg,#e5e1ff,#b6c7ff);box-shadow:0 2cqw 5cqw #10043188;color:#241c4d;transform:rotate(-13deg);animation:ftPhoneFloat 10s ease-in-out infinite}.ft-phone-top{font-size:.5cqw;letter-spacing:.09em;display:flex;justify-content:space-between}.ft-phone>b{font-size:2cqw;line-height:1.1;display:block;margin-top:2cqw;font-weight:500;letter-spacing:-.05em}.ft-phone-orb{width:8cqw;height:8cqw;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e8fcff,#875df3 60%,#20175a);margin:1cqw auto}.ft-phone-row{display:flex;justify-content:space-between;font-size:.6cqw}.ft-phone>p{font-size:.48cqw;letter-spacing:.1em;border-top:1px solid #241c4d30;padding-top:1cqw}.ft-phone strong{font-size:1.7cqw;line-height:1.1;font-weight:500}.ft-phone>small{display:block;font-size:.42cqw;margin-top:1cqw}.ft-life-note{position:absolute;right:9cqw;top:45cqw;background:#e9ccf3;color:#382051;border-radius:1cqw;padding:2.2cqw;font-size:1.7cqw;transform:rotate(9deg);box-shadow:0 2cqw 6cqw #0003}.ft-life-note em{font-family:var(--serif);font-size:2.4cqw}.ft-life-note>span{display:block;font-size:.5cqw;margin-top:2cqw;letter-spacing:.1em}.ft-financialfreedom .ft-hero-footer{z-index:5}
/* Enterprise: blueprints and precise connected modules. */
.ft-bankingecosystem{--scene-bg:#f2f5fa;--scene-ink:#122747;--ft-accent:#214fc7;--ft-muted:#52637d;--ft-line:#12274725}.ft-bankingecosystem .ft-nav{border-top:.4cqw solid #122747;padding-top:1.8cqw}.ft-bankingecosystem .ft-backdrop{background:linear-gradient(135deg,#fff,#eef3fa)}.ft-bankingecosystem .ft-headline{top:20cqw;width:49cqw}.fintech-scene.ft-bankingecosystem .ft-headline :is(h1,h2){font-size:6.8cqw;line-height:1.03}.ft-board{position:absolute;right:4cqw;top:18cqw;width:43cqw;height:38cqw;background:linear-gradient(145deg,#fff,#e5edf8);border:1px solid #c3d0e8;border-radius:1.5cqw;box-shadow:1cqw 2cqw 0 #cfdbef,2cqw 4cqw 5cqw #243d6c20;transform:rotate(-5deg);animation:ftConsoleFloat 12s ease-in-out infinite}.ft-board .ft-network-core{background:#214fc7;color:#fff;border-radius:.8cqw;box-shadow:0 1cqw 2cqw #214fc740}.ft-board .ft-node{background:white;border-radius:.5cqw;box-shadow:0 .5cqw 1cqw #20385818}.ft-bankingecosystem .ft-hero-footer{left:0;right:0;bottom:0;padding:1.5cqw 6cqw;background:#214fc7;color:white}.ft-facts{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2cqw;margin-top:4cqw;border-top:1px solid var(--ft-line);padding-top:2cqw;font-size:.8cqw}.ft-facts>span{letter-spacing:.1em}.ft-facts b{display:block;font-size:3cqw;line-height:1.2}.ft-facts small{display:block;font-size:.7cqw;color:var(--ft-muted);margin-top:.7cqw}
/* Bridge: full-width original suspension geometry, gold cables, teal deck. */
.ft-ownershipbridge{--scene-bg:#061c25;--scene-ink:#f2f3e8;--ft-accent:#e5c992;--ft-muted:#b1ccc9}.ft-ownershipbridge .ft-backdrop{background:radial-gradient(ellipse at 65% 85%,#2b8b8144,transparent 55%),linear-gradient(0deg,#122e38,#061b24)}.ft-ownershipbridge .ft-headline{top:15cqw;width:75cqw}.fintech-scene.ft-ownershipbridge .ft-headline :is(h1,h2){font-family:var(--serif);font-size:10cqw;line-height:.92;letter-spacing:-.04em}.ft-ownershipbridge .ft-headline :is(h1,h2) em{font-style:italic}.fintech-scene.ft-ownershipbridge .ft-headline>p{max-width:33cqw}.ft-bridge{position:absolute;width:70cqw;height:34cqw;right:-4cqw;bottom:6cqw;color:#dfbd7f;filter:drop-shadow(0 0 1cqw #68b9b02b)}.ft-bridge svg{width:100%;height:100%}.ft-bridge .ft-flow{stroke:#78e8d7}.ft-bridge-caption{display:flex;justify-content:space-between;font-size:.5cqw;letter-spacing:.08em;margin:0 3cqw}.ft-bridge-caption i{font-style:normal;color:#a4d4cb}.ft-ownershipbridge .ft-cta{background:#e5c992;color:#061c25}
/* Atlas: massive silver globe and green data-inspired educational labels. */
.ft-globalnetwork{--scene-bg:#101715;--scene-ink:#f1f5ef;--ft-accent:#a9f577;--ft-muted:#bac8bb}.ft-globalnetwork .ft-backdrop{background:radial-gradient(ellipse at 80% 60%,#75a57d20,transparent 55%),linear-gradient(#a9f57709 1px,transparent 1px),linear-gradient(90deg,#a9f57709 1px,transparent 1px);background-size:auto,5cqw 5cqw,5cqw 5cqw}.ft-globalnetwork .ft-headline{top:18cqw;width:60cqw}.fintech-scene.ft-globalnetwork .ft-headline :is(h1,h2){font-size:7.3cqw;line-height:1.02}.ft-globalnetwork .ft-globe{right:-8cqw;top:13cqw;width:62cqw;height:62cqw;z-index:1}.ft-silver .ft-globe-sphere{background:radial-gradient(circle at 30% 25%,#f0f4e97a,#73867840 40%,#09110d 80%);color:#cfddd1;box-shadow:inset -2cqw -2cqw 6cqw #000,0 0 3cqw #a9f57720}.ft-atlas-note{position:absolute;right:13cqw;bottom:7cqw;background:#141f19dd;border:1px solid #a9f57755;padding:1.6cqw 2cqw;z-index:3;animation:ftNoteFloat 10s ease-in-out infinite}.ft-atlas-note>span,.ft-atlas-note>i{display:block;font-size:.5cqw;letter-spacing:.1em;font-style:normal;color:#b6d2b6}.ft-atlas-note>b{display:block;font-size:1.5cqw;line-height:1.2;margin:1.2cqw 0;font-weight:400}.ft-map-stage{position:relative;background:#131e18;border:1px solid var(--ft-line);padding:3cqw;margin:3cqw 0}.ft-worldmap{width:100%;height:auto;color:var(--ft-accent)}.ft-map-stage>span{display:block;font-size:clamp(11px,.7cqw,14px);letter-spacing:.1em;color:var(--ft-muted)}
/* Reading layouts and functional, keyboard-operable educational disclosures. */
.fintech-scene.scene-full .ft-eyebrow{font-size:clamp(11px,.7cqw,14px)}.fintech-scene.scene-full .ft-nav{font-size:clamp(12px,.72cqw,16px)}.fintech-scene.scene-full .ft-cta{font-size:clamp(14px,.9cqw,18px);min-height:44px}.fintech-scene.scene-full .ft-headline>p{font-size:clamp(16px,1.12cqw,20px)}.ft-story{padding:7cqw 6cqw;display:grid;grid-template-columns:1fr 2.5fr;gap:4cqw;scroll-margin-top:80px}.ft-chapter-mark{font-size:7cqw;color:var(--ft-accent);display:block;margin-top:2cqw}.fintech-scene .ft-story .scroll-copy{font-size:4.1cqw;line-height:1.15;margin:0;font-family:var(--sans);letter-spacing:-.04em}.ft-story>div>p:last-child{font-size:clamp(16px,1.1cqw,20px);color:var(--ft-muted);max-width:60ch;line-height:1.8;margin:3cqw 0 0}.ft-learning{padding:5cqw 6cqw 7cqw}.ft-learning>header{max-width:64cqw}.fintech-scene .ft-learning h2{font-size:5.4cqw;font-family:var(--sans);font-weight:500;line-height:1.08}.ft-learning>header>p{color:var(--ft-muted);font-size:clamp(16px,1.1cqw,20px)}.ft-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;margin-top:4cqw;align-items:start}.ft-topic{border:1px solid var(--ft-line);background:color-mix(in srgb,var(--scene-ink) 4%,var(--scene-bg));transition:border-color .25s,transform .25s;border-radius:1cqw;overflow:hidden}.ft-topic:hover{border-color:var(--ft-accent);transform:translateY(-4px)}.ft-topic[open]{border-color:var(--ft-accent)}.ft-topic summary{list-style:none;cursor:pointer;padding:2.4cqw;position:relative;min-height:180px}.ft-topic summary::-webkit-details-marker,.ft-faq summary::-webkit-details-marker{display:none}.ft-topic-number{font-size:clamp(12px,.8cqw,16px);color:var(--ft-accent);display:block;letter-spacing:.13em}.fintech-scene .ft-topic h3{font-size:clamp(22px,2cqw,34px);font-weight:500;line-height:1.15;margin:3cqw 0 1cqw;letter-spacing:-.04em}.fintech-scene .ft-topic p{font-size:clamp(16px,1.05cqw,20px);line-height:1.7;margin:1cqw 0;color:var(--ft-muted)}.ft-expand{position:absolute;top:2cqw;right:2cqw;color:var(--ft-accent);font-size:24px;transition:transform .25s}.ft-topic[open] .ft-expand{transform:rotate(45deg)}.ft-topic-answer{padding:0 2.4cqw 2.4cqw}.ft-risk{margin:0 6cqw;padding:3cqw 4cqw;border:1px solid var(--ft-line);border-left:3px solid var(--ft-accent)}.ft-risk h3{font-size:clamp(24px,2.5cqw,40px);font-weight:400;margin:1cqw 0}.fintech-scene .ft-risk p{max-width:85ch;font-size:clamp(16px,1.05cqw,19px);color:var(--ft-muted);line-height:1.8}.ft-faq{display:grid;grid-template-columns:1fr 1.3fr;padding:8cqw 6cqw;gap:7cqw}.fintech-scene .ft-faq h2{font-size:4.4cqw;line-height:1.05;font-family:var(--sans)}.ft-faq h2 em{font-family:var(--serif);font-size:1.15em;color:var(--ft-accent)}.ft-faq details{border-bottom:1px solid var(--ft-line)}.ft-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:64px;padding:1.6cqw 0;cursor:pointer;font-size:clamp(16px,1.2cqw,21px)}.ft-faq summary span{color:var(--ft-accent);font-size:24px}.ft-faq p{font-size:clamp(16px,1.05cqw,19px);color:var(--ft-muted);padding:0 2cqw 2cqw 0;line-height:1.8}.ft-contact{padding:7cqw 6cqw 2cqw;border-top:1px solid var(--ft-line);position:relative;background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--ft-accent) 9%,transparent))}.fintech-scene .ft-contact h2{font-size:7cqw;max-width:75cqw;font-weight:500;line-height:1.06;margin:2cqw 0}.ft-contact>p{font-size:clamp(16px,1.1cqw,20px);color:var(--ft-muted);margin:2cqw 0}.ft-contact footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ft-line);padding-top:2cqw;margin-top:7cqw;font-size:clamp(11px,.65cqw,14px);color:var(--ft-muted)}
.ft-ownershipjourney .ft-story{background:#f5f0e6;color:#29251c;--ft-accent:#785c2e;--ft-muted:#6a604f}.ft-ownershipjourney .ft-story .scroll-copy{font-family:var(--serif);font-size:4.8cqw}.ft-ownershipjourney .ft-topic-grid{grid-template-columns:1fr;margin-left:27cqw;border-left:1px solid #dfbf8366;padding-left:3cqw;position:relative}.ft-ownershipjourney .ft-topic-grid:before{content:'';position:absolute;left:-1px;top:0;height:20%;width:2px;background:#efdcaf;animation:ftJourney 10s ease-in-out infinite}.ft-ownershipjourney .ft-topic{border-radius:0;background:transparent;border-left:0;border-right:0}.ft-ownershipjourney .ft-topic summary{min-height:140px}.ft-ownershipjourney .ft-topic h3{font-family:var(--serif);font-size:3.5cqw;margin:1cqw 0}.ft-ownershipjourney .ft-learning h2,.ft-ownershipjourney .ft-contact h2{font-family:var(--serif);font-weight:400}.ft-financialfreedom .ft-story{border-radius:5cqw 5cqw 0 0;background:#ede9f7;color:#291b40;--ft-muted:#655974;--ft-accent:#5338a1}.ft-financialfreedom .ft-topic:nth-child(2){background:#272967}.ft-financialfreedom .ft-topic:nth-child(3){background:#183d57}.ft-financialfreedom .ft-contact{margin:0 3cqw 3cqw;border-radius:3cqw;background:#e2d9f4;color:#291b40;--ft-muted:#5b4c74;--ft-accent:#493186}.ft-bankingecosystem .ft-topic-grid{grid-template-columns:1fr 1fr}.ft-bankingecosystem .ft-topic{background:#fff;border-radius:.4cqw}.ft-bankingecosystem .ft-contact{background:#214fc7;color:#fff;--ft-muted:#d4dfff;--ft-accent:#fff}.ft-bankingecosystem .ft-contact .ft-cta{color:#214fc7}.ft-ownershipbridge .ft-topic-grid{gap:0;border-top:1px solid var(--ft-accent)}.ft-ownershipbridge .ft-topic{border-radius:0;background:linear-gradient(150deg,#ffffff09,transparent);border-top:0}.ft-ownershipbridge .ft-learning h2,.ft-ownershipbridge .ft-contact h2{font-family:var(--serif)}.ft-globalnetwork .ft-topic-grid{margin-top:0;gap:0}.ft-globalnetwork .ft-topic{border-radius:0}
@keyframes ftFlow{to{stroke-dashoffset:-400}}@keyframes ftGlobeTurn{to{transform:rotateY(360deg)}}@keyframes ftConsoleFloat{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes ftPhoneFloat{50%{transform:translateY(-8px) rotate(-9deg)}}@keyframes ftNoteFloat{50%{transform:translateY(-8px)}}@keyframes ftGlint{50%{opacity:.2;transform:translateX(20px)}}@keyframes ftJourney{50%{transform:translateY(300%)}}
@container(max-width:600px){
.fintech-scene.scene-full .ft-hero{height:190cqw;min-height:0}.fintech-scene.scene-full .ft-nav{left:6cqw;right:6cqw;padding:5cqw 0;font-size:12px}.fintech-scene.scene-full .ft-nav b{font-size:4.6cqw}.fintech-scene.scene-full .ft-nav>span:nth-child(2){display:none}.fintech-scene.scene-full .ft-nav a{padding:10px;border-radius:25px;min-height:44px;display:flex;align-items:center}.fintech-scene.scene-full .ft-headline{left:6cqw;top:30cqw;width:88cqw;text-align:left}.fintech-scene.scene-full .ft-headline :is(h1,h2){font-size:13cqw;line-height:1.04;margin:6cqw 0}.fintech-scene.scene-full .ft-headline>p{max-width:100%;margin:4cqw 0;font-size:16px;line-height:1.65}.fintech-scene.scene-full .ft-cta{padding:13px 18px;border-radius:4px;gap:20px}.fintech-scene.scene-full .ft-eyebrow{font-size:10px;line-height:1.7}.fintech-scene.scene-full .ft-hero-footer{bottom:5cqw;font-size:8px;gap:5cqw}.fintech-scene.scene-full .ft-hero-footer>span{max-width:55%}.scene-full .ft-console-art{top:110cqw;right:4cqw;width:82cqw;height:69cqw}.scene-full .ft-console-panel{width:50cqw;right:12cqw;top:16cqw;padding:4cqw}.scene-full .ft-console-panel>b{font-size:5cqw;margin:5cqw 0}.scene-full .ft-console-panel>span,.scene-full .ft-console-panel small{font-size:1.5cqw}.scene-full .ft-console-panel em{font-size:2cqw;padding-top:2cqw}.scene-full .ft-network-core b{font-size:6cqw}.scene-full .ft-network-core span,.scene-full .ft-network-core small{font-size:1.3cqw}.scene-full .ft-node{font-size:2.5cqw;padding:2cqw}.fintech-scene.scene-full.ft-ownershipjourney .ft-headline :is(h1,h2){font-size:16cqw;line-height:.96}.scene-full .ft-page-tab{top:18cqw;right:6cqw;width:10cqw;height:12cqw;font-size:1.5cqw}.scene-full .ft-page-tab b{font-size:6cqw}.scene-full .ft-steps{top:134cqw;right:8cqw;transform:scale(1.6);transform-origin:right center}.fintech-scene.scene-full.ft-financialfreedom .ft-hero{height:200cqw}.fintech-scene.scene-full.ft-financialfreedom .ft-headline :is(h1,h2){font-size:13.5cqw}.scene-full.ft-financialfreedom .ft-globe{width:80cqw;height:80cqw;top:116cqw;right:5cqw}.scene-full .ft-phone{top:118cqw;left:10cqw;transform:scale(1.8) rotate(-13deg);transform-origin:top left;animation:ftPhoneFloatMobile 10s ease-in-out infinite}.scene-full .ft-life-note{top:150cqw;right:5cqw;transform:scale(1.4) rotate(9deg);transform-origin:right center}.scene-full.ft-bankingecosystem .ft-board{width:78cqw;height:64cqw;right:10cqw;top:118cqw}.fintech-scene.scene-full.ft-bankingecosystem .ft-headline :is(h1,h2){font-size:12.5cqw}.scene-full.ft-bankingecosystem .ft-hero-footer{bottom:0;padding:3cqw 6cqw}.fintech-scene.scene-full.ft-ownershipbridge .ft-headline :is(h1,h2){font-size:17cqw;line-height:.92}.scene-full.ft-ownershipbridge .ft-bridge{width:130cqw;height:65cqw;right:-15cqw;bottom:18cqw}.scene-full .ft-bridge-caption{margin:0 23cqw;font-size:1.4cqw}.scene-full .ft-bridge-caption i{display:none}.scene-full.ft-globalnetwork .ft-globe{top:110cqw;right:-10cqw;width:94cqw;height:94cqw}.scene-full .ft-orbit-label{font-size:1.4cqw}.scene-full .ft-atlas-note{bottom:18cqw;right:7cqw;padding:3cqw}.scene-full .ft-atlas-note>b{font-size:3.5cqw}.scene-full .ft-atlas-note>span,.scene-full .ft-atlas-note>i{font-size:1.4cqw}
.fintech-scene.scene-full .ft-story{display:block;padding:12cqw 6cqw}.scene-full .ft-chapter-mark{display:none}.fintech-scene.scene-full .ft-story .scroll-copy{font-size:8.5cqw;margin:6cqw 0}.scene-full .ft-learning{padding:12cqw 6cqw}.scene-full .ft-learning>header{max-width:100%}.fintech-scene.scene-full .ft-learning h2,.fintech-scene.scene-full .ft-faq h2{font-size:10cqw;line-height:1.08;margin:5cqw 0}.fintech-scene.scene-full .ft-topic-grid{grid-template-columns:1fr;gap:4cqw;margin:7cqw 0 0;padding-left:0;border-left:0}.scene-full.ft-ownershipjourney .ft-topic-grid:before{display:none}.scene-full .ft-topic summary{padding:6cqw;min-height:160px}.fintech-scene.scene-full .ft-topic h3{font-size:26px;margin:7cqw 0 3cqw}.scene-full .ft-expand{top:5cqw;right:5cqw}.scene-full .ft-topic-answer{padding:0 6cqw 5cqw}.scene-full .ft-risk{padding:7cqw 6cqw;margin:0 6cqw}.scene-full .ft-risk h3{margin:4cqw 0}.scene-full .ft-faq{display:block;padding:12cqw 6cqw}.scene-full .ft-faq summary{padding:5cqw 0}.scene-full .ft-faq p{padding-bottom:5cqw}.scene-full .ft-contact{padding:12cqw 6cqw 5cqw}.fintech-scene.scene-full .ft-contact h2{font-size:12cqw;max-width:100%;margin:5cqw 0}.scene-full .ft-contact footer{display:block;margin-top:12cqw;padding-top:5cqw}.scene-full .ft-contact footer span{display:block;margin:3cqw 0}.scene-full .ft-facts{grid-template-columns:1fr 1fr;gap:7cqw;font-size:14px;margin-top:8cqw;padding-top:6cqw}.scene-full .ft-facts b{font-size:30px}.scene-full .ft-facts small{font-size:12px}.scene-full .ft-map-stage{padding:4cqw}
}
/* New collection honors system accessibility without changing legacy preview behavior. */

/* Mobile artwork has its own space below the readable introduction. */
.fintech-scene.scene-full .ft-phone>p{font-size:.48cqw;line-height:1.4}
.fintech-scene.scene-full .ft-steps>p{font-size:.6cqw;line-height:1.4}
@container(max-width:600px){
.fintech-scene.scene-full .ft-hero{height:220cqw}
.scene-full .ft-console-art{top:140cqw}
.scene-full .ft-steps{top:163cqw}
.fintech-scene.scene-full.ft-financialfreedom .ft-hero{height:230cqw}
.scene-full.ft-financialfreedom .ft-globe{top:146cqw}
.scene-full .ft-phone{top:148cqw}
.scene-full .ft-life-note{top:180cqw}
.scene-full.ft-bankingecosystem .ft-hero{height:210cqw}
.scene-full.ft-bankingecosystem .ft-board{top:132cqw}
.scene-full.ft-globalnetwork .ft-hero{height:250cqw}
.scene-full.ft-globalnetwork .ft-globe{top:156cqw}
.scene-full .ft-atlas-note{bottom:22cqw}
.scene-full .ft-map-stage{overflow:visible}
}

/* Keep the mobile illustration at its intended scale throughout its float. */
@keyframes ftPhoneFloatMobile{0%,100%{transform:scale(1.8) rotate(-13deg)}50%{transform:translateY(-8px) scale(1.8) rotate(-9deg)}}

/* Playback policy only: template choreography and layout rules remain intact. */
[data-in-view=false],[data-in-view=false] *,[data-in-view=false]::before,[data-in-view=false]::after,[data-in-view=false] *::before,[data-in-view=false] *::after,
html[data-page-visible=false] *,html[data-page-visible=false] *::before,html[data-page-visible=false] *::after{animation-play-state:paused!important}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) *::before,html:not([data-motion=on]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not([data-motion=on]) [data-reveal],html:not([data-motion=on]) .word-mask>span,html:not([data-motion=on]) .scroll-copy>span{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion]) [data-reveal]:not(.reveal-text){opacity:0;transform:translateY(35px)}html:not([data-motion]) .reveal-text .word-mask>span{opacity:0;transform:translateY(115%)}}

.wizard-tips{padding:18px 20px;border:1px solid #d8ddcc;border-radius:12px;background:#f4f6ef;margin:18px 0;color:#324431;font-size:13px;line-height:1.7}.wizard-tips ol{padding-left:20px;margin:10px 0}.wizard-tips a{text-decoration:underline}.wizard-tips strong{display:block}.field-error{display:block;color:#a42626;font-size:12px;line-height:1.5;margin-top:6px}.field [aria-invalid=true]{border-color:#b83232}.field-hint{font-size:12px;line-height:1.6;color:#586350}.wizard-review{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;padding:15px;background:#f4f6ef;border-radius:10px;margin:15px 0;overflow-wrap:anywhere}.wizard-review span{display:block;color:#60705a}.prompt-actions{flex-wrap:wrap}.wizard-preview .privacy-note{overflow-wrap:anywhere}.wizard-reset{font-size:12px;text-decoration:underline;margin:10px 0 20px}.public-wizard .form-panel:focus{outline:none}.public-wizard .form-panel:focus-visible{outline:2px solid #536f40;outline-offset:4px}
@media(max-width:600px){.wizard-review{grid-template-columns:1fr}.wizard-tips{padding:14px;font-size:12px}.prompt-actions>*{flex:1 1 auto;text-align:center}}

.aweber-signup{margin-top:24px;padding:24px;border:1px solid #73cda466;border-radius:12px;background:#a0e5c509}.aweber-signup .eyebrow{display:flex;align-items:center;gap:8px}.aweber-signup h3{font-size:1.35rem;line-height:1.3;margin:12px 0}.aweber-signup p,.aweber-signup li{line-height:1.65}.aweber-signup>.button{margin:8px 0}.aweber-signup ol{padding-left:22px}.aweber-signup li{margin-bottom:8px}.aweber-signup .text-link{flex-wrap:wrap;white-space:normal}@media(max-width:600px){.aweber-signup{padding:18px}.aweber-signup>.button{width:100%;justify-content:center;white-space:normal}}

.language-picker{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.language-picker select{font:inherit;color:inherit;background:transparent;border:0;padding:4px 2px;max-width:116px;cursor:pointer}.language-picker option{background:#14261f;color:#f2f3eb}.language-picker:focus-within{outline:2px solid #a0e5c5;outline-offset:4px;border-radius:4px}.tempo-offer{margin:20px 0 26px;padding:24px;border:1px solid #73cda466;border-radius:12px;background:#a0e5c509}.tempo-offer h3{font-size:1.25rem;margin:0 0 12px}.tempo-offer p{line-height:1.65}.tempo-offer code{display:inline-block;color:#ade8c9;font-size:1.15rem;letter-spacing:.06em;border:1px dashed #82be9c77;padding:10px 14px;border-radius:6px;user-select:all}.tempo-offer-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tempo-offer .fine-print{margin-bottom:0}.collection-filters button{white-space:normal}.contact-picker button{overflow-wrap:anywhere}.wizard-steps button{white-space:normal}@media(max-width:600px){.language-picker select{max-width:100px;font-size:12px}.tempo-offer{padding:18px}.tempo-offer-actions{flex-direction:column}.tempo-offer-actions .button{justify-content:center;white-space:normal}.preview-toolbar .preview-name{min-width:0}.preview-toolbar .button{font-size:11px;white-space:normal}}