:root{--ink:#152e37;--paper:#faf9f4;--accent:#dbbb62;--soft:#e8eee9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans);overflow-wrap:break-word}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}p,figure{margin:0}h1,h2,h3{margin:0;line-height:1.1}h1,h2{letter-spacing:-.04em}h1{font-size:clamp(2.7rem,5.8vw,4.8rem)}h2{font-size:clamp(2rem,3.7vw,3.1rem)}h3{font-size:1.3rem;line-height:1.3}img{display:block;width:100%;height:auto}nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem;font-size:.9375rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.demo-wrap{width:min(1120px,calc(100% - 5rem));margin-inline:auto}.demo-banner{padding:.8rem 1.5rem;background:#204f46;color:#fff;display:flex;justify-content:center;gap:.75rem 2rem;flex-wrap:wrap;font:400 .875rem/1.5 Arial,sans-serif}.demo-banner a{font-weight:700}.demo-skip{position:absolute;left:1rem;top:-100px;background:var(--ink);color:white;padding:.8rem;z-index:5}.demo-skip:focus{top:1rem}body:has(#preview:target) .demo-banner{display:none}.demo-header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.demo-brand{text-decoration:none;line-height:1.1;white-space:nowrap;font-size:1.55rem;font-weight:800;letter-spacing:-.045em}.demo-brand small{display:block;font-size:.65rem;font-weight:600;letter-spacing:.12em;margin-top:.5rem}.demo-brand span{color:#8c752d}.nav-enquire{padding:.6rem 1rem;border:1px solid currentColor;border-radius:3px}.kicker{font-size:.875rem;line-height:1.5;font-weight:700;letter-spacing:.09em;margin-bottom:1.2rem}.demo-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.2rem;background:var(--ink);color:#fff;text-decoration:none;font-size:.9375rem;font-weight:700;border-radius:3px;line-height:1.4}.demo-button:hover{filter:brightness(1.15)}.hero-footnote{font-size:.875rem;line-height:1.5;margin-top:1.2rem}.demo-section{padding-block:5rem}.demo-section-heading{margin-bottom:2.5rem}.demo-section-heading>p:not(.kicker){margin-top:1rem;max-width:57ch}.demo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.demo-service-grid article{border-top:1px solid #b9c7c4;padding-top:1.3rem}.demo-service-grid h3{margin-bottom:.8rem}.demo-service-grid article>span{display:block;font-size:1.4rem;margin-bottom:1.4rem}.demo-service-grid p{line-height:1.65}.demo-contact{padding-block:4rem;background:var(--soft);border-top:1px solid #ffffff55}.demo-contact h2{max-width:25ch}.demo-contact p:not(.kicker){max-width:65ch;margin-top:1.2rem}.demo-contact .demo-button{margin-top:1.5rem}.demo-back{display:inline-block;margin:1rem 0 0 1.2rem;font-weight:700;font-size:.9375rem}.demo-footer{padding-block:1.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.875rem}.landscape-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:3rem;padding-block:2.8rem 3.5rem}.landscape-copy h1{font-size:clamp(2.6rem,5vw,4.2rem);max-width:15ch;letter-spacing:-.055em}.landscape-copy>p:not(.kicker):not(.hero-footnote){max-width:43ch;margin-block:1.5rem}.landscape-hero figure{position:relative}.landscape-hero img{height:515px;object-fit:cover;border-radius:3px}.landscape-hero figcaption{position:absolute;bottom:1.3rem;left:1.3rem;padding:.65rem .9rem;background:#f9f7eef0;font-size:.875rem;font-weight:600}.landscape-services{border-top:1px solid #b9c7c4}.approach-band{background:var(--ink);color:var(--paper);padding-block:5rem}.approach-band h2{max-width:22ch}.approach-band p:not(.kicker){max-width:57ch;margin-top:1.5rem}.approach-band .demo-button{background:var(--accent);color:var(--ink);margin-top:1.5rem}
.groomer-demo{--ink:#483655;--paper:#fffbf8;--accent:#cbb4de;--soft:#eee3f6}.groomer-demo .demo-brand{font:800 1.8rem/1.1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-.06em}.groomer-demo .demo-brand span{color:#9c70b4;padding-inline:.13rem}.groomer-demo .demo-brand small{font:700 .625rem/1.3 Arial,sans-serif;letter-spacing:.12em}.groomer-demo .nav-enquire,.groomer-demo .demo-button{border-radius:3rem}.groomer-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:3rem;padding-block:2.6rem 3.3rem}.groomer-hero h1{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;font-size:clamp(2.7rem,4.8vw,4.1rem);letter-spacing:-.065em}.groomer-hero h1 em{font-family:var(--serif);font-weight:400;color:#805996;letter-spacing:-.035em}.groomer-hero>div>p:not(.kicker):not(.hero-footnote){max-width:42ch;margin-block:1.5rem}.groomer-hero img{height:480px;object-fit:cover;object-position:60% 50%;border-radius:10rem 10rem 1rem 1rem}.groomer-hero figcaption{font-size:.875rem;text-align:center;margin-top:.8rem}.groomer-services{background:var(--soft)}.groomer-services .demo-section-heading{text-align:center}.groomer-services .demo-section-heading>p{margin-inline:auto}.groomer-services h2,.groomer-about h2{font-family:var(--serif);font-weight:400}.groomer-services article{border:1px solid #d5c3e0;background:var(--paper);padding:1.6rem;border-radius:1rem}.service-tag{font-size:.875rem;font-weight:700;letter-spacing:.04em;margin-bottom:.9rem}.groomer-services article>a{display:inline-block;margin-top:1.2rem;font-size:.9375rem;font-weight:700}.groomer-about{max-width:800px;text-align:center}.groomer-about>p:last-child{max-width:59ch;margin:1.5rem auto 0}
.cafe-demo{--ink:#652e21;--paper:#fff9ed;--accent:#e0a788;--soft:#f1deca}.cafe-demo h1,.cafe-demo h2{font-family:var(--serif);font-weight:400}.cafe-demo .demo-brand{font:400 2rem/1 var(--serif);letter-spacing:-.065em}.cafe-demo .demo-brand small{font:600 .625rem/1.5 Arial,sans-serif;letter-spacing:.12em}.cafe-demo .demo-header{min-height:100px}.cafe-demo .nav-enquire{border:0;border-bottom:1px solid currentColor;border-radius:0;padding:.3rem 0}.cafe-hero{display:grid;grid-template-columns:1fr 1fr;background:#f1ddc7}.cafe-hero-copy{padding:4.1rem 3rem 4.1rem max(2.5rem,calc((100vw - 1120px)/2))}.cafe-hero h1{font-size:clamp(2.9rem,5.8vw,4.6rem);line-height:1.05;max-width:15ch}.cafe-hero-copy>p:not(.kicker){max-width:37ch;margin-block:1.5rem}.cafe-hero img{height:100%;min-height:540px;object-fit:cover;object-position:42% 50%}.cafe-hero .demo-button{border-radius:0}.cafe-ribbon{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 4rem;background:var(--ink);color:var(--paper);padding:1.2rem;font-family:var(--serif);font-style:italic;font-size:1.1rem}.cafe-menu{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.cafe-menu h3{font:400 1.7rem/1.3 var(--serif);margin-bottom:1.5rem}.cafe-menu article>p{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #d8c8b8;padding:.85rem 0}.cafe-menu strong{font-size:.9375rem;white-space:nowrap}.cafe-story{background:var(--ink);color:var(--paper);text-align:center;padding-block:4.5rem}.cafe-story p:not(.kicker){max-width:54ch;margin:1.5rem auto 0}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.visit-section h3{font-size:1.1rem;margin-bottom:1.1rem}.opening-hours{margin:0}.opening-hours div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #d8c8b8}.opening-hours dd{margin:0}.location-note{font-size:.9375rem;margin-top:1.3rem}
@media(max-width:960px){.demo-wrap{width:calc(100% - 3rem)}.demo-header{gap:1rem}.demo-header nav{gap:1rem}.landscape-hero,.groomer-hero{gap:1.8rem}.landscape-hero img{height:440px}.groomer-hero img{height:440px}.cafe-hero-copy{padding:3.5rem 1.8rem}.cafe-hero img{min-height:490px}.demo-service-grid{gap:1.2rem}.groomer-services article{padding:1.3rem}.demo-brand{font-size:1.4rem}}
@media(max-width:740px){.demo-header{min-height:0;padding-block:1.35rem;flex-wrap:wrap}.demo-header nav{width:100%;justify-content:space-between;font-size:.875rem;gap:.5rem}.demo-brand{font-size:1.55rem}.landscape-hero,.groomer-hero{grid-template-columns:1fr;padding-block:1.7rem 2.5rem;gap:1.7rem}.landscape-copy h1,.groomer-hero h1{font-size:2.8rem;max-width:18ch}.landscape-copy>p:not(.kicker):not(.hero-footnote),.groomer-hero>div>p:not(.kicker):not(.hero-footnote){margin-block:1.1rem}.hero-footnote{margin-top:.9rem}.kicker{font-size:.8125rem;margin-bottom:.9rem}.landscape-hero img{height:280px}.groomer-hero img{height:280px;border-radius:6rem 6rem .8rem .8rem}.groomer-hero figcaption{font-size:.875rem}.demo-section{padding-block:3.2rem}.demo-service-grid{grid-template-columns:1fr;gap:1.8rem}.demo-service-grid article>span{margin-bottom:.7rem}.demo-section-heading{margin-bottom:1.8rem}.approach-band,.cafe-story{padding-block:3.3rem}.demo-contact{padding-block:3rem}.demo-back{display:block;width:fit-content;margin:1.1rem 0 0}.cafe-hero{grid-template-columns:1fr}.cafe-hero-copy{padding:2.3rem 1.5rem}.cafe-hero h1{font-size:3rem;max-width:18ch}.cafe-hero img{height:300px;min-height:0}.cafe-ribbon{gap:.6rem 1.5rem;padding:1rem;font-size:1rem}.cafe-menu,.visit-section{grid-template-columns:1fr;gap:2.3rem}.demo-footer{flex-direction:column;gap:.5rem}.demo-section-heading>p:not(.kicker){margin-top:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
