:root{color-scheme:only light;--brand-navy:#003868;--brand-blue:#1873b4;--brand-olive:#60684b;--paper:#ffffff;--ink:var(--brand-navy);--accent:var(--brand-blue);--muted:#526571;--line:#dce3e7;--light:#f3f4ee;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-weight:700;font-size:24px;letter-spacing:-1px;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.wordmark svg{height:32px;width:29px}.wordmark-dot{display:none}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.status{border:1px solid #d2d7c9;border-radius:30px;padding:10px 14px;font-size:11px;white-space:nowrap}.status i,.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--brand-olive);border-radius:50%;margin-right:6px}.hero{display:grid;grid-template-columns: .95fr 1.2fr;gap:55px;align-items:center;padding-block:92px 82px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;line-height:1.6;font-weight:700}.hero-copy .eyebrow{color:var(--brand-olive);margin:0 0 25px}h1{font-size:clamp(64px,6.4vw,90px);font-weight:400;line-height:1.01;letter-spacing:-4.5px;font-family:var(--serif);margin:0 0 28px}h1 em{font-weight:400}p{line-height:1.75}.hero-intro{font-size:16px;color:var(--muted);max-width:440px;margin:0 0 30px}.button{display:inline-flex;text-decoration:none;background:var(--ink);color:var(--paper);padding:16px 21px;font-size:13px;gap:28px;align-items:center;border:1px solid var(--ink);border-radius:3px}.button:hover{background:#0b568d}.button span{font-size:18px}.launch-note{font-size:11px;color:var(--muted);margin-top:18px}.hero-visual{position:relative}.catalog-window{background:#ffffff;border:1px solid #dce3e7;border-radius:10px;box-shadow:0 24px 65px -36px #00386833;transform:rotate(1deg)}.window-bar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:var(--muted)}.window-dots{letter-spacing:2px;color:#a9b7c0;font-size:9px}.window-bar svg{fill:var(--brand-olive)}.catalog-body{padding:23px 21px 14px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-heading h2{font:400 25px var(--serif);letter-spacing:-.6px;margin:0}.library-heading>span{font:10px monospace;color:var(--muted)}.filters{display:flex;gap:8px;margin:18px 0}.filters button{border:1px solid transparent;background:transparent;color:var(--muted);padding:7px 11px;font-size:10px;border-radius:4px;cursor:pointer;min-height:32px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters button:hover{border-color:var(--brand-blue)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 11px;min-height:286px;align-content:start}.media-tile{min-width:0}.media-tile[hidden]{display:none}.thumb{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:1.5}.thumb svg{display:block;width:100%;height:100%}.filetype{position:absolute;right:6px;bottom:6px;font:7px monospace;background:#ffffffeb;padding:3px 5px;border-radius:2px;color:var(--brand-navy)}.media-tile h3{font-size:10px;margin:9px 0 4px;font-weight:600}.media-tile p{font-size:8px;color:var(--muted);margin:0;display:flex;justify-content:space-between;gap:3px}.availability{font-size:7px;color:var(--brand-olive)}.offline{color:#94501f}.catalog-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:8px;color:var(--muted)}.concept-caption{text-align:center;font-size:9px;color:var(--muted);margin:20px 0 0}.audience-strip{border-block:1px solid var(--line);background:var(--light)}.audience-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px}.audience-strip span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.audience-strip p{font-family:var(--serif);font-size:19px;margin:0}.audience-strip b{font-size:13px;font-weight:400;color:#8a9576;margin:0 17px}.section-space{padding-block:85px}.vision{display:grid;grid-template-columns:1fr 1fr;gap:70px}.vision h2,.faq h2,.principle h2{font:400 47px/1.14 var(--serif);letter-spacing:-1.8px;margin:18px 0}.vision-copy>p{font-size:15px;color:var(--muted);margin:0 0 18px}.vision-copy>.lead{color:var(--ink);font-size:21px;font-family:var(--serif)}.small-note{font-size:12px!important;color:var(--muted);line-height:1.65}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:21px}.section-heading h2{font:400 28px var(--serif);margin:0}.feature-list article{display:grid;grid-template-columns:58px 1fr 180px;gap:25px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.feature-number{font:12px monospace;color:var(--brand-olive);padding-top:6px}.feature-list h3{font-size:18px;font-weight:500;margin:0 0 10px}.feature-list p{font-size:14px;color:var(--muted);max-width:670px;margin:0}.feature-tag{font-size:8px;letter-spacing:1.5px;justify-self:end;padding-top:8px}.principle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:60px;padding:60px;background:var(--light);border:1px solid #dce1d2;border-radius:4px}.principle-mark{font:200px/1 var(--serif);color:var(--brand-olive);text-align:center}.principle h2{font-size:43px}.principle p:not(.eyebrow){font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns: .8fr 1.2fr;gap:70px}.faq h2{font-size:39px}.faq-intro>p:last-child{font-size:14px;color:var(--muted);max-width:290px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{font-size:15px;cursor:pointer;list-style:none;position:relative;padding-right:28px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;color:var(--accent);font-size:20px;top:-2px}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin:15px 20px 0 0}.closing{background:var(--ink);color:var(--paper);padding-block:75px;text-align:center}.closing .eyebrow{color:#dbe1ce}.closing h2{font:400 52px/1.12 var(--serif);letter-spacing:-1.5px;margin:24px 0}.closing p:not(.eyebrow){font-size:14px;color:#dae7f0}.light{background:var(--paper);color:var(--ink);margin-top:15px}.light:hover{background:#e5eef4}footer{padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:18px}footer p,footer>span{font-size:10px;color:var(--muted)}@media(min-width:1500px){.hero{gap:85px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:28px;padding-block:60px}h1{font-size:66px}.hero-intro{font-size:14px}.catalog-body{padding:18px 14px}.media-tile p{display:block}.availability{display:block}.media-grid{min-height:270px}.audience-strip>.wrap{flex-direction:column;gap:10px}.vision,.faq{gap:40px}.principle{gap:30px;padding:40px}.feature-list article{grid-template-columns:42px 1fr 130px}.feature-tag{font-size:7px}}@media(max-width:740px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.wordmark{font-size:21px}.wordmark svg{width:24px}nav{gap:0}nav>a{display:none}.status{font-size:9px;padding:8px 9px}.hero{grid-template-columns:1fr;gap:40px;padding-block:46px}.hero-copy .eyebrow{font-size:9px}h1{font-size:clamp(48px,14vw,66px);letter-spacing:-2.5px}.hero-intro{font-size:16px;max-width:480px}.catalog-window{transform:none}.library-heading h2{font-size:25px}.media-grid{min-height:275px}.media-tile p{display:block}.concept-caption{font-size:8px}.audience-strip p{font-size:15px;text-align:center}.audience-strip b{margin:0 7px}.audience-strip>.wrap{padding-block:20px}.section-space{padding-block:52px}.vision,.faq{grid-template-columns:1fr;gap:20px}.vision h2{font-size:43px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:8px}.feature-list article{grid-template-columns:30px 1fr;gap:12px;padding:25px 0}.feature-tag{grid-column:2;justify-self:start;padding:0;font-size:8px}.feature-list h3{font-size:18px;line-height:1.4}.principle{grid-template-columns:1fr;margin-top:40px;padding:28px;gap:0}.principle-mark{display:none}.principle h2{font-size:35px}.faq h2{font-size:38px}.faq-intro>p:last-child{max-width:none}.closing{padding-block:55px}.closing h2{font-size:38px}.closing p:not(.eyebrow){font-size:13px}footer{align-items:start;flex-direction:column;gap:12px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Agency archive content and migration guide */
.guide-callout{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:64px;padding:32px;border:1px solid var(--line);border-radius:4px;background:var(--light)}.guide-callout h2{font:400 30px/1.2 var(--serif);margin:12px 0}.guide-callout p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:640px}.guide-callout .button{flex-shrink:0}.guide{max-width:900px;padding-block:35px 80px}.breadcrumbs{font-size:12px;gap:12px;flex-wrap:wrap;margin-bottom:45px}.breadcrumbs a{text-decoration:underline}.guide h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2px;line-height:1.1;max-width:850px}.guide-deck{font-size:20px;color:var(--muted)}.guide-note{padding:22px;background:var(--light);border-left:3px solid var(--accent);font-size:14px;line-height:1.75;margin:32px 0}.guide h2{font:400 30px/1.25 var(--serif);letter-spacing:-.5px;margin:42px 0 16px}.guide article>p,.guide li{font-size:16px;line-height:1.8}.guide li{margin-bottom:12px}.guide ol,.guide ul{padding-left:24px}.guide .button{margin-top:16px}.table-scroll{overflow-x:auto}.guide table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}.guide caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:12px}.guide th,.guide td{padding:16px;text-align:left;vertical-align:top;border:1px solid var(--line)}.guide thead{background:var(--light)}.guide tbody th{width:30%}.source-list a{text-underline-offset:3px}@media(max-width:740px){.guide-callout{flex-direction:column;align-items:start;gap:15px;padding:24px;margin-top:40px}.guide-callout .button{white-space:normal}.guide .breadcrumbs{display:flex;margin-bottom:32px}.guide .breadcrumbs a{display:inline}.guide h1{font-size:42px;letter-spacing:-1.5px}.guide-deck{font-size:18px}.guide th,.guide td{padding:10px}.guide h2{font-size:27px}.audience-strip p{line-height:1.8}}

