/* v1.9.3 site work gallery */
.sg-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(36px,5vw,64px)}
.sg-nav a{font:600 15px var(--hf);font-stretch:90%;padding:9px 14px;border:1.5px solid var(--ink);text-decoration:none}
.sg-nav a b{color:var(--ox);margin-left:6px}.sg-nav a:hover{background:var(--ink);color:#fff}.sg-nav a:hover b{color:#fff}
.sg-sec{margin-bottom:clamp(48px,7vw,96px)}.sg-sec .sh h2{font-size:clamp(30px,4.2vw,60px)}.sg-sec .sh p a{color:var(--ox)}
.sg-g,.sg-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(10px,1.6vw,20px)}
.sg-strip{margin:0 0 1.2em}
.sg-g li,.sg-strip li{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--lime)}
.sg-i{display:block;width:100%;height:100%;cursor:zoom-in}.sg-i img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.sg-i:hover img{transform:scale(1.04)}
.sg-note{color:var(--mut);max-width:60ch}
.sgh-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
.sgh-g a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;text-decoration:none;color:#fff}.sgh-g img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.sgh-g a:hover img{transform:scale(1.05)}
.sgh-g span{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));font:700 15px/1.15 var(--hf);font-stretch:85%}
.sgh-m{margin:34px 0 0}.sec.sgh .sh p{color:#a89d92}
@media(max-width:900px){.sgh-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sg-g,.sg-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* viewer */
.sgv{position:fixed;inset:0;z-index:200;background:rgba(15,10,8,.94);display:none;align-items:center;justify-content:center;padding:24px}
.sgv.on{display:flex}.sgv figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px;align-items:center}
.sgv img{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain}.sgv figcaption{color:#f1ede6;font:600 16px var(--hf);font-stretch:90%;text-align:center}
.sgv button{all:unset;cursor:pointer;color:#fff;font:700 15px var(--hf);padding:12px 16px;border:1.5px solid #6b5f56;position:absolute}
.sgv button:hover{background:#fff;color:var(--ink)}.sgv button:focus-visible{outline:3px solid var(--brass)}
.sgv .x{top:16px;right:16px}.sgv .p{left:16px;top:50%}.sgv .n{right:16px;top:50%}
/* landscaping page */
.ls-t{list-style:none;margin:0 0 clamp(40px,6vw,80px);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(10px,1.6vw,20px)}
.ls-t li{border:1.5px solid var(--ink);padding:22px 20px;background:var(--plaster)}.ls-t span{font:700 15px var(--hf);color:var(--ox)}.ls-t h3{margin:.5em 0 .4em;font-size:22px}.ls-t p{margin:0;color:var(--mut)}
.ls-h{margin-top:0}.ls-p{margin-bottom:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ls-p li{aspect-ratio:3/4}
.ls-m{margin-top:clamp(40px,6vw,80px);padding-inline:0}
.ls-s{list-style:none;margin:0 0 1.6em;padding:0;counter-reset:s}.ls-s li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:14px 0;border-top:1.5px solid var(--ink)}
.ls-s li:before{content:counter(s);grid-row:span 2;font:700 28px var(--hf);color:var(--ox)}.ls-s b{font-size:18px}.ls-s span{color:var(--mut)}