:root{color-scheme:light;--navy:#102a43;--ink:#223e53;--green:#a9e88f;--paper:#f5f7ef}
*{box-sizing:border-box}
body{margin:0;color:var(--navy);background:var(--paper);font:1.12rem/1.6 system-ui,sans-serif}
.wrap{width:min(100% - 3rem,69rem);margin-inline:auto}
header{background:var(--navy);color:white}
nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;border-bottom:1px solid #ffffff38}
a{color:inherit;text-underline-offset:.23em}
a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.brand{font-weight:750;text-decoration:none}.brand span{color:var(--green)}
.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1rem}
.instagram-link{display:inline-flex;align-items:center;gap:.4em}
.instagram-icon{position:relative;display:inline-grid;place-items:center;width:1em;height:1em;border:1.5px solid currentColor;border-radius:.28em}
.instagram-icon::before{content:"";width:.4em;height:.4em;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box}
.instagram-icon::after{content:"";position:absolute;top:.12em;right:.12em;width:.12em;height:.12em;border-radius:50%;background:currentColor}
@media(max-width:25rem){nav{flex-wrap:wrap}.nav-links{justify-content:flex-start}}