:root{color-scheme:light;--paper:#f5f1e8;--ink:#172b35;--red:#af3026;--sky:#c9e0e9;--line:#c5c9c5;--max:1360px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,summary{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;background:var(--ink);color:white;padding:12px 16px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--ink)}
.header-inner{min-height:94px;display:flex;align-items:center;gap:38px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:222px}
.brand-mark{width:43px;height:43px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;transform:rotate(-28deg)}
.brand-mark span{width:34px;height:2px;background:var(--red);position:relative}
.brand-mark span:after{content:"";position:absolute;left:16px;top:-16px;width:2px;height:34px;background:var(--red)}
.brand-name{font-size:11px;line-height:1.05;letter-spacing:.08em;font-weight:700}
.brand-name strong{font-size:17px;letter-spacing:.025em}
.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.desktop-nav a,.site-footer nav a{text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--red)}
.header-call{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--red);color:white;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;padding:16px 20px;white-space:nowrap}
.header-call:hover{background:#842218}
.mobile-call{display:none}
.mobile-menu{display:none}
main{min-height:50vh}
.page-intro{padding:110px 0}
.page-intro h1{font-size:clamp(44px,7vw,110px);line-height:.95;letter-spacing:-.06em;max-width:900px;margin:0 0 28px;text-transform:uppercase}
.page-intro p{font-size:20px;line-height:1.5;max-width:600px}
.site-footer{background:var(--ink);color:var(--paper);padding:68px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:50px}
.footer-kicker{text-transform:uppercase;color:#98b3bd;font-size:12px;font-weight:800;letter-spacing:.12em}
.site-footer h2{font-size:clamp(44px,5vw,80px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px}
.footer-contact>a:first-child{font-size:clamp(22px,2.3vw,35px);font-weight:800;text-decoration:none}
.footer-contact>a:nth-child(2){color:#bcd6df}
.footer-contact p{font-size:14px;line-height:1.6;max-width:280px;color:#bcd6df}
.site-footer nav{display:flex;flex-direction:column;gap:17px;padding-top:25px}
.site-footer nav a:hover{color:#efb2a8}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #586a71;margin-top:68px;padding-top:22px;color:#9aafb8;font-size:12px}
.photo-credits{margin-top:18px;color:#9aafb8;font-size:11px;line-height:1.6}
.photo-credits summary{cursor:pointer;display:inline-block;border-bottom:1px solid currentColor}
.photo-credits p{max-width:850px}
.photo-credits a{color:#c9e0e9}
@media(max-width:1150px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.header-inner{gap:16px}.brand{min-width:185px}}
@media(max-width:900px){.header-inner{min-height:74px}.desktop-nav,.header-call{display:none}.mobile-call{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:var(--red);color:white;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.03em;padding:11px 10px}.mobile-menu{display:block;margin-left:0;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:800;display:flex;align-items:center;gap:13px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:22px}.mobile-menu nav{position:absolute;right:0;top:41px;min-width:240px;background:var(--paper);border:1px solid var(--ink);padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:8px 8px 0 var(--red)}.mobile-menu nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800}.footer-grid{grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.footer-bottom{margin-top:35px}}
@media(max-width:600px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{gap:8px}.brand{min-width:0;gap:6px}.brand-name{font-size:9px}.brand-name strong{font-size:14px}.brand-mark{width:36px;height:36px;flex:none}.mobile-menu summary{gap:6px}.page-intro{padding:70px 0}.footer-grid{grid-template-columns:1fr;gap:22px}.site-footer nav{grid-column:auto;flex-direction:column}.footer-contact{padding-top:0}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
