:root{color-scheme:light;--forest:#18382c;--ink:#193229;--muted:#59665e;--cream:#f6f6ef;--paper:#fffefa;--lime:#d6f174;--gold:#f4d898;--line:#d9dfd3;--shadow:0 24px 65px rgba(19,49,33,.10);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.62}a{color:inherit}a:hover{color:#3a6c36}img,svg{max-width:100%}button,input{font:inherit}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6.4vw,6.1rem)}h2{font-size:clamp(2.1rem,4vw,3.8rem)}h3{font-size:1.18rem;line-height:1.34}p+p{margin-top:1rem}p{max-width:74ch}ul,ol{padding-left:1.25rem}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px 15px;background:white;z-index:50}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,246,239,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;gap:34px;min-height:82px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;line-height:1;font-size:1.25rem;letter-spacing:-.04em}.brand-emblem{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--forest);color:var(--lime)}.brand em{font-style:normal;color:#4b8950}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a{font-weight:650;text-decoration:none;font-size:.92rem}.nav-note{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:6px 13px;white-space:nowrap}.mobile-nav{display:none}.eyebrow{font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.18em;color:#547b47}.eyebrow.light{color:var(--lime)}.hero{padding:64px 0 80px}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:58px}.hero h1{margin:18px 0 23px;max-width:800px}.hero h1 span{color:#5a8756}.lead{font-size:1.15rem;line-height:1.74;color:#4f5c54;max-width:590px}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:27px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;background:var(--forest);color:#fff;border:2px solid var(--forest);border-radius:100px;font-weight:760;text-decoration:none;transition:transform .2s,background .2s}.button:hover{background:#294e39;transform:translateY(-2px);color:#fff}.button.secondary{background:transparent;color:var(--forest);border-color:#bfccbd}.button.secondary:hover{background:#eff4e8;color:var(--forest)}.micro{font-size:.83rem;color:var(--muted);max-width:65ch}.hero-art{position:relative;min-height:500px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 70% 22%,#bfd09a,transparent 34%),linear-gradient(142deg,#c8d9ad 0%,#9cb98b 48%,#446f51 100%);box-shadow:var(--shadow)}.hero-art:before{content:"";position:absolute;inset:auto -10% -35%;height:75%;background:radial-gradient(ellipse at 30% 20%,#325941,#173c30 65%);border-radius:50% 50% 0 0}.hero-art .ring{position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.5);border-radius:50%;right:-30px;top:4%;box-shadow:0 0 0 46px rgba(255,255,255,.07),0 0 0 100px rgba(255,255,255,.055)}.hero-art .stem{position:absolute;bottom:4%;width:50%;height:90%;left:25%;filter:drop-shadow(5px 10px 8px rgba(20,45,27,.13))}.art-chip{position:absolute;background:rgba(255,254,246,.95);padding:17px 20px;border-radius:16px;box-shadow:0 15px 30px #143b2930;max-width:230px}.art-chip small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#65845d}.art-chip strong{display:block;font-size:1.06rem;line-height:1.3;margin-top:3px}.art-chip.first{left:6%;top:9%}.art-chip.second{right:6%;bottom:9%}.art-caption{position:absolute;bottom:17px;left:7%;color:#f5f7e9;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.band{background:var(--forest);color:white;padding:25px 0}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.band p{color:#e3ebd9}.band strong{color:var(--lime)}section.section{padding:83px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}.section-heading h2{margin-top:12px;max-width:690px}.section-heading>p{color:var(--muted);max-width:320px;font-size:.95rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{display:flex;flex-direction:column;min-height:280px;padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9caa9;color:inherit}.card .number{font-family:Georgia,serif;color:#7e9771;font-size:2.3rem}.card h3{margin:17px 0 10px;font-size:1.27rem}.card p{color:var(--muted);font-size:.94rem}.card .arrow{margin-top:auto;padding-top:19px;color:#2b6746;font-weight:800;font-size:.88rem}.panel{background:var(--forest);color:white;border-radius:30px;padding:49px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.panel h2{margin:13px 0 17px}.panel p{color:#d3dfd3}.panel .button{background:var(--lime);color:var(--forest);border-color:var(--lime)}.panel .button:hover{color:var(--forest);background:#e4f79b}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:14px 0;border-bottom:1px solid #ffffff35}.list-clean li:before{content:"✓";display:inline-block;color:var(--lime);margin-right:13px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.location-grid a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:#e8ecde;border:1px solid #d8dfca;border-radius:15px;padding:20px 23px;font-weight:760}.location-grid a:hover{background:#dbe8c7;color:var(--forest)}.article-hero{padding:72px 0 59px;background:linear-gradient(115deg,#e8eedb,#f6f6ef)}.article-hero .container{max-width:1080px}.article-hero h1{max-width:1000px;margin:15px 0 18px;font-size:clamp(2.7rem,5.5vw,5.3rem)}.article-hero p{font-size:1.1rem;max-width:780px;color:#506054}.breadcrumbs{font-size:.83rem;color:#53685b}.breadcrumbs a{text-underline-offset:3px}.text-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:72px;align-items:start;padding:65px 0}.prose{font-size:1.05rem;line-height:1.82}.prose h2{font-size:2.3rem;margin:41px 0 18px}.prose h3{margin:27px 0 12px}.prose ul li,.prose ol li{margin-bottom:.65rem}.prose p{max-width:71ch}.prose p+p{margin-top:1rem}.prose .callout{background:#eaf0df;border-left:4px solid #8ba968;border-radius:0 14px 14px 0;padding:18px 23px;margin:28px 0}.sidebar{background:white;border-radius:20px;padding:25px;border:1px solid var(--line);position:sticky;top:106px}.sidebar h3{font-size:1.1rem}.sidebar a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.92rem;font-weight:650}.sidebar a:last-child{border:0}.sidebar p{font-size:.91rem;color:var(--muted);margin-top:12px}.faq{margin-top:30px}.faq details{background:var(--paper);padding:19px 22px;border-radius:13px;border:1px solid var(--line);margin:10px 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{margin:11px 0 0;color:var(--muted)}.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.tag{display:inline-block;padding:7px 12px;background:#e9eddd;border:1px solid #d5decd;border-radius:20px;font-size:.82rem;font-weight:700;text-decoration:none}.tag:hover{background:var(--lime)}.site-footer{background:#142c24;color:#f0f3e8;padding:56px 0 23px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{margin-top:17px;color:#bfcfc0;font-size:.92rem}.footer-grid h3{font-size:.9rem;margin-bottom:13px;color:var(--lime)}.footer-grid a{display:block;text-decoration:none;color:#e2eee1;padding:5px 0;font-size:.9rem}.footer-bottom{border-top:1px solid #ffffff24;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#aebfaf;font-size:.81rem}.empty-state{background:#f2efdd;padding:28px;border-radius:18px;border:1px solid #e5ddbe}.empty-state strong{display:block;margin-bottom:8px}.soft-bg{background:#ecf0e7}.inline-link{font-weight:800;color:#245838;text-decoration-thickness:2px;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid #80a65f;outline-offset:4px}
@media(max-width:950px){.hero-grid{gap:25px}.main-nav{gap:14px}.nav-note{display:none}.text-layout{gap:35px;grid-template-columns:1fr 250px}.cards{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:420px}.panel{gap:25px}}
@media(max-width:720px){.container{width:min(100% - 30px,1160px)}.header-inner{min-height:68px}.main-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{list-style:none;border:1px solid #aab9a4;border-radius:30px;padding:8px 14px;font-weight:700;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] .mobile-links{position:absolute;right:0;top:46px;display:grid;gap:8px;min-width:210px;padding:17px;background:white;box-shadow:var(--shadow);border-radius:17px;border:1px solid var(--line)}.mobile-links a{text-decoration:none;font-weight:700;padding:4px}.hero{padding:36px 0 55px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,11vw,4.8rem)}.hero-art{min-height:360px}.section-heading{display:block}.section-heading>p{margin-top:15px}.cards,.location-grid{grid-template-columns:1fr}.card{min-height:230px}.panel{grid-template-columns:1fr;padding:33px 24px}.band-inner{display:block}.band p{margin-top:8px}.text-layout{display:block;padding:39px 0}.sidebar{position:static;margin-top:37px}.article-hero{padding:43px 0}.article-hero h1{font-size:clamp(2.6rem,11vw,4.1rem)}section.section{padding:55px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* October 2026 launch: conversion-led Christchurch editorial direction */
:root{--forest:#12352b;--ink:#183027;--cream:#f8f7f1;--lime:#d6f279;--line:#d9e1d5;--paper:#fffefa}
body{background:var(--cream)}
.site-header{background:rgba(248,247,241,.96)}
.header-inner{gap:25px}
.main-nav{gap:19px}
.main-nav a{font-size:.88rem}
.header-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:var(--forest);color:#fff;border-radius:100px;text-decoration:none;font-size:.86rem;font-weight:800;white-space:nowrap;transition:transform .2s ease}
.header-cta:hover{color:white;transform:translateY(-2px);background:#275843}
.hero-photographic{padding:35px 0 67px}
.hero-photographic .hero-grid{grid-template-columns:1.06fr .94fr;gap:51px}
.hero-photographic .hero-copy{padding:20px 0}
.hero-photographic h1{font-size:clamp(3.2rem,6.3vw,6rem);max-width:760px;letter-spacing:-.055em}
.hero-photographic h1 span{color:#568657}
.hero-photographic .lead{max-width:600px;font-size:1.1rem;line-height:1.73}
.hero-primary{background:var(--forest);box-shadow:0 10px 28px rgba(24,58,44,.13)}
.hero-contact{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);padding:24px 0 5px;margin-top:12px}
.hero-contact-icon{height:43px;width:43px;display:grid;place-items:center;background:#e6eddb;color:#315f40;border-radius:50%;font-size:1.2rem}
.hero-contact small{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.hero-contact a{display:inline-block;font-size:1rem;font-weight:800;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.hero-photographic .micro{margin-top:15px;font-size:.79rem}
.hero-photographic .hero-photo-art{margin:0;min-height:600px;border-radius:28px;position:relative;background:#315a44;overflow:hidden}
.hero-photographic .hero-photo-art:before{display:none}
.hero-photo-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;filter:saturate(1.08)}
.hero-photo-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(to top,rgba(12,35,27,.72),transparent);pointer-events:none}
.hero-photo-art figcaption{position:absolute;bottom:18px;left:20px;color:white;font-size:.72rem;z-index:3;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.hero-photo-art figcaption a{color:white}
.hero-floating{position:absolute;top:24px;left:23px;z-index:3;border-radius:19px;padding:19px 22px;background:rgba(255,255,250,.96);box-shadow:0 18px 42px rgba(0,0,0,.13)}
.hero-floating span{display:block;color:#4a7f50;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hero-floating strong{display:block;margin-top:8px;font-family:Georgia,serif;font-size:1.35rem;line-height:1.2;font-weight:500}
.band{background:#173a2e}
.band strong{color:#d6f279}
.section-heading h2{letter-spacing:-.047em}
.card:has(.card-image){padding-top:0;overflow:hidden}
.card-image{display:block;width:calc(100% + 54px);max-width:none;margin:0 -27px 9px;height:156px;object-fit:cover;object-position:center 50%;border-radius:20px 20px 0 0;background:#d9e8ce}
.card:has(.card-image) h3{margin-top:17px}
.card:has(.card-image){min-height:385px}
.photo-feature{background:#eef2e8}
.feature-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:min(8vw,100px);align-items:center}
.feature-visual{position:relative;overflow:hidden;min-height:530px;border-radius:28px;background:#b1cbaa}
.feature-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.feature-visual span{position:absolute;bottom:14px;left:16px;right:16px;background:rgba(255,255,249,.86);padding:9px 12px;border-radius:8px;font-size:.72rem}
.feature-content h2{margin:16px 0 20px}
.feature-content p{color:var(--muted);line-height:1.8}
.steps{list-style:none;counter-reset:steps;padding:0;margin:28px 0}
.steps li{position:relative;counter-increment:steps;padding:12px 0 15px 51px;border-bottom:1px solid #cad7c6}
.steps li:before{content:"0" counter(steps);position:absolute;left:0;top:14px;color:#537b4b;font-weight:800}
.steps li strong,.steps li span{display:block}
.steps li span{color:var(--muted);font-size:.9rem}
.enquiry-section{background:var(--cream)}
.enquiry-panel{text-align:center;background:#173a2d;color:white;padding:72px 38px;border-radius:29px;background-image:radial-gradient(circle at 8% 10%,rgba(195,235,122,.12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(195,235,122,.1),transparent 34%)}
.enquiry-panel h2{max-width:730px;margin:12px auto 17px}
.enquiry-panel p{max-width:720px;margin:0 auto;color:#d9e6d9}
.enquiry-panel .eyebrow{color:#d6f279}
.enquiry-panel .button-row{justify-content:center;margin:25px 0}
.enquiry-panel .button{background:#d6f279;border-color:#d6f279;color:#173a2d}
.enquiry-panel .button.secondary{background:transparent;border-color:#afc3ae;color:white}
.enquiry-panel small{color:#c8dac7}
.article-photo{margin:0 0 35px}
.article-photo img{display:block;width:100%;height:310px;object-fit:cover;border-radius:22px;background:#e1eadc}
.article-photo figcaption{margin-top:8px;font-size:.75rem;color:var(--muted)}
.contact-highlight{border-radius:21px;padding:33px;background:#e8efdd}
.contact-highlight h2{margin-top:13px}
.contact-email{font-weight:800;font-size:clamp(1rem,2.2vw,1.45rem);overflow-wrap:anywhere}
.site-footer .footer-bottom a{color:inherit;text-decoration:underline}
@media(max-width:1090px){.header-cta{display:none}.main-nav{gap:14px}.hero-photographic .hero-grid{gap:27px}.hero-photographic .hero-photo-art{min-height:520px}}
@media(max-width:950px){.hero-photographic h1{font-size:clamp(3rem,6vw,4.7rem)}.feature-grid{gap:36px}}
@media(max-width:720px){.hero-photographic{padding:20px 0 48px}.hero-photographic .hero-grid{grid-template-columns:1fr}.hero-photographic h1{font-size:clamp(3rem,10.5vw,4.7rem)}.hero-photographic .hero-photo-art{min-height:470px}.hero-copy{padding:0}.card:has(.card-image){min-height:350px}.feature-grid{grid-template-columns:1fr}.feature-visual{min-height:310px}.enquiry-panel{padding:46px 23px}.photo-feature .feature-content{padding-top:10px}}
@media(max-width:430px){.hero-photographic .hero-photo-art{min-height:365px}.hero-floating{top:14px;left:13px;padding:13px 15px}.hero-floating strong{font-size:1.06rem}.hero-photographic h1{font-size:3.15rem}.hero-photographic .lead{font-size:1rem}.hero-photographic .button-row .button{width:100%;justify-content:center}.card-image{height:145px}}


/* Responsive resilience: 320px phones through ultrawide screens.
   Fix intrinsic sizing instead of masking horizontal scroll with overflow:hidden. */
.hero-grid > *, .feature-grid > *, .text-layout > *, .panel > *,
.footer-grid > *, .section-heading > *, .header-inner > * {
  min-width: 0;
}
.prose a, .sidebar a, .footer-grid a, .footer-bottom a {
  overflow-wrap: anywhere;
}
img { height: auto; }
.hero-photo-art > img, .feature-visual > img, .article-photo img, .card-image {
  height: 100%;
}
.card-image { height: 156px; }
.article-photo img { height: 310px; }
@media (max-width: 950px) and (min-width: 721px) {
  .header-inner { gap: 12px; }
  .brand { font-size: 1.12rem; gap: 7px; }
  .brand-emblem { width: 36px; height: 36px; }
  .main-nav { gap: 11px; }
  .main-nav a { font-size: .81rem; white-space: nowrap; }
}
@media (max-width: 720px) {
  .header-inner { gap: 10px; justify-content: space-between; }
  .brand { font-size: 1.13rem; gap: 7px; flex-shrink: 1; white-space: nowrap; }
  .brand-emblem { width: 37px; height: 37px; flex: 0 0 37px; }
  .mobile-nav { flex: 0 0 auto; }
  .mobile-nav summary {
    display: flex; align-items: center; min-height: 44px; padding: 8px 12px;
    white-space: nowrap;
  }
  .mobile-nav[open] .mobile-links { max-width: calc(100vw - 30px); z-index: 50; }
  .hero-photographic .hero-copy { padding: 0; }
  .hero-photographic .hero-photo-art { width: 100%; }
  .feature-visual img { height: 100%; }
  .card-image { height: 156px; }
  .article-photo img { height: 260px; }
  .footer-grid { column-gap: 20px; }
}
@media (max-width: 430px) {
  .hero-photographic h1 { font-size: clamp(2.55rem, 10vw, 3.15rem); }
  .hero-photographic .hero-photo-art { min-height: 365px; }
  .enquiry-panel { padding: 42px 18px; }
  .contact-highlight { padding: 24px 18px; }
  .prose h2 { font-size: clamp(1.7rem, 8vw, 2.3rem); }
  .article-hero h1 { overflow-wrap: anywhere; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
  .card-image { height: 145px; }
}
@media (max-width: 380px) {
  .brand { font-size: 1rem; gap: 6px; letter-spacing: -.045em; }
  .brand-emblem { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; }
  .mobile-nav summary { font-size: .875rem; padding: 7px 10px; }
  .hero-photographic .lead { font-size: .98rem; }
  .hero-floating { max-width: calc(100% - 26px); }
  .hero-floating span { letter-spacing: .05em; }
  .hero-photo-art figcaption { font-size: .65rem; right: 12px; }
}
@media (min-width: 1600px) {
  .container { width: min(1240px, calc(100% - 80px)); }
}

/* Footer site-network links are visibly separated from local navigation. */
.footer-grid .related-heading{margin-top:21px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.footer-grid .related-heading + a{margin-top:3px}

/* Phone-first contact pathway, visible on every page and usable on small screens. */
.contact-strip{background:#e7f2df;color:#18382c;border-bottom:1px solid #bed5b8;padding:9px 0;font-size:.95rem}
.contact-strip .container{display:flex;justify-content:space-between;align-items:center;gap:8px 22px;flex-wrap:wrap}
.contact-strip a{color:#164c32;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.contact-strip span a{font-size:.86rem;font-weight:500}
.contact-strip strong{font-weight:750}
@media(max-width:500px){.contact-strip{font-size:.9rem}.contact-strip .container{align-items:flex-start;flex-direction:column;gap:0}.contact-strip span{margin-top:1px}}

/* Put the phone CTA directly inside desktop navigation. */
.main-nav .nav-call{background:#d6f174;color:#173a2b;border-radius:999px;padding:10px 13px;font-weight:800;white-space:nowrap;text-decoration:none}
.main-nav .nav-call:hover,.main-nav .nav-call:focus-visible{background:#e5ffa5}
@media(min-width:721px){.header-cta{display:none!important}.main-nav{gap:clamp(6px,1vw,16px)}.main-nav a{font-size:clamp(.75rem,.95vw,.94rem)}}
@media(max-width:900px) and (min-width:721px){.main-nav .nav-call{padding:8px 9px}.main-nav a{font-size:.78rem}}

/* Accessible, progressive contact form, shown only when backend bindings and Turnstile are ready. */
.contact-form-wrap[hidden],.email-fallback[hidden]{display:none!important}
.contact-form-wrap{margin:0 0 36px;padding:30px;border-radius:22px;border:1px solid var(--line);background:var(--paper)}
.contact-form-wrap h2{margin:0 0 12px}
.contact-form-wrap>p{color:var(--muted);margin-bottom:20px}
.contact-form{display:grid;gap:19px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-form label{display:block;font-weight:750;font-size:.93rem;line-height:1.45}
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{
 display:block;width:100%;min-width:0;margin-top:7px;padding:13px 14px;border:1px solid #aab9a8;
 border-radius:12px;background:white;color:var(--ink);font:inherit;line-height:1.5;box-sizing:border-box
}
.contact-form textarea{resize:vertical;min-height:145px}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid #8fae75;outline-offset:2px}
.contact-form .consent{display:flex;gap:10px;font-weight:500;align-items:flex-start}
.contact-form .consent input{margin-top:6px;flex-shrink:0}
.contact-form button{justify-self:start;cursor:pointer}
.contact-form button[disabled]{opacity:.65;cursor:wait}
.form-feedback{min-height:25px;font-weight:650}
.spam-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.email-fallback{margin:0 0 35px;padding:22px 25px;border-radius:18px;background:#e9f0df}
.email-fallback p{margin-bottom:15px}
@media(max-width:720px){.contact-form-wrap{padding:22px 17px}.form-grid{grid-template-columns:1fr}.contact-form button{width:100%}}

/* Tablet-width header: keep navigation within the available viewport. */
@media (min-width:721px) and (max-width:820px){.header-cta{display:none}.header-inner{gap:12px}.main-nav{gap:10px}.main-nav a{font-size:.82rem}}

/* At compact tablet widths use the verified mobile menu instead of overflowing desktop links. */
@media (min-width:721px) and (max-width:820px){.main-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{list-style:none;border:1px solid #aab9a4;border-radius:30px;padding:8px 14px;font-weight:700;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] .mobile-links{position:absolute;right:0;top:46px;display:grid;gap:8px;min-width:210px;padding:17px;background:white;box-shadow:var(--shadow);border-radius:17px;border:1px solid var(--line)}.mobile-links a{text-decoration:none;font-weight:700;padding:4px}}

/* Contact page: lead with the working enquiry form, then a compact contact card. */
.contact-form-wrap{margin:0 0 22px;padding:clamp(20px,3vw,32px)}
.contact-form-wrap h2{margin-top:0;font-size:clamp(1.7rem,3vw,2.25rem)}
.contact-highlight{margin:0 0 34px;padding:clamp(22px,3vw,30px);border:1px solid #d5e2ca;box-shadow:0 10px 24px rgba(19,49,33,.045)}
.contact-highlight h2{margin:9px 0 14px;font-size:clamp(1.45rem,2.4vw,2rem)}
.contact-highlight .button{margin:12px 0 4px}
.contact-highlight p{margin:10px 0}
@media(max-width:720px){.contact-form-wrap{padding:20px 16px}.contact-highlight{padding:22px 18px}}

/* Compact header phone button, vertically balanced with navigation links. */
@media(min-width:721px){
 .header-inner{align-items:center}
 .main-nav{align-items:center}
 .main-nav .nav-call{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 11px;font-size:.84rem;line-height:1.2;font-weight:700;border:1px solid #c7dd7c;box-shadow:none}
}
@media(min-width:721px) and (max-width:900px){.main-nav .nav-call{padding:5px 8px;font-size:.76rem}}

/* Transparent green kiwi symbol in site header and footer. */
.brand-emblem{background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#2d7144}
.brand-emblem img{display:block;width:36px;height:36px;object-fit:contain}

.brand-emblem{background:transparent!important;box-shadow:none!important}

/* Compact, readable site credits beneath the main footer. */
.footer-bottom .footer-credits{font-size:.76rem;line-height:1.7;text-align:right}
.footer-bottom .footer-credits a{display:inline;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:720px){.footer-bottom .footer-credits{display:block;text-align:left;margin-top:7px}}


/* Christchurch local editorial network: suburb/guides, accessible navigation and photo credits */
.hub-topic-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.hub-topic-links a{border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:var(--paper);font-weight:750;text-decoration:none}
.hub-topic-links a:hover{background:#e8f0da}
.feature-gallery{padding:8px 0 42px}
.gallery-intro{margin-bottom:24px}.gallery-intro h2,.hub-heading h2{font-size:clamp(1.75rem,3vw,2.7rem);margin-bottom:9px}
.gallery-intro p,.hub-heading p{color:var(--muted)}
.hub-heading{margin:18px 0 25px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.gallery-entry{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden}
.gallery-entry .local-figure{margin:0}
.gallery-entry .local-figure img{height:180px;border-radius:0}
.gallery-entry .local-figure figcaption{padding:9px 13px;min-height:64px}
.gallery-link{display:block;padding:7px 14px 17px;text-decoration:none;color:#1f6240;font-weight:800}
.local-figure{margin:0 0 24px}
.local-figure img{display:block;width:100%;height:auto;max-height:405px;object-fit:cover;border-radius:17px;background:#e6e9df}
.local-figure figcaption{font-size:.75rem;color:#637065;line-height:1.5;margin-top:7px}
.local-figure figcaption a{color:#285c3d;text-underline-offset:2px}
.local-highlight{border-left:3px solid #b8cf91;padding:0 0 0 21px}
.local-highlight h2{margin-top:14px}
.evidence{border-top:1px solid var(--line);padding-top:11px;margin-top:35px}
.evidence ul{list-style:disc;padding-left:23px}
.evidence li{overflow-wrap:anywhere}
.evidence a{color:#25583c;text-underline-offset:3px}
.editorial-sidebar{padding:22px}
.editorial-sidebar .sidebar-group{margin:0 0 23px}
.editorial-sidebar .sidebar-group h3{font-size:.98rem;margin:0 0 7px}
.editorial-sidebar .sidebar-group a{display:block;line-height:1.35;padding:8px 0}
.editorial-sidebar .sidebar-group a[aria-current="page"]{font-weight:850;color:#245b35}
.sidebar-cta{padding:17px 14px;background:#edf3e5;border-radius:13px}
.sidebar-cta strong{display:block;font-size:.93rem}
.sidebar-cta p{margin:8px 0 14px;font-size:.85rem}
.editorial-sidebar .sidebar-cta .button{display:inline-flex;padding:9px 14px;font-size:.83rem;text-align:center;color:white;border:2px solid var(--forest);white-space:normal}
.editorial-sidebar .sidebar-cta>a:not(.button){font-size:.83rem;text-decoration:underline;border:0}
.conversion-cta .button{font-size:.92rem;margin:4px 12px 4px 0}
@media(max-width:950px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-sidebar{top:85px}}
@media(max-width:720px){.gallery-grid{grid-template-columns:1fr}.gallery-entry .local-figure img{height:210px}.editorial-sidebar{position:static}.local-highlight{padding-left:16px}.conversion-cta .button{width:100%;margin:8px 0}}


/* Clear learning pathway: local history > plants and soil > care > gardening help. */
.learning-path{background:#eff4e8;border:1px solid #d7e2d0;border-radius:20px;padding:24px;margin:0 0 38px}
.learning-path-head h2{font-size:clamp(1.42rem,2.3vw,2rem);margin:6px 0 8px;line-height:1.22}
.prose .learning-path-head h2{margin:6px 0 8px;font-size:clamp(1.42rem,2.3vw,2rem)}
.learning-path-head p{font-size:.9rem;color:#47634e}
.learning-path ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:20px 0 0}
.learning-path li{margin:0}
.learning-path li a{display:flex;align-items:flex-start;gap:10px;text-decoration:none;background:#fffefa;border:1px solid #d7e1d1;border-radius:13px;padding:13px;min-height:85px;line-height:1.4;color:#163d2c}
.learning-path li a:hover,.learning-path li a:focus-visible{border-color:#53855b;background:#f8fcec}
.learning-path li a[aria-current="step"]{background:#dcebcf;border:2px solid #4b7950}
.learning-path li .path-index{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dfead8;font-size:.88rem;font-weight:850}
.learning-path li strong{display:block;font-size:.88rem;font-weight:800}
.learning-path li small{display:block;font-size:.77rem;color:#5a6b60;margin-top:4px}
.learning-path li .path-arrow{font-size:.8rem;color:#3c7647;margin-left:auto;flex:0 0 auto}
.article-toc{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:20px 25px;margin:0 0 30px}
.prose .article-toc h2{font-size:1.35rem;margin:0 0 10px}
.article-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 25px;margin:0;padding-left:18px}
.article-toc li{font-size:.9rem;margin:4px 0;line-height:1.5}
.article-toc a{color:#285f40;text-underline-offset:3px}
.prose section[id]{scroll-margin-top:110px}
.next-reading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d7e0d4;border-bottom:1px solid #d7e0d4;padding:25px 2px;margin:30px 0}
.prose .next-reading h2{font-size:1.6rem;margin:8px 0 10px}
.next-reading p{font-size:.92rem;color:var(--muted)}
.next-reading .button{flex:0 0 auto;max-width:100%;text-align:center}
.plant-gallery{margin:45px 0}
.prose .plant-gallery h2{font-size:2rem;margin:0 0 12px}
.plant-gallery>p{font-size:.9rem;color:var(--muted);margin:0 0 18px}
.plant-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plant-gallery-grid .local-figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fffefa}
.plant-gallery-grid .local-figure img{width:100%;height:215px;object-fit:cover;border-radius:0}
.plant-gallery-grid .local-figure figcaption{padding:10px 13px;margin:0}
.footer-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px)}
.footer-grid>div{min-width:0}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;min-width:0}
.footer-contact-name{font-size:1rem;color:#f4f8ef;font-weight:800;line-height:1.35}
.footer-grid .footer-contact a{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:3px 0;color:#e9f4d9;text-decoration:underline;text-underline-offset:3px;font-weight:720;line-height:1.35}
.footer-grid .footer-contact-phone{white-space:nowrap;font-size:1.05rem}
.footer-grid .footer-contact-email{overflow-wrap:anywhere;word-break:break-word;font-size:.93rem}
.footer-grid .footer-contact-email span{min-width:0}
.footer-grid .footer-note{font-size:.83rem;color:#b9cdbc;margin-top:12px}
@media(max-width:950px){.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}.footer-grid>div:last-child{grid-column:2}}
@media(max-width:720px){.learning-path ol,.plant-gallery-grid,.article-toc ul{grid-template-columns:1fr}.learning-path{padding:18px;margin-bottom:27px}.next-reading{display:block}.next-reading .button{margin-top:16px;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-contact{gap:7px}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1}.learning-path li a{min-height:auto;padding:12px}}


/* Topic and geographical groupings in local area and garden guide hubs. */
.directory-group{padding:22px 0 32px;border-top:1px solid var(--line)}
.directory-group:first-of-type{border-top:0}
.directory-group .hub-heading{margin:6px 0 22px}
.directory-group .hub-heading h2{max-width:800px}
.directory-group .cards .card{height:100%}
@media(max-width:720px){.directory-group{padding:18px 0 28px}}


/* October 30 audit: tidy footer credits, clearer article flow and small-screen legibility. */
.footer-bottom{align-items:flex-start;gap:18px}
.footer-bottom>span{flex:0 1 315px;line-height:1.55}
.footer-bottom .footer-credits{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:5px 15px;align-items:center;min-width:0;line-height:1.5;text-align:right;font-size:.77rem}
.footer-bottom .footer-credits>span{color:#aebfaf;white-space:nowrap}
.footer-bottom .footer-credits a{display:inline-block;margin:0;padding:2px 0;white-space:nowrap;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-bottom .footer-credits a:hover{color:#e1f4c0}
.footer-grid .footer-contact{margin-top:15px}
.footer-grid .footer-contact a{overflow-wrap:anywhere}
.prose .next-reading{margin-top:36px}
.prose .next-reading .button{font-size:.92rem}
.card-image{background:#d9e8ce}
@media(max-width:900px){
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom>span{flex:0 1 auto}
  .footer-bottom .footer-credits{justify-content:flex-start;text-align:left}
}
@media(max-width:480px){
  .footer-bottom .footer-credits{gap:3px 11px}
  .footer-bottom .footer-credits>span{display:block;width:100%;margin:0 0 4px}
  .footer-grid .footer-contact-phone{white-space:normal}
  .footer-grid .footer-contact-email{font-size:.88rem}
}


/* Learning-path refinement: single source of step numbers, readable titles, and clear spacing. */
.learning-path ol {list-style:none;counter-reset:learning-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:20px 0 0}
.learning-path li{counter-increment:learning-step;margin:0;min-width:0}
.learning-path li a,
.prose .learning-path li a{display:flex;align-items:flex-start;gap:12px;text-decoration:none;padding:15px 16px;min-height:88px;background:#fffefa;border:1px solid #d7e1d1;border-radius:14px;color:#163d2c}
.learning-path li a::before{content:counter(learning-step);display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e4eedb;color:#245a36;font-size:.9rem;font-weight:800;line-height:1}
.learning-path .path-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}
.learning-path .path-title{display:block;font-size:.91rem;line-height:1.3;font-weight:800;overflow-wrap:break-word}
.learning-path .path-desc{display:block;font-size:.78rem;line-height:1.4;color:#5a6b60}
.learning-path .path-arrow{align-self:flex-start;margin-left:auto;flex:0 0 auto;color:#3c7647;font-size:.95rem}
.learning-path li a[aria-current="step"]{border:2px solid #4b7950;background:#dcebcf}
.learning-path li a:focus-visible{outline:3px solid #80a65f;outline-offset:3px}
@media(max-width:720px){.learning-path ol{grid-template-columns:1fr}.learning-path li a{min-height:80px}}

/* A failed third-party photo must not display a broken icon or leave an inaccurate caption. */
img.card-image[hidden],figure.local-figure[hidden]{display:none!important}