@layer reset{*,:before,:after{box-sizing:border-box}body,h1,p,ul,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}}@layer base{:root{--navy:#3d4963;--text-on-navy:#fff;--text:#333;--link:#288391;--bullet:#c1b6b6;--container:960px;--bar-height:80px;--gutter:16px;--font-body:var(--font-open-sans), Arial, sans-serif;--font-title:var(--font-raleway), Arial, sans-serif}html{scrollbar-gutter:stable}body{background:var(--navy);min-height:100dvh;color:var(--text);font:300 16px / 1 var(--font-body);flex-direction:column;display:flex}a{color:var(--link);text-decoration:none;&:hover{text-decoration:underline}}:focus-visible{outline-offset:2px;outline:2px solid}b,strong{font-weight:700}}@layer layout{.container{width:100%;max-width:var(--container);margin-inline:auto}.bar{z-index:10;height:var(--bar-height);background:var(--navy);color:var(--text-on-navy);position:sticky;top:0;box-shadow:0 1px #fff3}.bar-inner{justify-content:space-between;align-items:center;height:100%;padding-inline:12px;display:flex}.logo{color:inherit;font:100 clamp(32px, 10vw, 48px) / 1 var(--font-title);white-space:nowrap;&:hover{text-decoration:none}}.band{background:var(--navy) center top / cover no-repeat;color:var(--text-on-navy);text-align:center;padding-block:44px;& h1{padding-inline:var(--gutter);font:100 clamp(40px, 12.5vw, 60px) / 1 var(--font-title);overflow-wrap:anywhere}@media (width>=480px){padding-block:82px}}.content{background:#fff;flex:1;padding:60px 0 21px;@media (width>=480px){padding-bottom:120px}}.entry{padding-inline:var(--gutter);& p{margin-block:16px;padding-bottom:10px;line-height:28px}&>:first-child{margin-top:0}}.footer{background:var(--navy);color:var(--text-on-navy);padding:40px 0 70px;& a{color:inherit}}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px;padding-inline:12px;display:flex}.footer-links li{padding-block:8px;&:before{content:"";border:3px solid #0000;border-left-color:var(--bullet);margin-right:10px;display:inline-block}}.footer-text{gap:4px;padding-top:8px;line-height:28px;display:grid}}@layer components{.menu-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:inline-flex}.arrow{border:5px solid #0000;border-top-color:currentColor;border-bottom-width:0;width:0;height:0;@media (prefers-reduced-motion:no-preference){transition:rotate .3s ease-in-out}}.bar:has(:popover-open) .arrow{rotate:180deg}.menu-panel{inset:var(--bar-height) max(0px, calc(50% - var(--container) / 2)) auto auto;width:238px;max-width:100%;max-height:calc(100dvh - var(--bar-height));background:var(--navy);color:var(--text-on-navy);border:0;margin:0;padding:8px 0 24px;line-height:16px;position:fixed;overflow-y:auto;box-shadow:3px 3px 4px #0003;& ul ul a{padding-left:45px}& a{color:inherit;padding:9px 12px 9px 30px;display:block}& [aria-current=page]{font-weight:700}}.gallery{grid-template-columns:repeat(2,1fr);gap:4px;margin-block:16px;display:grid;@media (width>=600px){grid-template-columns:repeat(3,1fr)}& a{aspect-ratio:3/2;display:block}& img{object-fit:contain;width:100%;height:100%}}html:has(.lightbox[open]){overflow:hidden}.lightbox{background:rgb(0 0 0/var(--shade,1));color:#fff;border:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;overflow:hidden;&::backdrop{background:0 0}& figure{margin:0;position:absolute;inset:0}& canvas{touch-action:none;width:100%;height:100%;display:block}& figcaption{text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:12px 64px 16px;line-height:1.4;position:absolute;inset:auto 0 0}&[data-zoomed=true] :is(figcaption,button,.lightbox-full){visibility:hidden}& button{cursor:pointer;background:#00000080;border:0;border-radius:50%;width:48px;height:48px;font-size:32px;line-height:1;position:absolute}}.lightbox-full{color:#fff;background:#00000080;border-radius:24px;padding:12px 16px;font-size:14px;line-height:1;position:absolute;top:8px;left:8px}.lightbox-close{top:8px;right:8px}.lightbox-previous,.lightbox-next{top:50%;translate:0 -50%}.lightbox-previous{left:8px}.lightbox-next{right:8px}.tagline{background:var(--bullet);color:var(--text-on-navy);text-transform:uppercase;margin-top:24px;padding:12px;font-size:14px;line-height:1.4;display:inline-block;& a{color:inherit}}.columns{gap:60px;display:grid;@media (width>=768px){grid-template-columns:minmax(0,1fr) 188px}@media (width>=961px){grid-template-columns:minmax(0,1fr) 260px}}.sidebar{& h2{color:var(--text);font:400 20px / 1.2 var(--font-body);margin-bottom:16px}& li{padding-block:6px;line-height:1.4}}.embed iframe{border:0;width:100%;max-width:100%;height:auto;display:block}.summary{margin-bottom:60px;& h2{background:var(--navy);width:fit-content;max-width:100%;font:100 clamp(24px, 6vw, 36px) / 1.2 var(--font-title);overflow-wrap:anywhere;padding:21px 30px 18px;& a{color:var(--text-on-navy)}}& .meta{background:var(--bullet);width:fit-content;color:var(--text-on-navy);margin:0;padding:12px 25px;font-size:16px;line-height:1.4;& a{color:inherit}}}.read-more{width:fit-content;margin-left:auto;padding-block:8px;display:block}.pagination{justify-content:space-between;gap:16px;margin-top:16px;display:flex}.comments{margin-top:60px;& h2{font:100 36px / 1.2 var(--font-title);margin-bottom:24px}& ol{gap:32px;display:grid}& header{flex-wrap:wrap;gap:4px 16px;margin-bottom:8px;display:flex}& time{color:#666}& .comment-text p{line-height:28px}}}
