:root{--bg:#242424;--muted:#b6b6b6;--lime:#ffad24;--line:#484848}
body{background:var(--bg)}
body>header{background:#181818f5;height:112px}
.logo{display:flex;align-items:center}
.brand-logo-window{display:block;width:115px;height:94px;overflow:hidden;background:#fff;filter:invert(1)}
.brand-logo-window img{display:block;position:relative;width:291px;max-width:none;height:auto;left:-85px;top:-23px}
nav a:hover,nav a[aria-current=page]{color:var(--lime)}
.pill{background:var(--lime);color:#171717}
.card,.board-preview,.info-box{border-color:#666!important}
.services .card{background:#2e2e2e}
.tag{border-color:#68605a;color:#e4d1b6}
.ticker{color:#c1b9ad}
.hero::after{background:linear-gradient(90deg,#101010d9,#10101094 55%,#10101059)}
.hero .eyebrow{color:var(--lime)}
.light{background:#eeeae4;color:#252525}
.compare .eyebrow{color:#975d0b}
.compare p{color:#67615a}
.demo{background:#d8d1c8}
input[type=range]{accent-color:#a66000}
.home-gallery{background:#303030}
.gallery-item{background:#242424;border-color:#655642}
.gallery-empty-art{background:linear-gradient(140deg,#46413a,#282828);color:#bd9870}
.gallery-item small,.home-source-note{color:#c0ad96}
.gallery-controls button{border-color:#a76b20;color:var(--lime)}
.home-boards{background:#eae7e2;color:#252525}
.home-boards .eyebrow{color:#945b0a}
.board-preview{background:#faf9f6}
.board-preview header{border-color:#d3cbc0}
.board-preview header a{color:#8b5304}
.preview-row{color:#333;border-color:#ded9d2}
.preview-row time,.preview-empty{color:#77716a}
.contact{background:var(--lime);color:#201c17}
.darkbutton{background:#232323}
.secondary{background:#45413b}
.boardbar input,.editor input,.editor textarea{background:#303030;border-color:#6b6256}
.boardtable th{border-top-color:#a16b2e}
.map-note{background:#242424ed;border-color:#a97737}
.notice{color:#a9a29a}
footer{background:#191919;align-items:center}
dialog{background:#292929;border-color:#866138}
dialog p,dialog li{color:#d0c5b7}
@media(max-width:800px){body>header{height:auto;min-height:110px}.brand-logo-window{width:95px;height:78px}.brand-logo-window img{width:241px;left:-70px;top:-19px}.hero::after{background:#101010a6}}

/* Blend the inverted logo background into each surrounding surface. */
.brand-logo-window{mix-blend-mode:screen}


/* Main navigation readability */
body>header>nav{font-size:18px;font-weight:600;gap:30px}
body>header>nav>a{padding:10px 0;line-height:1.5}
@media(max-width:1100px){body>header>nav{font-size:16px;gap:20px}}
@media(max-width:800px){body>header>nav{font-size:16px;gap:24px}}

/* Compact map and shop details */
.home-location{padding:60px 0}.visit-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:center}.visit-map{display:block;border:1px solid #555;border-radius:10px;overflow:hidden}.visit-map img{display:block;width:100%;height:auto}.visit-map-note{color:var(--muted);font-size:11px;line-height:1.8;margin:12px 0 0}.visit-details{padding:30px;background:#2e2e2e;border:1px solid #484848;border-radius:10px}.visit-details h3{font-size:24px;margin:0 0 24px;letter-spacing:-.6px}.visit-details dl{margin:0 0 28px}.visit-details dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;padding:16px 0;border-top:1px solid #484848}.visit-details dt{font-size:13px;color:var(--muted)}.visit-details dd{margin:0;font-size:15px;line-height:1.9}.visit-details dd small{display:block;font-size:12px;color:var(--muted)}.visit-details dd>span{display:flex;justify-content:space-between;gap:20px}.visit-details dd b{font-weight:500}.visit-details .visit-closed{color:var(--lime);margin-top:5px}.visit-phone{font-size:23px;font-weight:700;color:var(--lime)}.visit-details>.pill{display:inline-block}@media(max-width:800px){.visit-grid{grid-template-columns:1fr;gap:22px}.visit-details{padding:24px}.visit-details dl>div{grid-template-columns:70px minmax(0,1fr);gap:10px}.visit-details h3{font-size:22px}}

/* Header direct phone action */
body>header>.pill{white-space:nowrap;flex-shrink:0}body>header>.header-call{margin-left:10px}body>header>nav{margin-left:auto;margin-right:auto}@media(max-width:1250px){body>header{height:auto;min-height:112px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}body>header>nav{order:3;width:100%;display:flex;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;margin:0;padding-bottom:5px}body>header>.logo{margin-right:auto}body>header>.header-call{margin-left:0}}@media(max-width:480px){body>header>.pill{font-size:12px;padding:11px 12px}body>header{gap:8px}}

/* Readable shop details below the hero actions */
.hero-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff40;max-width:520px}.hero-contact>a{display:flex;align-items:baseline;gap:18px;color:#f5f6ef;text-decoration:none;text-shadow:0 1px 8px #0008;line-height:1.7}.hero-contact-label{font-size:12px;color:#ded7cc;min-width:28px;flex-shrink:0}.hero-contact-phone strong{font-size:26px;color:var(--lime);letter-spacing:.3px}.hero-contact-address>span:last-child{font-size:15px}.hero-contact>a:hover{color:var(--lime)}@media(max-width:800px){.hero-contact{margin-top:24px}.hero-contact-phone strong{font-size:23px}.hero-contact-address>span:last-child{font-size:14px}.hero-contact>a{gap:12px}}

/* Match hero contact values; keep labels white */
.hero-contact{max-width:100%}.hero-contact .hero-contact-label{color:#fff}.hero-contact .hero-contact-phone strong,.hero-contact .hero-contact-address>span:last-child{font-size:26px;font-weight:700;color:var(--lime);letter-spacing:.3px;line-height:1.7}@media(max-width:800px){.hero-contact .hero-contact-phone strong,.hero-contact .hero-contact-address>span:last-child{font-size:23px}}

/* Hero labels match contact value sizes */
.hero-contact .hero-contact-label{font-size:26px;color:#fff;line-height:1.7;min-width:2em}@media(max-width:800px){.hero-contact .hero-contact-label{font-size:23px}}

/* Stable logo compositing on mobile browsers */
.brand-logo-window{background:#000;filter:none;mix-blend-mode:screen}.brand-logo-window img{filter:invert(1)}footer{isolation:isolate}footer>.logo{opacity:1;flex-shrink:0}footer .brand-logo-window{background:#000;filter:none;mix-blend-mode:screen}
@media(max-width:800px){html{scroll-padding-top:170px}.hero{min-height:0;padding:50px 0}.hero h1{font-size:clamp(32px,8vw,48px);letter-spacing:-1.5px;line-height:1.3}.hero .actions{flex-wrap:wrap;gap:16px}.hero-contact .hero-contact-label,.hero-contact .hero-contact-phone strong,.hero-contact .hero-contact-address>span:last-child{font-size:19px}.hero-contact>a{align-items:baseline;gap:12px}.services{display:grid;grid-template-columns:1fr;overflow:visible}.services .card{min-width:0}.gallery-track{display:grid;grid-template-columns:1fr;overflow:visible;padding-bottom:0}.gallery-track .gallery-item{width:100%;min-width:0;display:grid;grid-template-columns:105px minmax(0,1fr)}.gallery-track .gallery-item img,.gallery-track .gallery-empty-art{height:100%;min-height:170px}.gallery-track .gallery-item>span{padding:18px}.board-previews{grid-template-columns:1fr}.compare{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr 1fr;gap:24px}.contact{padding:26px}.contact h2{font-size:29px}.contact-actions{width:100%}.visit-grid{grid-template-columns:1fr;gap:20px}.visit-details{padding:22px}.visit-details dl>div{grid-template-columns:65px minmax(0,1fr)}.visit-phone{font-size:22px}.visit-details dd>span{gap:10px}footer{padding:32px 6%;display:flex;flex-direction:column;align-items:flex-start;gap:24px;text-align:left}footer>.logo{align-self:flex-start}footer>span{font-size:13px;line-height:1.9}.home-location{padding-bottom:40px}}