@import"https://use.typekit.net/dnd8uoy.css";:root{interpolate-size:allow-keywords}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}*{margin:0;padding:0;font:inherit}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}:where(dialog:modal){all:revert}:root{--bright-white: rgb(255, 255, 255);--primary-navy: hsl(222, 50%, 14%);--primary-navy-10: hsla(222, 50%, 14%, .1);--primary-navy-20: hsla(222, 50%, 14%, .2);--primary-navy-30: hsla(222, 50%, 14%, .3);--primary-navy-40: hsla(222, 50%, 14%, .4);--primary-navy-50: hsla(222, 50%, 14%, .5);--primary-navy-60: hsla(222, 50%, 14%, .6);--primary-navy-70: hsla(222, 50%, 14%, .7);--primary-navy-80: hsla(222, 50%, 14%, .8);--primary-navy-90: hsla(222, 50%, 14%, .9);--primary-overlay: hsla(222, 50%, 24%, .7);--medium-blue: hsl(222, 63%, 32%);--complementary-blue: hsl(222, 47%, 69%);--complementary-blue-10: hsla(222, 47%, 69%, .1);--complementary-blue-50: hsla(222, 47%, 69%, .5);--complementary-blue-70: hsla(222, 47%, 69%, .7);--dark-gold: hsl(42, 50%, 29%);--dark-gold-10: hsla(42, 50%, 29%, .1);--dark-gold-20: hsla(42, 50%, 29%, .2);--dark-gold-30: hsla(42, 50%, 29%, .3);--dark-gold-40: hsla(42, 50%, 29%, .4);--dark-gold-50: hsla(42, 50%, 29%, .5);--complementary-gold: hsl(42, 53%, 51%);--site-bg: var(--primary-navy)}body{background-color:var(--site-bg);color:var(--bright-white)}body{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"header main" "aside main" "footer main";grid-template-rows:auto 1fr auto}@media screen and (width<60rem){body{grid-template-columns:1fr;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto}body aside{display:none}}header{grid-area:header}main{grid-area:main;width:100%}aside{grid-area:aside}footer{grid-area:footer}:root{--sans-font: freight-sans-pro, sans-serif;--logo-font: le-monde-livre-std, serif;--serif-font: magneta, serif;--mono-font: lemonde-courrier, serif}body{font-family:var(--sans-font);font-weight:400}h1,h2,h3,h4,h5{text-wrap:balance}p{text-wrap:pretty}.tagline{font-family:var(--serif-font);font-weight:400;font-style:italic}.lead{font-family:var(--serif-font);font-weight:300;font-size:2.5rem;color:var(--complementary-blue);font-style:italic}@container split-container (max-width: 640px){.lead{font-size:1.25rem}}header{position:sticky;top:0;width:20rem;margin-inline:auto 0}@media screen and (width<60rem){header{width:100%;margin-inline:0;position:relative}}header .logo{background-color:var(--primary-navy);padding-inline:1rem;padding-block:1rem;display:flex;align-items:center;gap:0;outline:0;border:0;font-family:var(--logo-font);font-weight:300;text-transform:uppercase;color:var(--bright-white);font-size:2rem;text-align:center;line-height:1}header .logo p{font-size:1.5rem;width:100%;line-height:.8}header .logo p span{font-size:1.5rem}main{max-width:calc(100% - 4rem);margin-inline:0 auto;margin-block:0 4rem;background-size:1rem 1rem;background-image:linear-gradient(to right,rgba(228,228,228,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(219,219,219,.2),transparent 1px);padding-block:2rem;padding-inline:2rem;display:flex;flex-direction:column;gap:2rem}aside{position:sticky;top:calc(4ch + 1rem);display:flex;flex-direction:column;max-height:80dvh;width:20rem;margin-inline:auto 0}aside h2{font-size:1.25rem;font-weight:600;text-transform:uppercase;color:var(--complementary-gold);padding-block:.5rem;text-align:center;background-color:var(--primary-overlay)}aside ul{display:flex;flex-direction:column;gap:1px;padding-inline:1rem;background-color:var(--complementary-blue-10);background-image:repeating-linear-gradient(-45deg,rgba(228,228,228,.1) 6px,rgba(228,228,228,.1) 7px,transparent 7px,transparent 13px);border-top:.5rem solid var(--medium-blue);border-bottom:2px solid var(--complementary-blue-50)}aside ul li{list-style:none;background-color:var(--primary-navy)}aside ul li a{color:var(--bright-white);text-decoration:none;text-transform:uppercase;font-weight:500;display:block;padding-inline:1rem;padding-block:1rem}aside ul li a:hover,aside ul li a:active{background-color:var(--primary-overlay)}footer{background-color:var(--primary-overlay);border-top:4px solid var(--dark-gold);position:fixed;bottom:0;left:0;width:100%}footer div{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:1rem}@media screen and (width<60rem){footer div{flex-direction:column}}footer div p{color:var(--complementary-blue-70);font-size:.875rem}footer div a{color:var(--complementary-blue);text-decoration:none}footer div a:hover,footer div a:active{color:var(--complementary-blue-50)}section.intro{background-color:var(--complementary-gold);display:flex;align-items:center;padding-inline:1rem;position:relative;padding-block:1rem}section.intro:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.8rem;background-image:repeating-linear-gradient(-45deg,var(--dark-gold-50),var(--dark-gold-50) 1rem,var(--complementary-gold) 1rem,var(--complementary-gold) 2rem)}section.intro p{text-transform:uppercase;font-weight:600;font-size:1.25rem;color:var(--primary-navy)}section.intro svg{color:var(--dark-gold);height:1rem;margin-right:4px}section.download{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;grid-template-areas:"name name" "image assets";background-color:var(--primary-navy)}section.download a{color:var(--bright-white);text-decoration:none;font-weight:700;font-family:var(--mono-font);display:block;padding-inline:1rem;padding-block:1rem;background-color:var(--medium-blue);border-radius:4px}section.download a:hover,section.download a:active{background-color:var(--primary-overlay)}section.download strong{font-weight:700;text-transform:uppercase;color:var(--complementary-blue)}section.download h2{grid-area:name;background-color:var(--primary-overlay);color:var(--complementary-gold);font-size:1.5rem;font-weight:600;text-transform:uppercase;padding-block:1rem;padding-inline:1rem}section.download div:has(>img){grid-area:image;display:flex;align-items:center;justify-content:center;background-color:var(--bright-white);outline:3rem solid var(--primary-navy);outline-offset:-3rem}section.download div:has(>img) img{margin-block:6rem;margin-inline:6rem;width:calc(100% - 12rem)}section.download ul{grid-area:assets;list-style:none;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-inline:1rem;padding-block:1rem;margin-block:auto}section.download ul p{color:var(--complementary-blue-50);font-size:.875rem}section.download ul li:nth-child(1):has(strong){grid-area:span 1/span 2}section.download ul li ul{padding-inline:0;padding-block:0;gap:.25rem}section.download ul li:nth-child(4):has(strong){grid-area:span 1/span 2}section.download ul li:nth-child(4):has(strong) ul{grid-template-columns:repeat(4,1fr)}@media screen and (width<30rem){section.download{grid-template-columns:1fr;grid-template-areas:"name" "image" "assets"}section.download div:has(>img) img{max-height:15rem;max-width:calc(100% - 12rem);width:auto}}section.colors{display:flex;flex-direction:column;background-color:var(--primary-navy)}section.colors h2{background-color:var(--primary-overlay);color:var(--complementary-gold);font-size:1.5rem;font-weight:600;text-transform:uppercase;padding-block:1rem;padding-inline:1rem}section.colors>p{padding-inline:1rem;padding-block:1rem 0;color:var(--complementary-blue-70);text-align:center}section.colors>ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-inline:1rem;padding-block:1rem;margin-block:2rem;margin-inline:2rem;background-color:var(--bright-white)}section.colors>ul strong{color:var(--complementary-blue);text-transform:uppercase;font-weight:700;margin-bottom:.5rem}section.colors>ul li{display:flex;flex-direction:column;gap:.5rem}section.colors>ul li strong{color:var(--complementary-blue);text-transform:uppercase;font-weight:700;margin-bottom:.5rem;color:var(--brand-color)}section.colors>ul li ul{display:flex;flex-direction:column;color:var(--bright-white);background-color:var(--brand-color);list-style:none;gap:0;padding-inline:1rem;padding-block:2rem;font-family:var(--mono-font)}@media screen and (width<30rem){section.colors>ul{grid-template-columns:1fr}}