.header nav [aria-current=page] { background:var(--glass-control,#ffffff14); }
.vision-page { padding-top:90px; }
.vision-hero { padding:50px 0 100px; text-align:center; }
.vision-hero>.eyebrow { justify-content:center; }
.vision-hero h1 { margin:28px auto; font-size:clamp(48px,6.3vw,88px); line-height:1.13; max-width:1100px; }
.vision-deck { color:var(--muted); font-size:clamp(18px,2vw,24px); line-height:1.7; }
.vision-statement { display:grid; grid-template-columns:1fr 1fr; gap:26px 60px; padding:50px; border-radius:32px; }
.vision-statement>.eyebrow { grid-column:1/-1; }
.vision-statement h2,.vision-principles h2 { font-size:clamp(27px,3vw,40px); line-height:1.3; }
.vision-statement p:not(.eyebrow),.vision-principles article>p:last-child { color:var(--muted); font-size:15px; line-height:1.95; }
.vision-statement div p+p { margin-top:20px; }
.vision-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; padding:90px 0; border-bottom:1px solid var(--line); }
.vision-principles h2 { margin:22px 0; font-size:29px; }
.vision-hero-note { margin-top:20px; color:var(--muted); font-size:14px; line-height:1.8; }
@media(max-width:900px) { .vision-statement { padding:32px; gap:24px; } .vision-principles { grid-template-columns:1fr; gap:40px; } .vision-principles article { max-width:650px; } }
@media(max-width:600px) {
 .vision-page { padding-top:30px; } .vision-hero { padding:30px 0 55px; }
 .vision-hero h1 { font-size:43px; } .vision-statement { grid-template-columns:1fr; padding:26px 22px; }
 .vision-principles { padding:50px 0; }
 .vision-statement p:not(.eyebrow),.vision-principles article>p:last-child { font-size:14px; }
}

/* Layered crystal lettering over a patterned optical field. */
.vision-hero {
 position:relative; isolation:isolate;
 --glass-shift:35%; --glass-angle:155deg; --glass-tilt:0deg; --glass-rise:0px;
 --pattern-shift:0px; --glass-light:.24;
}
.vision-hero::before {
 content:""; position:absolute; z-index:-1; inset:-35px 0 25px; pointer-events:none;
 background:
  radial-gradient(ellipse at var(--glass-shift) 43%,#8dcfff29,transparent 53%),
  repeating-radial-gradient(ellipse at 75% 40%,transparent 0 29px,#b8e7ff12 30px 31px,transparent 32px 61px),
  repeating-linear-gradient(120deg,transparent 0 27px,#bddfff09 28px 29px,transparent 30px 57px);
 background-position:0 0,var(--pattern-shift) calc(var(--pattern-shift) * -.5),0 0;
 mask-image:radial-gradient(ellipse at 44% 44%,#000 10%,transparent 72%);
}
.vision-hero .crystal-word {
 position:relative; display:inline-block; isolation:isolate;
 font-weight:800; font-style:normal; letter-spacing:-.045em;
 padding:.03em .13em .09em; margin-inline:.025em; color:#d8f2ff;
 transform:perspective(800px) rotateY(var(--glass-tilt)) translateY(var(--glass-rise));
 transform-origin:50% 60%;
}
.crystal-face {
 position:relative; z-index:2; color:transparent;
 -webkit-text-stroke:1.3px #dcf6ffcf;
 filter:drop-shadow(0 -1px 0 #ffffff70) drop-shadow(0 2px 2px #65b7e529);
}
.crystal-depth {
 position:absolute; z-index:-1; inset:0; padding:inherit; pointer-events:none;
 transform:translate(3px,5px); color:transparent;
 -webkit-text-stroke:.8px #8cc9e45c;
}
.crystal-depth::before { content:attr(data-text); }
/* No plaque or opaque extrusion: only the letter edges carry the crystal. */
.vision-hero .crystal-word::before,.vision-hero .crystal-word::after { content:none; }
@supports (background-clip:text) or (-webkit-background-clip:text) {
 .crystal-face {
  background:linear-gradient(115deg,transparent 0 42%,#edfbff0a 45%,#ffffff29 47%,#edfbff0a 49%,transparent 52% 100%);
  background-size:250% 100%; background-position:var(--glass-shift) 50%;
  background-clip:text; -webkit-background-clip:text;
 }
 html[data-theme=light] .crystal-face {
  background-image:linear-gradient(115deg,transparent 0 42%,#315f7908 45%,#315f7920 47%,#315f7908 49%,transparent 52% 100%);
  -webkit-text-stroke:1.3px #315e7bbf;
  filter:drop-shadow(0 -1px 0 #fff) drop-shadow(0 2px 2px #315f791a);
 }
}
html[data-theme=light] .vision-hero::before {
 background:radial-gradient(ellipse at var(--glass-shift) 43%,#8ec5e533,transparent 53%),repeating-radial-gradient(ellipse at 75% 40%,transparent 0 29px,#416e8e18 30px 31px,transparent 32px 61px),repeating-linear-gradient(120deg,transparent 0 27px,#4979970d 28px 29px,transparent 30px 57px);
 background-position:0 0,var(--pattern-shift) calc(var(--pattern-shift) * -.5),0 0;
}
html[data-theme=light] .crystal-depth { color:transparent; -webkit-text-stroke:.8px #658da560; }
@media(prefers-reduced-motion:reduce) { .vision-hero .crystal-word { transform:none; } }
@media(prefers-reduced-transparency:reduce),(forced-colors:active) {
 html[data-theme] .vision-hero .crystal-face { background:none; color:var(--ink); -webkit-text-stroke:0; filter:none; }
 .crystal-depth,.vision-hero::before,.vision-hero .crystal-word::after { display:none; }
 html[data-theme] .vision-hero .crystal-word::before { background:var(--paper); backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; border-color:currentColor; }
}