@import "https://fonts.googleapis.com/css2?family=Raleway:wght@200;400;700;800&display=swap";@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}:root{--valids-navy:#195176;--valids-teal:#458aa7;--valids-ink:#0b2a3d;--valids-white:#fff;--tile-border:#fffffff2;--modal-bg:#0b2a3df0;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0}body{color:var(--valids-white);background:var(--valids-ink);font-family:Raleway,sans-serif;overflow:hidden}body.modal-open{overflow:hidden}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hero{isolation:isolate;grid-template-rows:auto 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero__media{z-index:-2;position:absolute;inset:0}.hero__media picture{width:100%;height:100%;display:block}.hero__media img{object-fit:cover;object-position:center;width:100%;height:100%}.hero__scrim{z-index:-1;pointer-events:none;background:radial-gradient(#0000 35%,#081c2a59 100%),linear-gradient(#081c2a2e 0%,#0000 28% 72%,#081c2a47 100%);position:absolute;inset:0}.brand{z-index:2;width:min(12.5vw,172px);min-width:96px;animation:rise .9s var(--ease) both;position:relative}.brand__panel{background:var(--valids-navy);aspect-ratio:1;display:block}.brand__panel img{object-fit:cover;width:100%;height:100%}.nav{z-index:2;animation:rise 1.1s var(--ease) .12s both;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:1.5rem;display:flex;position:relative}.tile{aspect-ratio:1;border:2px solid var(--tile-border);width:min(12.5vw,168px);min-width:112px;transition:transform .28s var(--ease), border-color .28s var(--ease);background:0 0;text-decoration:none;position:relative;overflow:hidden}.tile:focus-visible{outline:2px solid var(--valids-white);outline-offset:4px}.tile__fill{background:var(--valids-white);transition:transform .22s var(--ease);z-index:0;position:absolute;inset:0;transform:translateY(100%)}.tile__icon{z-index:1;transition:opacity .2s var(--ease);place-items:center;display:grid;position:absolute;inset:0 0 28%}.tile__icon img,.tile__icon svg{width:clamp(28px,3.2vw,42px);height:auto}.tile__label{z-index:2;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--valids-white);white-space:nowrap;transition:color .2s var(--ease), transform .22s var(--ease);margin:0;font-size:clamp(.7rem,1.05vw,.875rem);font-weight:700;position:absolute;bottom:10%;left:0;right:0}.tile:hover,.tile:focus-visible{transform:translateY(-2px)}.tile:hover .tile__fill,.tile:focus-visible .tile__fill{transform:translateY(0)}.tile:hover .tile__label,.tile:focus-visible .tile__label{color:var(--valids-teal);transform:translateY(-4px)}.tile:hover .tile__icon img,.tile:focus-visible .tile__icon img{filter:brightness(0)saturate()invert(48%)sepia(24%)saturate(807%)hue-rotate(152deg)brightness(92%)contrast(88%)}.modal{z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease), visibility .28s var(--ease);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.modal__backdrop{cursor:pointer;background:#05121c9e;border:0;position:absolute;inset:0}.modal__dialog{z-index:1;background:var(--modal-bg);width:min(560px,100%);max-height:min(80vh,640px);color:var(--valids-white);transition:transform .32s var(--ease);border:1px solid #ffffff2e;padding:clamp(1.5rem,4vw,2.25rem);position:relative;overflow:auto;transform:translateY(18px)scale(.98);box-shadow:0 24px 60px #00000059}.modal[data-open=true] .modal__dialog{transform:translateY(0)scale(1)}.modal__close{opacity:.75;width:2.25rem;height:2.25rem;transition:opacity .2s var(--ease);place-items:center;display:grid;position:absolute;top:.85rem;right:.85rem}.modal__close:hover,.modal__close:focus-visible{opacity:1}.modal__close span{background:var(--valids-white);width:1.1rem;height:2px;display:block;position:absolute}.modal__close span:first-child{transform:rotate(45deg)}.modal__close span:last-child{transform:rotate(-45deg)}.modal__title{letter-spacing:.06em;text-transform:uppercase;margin:0 2rem 1rem 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:200;line-height:1.15}.modal__body{color:#ffffffeb;margin:0;font-size:1.05rem;line-height:1.65}.modal__body p{margin:0 0 1rem}.modal__body p:last-child{margin-bottom:0}.modal__meta{color:#ffffffd1;border-top:1px solid #ffffff29;margin-top:1.25rem;padding-top:1rem;font-size:.95rem;line-height:1.6}.modal__meta a{color:#9fd0e4;text-decoration:none}.modal__meta a:hover{text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){body{overflow:auto}.hero{min-height:100svh}.brand{width:112px;margin:0 auto}.nav{flex-direction:column;gap:.85rem;padding-bottom:2.5rem}.tile{width:min(70vw,220px);min-width:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
