@import url(‘https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap’);
.hts-page *{margin:0;padding:0;box-sizing:border-box}
.hts-page{
–green-950:#0f2210;–green-900:#162d18;–green-800:#1e4020;–green-700:#266028;
–green-600:#2e7a30;–green-500:#3a9a3c;–green-400:#5cba5e;–green-100:#d4edca;–green-50:#eef7e8;
–stone-900:#1c1a16;–stone-700:#3d3a30;–stone-500:#6b6860;–stone-300:#c2bfb5;–stone-100:#f2f0ea;–stone-50:#f8f7f3;
–white:#fff;–accent:#e8a020;
–serif:’DM Serif Display’,Georgia,serif;–sans:’DM Sans’,system-ui,sans-serif;
font-family:var(–sans);color:var(–stone-900);line-height:1.65;background:var(–white);
-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.hts-page h1,.hts-page h2,.hts-page h3{font-family:var(–serif);font-weight:400;line-height:1.12;letter-spacing:-.01em}
.hts-page p{color:var(–stone-700)}
.hts-page a{color:inherit;text-decoration:none}
.hts-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.hts-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(–stone-100);transition:box-shadow .3s,background .3s}
.hts-nav.scrolled{box-shadow:0 6px 24px rgba(15,34,16,.08)}
.hts-nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1140px;margin:0 auto;padding:0 24px}
.hts-logo{font-family:var(–serif);font-size:1.35rem;color:var(–green-800);display:flex;align-items:center;gap:8px}
.hts-logo span{font-size:1.5rem}
.hts-links{display:flex;align-items:center;gap:30px}
.hts-links a{font-size:.95rem;font-weight:500;color:var(–stone-700);transition:color .2s}
.hts-links a:hover{color:var(–green-600)}
.hts-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(–sans);font-weight:600;font-size:1rem;padding:14px 26px;border-radius:999px;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.hts-btn-primary{background:var(–accent);color:var(–green-950)}
.hts-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(232,160,32,.35)}
.hts-btn-ghost{background:transparent;color:var(–white);border:1.5px solid rgba(255,255,255,.5)}
.hts-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:var(–white)}
.hts-nav .hts-btn{padding:11px 22px;font-size:.95rem}
@media(max-width:880px){.hts-links a:not(.hts-btn){display:none}}
.hts-hero{position:relative;background:linear-gradient(135deg,var(–green-950),var(–green-800) 55%,var(–green-700));color:var(–white);padding:96px 0 104px;overflow:hidden}
.hts-hero::before{content:””;position:absolute;inset:0;opacity:.10;background-image:radial-gradient(circle at 20% 30%,var(–green-400) 0,transparent 38%),radial-gradient(circle at 85% 70%,var(–accent) 0,transparent 42%)}
.hts-hero-in{position:relative;max-width:820px}
.hts-eyebrow{display:inline-block;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(–accent);background:rgba(232,160,32,.12);padding:7px 16px;border-radius:999px;margin-bottom:22px}
.hts-hero h1{font-size:clamp(2.4rem,5.2vw,3.9rem);color:var(–white);margin-bottom:20px}
.hts-hero p{font-size:1.2rem;color:var(–green-100);max-width:620px;margin-bottom:34px}
.hts-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hts-trustline{margin-top:30px;display:flex;align-items:center;gap:10px;color:var(–green-100);font-size:.95rem;flex-wrap:wrap}
.hts-stars{color:var(–accent);letter-spacing:2px}
.hts-crumb{background:var(–stone-50);border-bottom:1px solid var(–stone-100);font-size:.86rem;color:var(–stone-500)}
.hts-crumb .hts-wrap{padding-top:14px;padding-bottom:14px}
.hts-crumb a:hover{color:var(–green-600)}
.hts-sec{padding:84px 0}
.hts-sec.tint{background:var(–stone-50)}
.hts-head{max-width:720px;margin:0 auto 52px;text-align:center}
.hts-head.left{margin-left:0;text-align:left}
.hts-head .hts-eyebrow{color:var(–green-600);background:var(–green-50)}
.hts-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:16px}
.hts-head p{font-size:1.1rem}
.hts-grid{display:grid;gap:24px}
.hts-grid.c3{grid-template-columns:repeat(3,1fr)}
.hts-grid.c2{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.hts-grid.c3,.hts-grid.c2{grid-template-columns:1fr}}
.hts-card{background:var(–white);border:1px solid var(–stone-100);border-radius:18px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s}
.hts-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,34,16,.10);border-color:var(–green-100)}
.hts-ico{width:52px;height:52px;border-radius:14px;background:var(–green-50);color:var(–green-600);display:grid;place-items:center;font-size:1.5rem;margin-bottom:18px}
.hts-card h3{font-size:1.25rem;color:var(–green-800);margin-bottom:8px}
.hts-card p{font-size:.98rem}
.hts-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:860px){.hts-split{grid-template-columns:1fr;gap:34px}}
.hts-split h2{font-size:clamp(1.8rem,3.2vw,2.4rem);margin-bottom:18px;color:var(–green-800)}
.hts-split .hts-eyebrow{color:var(–green-600);background:var(–green-50)}
.hts-split ul{list-style:none;margin-top:18px}
.hts-split li{position:relative;padding-left:32px;margin-bottom:12px;color:var(–stone-700)}
.hts-split li::before{content:”โ”;position:absolute;left:0;top:0;color:var(–green-500);font-weight:700;background:var(–green-50);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem}
.hts-visual{background:linear-gradient(150deg,var(–green-700),var(–green-900));border-radius:24px;min-height:300px;position:relative;overflow:hidden;display:grid;place-items:center;color:var(–white);padding:40px}
.hts-visual .big{font-family:var(–serif);font-size:4rem;line-height:1}
.hts-visual .cap{margin-top:14px;color:var(–green-100);text-align:center;max-width:280px}
.hts-map{border:0;width:100%;height:420px;border-radius:20px;box-shadow:0 14px 40px rgba(15,34,16,.12);display:block}
.hts-areas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:760px;margin:0 auto}
.hts-areas span{background:var(–white);border:1px solid var(–stone-100);color:var(–green-800);font-weight:500;font-size:.95rem;padding:10px 18px;border-radius:999px;transition:transform .2s,border-color .2s}
.hts-areas span:hover{transform:translateY(-3px);border-color:var(–green-200,var(–green-100))}
.hts-trust{background:var(–green-800);color:var(–white)}
.hts-trust .hts-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 44px;padding-top:34px;padding-bottom:34px;text-align:center}
.hts-trust .item{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}
.hts-trust .item span{color:var(–accent);font-size:1.2rem}
.hts-faq{max-width:780px;margin:0 auto}
.hts-q{border:1px solid var(–stone-100);border-radius:14px;margin-bottom:14px;overflow:hidden;background:var(–white)}
.hts-q button{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:22px 24px;font-family:var(–sans);font-weight:600;font-size:1.05rem;color:var(–green-800);display:flex;justify-content:space-between;align-items:center;gap:16px}
.hts-q .plus{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(–green-50);color:var(–green-600);display:grid;place-items:center;font-size:1.3rem;transition:transform .3s,background .3s}
.hts-q.open .plus{transform:rotate(45deg);background:var(–accent);color:var(–white)}
.hts-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 24px}
.hts-q.open .hts-a{max-height:340px;padding-bottom:24px}
.hts-a p{font-size:1rem}
.hts-cta{background:linear-gradient(135deg,var(–green-800),var(–green-950));color:var(–white);text-align:center}
.hts-cta .hts-wrap{padding-top:74px;padding-bottom:74px}
.hts-cta h2{font-size:clamp(2rem,4vw,2.8rem);color:var(–white);margin-bottom:14px}
.hts-cta p{color:var(–green-100);font-size:1.15rem;margin-bottom:30px;max-width:560px;margin-left:auto;margin-right:auto}
.hts-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hts-foot{background:var(–green-950);color:var(–green-100);padding:56px 0 30px}
.hts-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media(max-width:760px){.hts-foot-grid{grid-template-columns:1fr;gap:28px}}
.hts-foot h4{font-family:var(–sans);font-weight:700;color:var(–white);margin-bottom:14px;font-size:1rem}
.hts-foot .blurb{max-width:340px;font-size:.95rem}
.hts-foot .logo{font-family:var(–serif);font-size:1.3rem;color:var(–white);margin-bottom:12px;display:block}
.hts-foot ul{list-style:none}
.hts-foot li{margin-bottom:9px;font-size:.95rem}
.hts-foot a:hover{color:var(–white)}
.hts-foot .bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:.85rem;color:var(–stone-300);text-align:center}
.hts-float{position:fixed;right:20px;bottom:20px;z-index:60;box-shadow:0 12px 30px rgba(15,34,16,.3)}
@media(max-width:880px){.hts-float{right:14px;bottom:14px}}
.hts-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.hts-reveal.in{opacity:1;transform:none}
Local Knowledge
Tree care for Stockbridge and the Test Valley
Stockbridge sits right on the River Test, one of the world’s most famous chalk streams, with water meadows, willows and riverside trees running through the heart of the town. Its broad High Street and surrounding lanes sit within a historic conservation area, lined with mature trees in village gardens.
We work across Stockbridge and the surrounding villages every week, so we know the area’s riverside trees, its conservation area rules, and the chalk downland that surrounds the town.
๐ Riverside trees along the Test
๐๏ธ Historic High Street conservation area
๐พ Chalk downland & water meadows
๐ Stockbridge & the surrounding villages
What We Do in Stockbridge
The full range of tree surgery services
TPOs & Conservation Areas
We handle the Test Valley paperwork for you
Stockbridge’s High Street and much of the town centre fall within a Conservation Area, and many of the mature trees along the river and in village gardens are protected by Tree Preservation Orders. Carrying out work on a protected tree without consent from Test Valley Borough Council can lead to significant fines.
We check whether your tree is protected before any work starts
We manage the TPO application or Conservation Area notification for you
We liaise with Test Valley Borough Council on your behalf
๐ก๏ธ
Protected trees handled correctly, start to finish
Where We Work
Stockbridge and the villages around it
Stockbridge Houghton Longstock Leckford Broughton Mottisfont Wherwell Nether Wallop Over Wallop King’s Somborne Longparish
โ NPTC Qualified
โ ยฃ5m Public Liability
โ BS 3998 Compliant
โ Free, No-Obligation Quotes
Stockbridge FAQs
Tree surgery in Stockbridge, answered
Do you cover the villages around Stockbridge?+ Yes โ as well as Stockbridge itself we regularly work in Houghton, Longstock, Leckford, Broughton, Wherwell and the surrounding Test Valley villages.
Do I need permission for tree work in Stockbridge?+ Quite possibly โ much of the High Street and many riverside trees sit within a Conservation Area or carry a Tree Preservation Order. We’ll check for you and handle any TPO or Conservation Area application with Test Valley Borough Council.
Do you give free quotes?+ Always โ free and with no obligation. We’ll come and look at the work, talk it through and give you a clear price with no hidden extras.
Are you insured and qualified?+ Yes. Our arborists are NPTC qualified, we carry ยฃ5m public liability insurance, and all work is carried out to BS 3998.
Need a tree surgeon in Stockbridge?
Tell us about the job and we’ll come and take a look โ usually back to you the same day.
Get a Free Quote