.cannon-blog-page{background:#f8f8f3;color:#151914}
.cannon-story{padding-bottom:72px}
.cannon-story .breadcrumbs{margin:28px 0 22px}
.cannon-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.88fr);min-height:500px;border:1px solid #cfd6c4;background:#edf1e4}
.cannon-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,76px)}
.cannon-hero h1{max-width:720px;margin:16px 0 20px;font-family:Syne,Arial,sans-serif;font-size:clamp(42px,4.45vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.055em}
.cannon-hero .heading-dot{color:#151914}
.cannon-deck{max-width:610px;margin:0;font-size:clamp(19px,1.65vw,25px);line-height:1.38}
.cannon-byline{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:34px;padding-top:17px;border-top:1px solid #bbc6b0;font-size:13px;font-weight:750}
.cannon-hero-photo{position:relative;min-height:500px;margin:0;background:#d9decf}
.cannon-hero-photo img{width:100%;height:100%;object-fit:cover}
.cannon-hero-photo figcaption{position:absolute;right:12px;bottom:12px;left:12px;width:max-content;max-width:calc(100% - 24px);padding:8px 10px;background:rgba(248,248,243,.96);font-size:12px;line-height:1.4}
.cannon-hero-photo figcaption a{color:inherit;text-underline-offset:3px}
.cannon-intro{width:min(760px,calc(100% - 40px));margin:58px auto 0}
.cannon-intro p{margin:0 0 20px;font-size:18px;line-height:1.68}
.cannon-intro .cannon-lede{font-size:clamp(24px,2.1vw,32px);line-height:1.4;letter-spacing:-.025em}
.cannon-map-section,.cannon-places,.cannon-bottom{margin-top:78px}
.cannon-section-head{margin-bottom:26px;padding-top:20px;border-top:2px solid #151914}
.cannon-section-head .micro{margin:0 0 12px}
.cannon-section-head h2,.cannon-bottom h2{margin:0;font-family:Syne,Arial,sans-serif;font-size:clamp(38px,4.4vw,68px);font-weight:800;line-height:.98;letter-spacing:-.055em}
.cannon-section-head>p:last-child:not(.micro){margin:12px 0 0;color:#596354;font-size:16px}
.cannon-map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);border:1px solid #cfd6c4;background:#fff}
.cannon-map{min-height:500px;background:#dfe8db;z-index:0}
.cannon-map-loading{padding:24px}
.cannon-map-list{display:grid;grid-template-rows:repeat(3,1fr);margin:0;padding:0;list-style:none;border-left:1px solid #cfd6c4}
.cannon-map-list li+li{border-top:1px solid #cfd6c4}
.cannon-map-list a{display:flex;height:100%;flex-direction:column;justify-content:center;padding:22px 26px;color:inherit;text-decoration:none}
.cannon-map-list a:hover,.cannon-map-list a:focus-visible{background:#e9f0db;box-shadow:inset 5px 0 #ceff2f}
.cannon-map-list span,.cannon-place-label{color:#65705e;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.cannon-map-list strong{margin:10px 0 7px;font-family:Syne,Arial,sans-serif;font-size:clamp(21px,2vw,30px);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.cannon-map-list small{color:#596354;font-size:14px}
.cannon-map-pin{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:2px solid #f8f8f3;background:#151914;color:#ceff2f;font:800 15px/1 Syne,Arial,sans-serif;box-shadow:0 0 0 2px #151914}
.cannon-popup{min-width:170px;font-family:Arial,sans-serif}
.cannon-popup b{display:block;margin-bottom:4px;font-family:Syne,Arial,sans-serif;font-size:17px}
.cannon-popup span{display:block;color:#596354;font-size:13px}
.cannon-popup a{display:inline-block;margin-top:10px;color:#151914;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cannon-map .leaflet-popup-content-wrapper,.cannon-map .leaflet-popup-tip{border-radius:0}
.cannon-places{display:grid;gap:22px}
.cannon-places>.cannon-section-head{margin-bottom:4px}
.cannon-place{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);min-height:440px;border:1px solid #cfd6c4;background:#fff;scroll-margin-top:100px}
.cannon-place-photo{min-height:440px;background:#dce4d6}
.cannon-place-photo img{width:100%;height:100%;object-fit:cover}
.cannon-place-copy{padding:clamp(26px,4vw,54px)}
.cannon-place h3{margin:12px 0 22px;font-family:Syne,Arial,sans-serif;font-size:clamp(35px,4vw,62px);line-height:1;letter-spacing:-.055em}
.cannon-place-copy p{max-width:680px;margin:0 0 16px;font-size:16px;line-height:1.64}
.cannon-place-copy .cannon-address{margin-top:24px;padding-top:17px;border-top:1px solid #d3dacd;font-weight:750}
.cannon-links{display:flex;flex-wrap:wrap;gap:12px 21px;margin-top:20px}
.cannon-links a{color:#151914;font-size:14px;font-weight:750;text-decoration:underline;text-decoration-color:#8daa20;text-decoration-thickness:2px;text-underline-offset:5px}
.cannon-links a:hover,.cannon-links a:focus-visible{text-decoration-color:#151914}
.cannon-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:clamp(28px,4vw,56px);border:1px solid #151914;background:#ceff2f}
.cannon-bottom div{max-width:670px}
.cannon-bottom p:last-child{margin:15px 0 0;font-size:17px;line-height:1.5}
.cannon-bottom>a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #151914;background:#151914;color:#fff;font-weight:750;text-align:center;text-decoration:none}
.cannon-bottom>a:hover,.cannon-bottom>a:focus-visible{background:#fff;color:#151914}
@media(max-width:900px){.cannon-hero,.cannon-map-layout,.cannon-place{grid-template-columns:1fr}.cannon-hero-photo{min-height:350px}.cannon-map-list{grid-template-rows:none;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd6c4;border-left:0}.cannon-map-list li+li{border-top:0;border-left:1px solid #cfd6c4}.cannon-map-list a{padding:18px}.cannon-place-photo{height:360px;min-height:0}.cannon-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.cannon-story{padding-bottom:40px}.cannon-story .breadcrumbs{margin:16px 0}.cannon-hero-copy{padding:28px 20px}.cannon-hero h1{font-size:clamp(38px,10vw,56px)}.cannon-hero-photo{min-height:68vw}.cannon-intro{width:calc(100% - 36px);margin-top:42px}.cannon-intro p{font-size:17px}.cannon-intro .cannon-lede{font-size:23px}.cannon-map-section,.cannon-places,.cannon-bottom{margin-top:52px}.cannon-map{min-height:380px}.cannon-map-list{grid-template-columns:1fr}.cannon-map-list li+li{border-top:1px solid #cfd6c4;border-left:0}.cannon-map-list a{min-height:115px}.cannon-place-photo{height:67vw}.cannon-place-copy{padding:26px 20px}.cannon-bottom{padding:28px 20px}.cannon-bottom>a{width:100%}}