/* ==========================================================
   ryan-clia: Ryan's supplied stylesheet, values unchanged.
   Selectors are scoped to .ryan-clia so this design cannot affect the
   rest of the site, and the site styles cannot affect this design.
   ========================================================== */
.ryan-clia, .ryan-clia * { all: revert; }
/* non-standard properties not covered by 'all' */
.ryan-clia, .ryan-clia * { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }

.ryan-clia{--bg:#02060a;--panel:#07121b;--text:#f4f7fb;--muted:#a8bac6;--cyan:#28dcff;--gold:#ffd45b;--red:#ff4d4d;--line:#17445d}
.ryan-clia *{box-sizing:border-box}.ryan-clia{margin:0;background:#000;color:var(--text);font-family:Arial,sans-serif;line-height:1.62;font-size:18px}
.ryan-clia .rmain{max-width:1080px;margin:auto;padding:0 26px 100px}.ryan-clia header{min-height:88vh;display:flex;flex-direction:column;justify-content:center;text-align:center}
.ryan-clia h1,.ryan-clia h2{line-height:.98;letter-spacing:-.045em}.ryan-clia h1{font-size:clamp(3.5rem,8vw,7.2rem);margin:.15em 0}.ryan-clia h2{font-size:clamp(2.3rem,5vw,4.5rem);margin:.2em 0 .5em}
.ryan-clia .cyan{color:var(--cyan)}.ryan-clia .gold{color:var(--gold)}.ryan-clia .red{color:var(--red)}.ryan-clia .lede{max-width:850px;margin:16px auto;font-size:1.3rem;color:#dbe5ec}
.ryan-clia section{padding:72px 0;border-top:1px solid #102d3c}.ryan-clia .big{font-size:clamp(1.9rem,4.2vw,3.6rem);font-weight:950;line-height:1.07;text-align:center;margin:45px auto;max-width:950px}
.ryan-clia .black{margin:65px calc(50% - 50vw);padding:90px 24px;background:#000;text-align:center}.ryan-clia .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ryan-clia .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ryan-clia .card{background:#000;border:1px solid var(--line);border-radius:18px;padding:26px}.ryan-clia .card h3{font-size:1.35rem;margin-top:0}.ryan-clia .evidence{margin:34px auto;background:#000;border:1px solid var(--line);padding:12px;border-radius:18px}.ryan-clia .evidence img{width:100%;display:block;border-radius:10px;background:#fff}.ryan-clia .cap{font-size:.82rem;color:var(--muted);padding:10px 5px 2px}
.ryan-clia .flight{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:40px 0}.ryan-clia .arrow{font-size:3rem;color:var(--cyan)}.ryan-clia .role{text-align:center;padding:32px;background:#000;border:1px solid var(--line);border-radius:20px}.ryan-clia .role .icon{font-size:3rem}
.ryan-clia .quote{border-left:5px solid var(--gold);background:linear-gradient(90deg,#181307,#071018);padding:30px;border-radius:0 18px 18px 0;margin:30px 0;font-size:1.25rem}
.ryan-clia .pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ryan-clia .pill{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:850}
.ryan-clia .source-note{font-size:.85rem;color:#93a7b4;margin-top:18px}

.ryan-clia .cms-official{margin:38px auto;padding:34px;border:1px solid #2a5b77;border-radius:20px;background:#000;box-shadow:0 0 42px #28dcff12}
.ryan-clia .cms-seal{display:inline-block;padding:8px 14px;border:1px solid #28dcff;border-radius:999px;color:#28dcff;font-weight:900;letter-spacing:.12em;font-size:.78rem;margin-bottom:14px}
.ryan-clia .cms-official h3{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05;margin:.2em 0 .5em}
.ryan-clia .cms-official ul{font-size:1.12rem;padding-left:1.3em}.ryan-clia .cms-official li{margin:.55em 0}
.ryan-clia .cms-link{display:inline-block;margin-top:16px;padding:12px 18px;border-radius:10px;background:#28dcff;color:#001018;text-decoration:none;font-weight:900}

.ryan-clia .opening-poster{width:100%;max-width:1050px;height:auto;display:block;margin:0 auto;image-rendering:auto}
.ryan-clia .opening-source{text-align:center;font-size:.82rem;color:#93a7b4;margin:12px 0 55px}
.ryan-clia .opening-source a{color:#28dcff;text-decoration:none}
@media(max-width:760px){.ryan-clia .grid2,.ryan-clia .grid3,.ryan-clia .flight{grid-template-columns:1fr}.ryan-clia .arrow{transform:rotate(90deg);text-align:center}.ryan-clia section{padding:50px 0}}


/* Very small phones only (<360px): the words "RESPONSIBILITIES" and "MANUFACTURER." are wider than the screen in the supplied design.
   Allow it to wrap so the page does not zoom out. No change at any other size. */
@media (max-width:359px){.ryan-clia h1,.ryan-clia h2,.ryan-clia h1 *,.ryan-clia h2 *,.ryan-clia footer,.ryan-clia footer *{overflow-wrap:anywhere}}
