:root{--navy:#0b2d5b;--navy-deep:#062341;--teal:#0fa69b;--teal-bright:#00b3a3;--ink:#0d2341;--muted:#4a5b6b;--pale:#f4f6f8;--line:#e5ecef;--shell:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}.shell{width:min(calc(100% - 56px),var(--shell));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:12px;top:-60px;z-index:999;background:white;padding:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffb32b;outline-offset:3px}.site-header{background:#fff;position:relative;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.04)}.header-inner{height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo-link img{display:block;width:300px;height:auto}.primary-nav{display:flex;align-items:center;gap:34px;font-weight:700;font-size:14px}.primary-nav a{padding:14px 0;border-bottom:3px solid transparent;transition:color .18s,border-color .18s}.primary-nav a:hover,.primary-nav a.active{border-color:var(--teal);color:var(--navy)}.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:28px;height:3px;background:var(--navy);margin:5px;border-radius:4px}.hero{background:linear-gradient(105deg,#06233e 3%,#0b365a 62%,#225679 100%);position:relative;overflow:hidden;color:white;min-height:440px}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 34% 20%,rgba(47,105,142,.28),transparent 48%),repeating-linear-gradient(169deg,transparent 0px,rgba(255,255,255,.02) 2px,transparent 5px);pointer-events:none}.hero-art{position:absolute;right:0;top:0;bottom:0;width:43%;background-image:linear-gradient(90deg,#0a3457 0%,rgba(10,52,87,.36) 12%,transparent 34%),url('/assets/paint-roller-hd.webp');background-size:cover;background-position:50% 46%;clip-path:polygon(8% 0,100% 0,100% 100%,3% 100%,8% 79%,5% 59%,10% 37%,7% 20%)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:440px;padding-top:38px;padding-bottom:43px}.hero-content{max-width:730px}.eyebrow{display:flex;align-items:center;gap:16px;font-weight:700;font-size:14px;letter-spacing:.19em}.eyebrow i{width:54px;height:3px;background:var(--teal-bright)}.hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.09;letter-spacing:-.035em;margin:18px 0 6px;font-weight:800}.hero-location{font-size:clamp(21px,2.5vw,30px);color:#15cabb;font-weight:700;margin:0 0 13px;letter-spacing:-.03em}.hero-desc{font-size:18px;line-height:1.5;max-width:550px;margin:0}.hero-actions{display:flex;gap:17px;margin-top:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;font-size:15px;font-weight:800;padding:13px 25px;min-height:47px;transition:transform .15s,filter .15s;white-space:nowrap}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button-teal{background:linear-gradient(125deg,var(--teal),#00ada2);color:#fff}.button-outline{background:rgba(3,25,48,.38);border:2px solid white;color:white;padding:11px 25px}.services{padding-top:26px;padding-bottom:17px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{background:#f5f7f8;border:1px solid #eef1f3;border-radius:15px;padding:22px 23px 23px;min-height:206px}.service-icon{height:41px}.service-icon svg{width:40px;height:40px;fill:rgba(15,166,155,.2);stroke:var(--navy-deep);stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round}.service-card h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:7px 0 8px;font-weight:800}.service-card p{color:#435161;font-size:14px;line-height:1.48;margin:0;max-width:340px}.about-area{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(245px,.9fr);gap:28px;align-items:center;padding-top:16px;padding-bottom:34px}.meet-pete{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}.meet-pete img{width:200px;height:180px;object-fit:cover;object-position:center 26%;border-radius:14px}.about-copy h2,.location-card h2{margin:0 0 9px;font-size:23px;line-height:1.2;letter-spacing:-.03em}.about-copy p{color:#3b4755;font-size:14.5px;line-height:1.58;margin:0}.location-card{display:flex;align-items:flex-start;gap:13px;min-height:145px;border-left:2px solid #b8ded9;padding-left:19px}.location-card>div:last-child{background:#e9f7f5;border-radius:14px;padding:22px 13px 23px 13px;flex:1;min-height:142px}.location-card h2{font-size:20px}.location-card p{font-size:15px;margin:0;line-height:1.45}.pin-icon{background:#e9f7f5;color:var(--teal);padding:20px 0}.pin-icon svg{width:22px;height:27px;fill:var(--teal);stroke:var(--teal);stroke-width:1.5}.pin-icon circle{fill:white;stroke:white}.work-section{padding:55px 0 64px;background:#f6f8fa;border-block:1px solid #e9eef1}.section-top{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}.section-label{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--teal)}.section-top h2,.contact-inner h2{font-size:clamp(26px,3vw,37px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 0}.section-top p{max-width:390px;color:var(--muted);margin:0;font-size:15px}.work-grid,.more-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-photo{position:relative;display:block;cursor:pointer;border:0;background:#dfe7eb;padding:0;overflow:hidden;border-radius:14px;aspect-ratio:1.45}.work-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.work-photo:hover img{transform:scale(1.035)}.work-photo span{position:absolute;left:15px;bottom:14px;border-radius:20px;background:rgba(6,35,65,.9);color:white;padding:6px 15px;font-size:13px;font-weight:800}.extra-gallery{margin-top:22px}.extra-gallery summary{font-weight:750;color:var(--navy);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:12px;padding:11px 0}.extra-gallery summary::-webkit-details-marker{display:none}.extra-gallery summary span{font-size:20px;color:var(--teal)}.more-gallery{margin-top:17px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.video-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px;background:#0a243b}.video-grid p{color:#465b6d;font-size:14px}.contact-section{background:white;padding:58px 0}.contact-inner{display:flex;gap:35px;justify-content:space-between;align-items:center}.contact-inner>div:first-child{max-width:530px}.contact-inner p{color:var(--muted);font-size:16px}.contact-buttons{display:flex;flex-direction:column;gap:12px;min-width:295px}.button-contact{border:2px solid var(--navy);color:var(--navy);background:white}.footer{background:#062747;color:white;padding:30px 0 16px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-inner img{width:270px;height:auto;display:block}.footer-details{display:flex;align-items:center;gap:22px;font-size:13px}.footer-details a{font-weight:700}.footer-details a:hover{text-decoration:underline}.footer-details span{max-width:220px}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:24px;padding-top:14px;color:#c3d0da;font-size:12px}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:99;inset:0;background:rgba(4,14,26,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:65px 16px 22px}.lightbox img{max-height:75vh;max-width:min(100%,1100px);width:auto;object-fit:contain}.lightbox p{color:#fff}.lightbox-close{position:absolute;top:12px;right:25px;border:0;background:transparent;color:white;font-size:44px;cursor:pointer}
@media(max-width:1050px){.logo-link img{width:250px}.primary-nav{gap:20px}.hero-art{width:39%;opacity:.74}.hero-content{max-width:650px}.hero h1{font-size:46px}.hero-location{font-size:24px}.about-area{grid-template-columns:1fr}.location-card{border-left:0;padding-left:0;gap:0;max-width:440px}.location-card>div:last-child{min-height:auto}.footer-details{flex-wrap:wrap;justify-content:end}}
@media(max-width:730px){.shell{width:min(calc(100% - 36px),var(--shell))}.header-inner{height:78px}.logo-link img{width:214px}.menu-toggle{display:block}.primary-nav{position:absolute;left:0;right:0;top:78px;display:none;background:#fff;padding:12px 20px 22px;box-shadow:0 15px 25px #031c3224;flex-direction:column;align-items:stretch;gap:2px}.primary-nav.open{display:flex}.primary-nav a{padding:13px 8px}.hero,.hero-inner{min-height:470px}.hero-inner{align-items:start;padding-top:38px;padding-bottom:30px}.hero-art{width:53%;opacity:.6;filter:brightness(.85)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,52,.85) 12%,rgba(5,39,70,.60) 78%,rgba(5,39,70,.3));pointer-events:none}.hero-inner{z-index:2}.hero-content{max-width:100%}.hero h1{font-size:clamp(36px,8vw,48px);margin-top:20px}.hero-location{font-size:clamp(20px,5vw,26px);max-width:440px}.hero-desc{font-size:16px;max-width:360px}.hero-actions{flex-direction:column;max-width:325px;gap:11px}.service-grid{grid-template-columns:1fr;gap:11px}.service-card{min-height:0;padding:18px 19px;display:grid;grid-template-columns:45px 1fr;gap:0 13px;align-items:start}.service-icon{grid-row:1/3}.service-card h3{font-size:19px;margin:1px 0 4px}.service-card h3 br{display:none}.service-card p{grid-column:2;font-size:14px}.about-area{padding-top:17px;padding-bottom:25px;gap:18px}.meet-pete{grid-template-columns:116px 1fr;gap:15px}.meet-pete img{width:116px;height:154px}.about-copy h2{font-size:20px}.about-copy p{font-size:13px;line-height:1.48}.location-card{max-width:100%}.location-card .pin-icon{padding:17px 14px}.location-card>div:last-child{padding:17px 14px;min-height:0}.location-card h2{font-size:19px}.work-section{padding:40px 0}.section-top{display:block}.section-top p{margin-top:12px}.work-grid{gap:10px;grid-template-columns:1fr 1fr}.work-grid .work-photo:last-child{display:none}.more-gallery{gap:10px}.video-grid{grid-template-columns:1fr}.contact-inner{display:block}.contact-buttons{min-width:0;max-width:350px;margin-top:25px}.footer-inner{display:block}.footer-inner img{width:225px}.footer-details{margin-top:23px;align-items:start;justify-content:start;flex-direction:column;gap:10px}.footer-details span{max-width:none}}
@media(max-width:390px){.logo-link img{width:184px}.hero h1{font-size:34px}.meet-pete{grid-template-columns:95px 1fr}.meet-pete img{width:95px;height:150px}.about-copy p{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* November 2026 responsive and hero refinement, versioned to defeat stale mobile CSS caches */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { min-width:0; overflow-x:hidden; }
.hero-art {
  width:48%;
  clip-path:none;
  background-image:url('/assets/paint-roller-hd.webp');
  background-size:cover;
  background-position:center center;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.12) 7%, rgba(0,0,0,.68) 20%, black 34%);
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.12) 7%, rgba(0,0,0,.68) 20%, black 34%);
}
.hero-content {max-width:690px;}
.footer-details a {overflow-wrap:anywhere;}
@media (max-width:1050px) and (min-width:731px) {
  .hero-art {width:45%; opacity:.78;}
  .hero-content {max-width:60%;}
  .hero h1 {font-size:clamp(38px,4.6vw,50px);}
}
@media (max-width:730px) {
  .shell {width:calc(100% - 36px);max-width:100%;}
  .site-header {position:relative;}
  .header-inner {height:76px;gap:10px;}
  .logo-link {display:block;min-width:0;flex:0 1 auto;}
  .logo-link img {width:min(230px,calc(100vw - 106px));max-width:100%;height:auto;}
  .menu-toggle {display:block;flex:0 0 auto;width:46px;height:46px;border:1px solid #dce7ea;border-radius:10px;background:#fff;padding:8px;}
  .menu-toggle span {width:24px;margin:5px auto;}
  .primary-nav {position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;gap:0;align-items:stretch;background:#fff;padding:10px 18px 16px;box-shadow:0 12px 20px #061f3627;z-index:20;}
  .primary-nav.open {display:flex;}
  .primary-nav a {padding:12px 10px;font-size:15px;border-bottom:1px solid #e5ecef;}
  .hero {min-height:auto;}
  .hero-inner {min-height:0;padding:37px 0 34px;display:block;}
  .hero::after {background:linear-gradient(90deg,rgba(3,29,52,.92),rgba(3,29,52,.83));}
  .hero-art {width:100%;opacity:.23;filter:none;background-position:60% center;-webkit-mask-image:none;mask-image:none;}
  .hero-content {max-width:100%;}
  .eyebrow {font-size:11px;gap:9px;letter-spacing:.15em;}
  .eyebrow i {width:35px;}
  .hero h1 {font-size:clamp(32px,9vw,44px);line-height:1.11;margin:17px 0 10px;letter-spacing:-.035em;overflow-wrap:normal;}
  .hero-location {font-size:clamp(18px,5vw,23px);line-height:1.25;margin-bottom:15px;}
  .hero-desc {font-size:15px;line-height:1.5;max-width:100%;}
  .hero-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:100%;gap:10px;margin-top:23px;}
  .button {white-space:normal;text-align:center;font-size:14px;padding:11px 9px;min-height:48px;}
  .button-outline {padding:9px 8px;}
  .services {padding-top:20px;padding-bottom:12px;}
  .service-grid {display:grid;grid-template-columns:1fr;gap:10px;}
  .service-card {min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:start;padding:16px;border-radius:12px;}
  .service-icon {grid-column:1;grid-row:1/span 2;height:42px;}
  .service-icon svg {width:38px;height:38px;}
  .service-card h3 {grid-column:2;grid-row:1;font-size:18px;line-height:1.2;margin:0 0 4px;}
  .service-card h3 br {display:none;}
  .service-card p {grid-column:2;grid-row:2;font-size:13px;line-height:1.45;max-width:none;}
  .about-area {display:grid;grid-template-columns:1fr;gap:15px;padding-top:11px;padding-bottom:24px;}
  .meet-pete {display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;background:#f5f7f8;border-radius:14px;padding:12px;}
  .meet-pete img {display:block;width:108px;height:145px;object-fit:cover;object-position:center 21%;border-radius:10px;}
  .about-copy h2 {font-size:20px;margin-bottom:6px;}
  .about-copy p {font-size:12.5px;line-height:1.45;}
  .location-card {display:flex;align-items:center;gap:0;border:0;padding:0;max-width:100%;background:#e9f7f5;border-radius:12px;min-height:0;}
  .location-card .pin-icon {padding:14px;flex-shrink:0;}
  .pin-icon svg {width:22px;height:28px;}
  .location-card>div:last-child {padding:14px 14px 14px 0;background:none;min-height:0;}
  .location-card h2 {font-size:18px;margin:0 0 3px;}
  .location-card p {font-size:13px;line-height:1.4;}
  .work-section {padding:32px 0 40px;}
  .section-top {display:block;margin-bottom:18px;}
  .section-top h2,.contact-inner h2 {font-size:clamp(25px,7vw,32px);}
  .section-top p {font-size:14px;margin-top:10px;}
  .work-grid,.more-gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .work-grid .work-photo:last-child {display:block;grid-column:1/-1;aspect-ratio:2.1;}
  .work-photo {aspect-ratio:1.2;border-radius:10px;}
  .work-photo span {font-size:11px;left:9px;bottom:9px;padding:5px 9px;}
  .extra-gallery summary {font-size:14px;}
  .video-grid {grid-template-columns:1fr;gap:12px;}
  .contact-section {padding:34px 0 40px;}
  .contact-inner {display:block;}
  .contact-inner p {font-size:15px;}
  .contact-buttons {min-width:0;max-width:100%;margin-top:19px;}
  .footer {padding:28px 0 15px;}
  .footer-inner {display:flex;flex-direction:column;align-items:flex-start;gap:17px;}
  .footer-inner img {width:218px;max-width:100%;}
  .footer-details {display:flex;flex-direction:column;align-items:flex-start;gap:10px;justify-content:flex-start;margin:0;font-size:13px;width:100%;}
  .footer-details a {display:block;max-width:100%;overflow-wrap:anywhere;}
  .footer-details span {max-width:100%;line-height:1.5;}
  .copyright {margin-top:22px;line-height:1.6;}
}
@media(max-width:375px){
  .hero h1 {font-size:31px;}
  .hero-actions {grid-template-columns:1fr 1fr;}
  .meet-pete {grid-template-columns:92px minmax(0,1fr);gap:12px;}
  .meet-pete img {width:92px;height:135px;}
  .about-copy h2 {font-size:18px;}
  .about-copy p {font-size:12px;}
}

/* v3: simplified Areas Covered and more prominent brand mark */
.logo-link img {width:340px;max-width:100%;height:auto;}
.location-card {display:block;border:0;padding:0;min-height:0;max-width:100%;background:#e9f7f5;border-radius:14px;}
.location-card > div:last-child {display:block;background:transparent;padding:22px 24px;min-height:0;}
@media(max-width:1050px) and (min-width:731px) {
  .logo-link img {width:285px;}
}
@media(max-width:730px) {
  .header-inner {height:88px;gap:10px;}
  .logo-link {min-width:0;flex:0 1 auto;}
  .logo-link img {width:min(280px,calc(100vw - 100px));max-width:100%;height:auto;}
  .primary-nav {top:88px;}
  .location-card {display:block;max-width:100%;}
  .location-card > div:last-child {padding:17px 19px;}
}
@media(max-width:390px) {
  .logo-link img {width:min(280px,calc(100vw - 100px));}
}
