@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--navy:#071635;--indigo:#111b4a;--cobalt:#2454ed;--cyan:#39bfe8;--magenta:#ec3973;--ivory:#fbf9f4;--white:#fff;--ink-muted:#536078;--line:#dbe1e8;--content:1160px}*{box-sizing:border-box}html{background:var(--ivory);color:var(--navy);scroll-behavior:smooth;font-family:DM Sans,system-ui,sans-serif}body{min-width:320px;margin:0}a{color:inherit}img{max-width:100%;display:block}.skip-link{background:var(--white);z-index:100;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{height:72px;padding:0 max(24px, calc((100vw - var(--content)) / 2));z-index:10;background:#fbf9f4f5;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{font-family:Playfair Display,Georgia,serif;font-size:1.65rem;text-decoration:none}.brand strong{color:var(--cobalt)}.site-header nav a{padding:.5rem 0;font-size:.92rem;font-weight:700;text-decoration:none}.site-header nav a.active,.site-header nav a:hover{color:var(--cobalt)}.hero{background:var(--white);height:min(720px,100svh - 180px);min-height:560px;position:relative;overflow:hidden}.hero:before{background:var(--cyan);content:"";z-index:2;width:29%;height:5px;position:absolute;top:0;left:0}.hero-mascot{object-fit:contain;object-position:right bottom;width:70%;max-width:none;height:112%;position:absolute;bottom:-11%;right:-1.5%}.hero-copy{left:max(24px, calc((100vw - var(--content)) / 2));z-index:2;max-width:550px;position:absolute;top:50%;transform:translateY(-56%)}.eyebrow{color:var(--magenta);letter-spacing:0;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}h1,h2,h3{letter-spacing:0;margin-top:0;font-family:Playfair Display,Georgia,serif;line-height:1.04}.hero h1{max-width:8.5ch;margin-bottom:1.45rem;font-size:clamp(3.25rem,6vw,6.3rem)}.hero-lede{color:var(--ink-muted);max-width:43ch;margin:0 0 1.5rem;font-size:1.08rem;line-height:1.7}.text-link{color:var(--cobalt);align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link span{font-size:1.2rem;transition:transform .2s}.text-link:hover span{transform:translate(4px)}.launch-note{bottom:28px;left:max(24px, calc((100vw - var(--content)) / 2));text-transform:uppercase;z-index:2;align-items:center;gap:.55rem;margin:0;font-size:.78rem;font-weight:700;display:flex;position:absolute}.launch-note span{background:var(--magenta);border-radius:50%;width:8px;height:8px}.latest-section,.blog-listing{max-width:var(--content);margin:0 auto;padding:88px 24px 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:54px;display:flex}.section-heading h2{max-width:13ch;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.post-list{border-top:1px solid var(--navy)}.post-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:32px;padding:34px 0;display:grid}.post-row h2{margin:0 0 .65rem;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3}.post-row h2 a{text-decoration:none}.post-row h2 a:hover{color:var(--cobalt)}.post-row p:not(.post-date){color:var(--ink-muted);max-width:67ch;margin:0;line-height:1.6}.post-date,.article-date{color:var(--cobalt);text-transform:uppercase;margin:0 0 .65rem;font-size:.78rem;font-weight:700}.arrow-link{border:1px solid var(--line);border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;text-decoration:none;display:flex}.arrow-link:hover{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}.page-intro{background:var(--navy);color:var(--white);padding:96px max(24px, calc((100vw - var(--content)) / 2)) 105px}.page-intro h1{max-width:10ch;margin-bottom:1.4rem;font-size:clamp(3rem,7vw,6.5rem)}.page-intro>p:last-child{color:#b9c8dc;margin:0;font-size:1.1rem;line-height:1.7}.blog-listing{padding-top:70px}.article{padding-bottom:110px}.article-header{max-width:940px;margin:0 auto;padding:76px 24px 48px}.back-link{color:var(--cobalt);margin-bottom:55px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-block}.article-header h1{margin-bottom:1.5rem;font-size:clamp(2.55rem,6vw,5.4rem)}.article-rule{background:var(--cyan);max-width:892px;height:6px;margin:0 auto 68px}.article-body{color:#24334b;max-width:760px;margin:0 auto;padding:0 24px;font-family:Georgia,serif;font-size:1.08rem;line-height:1.85}.article-body>h1:first-child{display:none}.article-body h2{color:var(--navy);margin:3rem 0 1rem;font-size:1.65rem;line-height:1.25}.article-body p{margin:0 0 1.4rem}.article-body a{color:var(--cobalt);overflow-wrap:anywhere}.article-body strong{color:var(--navy)}.site-footer{background:var(--navy);color:#c8d1df;padding:36px max(24px, calc((100vw - var(--content)) / 2));grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-size:.83rem;display:grid}.site-footer p{margin:0}.site-footer p:last-child{text-align:right}.brand-small{color:var(--white);font-size:1.3rem}@media (width<=800px){.site-header{height:64px}.hero{height:calc(100svh - 160px);min-height:620px}.hero:before{width:42%}.hero-copy{max-width:calc(100% - 48px);top:58px;transform:none}.hero h1{max-width:7.8ch;margin-bottom:1rem;font-size:clamp(2.75rem,12vw,4.25rem)}.hero-lede{max-width:34ch;font-size:.96rem;line-height:1.55}.hero-mascot{width:104%;height:auto;bottom:-2%;right:-14%}.launch-note{bottom:20px}.latest-section{padding-top:68px}.section-heading{flex-direction:column;align-items:start;gap:26px}.section-heading h2{font-size:2.5rem}.page-intro{padding-top:70px;padding-bottom:78px}.page-intro h1{font-size:clamp(3rem,14vw,4.7rem)}.article-header{padding-top:48px}.back-link{margin-bottom:42px}.site-footer{grid-template-columns:1fr}.site-footer p:last-child{text-align:left}}@media (width<=480px){.hero-copy{top:40px}.hero-copy .text-link,.hero-lede{display:none}.hero-mascot{width:108%;bottom:-1%;right:-14%}.post-row{gap:16px;padding:28px 0}.post-row p:not(.post-date){font-size:.92rem}.arrow-link{width:40px;height:40px}.latest-section,.blog-listing,.article-header,.article-body{padding-left:20px;padding-right:20px}.article-header h1{overflow-wrap:break-word;font-size:2.2rem}.article-rule{margin-bottom:50px}.article-body{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
