.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.pbanner[style*="blog"]{background-color:#2e9e3e}.pbanner[style*="blog"]::before{background-image:url(img/photos/header-blog.jpg)}
.pbanner.long h1{max-width:26ch;font-size:clamp(1.9rem,4.6vw,3.2rem)}
.blogwrap{padding:50px 0 20px}.blogbar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:34px}
.sf-search{display:flex;gap:12px;flex:1 1 320px;max-width:460px}.sf-search input{flex:1}.sf-search .btn{padding:12px 22px}
.cats a{display:inline-block;padding:8px 18px;margin:4px 6px 4px 0;border-radius:999px;box-shadow:var(--shp);text-decoration:none;font-family:var(--ui);transition:.25s}.cats a:hover{color:var(--g);transform:translateY(-2px)}
.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,opacity .8s}.card:hover{transform:translateY(-6px)}
.card .thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--g2),var(--b))}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .thumb img{transform:scale(1.07)}
.thumb.ph{display:grid;place-items:center;color:#fff;font-size:3rem}
.card .body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.card h2{font-size:1.35rem;margin:0;padding:0}.card h2::after{display:none}.card h2 a{text-decoration:none}.card h2 a:hover{color:var(--g)}
.meta{font-family:var(--ui);font-size:.88rem;color:var(--mut);display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:18px}.card .meta{margin:0}.meta i{color:var(--g);margin-right:6px}.meta a{text-decoration:none}
.more{margin-top:auto;font-family:var(--ui);font-weight:600;color:var(--g);text-decoration:none}.more i{transition:transform .25s}.more:hover i{transform:translateX(5px)}
.pagination .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:46px 0 10px}
.page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 16px;border-radius:999px;box-shadow:var(--shp);text-decoration:none;font-family:var(--ui)}
.page-numbers.current{background:linear-gradient(145deg,var(--y2),var(--y));box-shadow:var(--sh);font-weight:600}
.entrywrap{width:min(820px,92%);margin:auto;padding:50px 0}.feat{margin:0 0 34px}.feat img{width:100%;height:auto;border-radius:30px;box-shadow:var(--sh)}
.entry{font-size:1.12rem;overflow-wrap:anywhere}.entry p,.entry ul,.entry ol{max-width:none;margin-bottom:1.2em}.entry ul,.entry ol{padding-left:1.4em}
.entry h2{margin-top:1.6em}.entry h3{margin-top:1.4em}.entry a{color:var(--b)}
.entry img,.entry video,.entry iframe{max-width:100%;height:auto;border-radius:24px;box-shadow:var(--sh)}
.entry blockquote{text-align:left;font-size:1.2rem;max-width:none;margin:1.6em 0;padding:22px 28px;border-radius:26px;box-shadow:var(--shp);border-left:8px solid var(--y)}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.entry td,.entry th{padding:10px 14px;border-bottom:1px solid #dde4d8}
.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{display:block;margin:0 auto 1em}.wp-caption-text,.entry figcaption{font-size:.9rem;color:var(--mut);text-align:center}
.tags{font-family:var(--ui);margin-top:30px}.tags a{display:inline-block;padding:6px 16px;margin:4px 4px 0 0;border-radius:999px;box-shadow:var(--shp);text-decoration:none}
.postnav{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px 0;font-family:var(--ui)}.postnav a{display:block;padding:16px 22px;border-radius:24px;box-shadow:var(--shp);text-decoration:none}.postnav .r{text-align:right}.postnav a:hover{color:var(--g)}
.cta{text-align:center;padding:46px 28px;margin:40px 0}.cta p{margin:0 auto 22px}.cta h2::after{margin-left:auto;margin-right:auto}
.comments{margin-top:40px}.comment-list{list-style:none;padding:0}.comment-list li{margin-bottom:18px}.comment-body{padding:18px 22px;border-radius:24px;box-shadow:var(--shp)}.comment-list .children{list-style:none;padding-left:24px}.comment-author img{border-radius:50%;float:left;margin-right:12px}.comment-meta,.reply{font-family:var(--ui);font-size:.88rem}
.comment-form p{max-width:none}.comment-form .btn{margin-top:10px}
@media(max-width:800px){.postnav{grid-template-columns:1fr}.postnav .r{text-align:left}.pbanner.long h1{max-width:100%}}

/* ===== v2: full WordPress site ===== */
.pbanner::before,.herobg::before{background-image:var(--sf-photo,none)!important}
.page-content>*:not(.wp-block-group):not(.alignfull){width:min(820px,92%);margin-left:auto;margin-right:auto}
.page-content{padding-bottom:20px}
.herobg{padding:0}

/* Nav links with graphics: inactive and active */
header nav.clay ul{align-items:center}
header nav.clay ul a{display:flex;align-items:center;gap:10px;position:relative;padding:7px 18px 7px 8px;font-family:var(--ui)}
header nav.clay ul a::before{content:"\f111";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:.8rem;color:var(--y2);background:rgba(255,255,255,.16);box-shadow:inset 2px 2px 4px rgba(255,255,255,.25),inset -2px -2px 5px rgba(0,0,0,.18);transition:transform .35s,background .3s,color .3s}
header nav.clay ul a::after{content:"";position:absolute;left:50%;bottom:-3px;width:0;height:4px;border-radius:4px;background:var(--y2);transform:translateX(-50%);transition:width .3s}
header nav.clay ul a:hover::before{background:var(--y2);color:#1f7a2e;transform:rotate(-14deg) scale(1.12)}
header nav.clay ul a:hover::after{width:42%}
.nav-home>a::before{content:"\f015"!important}.nav-about>a::before{content:"\f05a"!important}.nav-services>a::before{content:"\f51e"!important}
.nav-membership>a::before{content:"\f0c0"!important}.nav-blog>a::before{content:"\f1ea"!important}.nav-contact>a::before{content:"\f0e0"!important}
header nav.clay ul li.current-menu-item>a,header nav.clay ul li.current_page_item>a,header nav.clay ul li.current_page_parent>a,header nav.clay ul li.current-menu-ancestor>a,header nav.clay ul li.current-page-ancestor>a{background:linear-gradient(145deg,var(--y2),var(--y));color:var(--ink);box-shadow:0 5px 12px rgba(0,0,0,.22);font-weight:600}
header nav.clay ul li.current-menu-item>a::before,header nav.clay ul li.current_page_item>a::before,header nav.clay ul li.current_page_parent>a::before,header nav.clay ul li.current-menu-ancestor>a::before,header nav.clay ul li.current-page-ancestor>a::before{background:linear-gradient(145deg,#4cc05a,#1f7a2e);color:#fff;animation:bob 3s ease-in-out infinite}
header nav.clay ul li.current-menu-item>a::after,header nav.clay ul li.current_page_item>a::after,header nav.clay ul li.current_page_parent>a::after,header nav.clay ul li.current-menu-ancestor>a::after,header nav.clay ul li.current-page-ancestor>a::after{left:auto;right:-3px;top:-3px;bottom:auto;width:14px;height:14px;border-radius:50%;transform:none;background:radial-gradient(circle at 35% 35%,#fff,var(--y2) 55%,var(--y));animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}70%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(max-width:800px){header nav.clay ul a{padding:8px 14px 8px 8px}}

/* Footer menu */
.fmenu ul{list-style:none;padding:0}.fmenu a::before{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;margin-right:10px;color:var(--y2)}

/* Block overrides */
.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}
.wp-block-button__link{display:inline-block;text-decoration:none;font-family:var(--ui);font-weight:600;letter-spacing:.02em;border:0;padding:14px 30px;border-radius:999px;color:#fff;background:linear-gradient(145deg,var(--g2),var(--g));box-shadow:var(--sh);transition:transform .25s}
.wp-block-button__link:hover{transform:translateY(-3px) scale(1.03);color:#fff}.wp-block-button.y .wp-block-button__link{background:linear-gradient(145deg,var(--y2),var(--y));color:var(--ink)}
.wp-block-button.b .wp-block-button__link{background:linear-gradient(145deg,var(--b2),var(--b))}
.tc{text-align:center}h2.tc::after{margin-left:auto;margin-right:auto}.lead{font-size:1.15rem;margin-bottom:34px;max-width:70ch}
.hero h1 strong{color:var(--g);font-weight:800}.hero .wp-block-buttons{margin-top:6px}.himg img,.fimg img{width:100%;height:auto;display:block}.himg,.fimg{margin:0}
.cta .wp-block-buttons,.quote .wp-block-buttons{justify-content:center}
.quote .wp-block-quote{border:0;padding:0;margin:0 auto 28px;max-width:26ch}.quote .wp-block-quote p{max-width:none;font-family:var(--head);font-size:clamp(1.5rem,3.5vw,2.4rem);line-height:1.2}
.quote .wp-block-quote p::before{content:"\f10d";font-family:"Font Awesome 6 Free";font-weight:900;display:block;font-size:2.4rem;color:var(--y2);margin-bottom:14px}
.slab .clay{padding:34px}.pebbles{display:flex}.serve p{break-inside:avoid;margin-bottom:1em}
ul.tick{list-style:none}ul.tick li::marker{content:""}
ul.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}ul.chips li{padding:8px 18px;border-radius:999px;box-shadow:var(--shp);background:var(--bg);color:var(--ink);font-family:var(--ui)}
ul.chips li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--g);margin-right:8px}
details.clay>p{padding:0 28px 24px;margin:0;animation:pop .4s}details.clay summary{justify-content:flex-start;align-items:center;gap:14px}
details.clay summary::before{content:"\f51e";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--g);font-size:1.1rem}details.clay summary::after{margin-left:auto}
.path{counter-reset:s}.step{counter-increment:s}.step::before{content:counter(s)!important}
.fees{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;text-align:center}.fees p{margin:auto;max-width:none}.fees strong{display:block;font-size:2.2rem;color:var(--b);font-family:var(--head)}
.fees .sic{display:block;font-size:2rem;margin:0 auto 8px}.irow{display:flex;align-items:center;gap:16px}.irow p{margin:0}
.formmsg{padding:14px 20px;border-radius:20px;box-shadow:var(--shp);font-family:var(--ui)}.formmsg.ok{color:#1f7a2e}.formmsg.err{color:#b3261e}.hp{position:absolute;left:-9999px}
.gal .wp-block-image{margin:0;position:relative;min-height:260px;border-radius:30px;overflow:hidden;box-shadow:var(--sh);background:#eef3ea}.gal .wp-block-image img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .6s}.gal .wp-block-image:hover img{transform:scale(1.06)}.gal.g1 .wp-block-image,.gal.g1 .wp-block-image img{min-height:340px}
section.wp-block-group{padding:72px 0}section.quote{padding:90px 0}
.fees .clay.y strong{color:var(--ink)}.fees .clay.g strong,.fees .clay.b strong{color:#fff}

/* ===== v3: keep side-by-side layouts when WordPress wraps group children ===== */
.wp-block-group__inner-container{display:contents}
.wp-block-group.is-layout-flow>*,.wp-block-group.is-layout-constrained>*{margin-block-start:0;margin-block-end:0}
.is-layout-constrained>.wp-block-group__inner-container,.is-layout-flow>.wp-block-group__inner-container{max-width:none}
@media(min-width:801px){
.hero{grid-template-columns:1.1fr .9fr!important}
.split{grid-template-columns:1fr 1fr!important}
.slab{grid-template-columns:1fr 1fr!important}
.ct{grid-template-columns:.9fr 1.1fr!important}
.calc{grid-template-columns:1fr 1fr!important}
.stats,.grid,.fees,.cards{display:grid!important}
.gal{display:grid!important}
}
@media(max-width:800px){
.hero,.split,.slab,.ct,.calc{grid-template-columns:1fr!important}
header nav.clay ul{align-items:stretch}
header nav.clay ul li{width:100%}
header nav.clay ul a{justify-content:flex-start;text-align:left;width:100%}
}

/* Contact link: always yellow, blue on hover / click / keyboard focus */
header nav.clay ul li.nav-contact>a,header nav.clay ul li>a[href*="/contact"]{background:linear-gradient(145deg,var(--y2),var(--y));color:var(--ink);font-weight:600;box-shadow:0 5px 12px rgba(0,0,0,.22);transition:background .3s,color .3s,transform .25s}
header nav.clay ul li.nav-contact>a:hover,header nav.clay ul li.nav-contact>a:active,header nav.clay ul li.nav-contact>a:focus-visible,header nav.clay ul li>a[href*="/contact"]:hover,header nav.clay ul li>a[href*="/contact"]:active,header nav.clay ul li>a[href*="/contact"]:focus-visible{background:linear-gradient(145deg,var(--b2),var(--b));color:#fff;transform:translateY(-2px)}
header nav.clay ul li.nav-contact>a:hover::before,header nav.clay ul li.nav-contact>a:active::before{background:var(--y2);color:var(--b)}