.ss-page .ss-hero{background:linear-gradient(90deg, var(--service-night) 10%, color-mix(in oklch, var(--service-night) 86%, transparent) 55%, color-mix(in oklch, var(--service-night) 52%, transparent)), url(/mirror/hero-photo.webp) center / cover}.ss-hero h1{text-transform:none;max-width:880px}.ss-hero .ss-brand{color:var(--service-blue);margin:24px 0 12px;font-size:18px;display:block}.ss-page .ss-intro{max-width:720px}.ss-page .ss-answer{border-left:3px solid var(--blog-blue);padding-left:24px}.ss-page .ss-section{padding-top:0}.ss-page .ss-note{border-top:1px solid var(--blog-border);margin-top:40px;padding:28px 0}.ss-page .ss-note a{color:var(--blog-blue);text-underline-offset:4px;text-decoration:underline}.ss-page .ss-links{margin-top:26px}.ss-page .ss-hero .ps-width{animation:.65s ease-out both ss-entrance}@keyframes ss-entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.ss-page .ss-hero{padding:46px 0}.ss-page .ss-hero h1{overflow-wrap:break-word;font-size:34px}.ss-page .ss-answer{padding-left:18px}.ss-page .ps-other{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ss-page .ss-hero .ps-width{animation:none}}
