:root{--cream: #fffaf0;--navy: #073b4c;--pink: #ef476f;--yellow: #ffd166;--green: #06d6a0;--blue: #118ab2;--font-display: "Fraunces", serif;--font-body: "DM Sans", sans-serif;--font-hand: "Caveat", cursive;--maxw: 75rem;--fs-hero: clamp(2.75rem, 1.6rem + 4.8vw, 4rem);--fs-h1: clamp(2rem, 1.3rem + 2.9vw, 2.875rem);--fs-h2: clamp(1.875rem, 1.4rem + 1.95vw, 2.5rem);--fs-h3: clamp(1.25rem, 1.16rem + .4vw, 1.375rem);--fs-lead: clamp(1rem, .96rem + .2vw, 1.0625rem);--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .8125rem;--fs-eyebrow: .75rem;--fs-tag: clamp(.9375rem, .88rem + .25vw, 1.0625rem);--space-section: clamp(3.25rem, 2.3rem + 3.4vw, 4.375rem);--space-gutter: clamp(1.375rem, .8rem + 2.4vw, 2.5rem)}*{box-sizing:border-box}html{font-size:100%}body{margin:0;background:var(--cream);font-family:var(--font-body);font-size:var(--fs-body)}a{color:var(--blue)}a:hover{color:var(--pink)}img{max-width:100%}:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:3px}nav :focus-visible,footer :focus-visible,#home :focus-visible,#newsletter :focus-visible{outline-color:var(--yellow)}.shell{width:100%;background:var(--cream)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-gutter)}.tag{font:700 var(--fs-tag) var(--font-hand);letter-spacing:.02em;display:inline-block;transform:rotate(-3deg);padding:.1rem .6rem;border-radius:4px}.card .tag,.post-link .tag{align-self:flex-start}.rough-btn{border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent;font:700 var(--fs-sm) var(--font-body);padding:.8rem 1.6rem;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,transform .15s,box-shadow .15s}.rough-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #073b4c26}.hero-btn-fill{background:#fff;color:var(--navy)}.hero-btn-fill:hover{background:var(--yellow);color:var(--navy)}.hero-btn-outline{background:transparent;color:#fff;border:2px solid #fff}.hero-btn-outline:hover{background:transparent;color:var(--yellow);border-color:var(--yellow)}.navlink{font:600 var(--fs-sm) var(--font-body);color:#fff;text-decoration:none}.navlink:hover{color:var(--yellow)}.nav-links{display:flex;align-items:center;gap:1.625rem}.nav-toggle{display:none;background:none;border:2px solid transparent;color:#fff;cursor:pointer;padding:.25rem;line-height:0;border-radius:4px}.nav-toggle .icon-close{display:none}@media(max-width:768px){.nav-toggle{display:inline-flex}.site-nav.open .nav-toggle .icon-menu{display:none}.site-nav.open .nav-toggle .icon-close{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:1.25rem;background:var(--navy);padding:1.375rem var(--space-gutter) 1.75rem;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 10px 18px #0003}.site-nav.open .nav-links{display:flex}.nav-links .navlink{font-size:var(--fs-lead);padding:.25rem 0}.nav-links .socials{align-self:center;margin-top:1rem}}.card,.post-link{display:flex;flex-direction:column;height:100%;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease}.card{background:#fff;border:2px solid var(--navy);padding:1.5rem}.card:hover,.post-link:hover{transform:translateY(-4px);box-shadow:0 10px 24px #073b4c29}.hero-art{display:flex;justify-content:center}.hero-circle{position:relative;width:100%;max-width:24rem;aspect-ratio:1 / 1;border-radius:50%;background:var(--yellow)}.hero-clip{position:absolute;inset:.6rem;border-radius:50%;overflow:hidden}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scaleX(-1)}.socials{display:inline-flex;align-items:center;gap:1rem}.socials a{display:inline-flex;color:var(--sc, #fff);transition:color .15s,transform .15s}.socials a:hover{color:var(--sch, var(--yellow));transform:translateY(-1px)}.arrow-txt,.arrow-ico{display:inline-block;transition:transform .2s ease}.card:hover .arrow-txt,.rough-btn:hover .arrow-txt,.post-link:hover .arrow-txt{transform:translate(-2px)}.card:hover .arrow-ico,.rough-btn:hover .arrow-ico,.post-link:hover .arrow-ico{transform:translate(2px)}@keyframes as-seen-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:820px){.grid-hero,.grid-about,.grid-newsletter,.grid-contact{grid-template-columns:1fr!important}.grid-3{grid-template-columns:1fr 1fr!important}.hero-circle{max-width:18rem}}@media(max-width:560px){.grid-3{grid-template-columns:1fr!important}}
