:root { --ink:#10272d; --cream:#f5efe2; --paper:#fbf8f0; --brick:#a63d2f; --gold:#dda93e; --line:#d5c9b7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1160px,calc(100% - 44px)); margin:0 auto; }
.guide-bar { height:26px; display:flex; justify-content:center; align-items:center; gap:12px; background:#0d252a; color:#fff; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.guide-bar span,.gold-text { color:var(--gold); }
.site-header { height:82px; padding:0 max(22px,calc((100% - 1160px)/2)); display:flex; align-items:center; justify-content:space-between; background:var(--cream); border-bottom:1px solid rgba(16,39,45,.18); }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark { width:46px; height:46px; display:grid; place-items:center; border:2px solid var(--brick); color:var(--brick); font:700 26px Georgia,serif; transform:rotate(-3deg); }
.brand strong { display:block; font:700 25px Georgia,serif; line-height:1; }
.brand small { display:block; margin-top:7px; font-size:9px; font-weight:900; letter-spacing:.22em; }
nav { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:700; }
nav a:hover { color:var(--brick); }
nav .fcl-link { color:var(--brick); padding-left:28px; border-left:1px solid var(--line); }
.hero { min-height:660px; position:relative; overflow:hidden; color:#fff; }
.hero-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,31,36,.93),rgba(8,31,36,.56) 52%,rgba(8,31,36,.12)),url('chambersburg-square.jpg') center 45%/cover no-repeat; }
.hero-copy { position:relative; z-index:1; width:min(1160px,calc(100% - 44px)); margin:0 auto; padding-top:112px; }
.eyebrow { margin:0 0 20px; font-size:11px; font-weight:900; letter-spacing:.25em; }
.eyebrow.light { color:#f0bd59; }
.red-text { color:var(--brick); }
.pale { color:#f4d8cf; }
.hero h1 { margin:0; font:700 clamp(56px,6vw,88px)/.94 Georgia,serif; letter-spacing:-.04em; }
.hero h1 em { color:#f2c35f; font-weight:400; }
.lede { width:min(580px,75%); margin:30px 0 32px; font:18px/1.55 Georgia,serif; }
.hero-actions { display:flex; gap:12px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 22px; border:1px solid transparent; font-size:13px; font-weight:800; }
.button.red { background:var(--brick); }
.button.outline { border-color:rgba(255,255,255,.6); }
.button.cream { background:var(--cream); color:var(--ink); }
.start-card { position:absolute; z-index:2; right:max(22px,calc((100% - 1160px)/2)); bottom:0; width:340px; padding:26px 28px 22px; background:var(--paper); color:var(--ink); }
.start-card>span { color:var(--brick); font-size:10px; font-weight:900; letter-spacing:.22em; }
.start-card h2 { margin:8px 0 10px; font:700 25px Georgia,serif; }
.start-card a { display:flex; justify-content:space-between; gap:14px; padding:15px 0; border-top:1px solid var(--line); font-size:13px; }
.start-card small { color:var(--brick); }
.photo-credit { position:absolute; z-index:2; left:10px; bottom:8px; margin:0; font-size:9px; }
.essentials { padding:92px 0 86px; }
.section-heading { display:grid; grid-template-columns:2fr 1fr; align-items:end; gap:50px; margin-bottom:38px; }
.section-heading .eyebrow { margin-bottom:12px; }
.section-heading h2 { margin:0; font:700 clamp(43px,5vw,64px)/1 Georgia,serif; letter-spacing:-.025em; }
.section-heading>p { margin:0 0 4px; color:#6b6255; font-size:14px; line-height:1.6; }
.essential-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.essential-card { min-height:155px; padding:27px 24px; position:relative; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.36); transition:.2s ease; }
.essential-card:hover { background:#fff; transform:translateY(-2px); }
.essential-icon { display:block; min-height:28px; color:var(--brick); font-size:16px; font-weight:900; }
.essential-card strong { display:block; margin-top:10px; font:700 20px Georgia,serif; }
.essential-card small { display:block; margin-top:6px; color:#72695c; font-size:12px; }
.arrow { position:absolute; right:22px; bottom:20px; color:var(--brick); }
.emergency { margin-top:18px; padding:19px 22px; display:flex; gap:18px; background:#eae2d4; font-size:12px; }
.emergency strong { color:var(--brick); }
.explore { padding:88px 0 96px; background:#0d302d; color:#fff; }
.section-heading.inverse>p { color:#c7d3ce; }
.place-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.place-card { min-height:390px; padding:28px 24px 25px; display:flex; flex-direction:column; justify-content:space-between; background-image:radial-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.5px); background-size:28px 28px; transition:.2s ease; }
.place-card:hover { transform:translateY(-5px); }
.place-card.brick { background-color:#9f493d; }
.place-card.navy { background-color:#34566a; }
.place-card.gold { background-color:#bf842f; }
.place-card.sage { background-color:#52705f; }
.place-number { align-self:flex-end; color:rgba(255,255,255,.55); font:italic 700 42px Georgia,serif; }
.place-card small { font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.place-card h3 { margin:13px 0; font:700 29px/1 Georgia,serif; }
.place-card p { min-height:72px; font-size:13px; line-height:1.55; }
.place-card b { font-size:12px; }
.business { padding:95px 0; display:grid; grid-template-columns:1.45fr 1fr; gap:22px; }
.business-copy { padding:48px; border:1px solid var(--line); background:rgba(255,255,255,.38); }
.business h2 { margin:0 0 22px; font:700 43px/1.03 Georgia,serif; }
.business-copy>p:not(.eyebrow) { max-width:620px; font-size:14px; line-height:1.7; }
.chamber-link { display:inline-block; margin:8px 0 18px; padding:14px 16px; border:1px solid var(--line); color:var(--brick); font-size:12px; font-weight:800; }
.status { display:block; width:max-content; max-width:100%; padding:11px 13px; background:#ebe3d5; color:#655d51; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.fcl-panel { padding:48px; background:var(--brick); color:#fff; }
.fcl-panel>p:not(.eyebrow) { margin:28px 0 34px; font-size:14px; line-height:1.7; }
footer { padding:48px 0; background:#0b211f; color:#fff; }
.footer-inner { display:grid; grid-template-columns:1.2fr 1fr .8fr; align-items:center; gap:40px; }
.footer-brand .brand-mark { border-color:#e4b04d; color:#e4b04d; }
.footer-brand strong { color:#fff; }
.footer-inner p { font:15px/1.5 Georgia,serif; }
.footer-inner p small { color:#e4b04d; }
.footer-inner>div:last-child { display:flex; flex-direction:column; gap:10px; font-size:11px; }
@media(max-width:900px){.site-header{height:auto;padding-top:18px;padding-bottom:18px;align-items:flex-start}.site-header nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.site-header nav .fcl-link{padding-left:0;border:0}.hero{min-height:760px}.hero-copy{padding-top:80px}.start-card{right:22px;width:min(340px,calc(100% - 44px))}.essential-grid,.place-grid{grid-template-columns:repeat(2,1fr)}.business{grid-template-columns:1fr}}
@media(max-width:620px){.guide-bar{font-size:8px}.site-header{gap:18px}.brand strong{font-size:19px}.brand-mark{width:40px;height:40px}.site-header nav{display:none}.hero{min-height:790px}.hero-copy{padding-top:66px}.hero h1{font-size:52px}.lede{width:100%}.hero-actions{flex-direction:column;align-items:flex-start}.start-card{left:22px;right:auto}.section-heading{grid-template-columns:1fr;gap:18px}.essential-grid,.place-grid{grid-template-columns:1fr}.place-card{min-height:330px}.business-copy,.fcl-panel{padding:32px 25px}.footer-inner{grid-template-columns:1fr}}