/* Approved MediaWarden branding: retain exact shield and wordmark artwork. */
.wordmark{gap:12px;flex-shrink:0;line-height:1}
.wordmark .brand-shield{display:block;width:51px;height:60px;flex-shrink:0}
.wordmark .brand-name{display:block;width:212px;height:27px;flex-shrink:0}
.principle-mark{font:inherit;line-height:0;mix-blend-mode:multiply}
.principle-mark img{display:block;width:min(100%,300px);height:auto;margin-inline:auto}
footer .wordmark .brand-shield{width:38px;height:45px}
footer .wordmark .brand-name{width:170px;height:22px}
.guide article a:not(.button){color:var(--brand-blue);text-underline-offset:3px}
@media(max-width:1050px) and (min-width:741px){.site-header nav{gap:18px}.wordmark .brand-name{width:183px;height:24px}}
@media(max-width:740px){.site-header{gap:12px}.wordmark{gap:8px}.wordmark .brand-shield{width:36px;height:43px}.wordmark .brand-name{width:153px;height:20px}.site-header nav{flex-shrink:0}.status{font-size:9px;padding:7px 8px}.principle-mark{display:block}.principle-mark img{width:190px;margin:0 auto 24px}}
@media(max-width:374px){.site-header .wordmark{gap:6px}.site-header .brand-shield{width:31px;height:37px}.site-header .brand-name{width:133px;height:18px}.status{font-size:8px;padding:6px}}