/* Carry the supplied mockup's typography and palette through existing pages. */
:root{--paper:#f4f5ef;--paper-2:#eee9df;--ink:#132026;--lake:#0d526f;--lake-2:#176f8f;--line:rgba(19,32,38,.18);--sign:#0d6a47;--font:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif}
h1,h2,h3{font-family:var(--serif);font-weight:700;font-optical-sizing:auto;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,1.5rem + 3.5vw,4.8rem);line-height:.98}
h2{font-size:clamp(1.7rem,1.2rem + 1.3vw,2.4rem)}
h3{font-size:1.35rem}
.site-header{background:#17392f;color:white}
.header-inner{min-height:82px}
.brand,.site-nav a{color:white}
.brand{font-size:1rem;letter-spacing:.01em}
.site-nav a[aria-current='page']{border-bottom-color:#c3ded3;color:#c3ded3}
.wordmark-badge{display:grid;place-items:center;width:34px;height:34px;border:2px solid currentColor;border-radius:50%;font-size:11px;flex:none;letter-spacing:0}
.site-header :focus-visible{outline-color:#d9a63a}
.site-footer{background:#101b1f;color:#b8c6ca;border:0}
.site-footer a{color:white}
.site-footer .fine,.site-footer .disclaimer{color:#b8c6ca}
.page-head{padding-top:3rem}
.guide-section{padding-top:1rem}
.photo-page-head h1{font-family:var(--serif);font-size:clamp(3.1rem,6vw,5.5rem)}
.photo-group-nav a{font-family:var(--font)}
.photo-grid img{border-radius:14px}
.guides-photo img{border-radius:18px}
@media(max-width:600px){.header-inner{padding-block:1rem}.site-nav{font-size:.9rem}.page-head{padding-top:2rem}}