@import url("fonts.css");
/* Finnlinec — base styles. Palette: Baltic Navy, Teal, Brass, Nordic White, Mist Blue, Slate */
:root{--navy:#17324D;--teal:#2D6874;--brass:#C9A46C;--white:#F7F8F6;--mist:#E8EFF0;--slate:#263744;--line:#cfdadc;
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Karla","Helvetica Neue",Arial,sans-serif;--max:1180px;--read:720px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--slate);font-family:var(--sans);font-size:1.0625rem;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--navy)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.12;font-weight:600;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,3.2vw,2.7rem);margin-top:1.6em}
h3{font-size:1.5rem;margin-top:1.4em}
p{margin:0 0 1.1em}
.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:700;color:var(--brass)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:var(--white);padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}