.processSnow main{margin-top:calc(-1 * var(--header-height) - 1px)}
.processSnow header.nav{background:transparent;color:#26354a;border-bottom:1px solid #26354a18;backdrop-filter:none;-webkit-backdrop-filter:none}
.processSnow header.nav.isScrolled{background:#edf0f3}
.processSnow .processHero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:calc(var(--header-height) + 90px) 0 110px;background:#dce2e6;display:flex;align-items:center}
.processLandscape{position:absolute;inset:0;z-index:-3;background:url('/assets/process-snow-mist.png') center 48%/cover no-repeat;filter:contrast(1.24) saturate(1.25) brightness(.97)}
.processHero:before{content:none}
.processHero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:32px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#edf0f3)}
.processHero>.wrap{position:relative;z-index:1}
.processHero .breadcrumbs,.processHero .eyebrow,.processHero h1,.processHero .lead{color:#26354a}
.processHero .breadcrumbs{margin-bottom:48px}
.processHero .eyebrow{font-weight:300;letter-spacing:.22em}
.processHero h1{max-width:650px;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.35;margin:22px 0}
.processHero .lead{max-width:480px;font-size:18px;line-height:1.9}
.fogLayers{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}
.fogCanvas{display:block;width:100%;height:100%;pointer-events:none}
@media(min-width:768px) and (max-width:1100px){.processSnow .processHero{padding-top:calc(var(--header-height) + 64px)}}
@media(max-width:767px){.processSnow .processHero{min-height:700px;padding:calc(var(--header-height) + 58px) 0 85px}.processLandscape{background-position:60% center}.processHero:before{content:none}.processHero .lead{font-size:16px;max-width:350px}.processHero h1{max-width:350px}.processHero .breadcrumbs{margin-bottom:38px}}

@media(prefers-reduced-transparency:reduce){.processHero:before{content:none}.fogLayers{display:none}.processSnow header.nav{background:#edf0f3}}

/* The snow photograph remains visible through the header, without a glass panel. */
.processSnow header.nav .brand,.processSnow header.nav .navlinks a,.processSnow header.nav .navlinks a:hover,.processSnow header.nav .navlinks a[aria-current=page]{color:#26354a}
.processSnow header.nav .brand small{color:#516174}
.processSnow header.nav .brand .mark{background:#26354a;color:#fff}
.processSnow header.nav .navlinks a small{color:#B4A582}
.processSnow header.nav .btn.ghost,.processSnow header.nav .menuToggle{background:transparent;border-color:#26354a66;color:#26354a}
.processSnow header.nav .btn.primary{background:#2f3a4c;border-color:#2f3a4c;color:#fff}
.processSnow header.nav .btn:hover{background:#2f3a4c;border-color:#2f3a4c;color:#fff}
.processSnow header.nav .menuToggle span{background:#26354a}
.processSnow header.nav a:focus-visible,.processSnow header.nav button:focus-visible{outline-color:#B4A582}
@media(max-width:767px){.processSnow header.nav .navlinks.menuOpen{background:#edf0f3;border-color:#26354a22}}
.processHero h1,.processHero .lead,.processHero .breadcrumbs{ text-shadow:0 1px 2px #ffffff90 }

@media(max-width:767px){.processHero h1,.processHero .lead,.processHero .eyebrow{color:#18283e;text-shadow:0 0 8px #ffffff,0 1px 2px #ffffff}.processHero .lead{font-weight:500}}

/* Diffuse warm sunlight breathes over the right sky and upper slopes. */
.sunlightLayers{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.sunGlow,.sunSpill{position:absolute;inset:-10%;pointer-events:none;transform-origin:90% 35%;will-change:opacity,transform}
.sunGlow{background:radial-gradient(ellipse at 91% 33%,#B4A58266 0%,#ffe8b844 13%,#fff2cf22 27%,transparent 48%);animation:process-sun-glow 9s ease-in-out infinite alternate}
.sunSpill{background:radial-gradient(ellipse at 89% 58%,#B4A58240 0%,#ffeabd22 24%,transparent 49%);animation:process-sun-spill 13s ease-in-out infinite alternate}
@keyframes process-sun-glow{from{opacity:.12;transform:scale(.96)}to{opacity:.72;transform:scale(1.07)}}
@keyframes process-sun-spill{from{opacity:.08;transform:translate3d(2%,-1%,0)}to{opacity:.52;transform:translate3d(-2%,2%,0)}}
.processHero.fogPaused .sunGlow,.processHero.fogPaused .sunSpill{animation-play-state:paused;will-change:auto}
@media(prefers-reduced-motion:reduce){.sunGlow,.sunSpill{animation:none;opacity:.18;will-change:auto}}
@media(prefers-reduced-transparency:reduce){.sunlightLayers{display:none}}

/* A shared surface and long feathered fade remove the hero/section seam. */
body.processSnow{background:#e5e9ee}
.processSnow .processHero{border:0;box-shadow:none}
.processSnow #process.journey{background:#e5e9ee!important;border:0!important;box-shadow:none}
.processHero:after{height:240px;background:linear-gradient(180deg,#e5e9ee00 0%,#e5e9ee08 12%,#e5e9ee24 28%,#e5e9ee66 48%,#e5e9eeb8 69%,#e5e9eeee 86%,#e5e9ee 100%)}
.cloudOverlay{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}

@media(max-width:767px){.processHero:after{height:190px}}

@media(prefers-reduced-transparency:reduce){.cloudOverlay{display:none}}

/* Photographic cloud cutouts float independently above the original landscape. */
.cloudOverlay{mask-image:linear-gradient(90deg,transparent 0%,#0006 23%,#000 46%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0006 23%,#000 46%,#000 94%,transparent 100%)}
.photoCloud{position:absolute;height:auto;max-width:none;pointer-events:none;will-change:transform,opacity;mask-image:radial-gradient(ellipse closest-side,#000 52%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 52%,transparent 100%);animation:process-photo-cloud 24s linear infinite;--cloud-opacity:.46;--wind-x:320px;--wind-y:-24px}
.cloudNear{width:min(1000px,85vw);left:20%;top:33%;animation-delay:-7s}
.cloudFar{width:min(850px,72vw);left:40%;top:28%;--cloud-opacity:.23;--wind-x:240px;--wind-y:-16px;animation-duration:32s;animation-delay:-20s}
@keyframes process-photo-cloud{0%{opacity:0;transform:translate3d(calc(var(--wind-x) * -.5),0,0)}14%{opacity:var(--cloud-opacity)}80%{opacity:var(--cloud-opacity)}100%{opacity:0;transform:translate3d(calc(var(--wind-x) * .5),var(--wind-y),0)}}
.processHero.fogPaused .photoCloud{animation-play-state:paused;will-change:auto}
@media(max-width:767px){.cloudNear{width:650px;left:-15%;top:39%;--wind-x:200px;--cloud-opacity:.38}.cloudFar{width:520px;left:10%;top:33%;--wind-x:150px;--cloud-opacity:.2}}
@media(prefers-reduced-motion:reduce){.photoCloud{animation:none;opacity:var(--cloud-opacity);will-change:auto}}

/* Feathered sunbeams pivot softly from the existing upper-right light source. */
.sunRays{position:absolute;inset:-12%;pointer-events:none;transform-origin:91% 26%;background:conic-gradient(from 186deg at 91% 26%,transparent 0deg,#fff1d000 6deg,#fff1d033 11deg,#fff1d000 17deg,#fff6dc00 20deg,#fff6dc33 25deg,#fff6dc00 32deg,#fff0ca00 35deg,#fff0ca26 41deg,#fff0ca00 49deg,transparent 360deg);mask-image:radial-gradient(ellipse at 91% 26%,#000 0%,#000b3 32%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 91% 26%,#000 0%,#000b3 32%,transparent 72%);filter:blur(9px);animation:process-sun-rays 12s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes process-sun-rays{from{opacity:.16;transform:rotate(-1deg) scale(.99)}to{opacity:.65;transform:rotate(1.4deg) scale(1.025)}}
.processHero.fogPaused .sunRays{animation-play-state:paused;will-change:auto}
@media(max-width:767px){.sunRays{filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){.sunRays{animation:none;opacity:.25;will-change:auto}}

/* Keep added vapor below the summit so the snow retains its color and relief. */
.cloudOverlay{mask-image:linear-gradient(90deg,transparent 0%,#0006 23%,#000 46%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,transparent 45%,#000 62%,#000 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0006 23%,#000 46%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,transparent 45%,#000 62%,#000 100%);-webkit-mask-composite:source-in}

/* Keep text readable on the shared dark glass capsule in every scroll/menu state. */
.processSnow header.nav,.processSnow header.nav.isScrolled{background:transparent;border-bottom:0}
.processSnow header.nav .navin{background:linear-gradient(180deg,rgba(45,61,76,.94),rgba(17,28,40,.94))}
.processSnow header.nav .brand,.processSnow header.nav .navlinks a,.processSnow header.nav .navlinks a:hover,.processSnow header.nav .navlinks a[aria-current=page]{color:#f7f9fd}
.processSnow header.nav .brand small{color:#d5deec}
.processSnow header.nav .navlinks a small{color:#dbcba7}
.processSnow header.nav .brand .mark{background:#f1f5fc;color:#26354a}
.processSnow header.nav .btn.ghost,.processSnow header.nav .menuToggle{color:#fff;border-color:#ffffff80}
.processSnow header.nav .menuToggle span{background:#fff}
@media(max-width:767px){.processSnow header.nav .navlinks.menuOpen{background:#141f2c;border-color:#ffffff4d}}

/* Align the breadcrumb row with the Needs hero at each breakpoint. */
.processSnow .processHero{align-items:flex-start;padding-top:calc(var(--header-height) + 54px)}
@media(max-width:640px){.processSnow .processHero{padding-top:calc(var(--header-height) + 34px)}}
.processSnow .processHero>.wrap{margin-block:0}