@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&display=swap');
.tss-header,.tss-mobile-nav,.public-contact,.tss-mobile-bar{font-family:'DM Sans',Arial,sans-serif;box-sizing:border-box}.tss-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 3.5vw;background:#191b18;color:#f3f4ef;border-bottom:1px solid #ffffff22;line-height:1.1}.tss-header a{text-decoration:none;color:inherit}.tss-logo{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;white-space:nowrap}.tss-mark{display:grid;place-items:center;width:40px;height:42px;background:#d8fd78;color:#191b18;font-size:36px}.tss-header nav{display:flex;gap:22px;font-size:14px;flex-wrap:nowrap}.tss-actions{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px}.tss-header .tss-quote{background:#d8fd78;color:#191b18;padding:18px 22px;border-radius:4px}.tss-header .menu-button{display:none;background:none;color:inherit;border:1px solid #777;padding:15px;font:inherit}.tss-header a:focus-visible,.tss-header button:focus-visible{outline:3px solid #d8fd78;outline-offset:4px}.tss-mobile-nav[hidden]{display:none!important}.tss-mobile-nav{padding:22px 5vw;background:#191b18;color:#f3f4ef;display:grid;gap:22px}.tss-mobile-nav a{text-decoration:none}.public-contact{background:#191b18;color:#f3f4ef!important;padding:55px 6vw!important;margin:0!important;line-height:1.7;font-size:16px}.public-contact p{margin:12px 0}.public-contact a{color:inherit;text-decoration:none}.public-contact strong{font-size:22px}.public-page-links{display:flex;flex-wrap:wrap;gap:16px 28px;max-width:1150px;margin-top:30px}.tss-mobile-bar{display:none}.answer-page{font-family:'DM Sans',Arial,sans-serif!important}.answer-page .answer-main{max-width:1280px;padding:70px 6vw 100px}.answer-page .answer-main a{text-decoration:underline}.answer-page h1,.answer-page h2{font-weight:500}.answer-page figure img{border-radius:3px}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px}.color-card{border:1px solid #c9cbbf;padding:24px;background:#f3f4ef}.color-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.color-card h3{font-size:24px;letter-spacing:-.025em;margin:20px 0 8px}.color-card p{margin:8px 0}.color-card a{color:inherit}.color-card a:focus-visible{outline:3px solid #5f8330}.color-material{margin-top:55px}.color-material h2{scroll-margin-top:120px}.vanity-presets{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.vanity-presets a{border:1px solid #74816e;border-radius:4px;padding:14px 20px;color:inherit}.project-uses{max-width:1100px;margin:55px auto;padding:30px 6vw;line-height:1.8}.project-uses h2{font-size:34px}.project-uses ul{columns:2;padding-left:24px}
@media(max-width:1250px){.tss-header nav{gap:14px}.tss-actions{gap:12px}.tss-phone{font-size:12px}}@media(max-width:1080px){.tss-header>nav{display:none}.tss-header .menu-button{display:block}.tss-header{padding:16px 5vw}}@media(max-width:650px){.tss-header .tss-quote{display:none}.tss-logo{font-size:13px}.tss-mark{width:34px;height:37px;font-size:31px}.tss-actions{gap:10px}.tss-header .menu-button{padding:12px 8px}.tss-mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;box-shadow:0 -3px 20px #0002;background:#191b18;color:#f3f4ef;padding-bottom:env(safe-area-inset-bottom)}.tss-mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:60px;flex:1;color:inherit;text-decoration:none}.tss-mobile-bar a:last-child{background:#d8fd78;color:#191b18}.public-contact{padding-bottom:105px!important}.project-uses ul{columns:1}.answer-page .answer-main{padding-top:38px}}

.public-contact{display:block!important}.public-contact p{display:block;margin:12px 0!important}.color-page{width:100%;max-width:1600px;margin:auto}.color-page h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(44px,6vw,84px);margin:22px 0 28px;line-height:1.04}.color-page>p{font-size:18px;margin:20px 0;max-width:850px}.color-page .color-material>h2,.color-page>section>h2{font-size:clamp(32px,4vw,48px);margin:30px 0 24px}.color-card h2{font-size:25px;margin:22px 0 12px}.color-page .color-grid{margin:28px 0}.color-page nav[aria-label=Breadcrumb]{font-size:14px}

/* Keep the original image-led home; business details belong beside the shop story. */
.home-project-paths{background:#e9eddf;color:#191f17}
.home-business-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:45px 0 32px;border-top:1px solid #b9c2af;margin-top:50px}.home-business-facts strong{display:block;font-weight:500;font-size:clamp(30px,3.8vw,52px);letter-spacing:-.05em}.home-business-facts span{display:block;color:#626b5b;font-size:14px;margin-top:12px}.home-shop-detail{font-size:14px;line-height:1.8;color:#626b5b;max-width:850px}.home-shop-detail a{white-space:nowrap;border-bottom:1px solid}.home-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.home-path-grid>a{display:block;border-top:1px solid #aab39f;padding-top:26px}.home-path-grid>a>span{font-size:12px;letter-spacing:.07em}.home-path-grid h3{font-weight:500;font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.04em;margin:26px 0 20px}.home-path-grid p{font-size:16px;color:#626b5b;line-height:1.7;margin-bottom:28px}.site-header .menu-button{border:0}.site-header nav{gap:22px}footer.section-pad>.public-page-links{border-top:1px solid #ffffff26;padding-top:32px;margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 24px;font-size:13px}
@media(max-width:760px){.home-business-facts{grid-template-columns:1fr;gap:28px;padding-top:30px}.home-business-facts>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-business-facts strong{font-size:34px}.home-business-facts span{max-width:150px;margin:0;font-size:13px}.home-path-grid{grid-template-columns:1fr;gap:38px}.home-path-grid h3{font-size:34px}footer.section-pad>.public-page-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

.color-reference{margin:0}.color-reference img{display:block;width:100%;object-fit:contain;aspect-ratio:16/9;background:#e4e8dc}.color-reference figcaption{font-size:13px;line-height:1.5;color:#53614c;padding:10px 0}
.color-references{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:30px 0 45px;max-width:1080px}.color-reference-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:#e4e8dc;color:#53614c;font-size:14px}
@media(max-width:760px){.color-grid{grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr))}}
@media(max-width:380px){.tss-header{gap:8px;padding-left:12px;padding-right:12px}.tss-logo{gap:7px;font-size:11px}.tss-actions{gap:8px}.tss-header .menu-button{font-size:12px}.tss-header .tss-phone{font-size:11px}}

/* Allow the longer approved hero copy to clear its caption on narrow phones. */
@media(max-width:360px){.hero{min-height:720px}}