/* Visionairt 8.6.5 — cinematic public theme. Palette stays editable in Appearance. */
body.cinema865 {
  --cinema-surface: #11161b;
  --cinema-raised: #171e24;
  --cinema-line: #ffffff1a;
  --cinema-text: #f3f6f7;
  --cinema-muted: #a6b3bc;
  --cinema-cyan: var(--v85-ice);
  --line86: var(--cinema-line);
  --quiet86: var(--cinema-muted);
  background: var(--v85-base);
  color: var(--cinema-text);
  color-scheme: dark;
}
.cinema865 h1,.cinema865 h2,.cinema865 h3 {color:var(--cinema-text);letter-spacing:-.025em}
.cinema865 p {color:var(--cinema-muted)}
.cinema865 a {text-underline-offset:5px}
.cinema865 .eyebrow {color:var(--cinema-cyan);font-size:12px;letter-spacing:.04em}
.cinema865 .button {
  background:var(--v85-lime);color:#111608;border:1px solid transparent;
  border-radius:8px;min-height:46px;padding:12px 23px;box-shadow:none;
  font-size:14px;font-weight:750;transition:background .2s,border-color .2s,transform .2s;
}
.cinema865 .button:hover {transform:translateY(-2px);box-shadow:0 5px 24px #caff221a}
.cinema865 .button.secondary {
  background:#ffffff04;color:var(--cinema-text);border:1px solid #ffffff30;
}
.cinema865 .button.secondary:hover {border-color:var(--cinema-cyan);background:#54dfd90b}
.cinema865 .button.ice-button {background:var(--section-accent,var(--cinema-cyan))!important;color:#071b1d!important}
.cinema865 a:focus-visible,.cinema865 button:focus-visible,.cinema865 summary:focus-visible {
  outline:2px solid var(--cinema-cyan);outline-offset:5px;
}
/* Header / navigation. Keep both language and account controls visible. */
.cinema865 .site-header {
  height:84px;padding-inline:max(24px,calc((100% - 1280px)/2));gap:26px;
  background:#080b0def;border-bottom:1px solid var(--cinema-line);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.cinema865 .brand {font-size:25px;letter-spacing:.02em;color:var(--cinema-text)}
.cinema865 .brand b {color:var(--v85-lime)}
.cinema865 .brand i {font-size:8px;letter-spacing:.32em;color:#9eaab1;margin-top:4px}
.cinema865 #siteNav {gap:24px}
.cinema865 #siteNav a {font-size:13px;color:#c4ced2}
.cinema865 #siteNav a:hover {color:var(--cinema-cyan)}
.cinema865 .header-actions {gap:14px}
.cinema865 .header-actions .button {min-height:39px;padding:9px 14px;font-size:12px}
.cinema865 .language-switch {border-radius:7px;border-color:#ffffff24;min-height:36px}
.cinema865 .account-link {color:#b9c4ca;font-size:12px}
/* A real cinematic image and the existing animated particle logo share the hero. */
.cinema865 .hero {
  position:relative;isolation:isolate;overflow:hidden;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
  gap:26px 56px!important;padding-top:24px!important;padding-bottom:34px!important;
  background:radial-gradient(ellipse at 15% 72%,#0a292c60,transparent 46%),var(--v85-base);
}
.cinema865 .hero::before {display:none}
.cinema865 .hero::after {
  content:'';display:block!important;position:absolute;inset:110px -8% -68px;z-index:-1;
  background:url('/assets/cinema-ribbon-v865.svg') center bottom/100% 100% no-repeat;
  opacity:.68;pointer-events:none;
}
.cinema865 .hero-copy,.cinema865 .hero-copy p,html[dir=ltr] .cinema865 .hero-copy {
  text-align:start!important;
}
.cinema865 .hero-copy {padding:25px 0!important;max-width:580px!important;z-index:1}
.cinema865 .hero-copy h1 {
  text-align:start;font-size:clamp(36px,4.2vw,61px)!important;
  font-weight:850;line-height:1.55;margin:16px 0 20px!important;max-width:600px;
}
.cinema865 .hero-copy p {font-size:16px!important;line-height:2.05;max-width:515px;margin:0 0 26px}
.cinema865 .hero-actions {justify-content:flex-start;gap:12px;margin-top:26px}
.cinema865 .hero-note {justify-content:flex-start;gap:15px;font-size:10px;letter-spacing:0;margin-top:28px;color:#93a4ad}
.cinema865 .hero-note span+span::before {background:none;color:var(--cinema-cyan);margin-inline:0 10px}
.cinema865 .hero-index {color:#8ba6ac;letter-spacing:.23em;font-size:9px;opacity:.8;margin-top:10px}
.cinema865 .particle-stage {
  height:410px;max-width:none;width:100%;overflow:hidden;isolation:isolate;
  border:1px solid #79e4e422;border-radius:14px;background:#090f13;
  box-shadow:0 24px 75px #0008,0 0 45px #24d3c40a;
}
.cinema865 .hero-scene865 {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center;opacity:.62;pointer-events:none}
.cinema865 .particle-stage::after {
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(0deg,#061013c9,transparent 40%,#06101355),radial-gradient(ellipse,#07121688,transparent 75%);
}
.cinema865 .particle-stage canvas {position:relative;z-index:1}
.cinema865 .hero-motion-toggle {
  pointer-events:auto;z-index:3;inset-inline-start:16px;inset-inline-end:auto;bottom:14px;
  color:#b6d9dc;background:#080d11d9;border:1px solid #8ce9e82e;border-radius:6px;font-size:10px;padding:5px 9px;
}
.cinema865 .hero-scene-label865 {
  position:absolute;top:18px;left:20px;z-index:2;direction:ltr;
  font-size:9px;letter-spacing:.22em;color:#acd4d7;pointer-events:none;
}
/* Campaign remains controlled by the current offer settings. */
.cinema865 .hero-offer {
  background:linear-gradient(100deg,#122329,#10181c 65%);border-color:#aee23838;
  border-radius:12px;padding:16px 22px!important;margin-bottom:4px!important;
}
.cinema865 .hero-offer::before {opacity:.28}
.cinema865 .hero-offer .offer-copy strong {font-size:19px!important;color:#ecf4ed}
.cinema865 .hero-offer .offer-copy span {color:#aebcb9;font-size:12px}
.cinema865 .hero-offer .offer-copy {text-align:start}
.cinema865 .hero-offer .offer-percent b {font-size:40px}
.cinema865 .hero-offer .offer-action {border-radius:7px;font-size:13px!important;padding:11px 18px!important}
/* Editorial spacing and cards: large imagery, restrained chrome. */
.cinema865 .section {padding-block:64px}
.cinema865 .section-heading {flex-direction:row;justify-content:space-between!important;align-items:end!important;gap:24px;margin-bottom:25px}
.cinema865 .section-heading>div,.cinema865 .section-heading>p {width:auto;text-align:start!important}
.cinema865 .section-heading h2 {text-align:start;font-size:30px!important;line-height:1.6;margin:6px 0 0}
.cinema865 .section-heading>p {max-width:350px;margin:0;font-size:13px}
.cinema865 :is(#work,#latest,.gallery-page,.studio-callout,.journey-section,.faq-section,.closing,.page-shell)::after {display:none}
.cinema865 .panel,.cinema865 .portfolio-card,.cinema865 .welcome85 {
  background:var(--cinema-surface);border-color:var(--cinema-line);border-radius:12px;box-shadow:none;
}
.cinema865 .v85-card.panel {padding:0!important;background:var(--cinema-surface);border-radius:12px;border-color:var(--cinema-line);transition:border-color .2s,transform .2s}
.cinema865 .v85-card:hover {border-color:#55e2dc55;transform:translateY(-3px)}
.cinema865 .v85-card .card-cover {border-radius:0;aspect-ratio:16/10;background:#151e24}
.cinema865 .v85-card.square-card .card-cover {aspect-ratio:16/10}
.cinema865 .v85-card .card-copy {padding:20px;text-align:start}
.cinema865 .v85-card h2,.cinema865 .v85-card h3 {text-align:start;font-size:18px!important;line-height:1.75}
.cinema865 .v85-card .one-line {color:var(--cinema-muted);font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px!important}
.cinema865 .card-actions {justify-content:flex-start;margin-top:18px;gap:10px}
.cinema865 .card-actions .button {font-size:12px;min-height:37px;padding:7px 14px;border-radius:6px}
.cinema865 .card-actions .ice-button {background:transparent!important;color:var(--cinema-cyan)!important;border:1px solid #55e2dc42!important}
.cinema865 .card-meta {justify-content:flex-start;font-size:10px;color:#8e9fa9}
.cinema865 .card-placeholder {background:linear-gradient(145deg,#192832,#10161c);color:var(--cinema-cyan);font-size:46px}
.cinema865 .card-placeholder svg {width:44px;height:44px}
.cinema865 .rail-controls button {border-color:#ffffff24;color:#9ab6bd}
.cinema865 .rail-dots button {background:#667b844a}
.cinema865 .rail-dots button[aria-current=true] {background:var(--cinema-cyan)}
.cinema865 .p8-grid {align-items:stretch;gap:24px}
.cinema865 .p8-grid .v85-card {height:100%}
.cinema865 .content-heading {max-width:780px;margin:20px auto 34px}
.cinema865 .content-heading h1 {font-size:clamp(32px,4vw,49px)!important;line-height:1.6}
.cinema865 .content-heading p {font-size:16px;line-height:2;color:var(--cinema-muted)}
.cinema865 .content-breadcrumb {color:#91a0aa;font-size:12px}
.cinema865 .p8-filters a,.cinema865 .portfolio-filters button,.cinema865 .topic-filter a {
  background:#ffffff04;border-color:var(--cinema-line);border-radius:7px;color:#c2cdd2;
}
.cinema865 .p8-filters .active,.cinema865 .p8-filters [aria-current=page] {color:var(--cinema-cyan);border-color:#55e2dc66;background:#55e2dc0c}
.cinema865 .p8-article header h1 {font-size:clamp(28px,3.4vw,44px);line-height:1.65}
.cinema865 .p8-article header>p {font-size:17px;line-height:2;color:#b4c0c7}
.cinema865 .p8-cover {border-radius:12px}
.cinema865 .p8-prose {color:#c4cdd1;max-width:820px;margin-inline:auto;font-size:17px;line-height:2.15}
.cinema865 .p8-prose p {color:inherit}
.cinema865 .p8-prose a {color:var(--cinema-cyan)}
.cinema865 .article-step,.cinema865 .article-steps figure,.cinema865 .service-step {background:var(--cinema-surface);border:1px solid var(--cinema-line);border-radius:12px}
.cinema865 .p8-prose figcaption {color:#b4c1c9}
.cinema865 .article-author {border-color:var(--cinema-line)}
.cinema865 .related-content,.cinema865 .related-block {background:var(--cinema-surface);border-color:var(--cinema-line)}
/* Existing functional panels and graphics use the same charcoal / cyan palette. */
.cinema865 .project-summary {padding-block:28px}
.cinema865 .project-summary-link {padding:27px 30px;background:linear-gradient(105deg,#16282c,#10161b 65%);border-color:#56deda30}
.cinema865 .project-summary-link h2 {font-size:26px!important}
.cinema865 .project-summary-link p {font-size:14px!important}
.cinema865 .summary-icon {border-radius:10px;background:#55e2dc0c;border-color:#55e2dc44;color:var(--cinema-cyan)}
.cinema865 .summary-cta {color:var(--cinema-cyan)}
.cinema865 .studio-callout {gap:64px;text-align:start}
.cinema865 .studio-callout h2 {text-align:start;font-size:34px;line-height:1.7}
.cinema865 .studio-callout p {font-size:15px;line-height:2}
.cinema865 .studio-preview {background:linear-gradient(135deg,#171f26,#10161b);border:1px solid #56deda38;border-radius:12px;padding:24px;box-shadow:0 18px 75px #0004}
.cinema865 .preview-bar {border-color:var(--cinema-line);color:#c7d6dd}
.cinema865 .preview-prompt {background:#090f14;border-color:#ffffff1f;color:#c3d1d8}
.cinema865 .preview-frames>span {background:linear-gradient(135deg,#233840,#131d24);border:1px solid #63e7dc1a;color:var(--cinema-cyan)}
.cinema865 .studio-tabs a {border-color:#ffffff20}
.cinema865 .preview-bottom>span {border-color:#55e2dc44;color:var(--cinema-cyan)}
.cinema865 .journey-icon {background:#111e24!important;border-color:#55e2dc4d!important;border-radius:12px!important;color:var(--cinema-cyan)}
.cinema865 .journey-number {background:var(--cinema-surface);color:var(--v85-lime);border-color:var(--cinema-line)}
.cinema865 .journey-copy small {color:var(--cinema-cyan)}
.cinema865 .journey-copy h3 {font-size:21px!important}
.cinema865 .journey-copy p {font-size:14px!important}
.cinema865 .faq86-list {background:var(--cinema-surface);border-radius:12px;border-color:var(--cinema-line)}
.cinema865 .faq86-list details {border-color:var(--cinema-line)}
.cinema865 .faq86-list summary {font-size:16px!important;text-align:start;color:#dae3e8}
.cinema865 .faq86-list summary::after {border-color:#55e2dc33;color:var(--cinema-cyan)}
.cinema865 .faq86-list details[open] summary {color:var(--cinema-cyan)}
.cinema865 .faq86-list details p {background:#1a232a;border-color:#ffffff16;border-radius:8px;color:#b6c6cd;text-align:start;font-size:14px}
.cinema865 .faq86-subtitle {color:var(--cinema-muted)}
.cinema865 .closing {position:relative;background:radial-gradient(ellipse at 10% 100%,#16303866,transparent 64%)}
.cinema865 .closing h2 {font-size:45px}
.cinema865 .creation86 {background:var(--cinema-surface);border-color:#55e2dc33;border-radius:12px}
.cinema865 .client-logo {background:#10161b;border-radius:10px!important;border-color:var(--cinema-line)!important}
.cinema865 .work-media {background:#070a0d}
.cinema865 .portfolio-info {background:var(--cinema-surface);border-color:var(--cinema-line)}
.cinema865 input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.cinema865 select,.cinema865 textarea {
  background:#0b1015;color:#e2eaee;border-color:#ffffff29;border-radius:8px;
}
.cinema865 input:focus,.cinema865 textarea:focus,.cinema865 select:focus {border-color:var(--cinema-cyan);outline-color:var(--cinema-cyan)}
.cinema865 dialog {background:#121a20;border-color:#5ae7dd3d;border-radius:14px}
.cinema865 .site-footer.footer-clean {position:relative;background:#080c10;border-top:1px solid #55e2dc36;padding-top:50px}
.cinema865 .site-footer::before {content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--cinema-cyan),transparent);box-shadow:0 0 14px #4eefe577;pointer-events:none}
.cinema865 .site-footer h2 {color:#d9e3e9}
.cinema865 .site-footer p,.cinema865 .site-footer a:not(.button):not(.brand) {color:#9eafb9}
.cinema865 .footer-bottom {border-color:var(--cinema-line);color:#81919b}
@media(min-width:1600px){.cinema865 .hero{padding-block:36px 44px!important}.cinema865 .particle-stage{height:450px}}
@media(max-width:1100px){
  .cinema865 .site-header {gap:16px;padding-inline:24px}
  .cinema865 #siteNav {gap:14px}
  .cinema865 .hero {gap:24px 30px!important}
  .cinema865 .hero-copy h1 {font-size:42px!important}
  .cinema865 .particle-stage {height:350px}
}
@media(max-width:1000px){
  .cinema865 .site-header #siteNav.open {background:#101820f5!important;border:1px solid #55e2dc33;border-radius:12px}
  .cinema865 .site-header #siteNav a {text-align:start;font-size:15px}
}
@media(max-width:800px){
  .cinema865 .section {padding-block:42px}
  .cinema865 .hero {grid-template-columns:1fr!important;grid-template-areas:'offer' 'copy' 'particles' 'index'!important;gap:22px!important;padding-top:20px!important;padding-bottom:26px!important}
  .cinema865 .hero-copy {max-width:650px!important;padding:8px 0!important;margin:auto}
  .cinema865 .hero-copy,.cinema865 .hero-copy p,html[dir=ltr] .cinema865 .hero-copy {text-align:center!important}
  .cinema865 .hero-copy h1 {font-size:39px!important;text-align:center;max-width:none;line-height:1.6;margin:12px 0 16px!important}
  .cinema865 .hero-copy p {margin:0 auto 20px;font-size:15px!important}
  .cinema865 .hero-actions,.cinema865 .hero-note {justify-content:center}
  .cinema865 .particle-stage {height:290px;max-width:650px;margin:auto;border-radius:10px}
  .cinema865 .hero::after {inset:150px -55% -20px;opacity:.6}
  .cinema865 .hero-note {margin-top:20px;font-size:10px}
  .cinema865 .section-heading {flex-direction:column;align-items:flex-start!important;gap:8px;margin-bottom:22px}
  .cinema865 .section-heading>div,.cinema865 .section-heading>p {width:100%;max-width:none}
  .cinema865 .section-heading h2 {font-size:26px!important}
  .cinema865 .v85-card.panel {padding:0!important;border-radius:10px}
  .cinema865 .v85-card .card-copy {padding:17px}
  .cinema865 .v85-card .card-cover,.cinema865 .v85-card.square-card .card-cover {aspect-ratio:16/10}
  .cinema865 .v85-rail>.v85-card {flex-basis:80%}
  .cinema865 .p8-grid {gap:20px}
  .cinema865 .studio-callout {gap:26px}
  .cinema865 .studio-callout h2 {font-size:28px}
  .cinema865 .studio-preview {padding:18px}
  .cinema865 .p8-article header h1 {font-size:29px;line-height:1.75}
  .cinema865 .p8-article header>p,.cinema865 .p8-prose {font-size:16px}
  .cinema865 .closing h2 {font-size:37px}
}
@media(max-width:540px){
  .cinema865 .site-header {padding:12px 20px!important;gap:10px!important;row-gap:13px!important;height:auto;min-height:0}
  .cinema865 .brand {font-size:25px}
  .cinema865 .header-actions {justify-content:space-between!important}
  .cinema865 .header-actions .button.small {margin-inline-start:auto;min-height:37px;padding:8px 13px!important}
  .cinema865 .site-header .language-switch {min-width:42px;min-height:35px}
  .cinema865 .site-header .menu-toggle {border:1px solid #ffffff24;border-radius:7px;min-height:38px;padding:5px 9px;font-size:11px;color:#c2d7de}
  .cinema865 .hero-copy h1 {font-size:34px!important}
  .cinema865 .hero-copy p {font-size:14px!important;line-height:2.1}
  .cinema865 .hero-actions {gap:10px}
  .cinema865 .hero-actions .button {font-size:12px;padding:10px 17px;min-height:43px}
  .cinema865 .hero-note {gap:10px;font-size:9px}
  .cinema865 .particle-stage {height:248px}
  .cinema865 .hero-offer {padding:15px!important;gap:10px!important;border-radius:10px}
  .cinema865 .hero-offer .offer-copy strong {font-size:15px!important}
  .cinema865 .hero-offer .offer-copy span {font-size:11px}
  .cinema865 .hero-offer .offer-percent b {font-size:34px}
  .cinema865 .hero-offer .offer-action {padding:10px 13px!important;font-size:12px!important;min-height:40px}
  .cinema865 .hero-offer .campaign-countdown {font-size:10px}
  .cinema865 .hero-offer .offer-copy {text-align:start}
  .cinema865 .project-summary-link {padding:22px!important}
  .cinema865 .p8-prose {font-size:16px;line-height:2.05}
  .cinema865 .faq86-list summary {font-size:14px!important}
  .cinema865 .site-footer.footer-clean {text-align:start}
  .cinema865 .site-footer .footer-main {justify-items:start}
  .cinema865 .footer-contact,.cinema865 .footer-main nav {align-items:flex-start!important}
}
@media(prefers-reduced-motion:reduce){.cinema865 .v85-card:hover,.cinema865 .button:hover{transform:none}}