@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{--ink:#182b29;--green:#244d3f;--forest:#16392f;--orange:#d8963b;--cream:#f5f3ec;--muted:#52635c;--line:#dce2db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:#286449}a:hover{color:#ba7624}img{max-width:100%;height:auto}header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e6e9e5}.top{background:var(--forest);color:#fff;font-size:13px}.top .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 0}.top a{color:#fff;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px}.identity{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--forest)}.identity img{width:84px;max-height:77px;object-fit:contain}.identity strong{font:800 clamp(25px,3vw,38px)/.98 'Barlow Condensed',Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;display:block}.identity em{display:block;font-size:12px;font-style:normal;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#7a806f;margin-top:8px}.call{font-size:14px;color:var(--muted);text-align:right}.call a{font:700 26px 'Barlow Condensed';color:var(--green);text-decoration:none;display:block}.navwrap{background:var(--green)}nav{display:flex;align-items:center;gap:0}nav a{color:#fff;padding:13px 19px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none}nav a:hover,nav a.active{background:var(--orange);color:#1e281f}.menu-button{display:none;background:transparent;border:1px solid #fff8;color:white;padding:10px 14px;border-radius:4px;font:700 14px inherit}.hero{background:linear-gradient(90deg,rgba(13,36,28,.92),rgba(17,44,34,.55)),url('images/pano1600.jpg') center 45%/cover;min-height:390px;display:flex;align-items:center;color:white}.hero h1{font:800 clamp(46px,6vw,80px)/1.02 'Barlow Condensed';text-transform:uppercase;letter-spacing:1px;max-width:700px;margin:12px 0}.eyebrow{color:#f4c481;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:800}.hero p{max-width:620px;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#192e24!important;text-decoration:none;text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:800;padding:13px 22px;border-radius:3px}.button:hover{background:#ecc18c}.intro{padding:60px 0 46px}.intro h2,.content h1,.section-title{font:800 clamp(36px,4vw,52px)/1.04 'Barlow Condensed';text-transform:uppercase;letter-spacing:.2px;margin:0 0 18px}.intro-copy{max-width:830px}.intro-copy p{font-size:17px}.imageframe{border-radius:6px;overflow:hidden;box-shadow:0 12px 35px #1c3c2b1c}.imageframe img{width:100%;display:block}.homegrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.features{background:var(--cream);padding:60px 0 78px}.features h2{margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;box-shadow:0 6px 30px #12362512;border:1px solid #e7e9e4;overflow:hidden;border-radius:5px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #12362524}.card img{display:block;width:100%;height:190px;object-fit:cover}.card .details{padding:22px}.card h3{margin:0 0 7px;font:800 26px 'Barlow Condensed';text-transform:uppercase}.card span{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:#30694f}.pagehero{background:linear-gradient(90deg,#173c30ee,#173c30b5),url('images/pano1600.jpg') center 50%/cover;color:white;padding:55px 0 60px}.pagehero h1{font:800 clamp(40px,6vw,66px)/1 'Barlow Condensed';text-transform:uppercase;margin:12px 0 0}.crumbs{font-size:13px;color:#e6d9ba}.crumbs a{color:#fff}.content{padding:54px 0 80px}.contentlayout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:70px}.article{font-size:16px;min-width:0}.article h2{font:800 36px 'Barlow Condensed';text-transform:uppercase;margin:5px 0 19px}.article p{margin:0 0 22px}.article img{border-radius:4px;box-shadow:0 6px 23px #18382718}.article img[align=right]{float:right;margin:0 0 18px 22px}.article img[align=left]{float:left;margin:0 22px 18px 0}.article p[align=center]{text-align:center}.article table{max-width:100%;height:auto}.article input:not([type=submit]):not([type=reset]),.article textarea{max-width:100%;width:min(100%,520px);padding:10px;border:1px solid #cbd8cd;border-radius:3px;font:inherit}.article input[type=submit],.article input[type=reset]{background:var(--green);color:white;border:0;padding:11px 20px;cursor:pointer;border-radius:3px}.article iframe{max-width:100%}.aside{border-left:1px solid var(--line);padding-left:25px}.aside h3{font:800 26px 'Barlow Condensed';text-transform:uppercase;margin:0 0 15px}.aside p{font-size:14px;color:var(--muted)}.aside .button{width:100%}.aside img{width:100%;max-height:150px;object-fit:cover;border-radius:4px}.info{background:var(--forest);color:#fff;padding:30px 0}.infogrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.info strong{font:800 24px 'Barlow Condensed';text-transform:uppercase}.info a{color:#fff}footer{background:#122c25;color:#dce6df;padding:45px 0 28px;font-size:14px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footgrid strong{color:white;font:800 25px 'Barlow Condensed';text-transform:uppercase}.footgrid a{display:block;color:#e2e9e2;text-decoration:none;padding:2px 0}.footgrid a:hover{text-decoration:underline}.copy{border-top:1px solid #ffffff28;margin-top:35px;padding-top:15px;color:#a8b7ae;font-size:12px}.map{height:420px;border:0;width:100%;border-radius:5px}.home-meta{background:#ecf1eb;border-radius:5px;padding:20px 26px;margin-top:16px}.home-meta p:last-child{margin-bottom:0}.article .product-link{display:block;text-decoration:none;background:#eff2ed;margin:10px 0;padding:13px 17px;border-left:4px solid var(--orange);font-weight:700}.article .product-link:hover{background:#e6eadd}@media(max-width:900px){.contentlayout{grid-template-columns:1fr;gap:30px}.aside{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.cards{grid-template-columns:repeat(2,1fr)}.homegrid{grid-template-columns:1fr}.hero{min-height:340px}.brandrow{min-height:85px}}@media(max-width:650px){.container{width:min(100% - 30px,1180px)}.top .container{justify-content:center;text-align:center}.brandrow{min-height:84px}.identity img{width:54px}.identity strong{font-size:25px}.identity em{font-size:9px;letter-spacing:1.2px}.call{display:none}.menu-button{display:block}nav{display:none;flex-direction:column;align-items:stretch;padding:8px 0}nav.open{display:flex}nav a{padding:12px 15px;border-bottom:1px solid #fff2}.hero{min-height:330px}.hero h1{font-size:49px}.intro,.content{padding:38px 0}.features{padding:40px 0}.cards{grid-template-columns:1fr}.card img{height:210px}.pagehero{padding:38px 0}.footgrid{grid-template-columns:1fr;gap:19px}.article img[align=left],.article img[align=right]{float:none;display:block;margin:15px auto}.article p{overflow-wrap:anywhere}}

/* V2.2: preserve original wording while improving image/text flow. */
.article .text-wrap-image {float:left;display:block;width:auto;max-width:160px;height:auto;margin:3px 22px 12px 0;object-fit:contain;box-shadow:none;border-radius:0}
.article .locksmith-note {float:right;width:152px;max-width:40%;padding:10px 9px 12px;margin:0 0 18px 28px;border:1px solid #23473f;text-align:center;font-size:14px;line-height:1.55;background:#fff}
.article .locksmith-note img {display:block;width:100%;height:auto;box-shadow:none;border-radius:2px;margin:0 auto 7px}
.article .wrap-copy {display:flow-root;min-width:0}
.article .wrap-copy p {margin:0 0 22px}
@media(max-width:650px){.article .text-wrap-image{float:left;max-width:116px;margin:2px 15px 8px 0}.article .locksmith-note{max-width:45%;width:135px;margin-left:17px}}

/* V2.3 - Paint narrative/photos, larger sidebar brand mark, responsive location map */
.paint-sequence{display:flex;flex-direction:column;gap:24px}
.paint-copy{display:flow-root;min-width:0}
.paint-copy .text-wrap-image{margin:3px 22px 8px 0;max-width:150px}
.paint-copy p{margin:0}
.paint-photo{margin:0;text-align:center;clear:both}
.paint-photo a{display:inline-block;max-width:100%}
.paint-photo img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}
.aside .sidebar-logo{margin-top:28px;padding-top:19px;border-top:1px solid var(--line);text-align:center}
.aside .sidebar-logo img{width:min(100%,230px);height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none}
.location-map{display:block;width:calc(100% - 24px);max-width:100%;height:450px;border:0;border-radius:5px;margin:0 24px 12px 0}
@media(max-width:900px){.location-map{width:100%;margin-right:0}.aside .sidebar-logo img{width:min(100%,220px)}}
@media(max-width:650px){.paint-copy .text-wrap-image{max-width:116px;margin-right:15px}.paint-sequence{gap:20px}.location-map{height:360px}}

/* V2.6: Consistent right sidebar on home and department overview */
.home-contentlayout{padding-top:38px;padding-bottom:60px;align-items:start}
.home-primary{min-width:0}
.home-primary .intro{padding:0 0 30px}
.home-primary .features{background:#f5f3ec;border-radius:6px;padding:28px 26px 34px}
.home-primary .homegrid-contained{grid-template-columns:minmax(0,1fr);gap:22px}
.home-primary .homegrid-contained .imageframe{max-width:100%}
.home-primary .cards,.contentlayout .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-primary .card img,.contentlayout .card img{height:165px}
.card .details{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px}
.card .details h3{margin:0;font-size:23px}
.card .card-arrow{font:700 27px/1 Arial,sans-serif;color:#286449;flex-shrink:0;letter-spacing:0}
.department-overview{margin:34px auto 0;text-align:center;clear:both}
.department-overview img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
@media(max-width:900px){.home-contentlayout{padding-top:26px}.home-primary .features{padding:24px 20px}}
@media(max-width:650px){.home-primary .cards,.contentlayout .cards{grid-template-columns:1fr}.home-contentlayout{padding-top:18px;padding-bottom:35px}.home-primary .card img,.contentlayout .card img{height:190px}}

/* V2.7: Homepage two-row image/text layout. Match interior-page sidebar spacing. */
.home-contentlayout{padding-top:54px}
.home-intro-v27 h2{margin:0 0 24px}
.home-welcome-grid,.home-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.home-welcome-grid{margin-bottom:34px}
.home-welcome-copy p{font-size:16px;line-height:1.65;margin:0 0 19px}
.home-store-exterior,.home-store-interior{margin:0;min-width:0}
.home-store-exterior img,.home-store-interior img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 8px 25px #143b2b1b}
.home-secondary-grid{padding-top:30px;border-top:1px solid var(--line)}
.home-hours p{margin:0 0 23px;font-size:16px;line-height:1.65}
.home-hours b{font-weight:700}
@media(max-width:900px){.home-contentlayout{padding-top:54px}}
@media(max-width:560px){.home-welcome-grid,.home-secondary-grid{grid-template-columns:1fr;gap:19px}.home-welcome-grid{margin-bottom:26px}.home-secondary-grid{padding-top:25px}.home-contentlayout{padding-top:34px}}