/* The valley, fog and quote are decorative layers inside the existing hero. */
.hero{isolation:isolate}
.valley-landscape,.valley-fog,.valley-shade{position:absolute;inset:0;pointer-events:none}
.valley-dim{background:url('assets/valley.png') center 72%/cover no-repeat;filter:brightness(.46) saturate(.75) blur(3px)}
.valley-clear{width:100%;height:100%;filter:brightness(.78) saturate(.9)}
.valley-fog{background:radial-gradient(ellipse at 50% 80%,#243a2a20,transparent 55%),linear-gradient(0deg,#06100e88,transparent 45%);opacity:.8}
.valley-shade{background:linear-gradient(90deg,#050a08de 0%,#050a087a 37%,transparent 72%),linear-gradient(0deg,#050b09b5,transparent 38%);z-index:1}
.valley-ghost{position:absolute;z-index:2;left:0;top:0;font:500 clamp(80px,13vw,230px)/.82 'Playfair Display',Georgia,serif;letter-spacing:-.065em;color:#e8e5d7;opacity:.02;white-space:nowrap;pointer-events:none;animation:valley-drift 36s ease-in-out infinite alternate}
@keyframes valley-drift{from{transform:translateX(-.8%)}to{transform:translateX(.8%)}}
.hero-copy,.hero-mark,.hero-foot{z-index:3}
.valley-system{position:absolute;z-index:4;right:4%;bottom:3%;width:170px;height:170px}
.valley-system svg{width:100%;height:100%;overflow:visible}
.valley-system svg path,.valley-system svg .outer,.valley-system svg .center-ring{fill:none;stroke:#c0b278;stroke-width:.8}
.valley-system svg circle{fill:#d7c98f}.valley-system svg .outer{opacity:.32}
.valley-constellation{transform-origin:110px 110px;opacity:.08;transform:scale(.25);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.valley-system.open .valley-constellation{opacity:.72;transform:scale(1)}
.valley-system .center{filter:drop-shadow(0 0 6px #decf8e)}
.valley-system button{position:absolute;right:0;bottom:0;display:flex;gap:12px;align-items:center;background:#0b140fca;border:1px solid #b6aa7855;color:#d9d3b3;padding:11px 14px;white-space:nowrap;cursor:pointer;font:700 9px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em}
.valley-system button b{font-size:19px;line-height:.6}.valley-system button:hover,.valley-system button:focus-visible{border-color:var(--gold);color:#fff}
.hero-foot span:last-child{display:none}
body.paused .valley-ghost{animation-play-state:paused}body.paused .valley-dim{filter:brightness(.5) saturate(.8)}body.paused .valley-clear{display:none}body.paused .valley-constellation{transition:none}
@media(max-width:900px){.valley-ghost{font-size:14vw}.valley-system{width:145px;height:145px}}
@media(max-width:650px){.valley-ghost{font-size:15vw}.valley-dim{filter:brightness(.48) saturate(.75)}.valley-clear{display:none}.valley-system{width:125px;height:125px;right:5%;bottom:3%}.hero-foot span:first-child{max-width:160px}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.valley-ghost{animation:none}.valley-dim{filter:brightness(.5) saturate(.8)}.valley-clear{display:none}.valley-constellation{transition:none}}
/* Leave separate space for the CTA, emblem and secondary control on narrow screens. */
@media(max-width:650px){.hero{min-height:900px}.valley-system{bottom:1%}}