@font-face{font-family:"Work Sans";src:url("assets/WorkSans-VF.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Newsreader";src:url("assets/Newsreader-VF.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#F3EEE2;--ink:#19231F;--lake:#2B6D73;--signal:#CF4B31;--mustard:#D1A943;--rule:#D8D2C5}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Newsreader",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--signal);outline-offset:5px;border-radius:2px}
.skip-link{position:absolute;z-index:10;left:1rem;top:-5rem;padding:.65rem 1rem;background:var(--ink);color:var(--paper);font:600 14px/1.3 "Work Sans",Arial,sans-serif}
.skip-link:focus{top:1rem}
.page-shell{width:min(100%,1000px);min-height:100svh;margin:auto;padding:0 clamp(24px,5.5vw,64px);display:flex;flex-direction:column}
.site-header{padding:clamp(27px,4vw,54px) 0 22px;border-bottom:1px solid var(--rule)}
.brand{display:block;width:clamp(270px,30vw,380px);height:auto}
.main-content{display:flex;align-items:center;flex:1;padding:clamp(78px,9vw,140px) 0 clamp(88px,9vw,140px)}
.hero{width:100%;max-width:900px}
h1{font-size:clamp(54px,5.2vw,82px);font-weight:500;letter-spacing:-.033em;line-height:1.06;max-width:12ch;margin:0 0 clamp(55px,6vw,86px)}
.hero-detail{max-width:620px;padding:0 0 4px;border-top:5px solid var(--mustard)}
.description{font-size:clamp(22px,2vw,29px);line-height:1.35;margin:31px 0 clamp(46px,6vw,84px)}
.contact{border-top:1px solid var(--rule);padding-top:21px}
.contact p{font-size:18px;line-height:1.4;max-width:38ch;margin:0 0 22px}
.contact a{display:inline-block;font:600 16px/1.35 "Work Sans",Arial,sans-serif;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}
.contact a:hover{color:var(--lake)}
.contact a span{display:inline-block;margin-left:8px;color:var(--signal)}
.shoreline-signature{display:block;width:70px;height:70px;margin-top:35px}
@media(max-width:850px){.main-content{padding:84px 0 100px}.description{margin-bottom:48px}}
@media(max-width:560px){.page-shell{padding:0 21px}.site-header{padding:26px 0 21px}.brand{width:min(270px,100%)}.main-content{padding:75px 0 88px}h1{font-size:clamp(49px,11.5vw,61px);max-width:11ch;margin-bottom:55px}.hero-detail{border-top-width:4px}.description{font-size:22px;margin-top:25px;margin-bottom:42px}.contact p{font-size:17px}.contact a{font-size:15px}.shoreline-signature{width:64px;height:64px;margin-top:31px}}