/* Shared responsive geometry; keep the approved artwork and aligned card rows. */
html[data-theme] {--gutter:clamp(16px,3.6vw,56px);scroll-padding-top:104px}
html[data-theme="dark"] {--bg:#050d16;--deep:#07121d;--surface:#0c1b28;--surface-2:#142837;--ink:#edf5fa;--muted:#b4c8d6;--quiet:#9db5c6;--line:#304b5d;--cyan:#a0e2ed;--gold:#dfc8a4;--navigation-bg:#091723}
html[data-theme="light"] {color-scheme:light;--bg:#f3f6fa;--deep:#edf3f8;--surface:#fff;--surface-2:#e9f1f7;--ink:#122b3c;--muted:#435e71;--quiet:#516c7e;--line:#bfd0dd;--line-light:#94afc1;--cyan:#086c86;--gold:#795821;--navigation-bg:#fff}
html[data-theme] body {background:var(--bg);color:var(--ink);padding-bottom:0;overflow-wrap:anywhere}
html[data-theme] :focus-visible {outline:2px solid var(--cyan);outline-offset:4px}
html[data-theme] .site-header {background:var(--navigation-bg);border-bottom-color:var(--line)}
html[data-theme] .nav-wrap {min-height:76px;display:flex;gap:18px;position:relative;align-items:center}
html[data-theme] .brand {gap:10px}
html[data-theme] .brand img {width:108px;max-height:44px;object-fit:contain}
html[data-theme] .brand>span {padding-left:10px;font-size:10px;letter-spacing:.16em;color:var(--muted)}
html[data-theme] .main-nav {flex:1;min-width:0;gap:18px;justify-content:center;align-items:center}
html[data-theme] .main-nav>a,html[data-theme] .navigation-more>summary {font-size:13px;line-height:1.5;font-weight:550;color:var(--muted);min-height:42px;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
html[data-theme] .main-nav a:hover,html[data-theme] .main-nav a.active,html[data-theme] .navigation-more>summary.active {color:var(--cyan)}
html[data-theme] .portal-link {font-size:12px;gap:7px;padding:9px 12px;min-height:40px;border-color:var(--line);flex-shrink:0}
html[data-theme] .portal-link .icon {width:15px;height:15px}
html[data-theme] .navigation-more {position:relative}
html[data-theme] .navigation-more>summary {list-style:none;user-select:none}
html[data-theme] .navigation-more>summary::-webkit-details-marker {display:none}
html[data-theme] .more-links {position:absolute;top:calc(100% + 8px);right:0;width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--navigation-bg);box-shadow:0 18px 40px #0003;max-height:calc(100dvh - 110px);overflow:auto;z-index:35}
html[data-theme] .more-links>a {font-size:13px;line-height:1.5;color:var(--ink);padding:10px 12px;min-height:42px;border-radius:6px;white-space:normal}
html[data-theme] .more-links>a:hover,html[data-theme] .more-links>a.active {background:var(--surface-2);color:var(--cyan)}
html[data-theme] .main-nav .mobile-portal {display:none}
html[data-theme] .alize-theme-control {position:static;inset:auto;z-index:auto;box-shadow:none;display:flex;flex-shrink:0;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}
html[data-theme] .alize-theme-control button {min-width:34px;min-height:34px;padding:6px 8px;font-size:12px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.4}
html[data-theme] .alize-theme-control button[aria-pressed=true] {background:var(--cyan);color:var(--bg)}
html[data-theme="light"] .alize-theme-control button[aria-pressed=true] {color:#fff}
html[data-theme] .page-breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-top:17px;padding-bottom:0;font-size:12px;line-height:1.6;color:var(--quiet)}
html[data-theme] .page-breadcrumb a:hover {color:var(--cyan);text-decoration:underline}
html[data-theme] .page-breadcrumb [aria-current=page] {color:var(--ink)}
html[data-theme] .section {padding-top:52px;padding-bottom:52px}
html[data-theme] .section.compact {padding-top:28px;padding-bottom:36px}
html[data-theme] .gateway {padding-top:48px;padding-bottom:48px}
html[data-theme] .section-heading {gap:24px;margin-bottom:26px;flex-wrap:wrap}
html[data-theme] .section-heading>div {min-width:0}
html[data-theme] .section-heading>p {font-size:15px;line-height:1.7;color:var(--muted)}
html[data-theme] .section-heading h2 {font-size:clamp(27px,3vw,40px)}
html[data-theme] .button {min-height:44px;padding:11px 18px;font-size:14px;line-height:1.5;white-space:normal;max-width:100%;text-align:center;gap:10px}
html[data-theme] .button.outline {color:var(--ink);background:var(--surface);border-color:var(--line)}
html[data-theme] .button.text,html[data-theme] .text-link {color:var(--cyan)}
html[data-theme] .eyebrow,html[data-theme] .card-kicker {color:var(--cyan)}
html[data-theme] .soft-text,html[data-theme] .small-note,html[data-theme] .subtle {color:var(--quiet)}
html[data-theme] .lead,html[data-theme] .showcase-copy>p,html[data-theme] .service-copy>p {color:var(--muted)}
html[data-theme] .home-hero.alize-home-hero {min-height:0}
html[data-theme] .alize-home-hero .home-hero-inner {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);min-height:490px;padding-top:44px;padding-bottom:44px;align-items:center}
html[data-theme] .alize-home-hero .home-copy {width:auto;min-width:0}
html[data-theme] .alize-home-hero .home-copy h1 {font-size:clamp(40px,4.5vw,64px);line-height:1.08}
html[data-theme] .alize-home-hero .home-copy .lead {font-size:16px;line-height:1.75;max-width:530px}
html[data-theme] .alize-home-hero .hero-live-links {position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:18px;align-content:center;max-width:330px;justify-self:end;width:100%}
html[data-theme] .hero-live-links .glass-label {position:relative;inset:auto!important;padding:16px!important;max-width:100%;gap:12px!important;font-size:14px!important;color:var(--ink);background-color:var(--surface);min-width:0}
html[data-theme] .glass-label>span {min-width:0;flex:1}
html[data-theme] .glass-label small {font-size:12px!important;color:var(--muted)}
html[data-theme] .hero-footnote {margin-top:24px;color:var(--quiet)}
html[data-theme] .alize-page-hero.split-hero {padding:clamp(24px,3vw,42px);gap:clamp(24px,3vw,42px);margin-top:20px;margin-bottom:28px;width:min(1376px,calc(100% - 32px))}
html[data-theme] .alize-page-hero .hero-copy {min-width:0}
html[data-theme] .alize-page-hero .hero-copy h1 {font-size:clamp(34px,4.1vw,56px);line-height:1.13}
html[data-theme] .alize-page-hero .lead {font-size:16px;line-height:1.75;margin-top:20px}
html[data-theme] .destination-grid,html[data-theme] .directory-grid,html[data-theme] .feature-grid,html[data-theme] .service-gallery,html[data-theme] .process-grid {gap:20px}
html[data-theme] .destination-card,html[data-theme] .directory-card,html[data-theme] .showcase-card,html[data-theme] .service-feature,html[data-theme] .partner-card {min-width:0;background-color:var(--surface);border-color:var(--line)}
html[data-theme] .card-meta {margin:18px 20px 10px;gap:9px}
html[data-theme] .destination-card>.card-title,html[data-theme] .directory-card>.card-title {margin-inline:20px;font-size:21px;line-height:1.3;color:var(--ink)}
html[data-theme] .destination-card>.card-description,html[data-theme] .directory-card>.card-description {margin:10px 20px 18px;font-size:14px;line-height:1.7;color:var(--muted)}
html[data-theme] .card-action {margin:0 20px 20px;font-size:13px;line-height:1.5;color:var(--cyan)}
html[data-theme] .showcase-copy,html[data-theme] .service-copy,html[data-theme] .partner-copy {padding:22px;min-width:0}
html[data-theme] .showcase-heading {gap:10px}
html[data-theme] .showcase-heading>.card-title {font-size:21px;color:var(--ink)}
html[data-theme] .showcase-copy>p,html[data-theme] .service-copy>p,html[data-theme] .partner-copy>p {font-size:15px;line-height:1.7}
html[data-theme] .service-copy h3 {font-size:23px}
html[data-theme] .card-media {border-color:var(--line)}
html[data-theme] .actions {gap:10px}
html[data-theme] .principle-strip>.wrap {gap:16px;padding-block:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-theme] .principle-strip span,html[data-theme] .principle-strip a {min-width:0;font-size:12px;line-height:1.5}
html[data-theme] .principle-strip span+span {padding-left:16px}
html[data-theme] .form-grid,html[data-theme] .contact-layout,html[data-theme] .split-panel,html[data-theme] .manifesto,html[data-theme] .partner-explorer {min-width:0}
html[data-theme] .form-grid>*,html[data-theme] .contact-layout>*,html[data-theme] .split-panel>*,html[data-theme] .manifesto>* {min-width:0}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea {color:var(--ink);background-color:var(--surface);border-color:var(--line);max-width:100%;min-width:0}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder {color:var(--quiet);opacity:1}
html[data-theme] .form-progress {flex-wrap:wrap;gap:12px}
html[data-theme] .form-actions,html[data-theme] .workspace-title,html[data-theme] .inbox-heading {flex-wrap:wrap;gap:12px}
html[data-theme] .contact-aside {position:static}
html[data-theme] .terminal pre {max-width:100%;overflow:auto;white-space:pre;overscroll-behavior-x:contain}
html[data-theme] .availability-table,html[data-theme] .workspace-demo {max-width:100%;min-width:0;overflow-x:auto}
html[data-theme] .home-closing {padding-top:24px;padding-bottom:48px;gap:22px;flex-wrap:wrap}
html[data-theme] .footer-main {gap:28px;padding-top:40px;padding-bottom:28px}
html[data-theme] .footer-main>div {min-width:0}
html[data-theme] .footer-main>div:not(.footer-brand)>a {min-height:36px;font-size:13px;line-height:1.6;color:var(--muted)}
html[data-theme] .footer-bottom {font-size:12px;gap:16px;flex-wrap:wrap;line-height:1.6}
html[data-theme] .alize-brand-signature {padding-top:20px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
html[data-theme] .toast {z-index:80;bottom:max(18px,env(safe-area-inset-bottom));max-width:min(540px,calc(100% - 32px));font-size:13px}
html[data-theme="light"] .alize-art-card {color:var(--ink)}
html[data-theme="light"] .alize-page-hero,html[data-theme="light"] .alize-art-card--panel {background-color:var(--surface);border-color:var(--line)}

@media(max-width:1279px) {
  html[data-theme] .nav-wrap {min-height:70px;gap:12px}
  html[data-theme] .brand {margin-right:auto}
  html[data-theme] .nav-toggle {display:flex;align-items:center;justify-content:center;order:5;margin:0;width:42px;height:42px;padding:9px;flex-shrink:0}
  html[data-theme] .portal-link {display:inline-flex;order:3}
  html[data-theme] .alize-theme-control {order:4}
  html[data-theme] .alize-theme-control .theme-label {display:none}
  html[data-theme] .main-nav {display:none;position:absolute;top:100%;left:0;right:0;background:var(--navigation-bg);border-bottom:1px solid var(--line);padding:16px var(--gutter) 24px;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 70px);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 35px #0003}
  html[data-theme] .main-nav.open {display:flex}
  html[data-theme] .main-nav>a {min-height:44px;padding:10px 12px;font-size:15px;border-radius:6px;white-space:normal}
  html[data-theme] .main-nav a.active {background:var(--surface-2)}
  html[data-theme] .main-nav a.active:after {display:none}
  html[data-theme] .navigation-more>summary {padding:10px 12px;min-height:44px;font-size:14px;color:var(--quiet)}
  html[data-theme] .more-links {position:static;width:auto;max-height:none;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:0 0 8px;background:transparent}
  html[data-theme] .more-links>a {font-size:14px;min-height:44px}
  html[data-theme] .main-nav .mobile-portal {display:flex;margin-top:4px;justify-content:space-between;border:1px solid var(--line)}
  html[data-theme] .destination-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1023px) {
  html[data-theme] .alize-home-hero .home-hero-inner {grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-block:38px}
  html[data-theme] .alize-home-hero .home-copy {max-width:680px}
  html[data-theme] .alize-home-hero .hero-live-links {grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;justify-self:stretch;gap:12px;margin:0}
  html[data-theme] .hero-live-links .glass-label {padding:14px!important;gap:8px!important}
  html[data-theme] .glass-label>.icon:last-child {display:none}
  html[data-theme] .alize-page-hero.split-hero {grid-template-columns:minmax(0,1fr)}
  html[data-theme] .hero-scene {aspect-ratio:1.85/1}
  html[data-theme] .principle-strip>.wrap {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .principle-strip span+span {padding-left:0;border:0}
  html[data-theme] .service-gallery {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:639px) {
  html[data-theme] .nav-wrap {min-height:66px;gap:10px}
  html[data-theme] .brand img {width:98px}
  html[data-theme] .brand>span,html[data-theme] .nav-wrap>.portal-link {display:none}
  html[data-theme] .main-nav {max-height:calc(100dvh - 66px)}
  html[data-theme] .section,html[data-theme] .gateway {padding-top:34px;padding-bottom:34px}
  html[data-theme] .section-heading {margin-bottom:20px;gap:16px}
  html[data-theme] .alize-home-hero .home-hero-inner {padding-top:32px;padding-bottom:28px;gap:26px}
  html[data-theme] .alize-home-hero .home-copy h1 {font-size:clamp(34px,8.8vw,48px)}
  html[data-theme] .alize-home-hero .home-copy .lead {font-size:15px}
  html[data-theme] .alize-home-hero .hero-live-links {grid-template-columns:minmax(0,1fr);gap:10px}
  html[data-theme] .alize-home-hero .home-copy .actions>.button {flex:1 1 160px}
  html[data-theme] .alize-page-hero.split-hero {padding:22px;gap:24px;margin-top:18px}
  html[data-theme] .alize-page-hero .hero-copy h1 {font-size:34px}
  html[data-theme] .destination-grid,html[data-theme] .directory-grid,html[data-theme] .feature-grid.three,html[data-theme] .process-grid {grid-template-columns:minmax(0,1fr);gap:18px}
  html[data-theme] .destination-card>.card-title,html[data-theme] .directory-card>.card-title {min-height:0;font-size:23px}
  html[data-theme] .showcase-heading>.card-title {min-height:0}
  html[data-theme] .card-media {aspect-ratio:1.8/1}
  html[data-theme] .principle-strip>.wrap {gap:14px;grid-template-columns:minmax(0,1fr)}
  html[data-theme] .service-feature {grid-template-columns:minmax(0,1fr)}
  html[data-theme] .service-feature>.card-media {aspect-ratio:1.8/1;min-height:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  html[data-theme] .footer-main {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  html[data-theme] .footer-brand {grid-column:1/-1}
  html[data-theme] input,html[data-theme] select,html[data-theme] textarea {font-size:16px}
  html[data-theme] .contact-layout,html[data-theme] .split-panel,html[data-theme] .manifesto {grid-template-columns:minmax(0,1fr)}
  html[data-theme] .page-breadcrumb {font-size:11px;padding-top:14px}
}
@media print {html[data-theme] .alize-theme-control,html[data-theme] .page-breadcrumb {display:none!important}}
html[data-theme] .more-links>a.active:after {display:none}
html[data-theme] .operator-header {height:auto;min-height:76px;padding-block:12px;gap:16px;flex-wrap:wrap;background:var(--navigation-bg)}
html[data-theme] .operator-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html[data-theme] .operator-notice,html[data-theme] .login-card,html[data-theme] .enquiry-list,html[data-theme] .enquiry-detail {background-color:var(--surface);border-color:var(--line)}
html[data-theme] .login-view.alize-page-hero {min-height:0;padding:32px;gap:32px;margin-block:24px}
html[data-theme] .detail-fields {overflow-wrap:anywhere}
html[data-theme] .inbox-metrics {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html[data-theme] .inbox-metrics article {min-width:0}
html[data-theme] .enquiry-detail,html[data-theme] .detail-empty {min-height:240px}
@media(max-width:639px) {
  html[data-theme] .operator-header {padding:12px 16px;gap:12px}
  html[data-theme] .operator-label {display:none}
  html[data-theme] .operator-actions {margin-left:auto;gap:8px}
  html[data-theme] .operator-actions>.button {padding:8px;font-size:12px}
  html[data-theme] .operator-main {padding:20px 16px 32px}
  html[data-theme] .login-view.alize-page-hero {padding:24px 20px}
  html[data-theme] .inbox-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .inbox-filters {grid-template-columns:minmax(0,1fr);padding:14px}
  html[data-theme] .inbox-filters>div:first-child {grid-column:auto}
}

/* The approved raster logo is composited into its actual surface, without a tile.
   Contrast clips its near-black matte; inversion gives light surfaces dark lettering.
   Hue rotation retains the multicolour ALIZE mark. No asset replacement or stretching. */
html[data-theme] img[src$="alize-logo.png"] {
  background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;
  filter:contrast(1.25);mix-blend-mode:screen;
}
html[data-theme="light"] img[src$="alize-logo.png"] {
  filter:contrast(1.25) invert(1) hue-rotate(180deg);mix-blend-mode:multiply;
}
/* Use the same semantic text colours throughout the public experience. */
html[data-theme] :is(h1,h2,h3,h4,h5,h6,.hero-subtitle,.partner-copy h4,.alize-powered-link strong) {color:var(--ink)}
html[data-theme] :is(p,.partner-copy>p,.footer-brand p,.alize-intelligence-credit p,.alize-art-card--panel p,.hero-legend-item small,.alize-art-card--compact small) {color:var(--muted)}
html[data-theme] :is(label,legend,td,.alize-powered-link,.hero-legend-item,.detail-fields dd) {color:var(--ink)}
html[data-theme] :is(th,.form-note,.field-help,.footer-bottom,.detail-fields dt,.terminal-top,.terminal-top>span:last-child) {color:var(--quiet)}
html[data-theme] :is(.card-icon,.alize-intelligence-credit>a,.footer-main>div>h2,.service-copy .text-link) {color:var(--cyan)}
html[data-theme] :is(.card-step,.credit-stage) {color:var(--gold);border-color:var(--line);background:var(--surface)}
html[data-theme] :is(.hero-legend-note,.hero-legend .hero-legend-brand) {color:var(--ink);background:var(--surface-2)!important;border-color:var(--line)}
html[data-theme] .hero-scene-caption {color:var(--muted)!important;background:var(--surface-2);border-color:var(--line)}
html[data-theme] .button.primary {background:var(--cyan);color:var(--bg);border-color:var(--cyan)}
html[data-theme] .button.primary:hover {background:var(--cyan);filter:brightness(1.08)}
html[data-theme="light"] .button.primary {color:#fff}
html[data-theme] .button.primary :is(span,strong) {color:inherit}
html[data-theme] .gradient-text {background:linear-gradient(105deg,#9de8f3,#c9b8f4,#f0b5cd);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="light"] .gradient-text {background-image:linear-gradient(105deg,#09617a,#6744a8,#a53c65)}
/* Keep light-theme text on a light scrim even where a card contains dark art. */
html[data-theme="light"] .alize-art-card {
  background-color:var(--surface)!important;
  background-image:linear-gradient(90deg,var(--surface) 35%,color-mix(in srgb,var(--surface) 96%,transparent) 70%,color-mix(in srgb,var(--surface) 90%,transparent)),var(--card-art-light,var(--card-art))!important;
  border-color:var(--line)!important;color:var(--ink);
}
html[data-theme="light"] .hero-legend .hero-legend-item[data-art-slot] {
  background-image:linear-gradient(90deg,var(--surface-2) 32%,color-mix(in srgb,var(--surface-2) 96%,transparent) 68%,color-mix(in srgb,var(--surface-2) 90%,transparent)),var(--card-art-light,var(--card-art))!important;
}
html[data-theme="light"] :is(.operator-notice.error,.error-text) {color:#a02543}
html[data-theme="light"] .status-badge {color:#155773;background:#e5f2f7;border-color:#8baebe}
html[data-theme="light"] .status-badge.new {color:#176144;background:#e4f3ec;border-color:#8bbda7}
html[data-theme] select option {color:var(--ink);background:var(--surface)}
html[data-theme] ::selection {color:var(--bg);background:var(--cyan)}
@media(forced-colors:active) {
  html[data-theme] img[src$="alize-logo.png"] {filter:none;mix-blend-mode:normal;forced-color-adjust:none}
  html[data-theme] .gradient-text {background:none;color:CanvasText}
}
@media print {
  html[data-theme] img[src$="alize-logo.png"] {filter:contrast(1.25) invert(1) hue-rotate(180deg);mix-blend-mode:multiply}
}

/* Keep the owner's cinematic homepage reference as a dark island in both themes.
   All colours are scoped here so switching the surrounding theme stays readable. */
html[data-theme] .home-hero.alize-home-hero {
  --bg:#050d16;--surface:#0a1926;--surface-2:#102130;--ink:#edf5fa;
  --muted:#b4c8d6;--quiet:#a9c1cf;--cyan:#a0e2ed;--line:#304b5d;
  color-scheme:dark;color:var(--ink);background:var(--bg);border-color:var(--line);
}
html[data-theme] .home-hero.alize-home-hero .hero-scenery {
  inset:0;opacity:1;
  background-image:linear-gradient(90deg,#050d16 0%,#050d16f5 30%,#050d16e8 45%,#050d1647 64%,#050d160a),linear-gradient(0deg,#050d16,transparent 25%),var(--hero-art);
  background-position:center,center,66% 50%;background-size:cover;
}
html[data-theme] .alize-home-hero .home-copy {position:relative;isolation:isolate}
html[data-theme] .alize-home-hero .home-copy::before {
  content:none;
}
html[data-theme] .alize-home-hero .home-copy h1 {color:var(--ink)}
html[data-theme] .alize-home-hero .home-copy .gradient-text {
  color:transparent;background:linear-gradient(105deg,#9de8f3,#c9b8f4,#f0b5cd);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
html[data-theme] .alize-home-hero .home-copy :is(.lead,.hero-subtitle) {color:var(--muted)}
html[data-theme] .alize-home-hero .home-copy :is(.eyebrow,.hero-footnote) {color:var(--quiet);font-size:12px;line-height:1.7}
html[data-theme] .alize-home-hero .home-copy .lead {font-size:17px;line-height:1.8}
/* These utility banners can place copy anywhere in the row: protect the whole row. */
html[data-theme] :is(.login-view,.inbox-heading).alize-page-hero {
  background-color:var(--surface);
  background-image:linear-gradient(90deg,var(--surface) 35%,color-mix(in srgb,var(--surface) 96%,transparent)),var(--hero-art);
}
@media(max-width:1023px) {
  html[data-theme] .home-hero.alize-home-hero .hero-scenery {background-image:linear-gradient(90deg,#050d16f5,#050d16d9 70%,#050d1699),var(--hero-art);background-position:center,66% center}
  html[data-theme] .alize-home-hero .home-copy {max-width:680px}
}
@media(max-width:639px) {
  html[data-theme] .alize-home-hero .home-copy .lead {font-size:16px}
  html[data-theme] .alize-home-hero .home-copy .hero-footnote {letter-spacing:.08em}
}

/* Light presentation: pearl frames, softer photographic contrast and teal native art. */
html[data-theme="light"] :is(.card-media,.hero-scene,.utility-hero-scene) {background:#e7f1f5;border-color:#c7dce4;isolation:isolate}
html[data-theme="light"] :is(.card-media,.hero-scene,.utility-hero-scene)>img {
  filter:brightness(1.2) contrast(.88) saturate(.72);
}
html[data-theme="light"] :is(.card-media,.hero-scene,.utility-hero-scene)::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(140deg,#edf7fb26,transparent 60%,#def1f42e);
}
html[data-theme="light"] :is(.destination-card,.directory-card,.showcase-card,.service-feature,.partner-card) {
  background:#fff;border-color:#c7dce4;box-shadow:0 8px 24px #24495f0a;
}
html[data-theme="light"] .premium-hero-figure {background:#f4f8fb!important;border-color:#c7dce4!important;box-shadow:0 12px 28px #24495f0c!important}
html[data-theme="light"] .hero-legend {background:#f4f8fb;border-color:#c7dce4}
html[data-theme="light"] .hero-legend .hero-legend-item {border-color:#bfd3dd!important}
html[data-theme="light"] .alize-art-card--compact {background-size:100% 100%,150px 100%!important}

/* Hero controls retain their original navy glass and cyan treatment in light mode. */
html[data-theme] .alize-home-hero .hero-scenery::after {background:linear-gradient(180deg,#03112020,transparent 70%)}
html[data-theme] .alize-home-hero .hero-live-links .glass-label {
  background-color:#0a1926!important;
  background-image:linear-gradient(90deg,#0a1926 45%,#0a1926f2 75%,#0a192699),var(--card-art)!important;
  border-color:#304b5d!important;color:var(--ink);
}
html[data-theme] .alize-home-hero .glass-label>.icon {color:var(--cyan)}
html[data-theme] .alize-home-hero .button.primary {color:#050d16;background:#a0e2ed;border-color:#a0e2ed}
html[data-theme] .alize-home-hero .button.outline {color:var(--ink);background:#0c1b28;border-color:#304b5d}
html[data-theme] .alize-home-hero .button {border-radius:8px}
@media(forced-colors:active) {
  html[data-theme] .alize-home-hero .home-copy .gradient-text {background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
}