/* The three new WSS pages share a small design language. Load AFTER css/style.css. */
.wss-page {min-height:100vh;background:#fffaf4;color:#29233a}
.wss-page a:focus-visible,.wss-page button:focus-visible {outline:3px solid #9178c5;outline-offset:4px}
.wing-header {background:#24245f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;padding:1.2rem clamp(1.25rem,6vw,6rem)}
.wing-brand {font-family:var(--serif,Georgia,serif);font-weight:600;font-size:1.18rem}
.wing-brand span {color:#f5cb79;margin-right:.4rem}
.wing-nav {display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.88rem;font-weight:600}
.wing-nav a:hover {color:#f5cb79}
.wing-hero {padding:clamp(5rem,9vw,8rem) 1.5rem; background:radial-gradient(ellipse at 90% 10%,#d7caef,transparent 46%),linear-gradient(135deg,#fff9f2,#eee7f8);text-align:center}
.wing-hero .eyebrow {color:#6e568c}
.wing-hero h1 {font-size:clamp(2.8rem,6vw,5.2rem);margin:.6rem auto 1.1rem;letter-spacing:-.03em;max-width:950px}
.wing-hero h1 em {color:#7c609f}
.wing-hero>p:last-child {max-width:670px;margin:0 auto;font-size:1.05rem;color:#645d74}
.wing-section {padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,6vw,6rem);scroll-margin-top:2rem}
.wing-section:nth-of-type(even) {background:#f4eefb}
.wing-container {max-width:1200px;margin:0 auto}
.wing-heading {text-align:center;margin-bottom:2.7rem}
.wing-heading h2 {font-size:clamp(2rem,4vw,3rem)}
.wing-heading p {color:#716b7b;max-width:620px;margin:auto}
.wing-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.wing-empty {border:1px dashed #b4a3d0;background:#ffffffb9;border-radius:20px;padding:3rem 1.5rem;text-align:center;grid-column:1/-1}
.wing-empty .symbol {font-size:2.6rem;color:#a087c2;display:block;margin-bottom:.8rem}
.wing-empty h3 {font-size:1.65rem;margin:0 0 .8rem}
.wing-empty p {max-width:550px;margin:0 auto;color:#706a78}
.wing-card {background:#fff;border:1px solid #e7dff0;border-radius:19px;overflow:hidden;box-shadow:0 9px 30px #33264712;transition:transform .2s,box-shadow .2s}
.wing-card:hover {transform:translateY(-4px);box-shadow:0 17px 36px #33264723}
.wing-media {aspect-ratio:4/3;background:linear-gradient(145deg,#e7ddf3,#fff1db);display:grid;place-items:center;overflow:hidden}
.wing-media img {width:100%;height:100%;object-fit:cover;display:block}
.wing-media .symbol {font-size:3rem;color:#8865ac}
.wing-card-body {padding:1.35rem 1.45rem 1.55rem}
.wing-card h3 {font-size:1.55rem;line-height:1.3;margin:.25rem 0 .65rem}
.wing-card p {font-size:.9rem;color:#6e6877;margin:.5rem 0 1.2rem}
.wing-meta {font-size:.71rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#7b639d}
.wing-link {font-size:.87rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;color:#5e458b}
.wing-link:hover {color:#36235d}
.wing-tag {font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#eee6f8;color:#634a85;border-radius:40px;padding:.35rem .65rem;display:inline-block}
.wing-footer {background:#17142d;color:#d5cfe1;padding:2.5rem 1.5rem;text-align:center}
.wing-footer p {font-family:var(--serif,Georgia,serif);font-style:italic}
.wing-footer small {color:#aba0bc}
@media(max-width:950px){.wing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wing-grid{grid-template-columns:1fr}.wing-header{justify-content:center;text-align:center}.wing-nav{justify-content:center}.wing-card-body{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){.wing-card{transition:none}}