/* SYNC v1.30.0 — whole-site visual quality and restraint pass. */
:root{
  --sync-stage:#0b0c11;
  --sync-stage-raised:#111118;
  --sync-stage-warm:#15121a;
  --sync-plum-light:rgba(92,65,125,.22);
  --sync-polish-edge:rgba(226,218,242,.16);
  --sync-polish-highlight:rgba(255,255,255,.2);
  --sync-polish-shadow:0 26px 72px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.16);
  --sync-polish-ease:cubic-bezier(.22,.72,.2,1);
  --sync-section-space:clamp(8rem,11vw,11rem);
}

/* The stage remains rich and dark; local objects carry the contextual colour. */
html{background:var(--sync-stage)}
body.sync-site{background:var(--sync-stage);color:#f4f2f6}
.home-v14,.services-v2,.workx-page,.academy,.about-v2,.founder-v1,.contact-v2,.tools-home,.inner-page{background-color:var(--sync-stage)}
.v14-hero{background:radial-gradient(ellipse 58% 62% at 81% 34%,rgba(80,55,112,.34),rgba(25,21,34,.2) 48%,transparent 72%),linear-gradient(180deg,#101117 0%,#0b0c11 100%)}
.sv2-hero{background:radial-gradient(ellipse 50% 56% at 78% 38%,rgba(81,55,113,.16),transparent 70%),var(--sync-stage)}
.workx-hero{background:radial-gradient(ellipse 52% 58% at 78% 34%,rgba(79,54,114,.2),transparent 68%),linear-gradient(180deg,#101018,#0d0e13)}
.contact-v2-hero{background:radial-gradient(ellipse 48% 56% at 78% 42%,rgba(94,62,132,.12),transparent 70%),linear-gradient(#0b0910,#110c17)}

/* Remove the legacy multi-colour fog while retaining depth and semantic accents. */
.v14-ambient{display:none!important}
.sync-services-hero-art:before,.sync-work-hero-art:before,.sync-academy-hero-art:before{inset:12% 4%;background:radial-gradient(ellipse at 58% 46%,rgba(99,72,137,.16),transparent 64%);filter:none}
.sync-people-scene .sps-light-a{background:rgba(105,72,141,.12);filter:blur(32px)}
.sync-people-scene .sps-light-b{background:rgba(101,83,126,.08);filter:blur(30px)}
.sync-explanatory-visual:after{width:34%;right:8%;top:14%;background:rgba(var(--topic-rgb),.1);filter:blur(26px);opacity:.42;transform:none}
.sync-explanatory-visual.is-motion-active:after{opacity:.56;transform:none}
.v15-project:before,.workx-visual:after{width:13rem;height:13rem;right:-6rem;top:-6rem;filter:blur(32px);opacity:.26}
.contact-intro:after,.quick-enquiry:before{width:25rem;background:radial-gradient(circle,rgba(104,72,140,.12),transparent 68%);filter:blur(24px)}
.v15-proof-interface:before{background:rgba(91,63,126,.25);filter:blur(38px);opacity:.6}

/* Grid lines stay crisp and quiet on LCD, Retina and OLED displays. */
:root{--sync-board-line:rgba(225,218,239,.045);--sync-board-bright:rgba(255,120,0,.055);--sync-board-violet:rgba(113,88,145,.09);--sync-board-cyan:rgba(124,104,150,.055)}
.sv2-hero:after,.workx-hero:after,.academy-hero:after,.av2-hero:after,.fv1-hero:after,.contact-v2-hero:after,.tools-hero:after,.sd-hero:after,.casex-hero:after,.academy-track-hero:after,.academy-simple-hero:after,.article-hero:after,.inner-hero:after{opacity:.66}
.sync-header-v18 .sync-header-glass{background-image:linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(135deg,rgba(27,24,35,.97),rgba(11,12,17,.965));border-color:rgba(222,214,239,.17);box-shadow:0 18px 62px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.15)}

/* Choreographed reveal: readable immediately, restrained, and never bouncy. */
.reveal{transform:translateY(22px);transition:opacity .72s var(--sync-polish-ease),transform .72s var(--sync-polish-ease)}
.image-reveal{transition:clip-path .9s var(--sync-polish-ease)}

/* Better page rhythm: generous without repeated dead-screen gaps. */
.v14-help,.v14-work,.v14-process,.v14-proof,.v14-team,.v14-learn,.v14-close{min-height:auto;padding-top:var(--sync-section-space);padding-bottom:var(--sync-section-space)}
.sv2-stage,.sv2-close{padding-top:clamp(8rem,10.5vw,10.5rem);padding-bottom:clamp(8rem,10.5vw,10.5rem)}
.workx-filter-stage{padding-top:clamp(8rem,10vw,10rem)}
.workx-featured,.workx-library,.workx-breadth,.workx-close,.casex-needed,.casex-did,.casex-work,.casex-result,.casex-next,.casex-close{padding-top:clamp(8rem,10vw,10rem);padding-bottom:clamp(8rem,10vw,10rem)}
.academy-section{padding-top:clamp(7rem,9vw,9rem);padding-bottom:clamp(7rem,9vw,9rem)}
.av2-who,.av2-principles,.av2-people,.av2-capabilities,.av2-rhythm,.av2-trust,.av2-note,.av2-close,.fv1-story,.fv1-principles,.fv1-range,.fv1-work,.fv1-recognition,.fv1-beyond,.fv1-note,.fv1-connect,.contact-v2-body{padding-top:clamp(8rem,10.5vw,10.5rem);padding-bottom:clamp(8rem,10.5vw,10.5rem)}

/* One quiet material hierarchy across cards, without flattening topic identity. */
:where(.v15-project,.workx-card>a,.workx-filter-panel,.workx-capability,.casex-explorer,.casex-metrics,.casex-result-card,.academy-track-card,.academy-module,.academy-resource-card,.quick-enquiry-form,.tools-card){border-color:var(--sync-polish-edge);box-shadow:var(--sync-polish-shadow)}
:where(.v15-project,.workx-card>a,.academy-track-card,.academy-resource-card,.tools-card){transition:transform .34s var(--sync-polish-ease),border-color .28s,box-shadow .34s var(--sync-polish-ease)}
:where(.v15-project,.academy-track-card,.academy-resource-card,.tools-card):hover{transform:translateY(-4px)}
.workx-feature-visual:hover .workx-visual,.workx-card>a:hover .workx-visual,.casex-next-visual:hover .workx-visual{transform:translateY(-4px)}

/* Real imagery stays crisp and consistent rather than over-graded. */
.swh-frame img,.workx-browser img,.v15-project-screen img,.v14-profile-mark img,.av2-portrait img,.av2-person img{image-rendering:auto}
.workx-browser img{filter:saturate(.82) brightness(.7) contrast(1.06)}
.v15-project-screen img{filter:saturate(.78) brightness(.68) contrast(1.06)}
.v14-profile-mark img{filter:saturate(.76) contrast(1.03)}

/* Calm final scene: one static plum illumination, no large blurred colour fields. */
.sync-footer-calm,.home .site-footer.sync-footer-calm{background:linear-gradient(180deg,#0c0a10 0%,#100c15 48%,#08090d 100%)}

/* Mobile is a deliberate reduction: fewer filters, quieter atmosphere, tighter rhythm. */
@media(max-width:700px){
  :root{--sync-section-space:6.75rem}
  .v14-hero{background:radial-gradient(ellipse 80% 45% at 84% 28%,rgba(74,51,102,.22),transparent 70%),linear-gradient(180deg,#101117,#0b0c11)}
  .sync-services-hero-art:before,.sync-work-hero-art:before,.sync-academy-hero-art:before,.sync-explanatory-visual:after,.contact-intro:after,.quick-enquiry:before,.v15-project:before,.workx-visual:after,.v15-proof-interface:before{display:none!important}
  .sv2-hero:after,.workx-hero:after,.academy-hero:after,.av2-hero:after,.fv1-hero:after,.contact-v2-hero:after,.tools-hero:after,.sd-hero:after,.casex-hero:after{opacity:.34;background-size:56px 56px,56px 56px,112px 112px}
  .sync-header-v18 .sync-header-glass,.mobile-dock.sync-global-dock{backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}
  .v14-help,.v14-work,.v14-process,.v14-proof,.v14-team,.v14-learn,.v14-close,.sv2-stage,.sv2-close,.workx-featured,.workx-library,.workx-breadth,.workx-close,.casex-needed,.casex-did,.casex-work,.casex-result,.casex-next,.casex-close,.academy-section,.av2-who,.av2-principles,.av2-people,.av2-capabilities,.av2-rhythm,.av2-trust,.av2-note,.av2-close,.fv1-story,.fv1-principles,.fv1-range,.fv1-work,.fv1-recognition,.fv1-beyond,.fv1-note,.fv1-connect,.contact-v2-body{padding-top:var(--sync-section-space);padding-bottom:var(--sync-section-space)}
  .reveal{transform:translateY(14px);transition-duration:.52s}
  .sync-motion-scene{box-shadow:none}
  .v14-node,.v15-project,.v15-learn-art i,.workx-system span,.fv1-hobby-art *{animation:none!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .reveal,.image-reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .sync-explanatory-visual:after{display:none!important}
}