
/* Avermont V37: architectural surfaces, motion-led diagrams and progressive disclosure.
   Keeps existing brand assets, navigation, video presentation and content unchanged. */
:root{--av37-line:rgba(44,93,159,.17);--av37-lift:0 18px 54px rgba(13,21,32,.10);--av37-ease:cubic-bezier(.2,.8,.22,1)}
/* An editorial, engineered visual texture on selected white and porcelain sections. */
section.av37-surface{position:relative;isolation:isolate}
section.av37-surface::before{content:"";position:absolute;z-index:0;pointer-events:none;right:0;top:0;width:min(68%,950px);height:100%;background-image:linear-gradient(90deg,transparent 10%,rgba(44,93,159,.058) 11%,transparent 12%),linear-gradient(rgba(44,93,159,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,93,159,.055) 1px,transparent 1px);background-size:100% 100%,56px 56px,56px 56px;mask-image:radial-gradient(ellipse at 90% 38%,#000 0%,rgba(0,0,0,.44) 36%,transparent 76%);opacity:.68}
section.av37-surface::after{content:"";position:absolute;z-index:0;right:clamp(20px,6vw,130px);top:clamp(17px,4vw,55px);width:64px;height:64px;border-right:1px solid var(--av37-line);border-top:1px solid var(--av37-line);pointer-events:none;opacity:.7}
section.av37-surface>.container,section.av37-surface>.av27-main,section.av37-surface>.av15-discovery-layout{position:relative;z-index:1}
section.av37-surface.tone{background-color:#F3F5F7}
section.av37-surface.av35-faq-body{background:#FFFFFF}
/* Deliberate understated trim on light section headings and graphic separators */
.av37-surface .eyebrow,.av37-surface .label-tag{letter-spacing:.14em}
.av37-surface .section-header,.av37-surface .atlas-knowledge-head{position:relative}
.av37-surface .section-header::before,.av37-surface .atlas-knowledge-head::before{content:"";position:absolute;top:-20px;left:0;width:72px;height:2px;background:linear-gradient(90deg,#2C5D9F,rgba(44,93,159,0));opacity:.55}
/* A stronger card language for the light areas, with calm depth rather than neon. */
.av37-surface :is(.service-tile,.resource-item,.av15-path-card,.av15-extended-card,.av25-brief,.atlas-sector-card,.atlas-feature-card,.av27-belief-card,.av27-trust-card,.av30-job-card,.blog-card,.trust-rows article){position:relative;transition:transform .36s var(--av37-ease),box-shadow .36s var(--av37-ease),border-color .36s var(--av37-ease),background-color .36s var(--av37-ease)}
@media (hover:hover) and (pointer:fine){
.av37-surface :is(.service-tile,.resource-item,.av15-path-card,.av15-extended-card,.av25-brief,.atlas-sector-card,.atlas-feature-card,.av27-belief-card,.av27-trust-card,.av30-job-card,.blog-card,.trust-rows article):hover{transform:translateY(-5px);box-shadow:var(--av37-lift);border-color:rgba(44,93,159,.26)}
}
/* Isometric visuals respond to pointer movement at a tightly constrained angle. */
.av37-tilt{transform:perspective(1500px) rotateX(var(--av37-rx,0deg)) rotateY(var(--av37-ry,0deg));transition:transform .48s var(--av37-ease);transform-origin:center center;backface-visibility:hidden}
.av37-tilt.av37-interacting{transition-duration:.2s}
/* Depth and drift remain within the graphics, not the paragraphs. */
@keyframes av37-orbit-floor{0%,100%{transform:rotateX(53deg) rotateZ(-23deg) translateZ(-48px) scale(1.03)}50%{transform:rotateX(53deg) rotateZ(-19deg) translateZ(-43px) scale(1.045)}}
@keyframes av37-core{0%,100%{transform:rotate(-3deg) translate3d(0,0,0)}50%{transform:rotate(-1.6deg) translate3d(0,-9px,0)}}
@keyframes av37-node-a{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-9px)}}
@keyframes av37-node-b{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(8px)}}
@keyframes av37-node-c{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}
@keyframes av37-depth-shift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes av37-ring-one{0%,100%{transform:rotate(-29deg) scale(1)}50%{transform:rotate(-23deg) scale(1.035)}}
@keyframes av37-ring-two{0%,100%{transform:rotate(27deg) scale(1)}50%{transform:rotate(21deg) scale(1.04)}}
@keyframes av37-orbit-one{0%,100%{transform:rotate(-30deg) scale(1)}50%{transform:rotate(-26deg) scale(1.025)}}
@keyframes av37-orbit-two{0%,100%{transform:rotate(27deg) scale(1)}50%{transform:rotate(31deg) scale(1.02)}}
@keyframes av37-light-trace{0%,100%{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){
 html:not([data-av37-motion="paused"]) .av37-on-screen .v7-grid-plane{animation:av37-orbit-floor 13s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .v7-workflow-core{animation:av37-core 7.8s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .v7-fc-a{animation:av37-node-a 7s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .v7-fc-b{animation:av37-node-b 8.2s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .v7-fc-c{animation:av37-node-c 7.7s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av27-art-ring-one{animation:av37-ring-one 12s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av27-art-ring-two{animation:av37-ring-two 15s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av27-story-orbit.orb1{animation:av37-orbit-one 13s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av27-story-orbit.orb2{animation:av37-orbit-two 16s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av27-art-node{animation:av37-light-trace 6s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .atlas-visual-dot{animation:av37-light-trace 5.5s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .atlas-flow-node:nth-child(2n){animation:av37-depth-shift 9s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .v8-orbit-hub{animation:av37-depth-shift 8.5s ease-in-out infinite}
 html:not([data-av37-motion="paused"]) .av37-on-screen .av15-art-ledge{animation:av37-depth-shift 8s ease-in-out infinite}
 /* One-time reveals of section content once it enters view. */
 .av37-ready .av37-reveal:not(.av37-in){opacity:0;transform:translate3d(0,19px,0)}
 .av37-ready .av37-reveal{transition:opacity .72s var(--av37-ease),transform .72s var(--av37-ease);transition-delay:var(--av37-stagger,0ms)}
 .av37-ready .av37-reveal.av37-in{opacity:1;transform:translate3d(0,0,0)}
 html[data-av37-motion="paused"] .av37-reveal{transition:none!important;opacity:1!important;transform:none!important}
}
/* A calm and explicit control for motion that lasts beyond five seconds. */
.av37-motion-control{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(193,210,232,.31);border-radius:999px;background:rgba(255,255,255,.045);color:#E7EDF7;font:600 12px/1.3 'Avenir Next','Segoe UI',Arial,sans-serif;cursor:pointer;margin:13px 0 5px;min-height:36px}
.av37-motion-control:hover{background:rgba(255,255,255,.13);border-color:rgba(193,210,232,.58)}
.av37-motion-control svg{width:13px;height:13px;fill:currentColor}
.av37-motion-control:focus-visible{outline:3px solid #B5D4F2;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 .av37-motion-control{display:none!important}
 .av37-tilt,.av37-reveal{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}
 .av37-surface :is(.service-tile,.resource-item,.av15-path-card,.av15-extended-card,.av25-brief,.atlas-sector-card,.atlas-feature-card,.av27-belief-card,.av27-trust-card,.av30-job-card,.blog-card,.trust-rows article){transition:none!important}
}
@media(max-width:700px){section.av37-surface::before{width:100%;background-size:100% 100%,42px 42px,42px 42px;opacity:.43}section.av37-surface::after{width:35px;height:35px;top:17px;right:21px;opacity:.45}.av37-motion-control{font-size:11px;margin:8px 0 5px}}
