@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1d2e;--panel:#132c40;--accent:#8bc376;--text:#f3f6f8;--muted:#a7bbca;--line:#2b4658;scroll-behavior:smooth;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 'Barlow',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:#0b1d2e}section{scroll-margin-top:96px}.header{height:100px;display:flex;align-items:center;gap:40px;padding:0 6.5%;border-bottom:1px solid #ffffff0d;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;letter-spacing:2px;line-height:1}.brand svg{width:43px;height:43px;color:var(--accent)}.accent{color:var(--accent)}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:.875rem;font-weight:700;color:#c3d1dc}nav a:hover,nav a.active{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;background:var(--accent);color:#0b1d2e;padding:15px 24px;font-weight:700;min-height:54px;transition:background .2s,transform .2s}.button:hover{background:#a5d791;transform:translateY(-2px)}.button span{font-size:1.4rem;line-height:1}.header-cta{font-size:.875rem;padding:11px 20px;min-height:45px;gap:22px}.menu-toggle{display:none}.hero{position:relative;min-height:635px;overflow:hidden;border-bottom:2px solid var(--accent);display:flex;align-items:center}.hero-photo{position:absolute;inset:0 0 0 38%;background:#193549 url('arborist-hero.png') center 45%/cover no-repeat}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1d2e 0%,#0b1d2eaa 20%,#0b1d2e18 60%),linear-gradient(0deg,#0b1d2ed0,transparent 40%)}.hero-content{position:relative;padding:60px 0 54px;margin-left:6.5%;width:62%;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:2px;font-weight:700;margin:0 0 20px;color:var(--accent)}.eyebrow>span{width:22px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(3.8rem,6.8vw,6.6rem);line-height:.98;letter-spacing:-1px;margin-bottom:25px;font-weight:700}h1 em{font-style:normal;color:var(--accent)}.hero-description{color:#c6d5df;line-height:1.6;font-size:1.0625rem;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{display:flex;gap:18px;font-size:.9375rem;font-weight:600;border-bottom:1px solid #658697;padding:12px 0}.text-link:hover{color:var(--accent)}.hero-notes{display:flex;gap:32px;margin-top:44px;font-size:.75rem;color:var(--accent)}.hero-notes b{margin-left:10px;color:#b8cbd6;font-size:.875rem;font-weight:500}.image-caption{position:absolute;right:6.5%;bottom:66px;font-size:.75rem;letter-spacing:2px;line-height:1.6;font-weight:600}.caption-line{display:block;height:2px;width:35px;background:var(--accent);margin-bottom:14px}.hero-index{position:absolute;top:30px;right:3%;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:2px;color:#d1dfe8}.section{padding:68px 6.5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:2.8rem;line-height:1.08;font-weight:600;margin-bottom:0}.muted{color:var(--muted)}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{color:var(--muted);max-width:390px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{background:var(--panel);border:1px solid #2b4658;border-top:2px solid #39798a;padding:26px 23px 22px;transition:border-color .2s,background .2s}.service-card:hover{background:#1b3a50;border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-top svg{width:36px;height:36px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-top>span{font-size:.75rem;color:#a7bbca}.service-card h3{font-size:1.18rem;line-height:1.25;margin-bottom:14px}.service-card p{color:#b9cbd6;line-height:1.55;margin-bottom:27px}.card-label{font-size:.75rem;letter-spacing:1.2px;color:#c8d9e3;display:block;padding-top:17px;border-top:1px solid #345268}.approach{padding-top:12px;border-bottom:1px solid var(--line)}.approach-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.approach-content p{color:#b9cbd6;max-width:535px;margin:0}.safety{background:#102d42;display:grid;grid-template-columns:1fr 1.4fr;gap:55px;border-bottom:1px solid var(--line)}.safety h2{font-size:2.5rem}.safety-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.safety-steps>div>span{color:var(--accent);font-size:.875rem}.safety-steps h3{font-size:1.125rem;margin:18px 0 9px}.safety-steps p{font-size:.9375rem;color:#b9cbd6;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact h2{font-size:3.1rem}.contact-details{border-left:1px solid var(--line);padding-left:40px;color:var(--muted)}.contact-details p{margin-bottom:12px}.contact-details .contact-pending{color:var(--text);margin:0}footer{display:flex;gap:32px;align-items:center;padding:28px 6.5%;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.footer-brand{font-size:1.4rem;letter-spacing:2px;font-weight:800;color:var(--text)}footer small{margin-left:auto;font-size:.75rem}@media(min-width:1600px){.header,.section,footer{padding-left:max(6.5%,calc((100vw - 1450px)/2));padding-right:max(6.5%,calc((100vw - 1450px)/2))}.hero-content{margin-left:max(6.5%,calc((100vw - 1450px)/2))}}@media(max-width:1100px){.header{gap:22px;padding:0 5%;height:88px}.brand{font-size:1.65rem}nav{gap:18px}.header-cta{gap:10px}.hero-content{margin-left:5%;width:70%}.section{padding:55px 5%}.service-grid{gap:12px}.service-card{padding:22px 17px}.safety{grid-template-columns:1fr;gap:35px}.safety-heading h2 br{display:none}.approach{padding-top:5px}}@media(max-width:800px){.header-cta{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;gap:6px;order:3;background:none;border:0;padding:12px;color:var(--text)}.menu-toggle span{display:block;width:23px;height:2px;background:currentColor}nav{display:none;position:absolute;top:88px;left:0;right:0;padding:25px 5%;background:#10283c;border-bottom:1px solid var(--line);margin:0}nav.is-open{display:flex;flex-wrap:wrap;gap:22px}.hero{min-height:620px}.hero-photo{left:23%;opacity:.7}.hero-content{width:88%}h1{font-size:5rem}.hero-description{max-width:440px}.image-caption{display:none}.hero-notes{gap:25px}.service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:290px}.approach-content{gap:30px}.contact{align-items:flex-start;flex-direction:column;gap:28px}.contact-details{padding:0;border:0}.contact h2{font-size:2.8rem}}@media(max-width:520px){.header{height:78px;gap:10px}.brand{font-size:1.4rem;gap:7px}.brand svg{width:32px;height:32px}.header-cta{font-size:.75rem;padding:10px 12px;gap:9px;min-height:40px}.header-cta span{display:none}.menu-toggle{padding:10px 3px 10px 12px}nav{top:78px}.hero{min-height:650px;align-items:flex-start}.hero-photo{left:0;background-position:60% center;opacity:.55}.hero-photo:after{background:linear-gradient(90deg,#0b1d2eeb,#0b1d2e44),linear-gradient(0deg,#0b1d2ef2,transparent 80%)}.hero-content{margin:0;padding:42px 5%;width:100%}.hero .eyebrow{font-size:.75rem;letter-spacing:1.2px;max-width:290px}h1{font-size:clamp(3.35rem,12vw,4.2rem);line-height:1.04;letter-spacing:-.4px}.hero-description{font-size:1rem;max-width:320px}.hero-description br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-actions .button{width:100%;justify-content:space-between}.hero-notes{flex-direction:column;gap:8px;margin-top:28px}.hero-index{top:35px;right:4%;font-size:.7rem}.section{padding:42px 5%}.section-heading{display:block}.section-heading>p{margin:20px 0 0;max-width:none}.section-heading>p br{display:none}h2{font-size:2.5rem}.service-grid{grid-template-columns:1fr}.service-card{padding:24px}.card-top{margin-bottom:20px}.service-card p{margin-bottom:23px}.approach{padding-top:4px}.approach-content{grid-template-columns:1fr;gap:23px}.safety h2{font-size:2.3rem}.safety-steps{grid-template-columns:1fr;gap:24px}.safety-steps>div{position:relative;padding-left:44px}.safety-steps>div>span{position:absolute;left:0;top:2px}.safety-steps h3{margin-top:0}.contact h2{font-size:2.5rem}footer{flex-wrap:wrap;gap:10px 20px;padding:25px 5%}footer>span{width:100%;order:3}footer small{margin-left:auto}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Homepage and direct WhatsApp enquiries */
.hero h1{font-size:clamp(5rem,9vw,8.5rem);line-height:.92;letter-spacing:-.025em;margin-bottom:30px}.hero-description strong{display:inline-block;color:var(--text);font-weight:600;margin-top:6px}.hero-actions{flex-wrap:wrap;gap:22px}.whatsapp-cta{gap:13px;text-align:left}.whatsapp-cta>span{margin-left:10px}.whatsapp-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.whatsapp-note{font-size:.875rem;color:#b9cbd6;margin:12px 0 0}.hero-notes{gap:24px;margin-top:35px;flex-wrap:wrap}.service-card{display:flex;flex-direction:column}.service-card .service-category{font-size:.875rem;color:var(--accent);margin:-5px 0 12px}.card-label{margin-top:auto}.contact-phone{display:block;color:var(--text);font-size:1.125rem;margin-top:17px;letter-spacing:.5px}.contact-phone:hover{color:var(--accent)}.contact-details .whatsapp-cta{font-size:.9375rem}.contact-details{flex-shrink:0}.hero-photo{inset-inline-start:33%}@media(max-width:1100px){.contact{gap:30px}.contact-details{flex-shrink:1;padding-left:25px}.hero-notes{gap:16px}}@media(max-width:800px){.hero h1{font-size:6rem}.hero-photo{inset-inline-start:20%}.contact-details{padding-left:0}}@media(max-width:520px){.hero h1{font-size:clamp(4rem,17vw,5.5rem)}.hero-photo{inset-inline-start:0}.hero-actions .whatsapp-cta{font-size:1rem;padding:16px;gap:9px;justify-content:flex-start}.hero-actions .whatsapp-cta>span{margin-left:auto}.hero-notes{flex-direction:row;gap:9px 20px}.hero-notes b{margin-left:7px}.hero-content{padding-top:50px;padding-bottom:40px}.contact-details{width:100%}.contact-details .whatsapp-cta{width:100%;justify-content:center;padding:16px 12px;gap:9px}.contact-details .whatsapp-cta>span{margin-left:auto}.header-cta{white-space:nowrap}}@media(max-width:360px){.whatsapp-cta>span{display:none}.brand{font-size:1.2rem}.header-cta{padding-inline:8px}.hero-actions .whatsapp-cta{font-size:.9375rem}}

.instagram-link{display:inline-flex;align-items:center;gap:14px;color:var(--accent);font-size:1rem;margin-top:14px;border-bottom:1px solid #487f83;padding-bottom:4px}.instagram-link:hover{color:#b5dfaa}.contact-details .service-area{font-size:.875rem;color:var(--muted);margin:16px 0 0}

/* Supplied VERTEXA brand artwork, preserved as an original image. */
.brand{flex-shrink:0}.brand-logo{display:block;width:240px;height:72px;object-fit:cover;object-position:50% 47%;border:1px solid #ffffff20}.brand-introduction{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.brand-artwork{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 44%;border:1px solid var(--line)}.brand-introduction .approach-content{display:flex;flex-direction:column;gap:24px}.footer-brand .brand-logo{width:180px;height:60px}@media(max-width:1100px){.header{gap:20px}.header .brand-logo{width:200px;height:68px}nav{gap:16px}.brand-introduction{gap:30px}}@media(max-width:800px){.brand-introduction{grid-template-columns:1fr;gap:28px}.brand-artwork{max-width:560px}.brand-introduction .approach-content{gap:22px}}@media(max-width:520px){.header .brand-logo{width:154px;height:56px}.header{gap:8px}.footer-brand .brand-logo{width:150px;height:52px}.brand-artwork{aspect-ratio:1.15}}@media(max-width:360px){.header .brand-logo{width:130px;height:52px}.header-cta{font-size:.75rem}}

/* Technical positioning and arboriculture-led hierarchy. */
.hero h1{font-size:clamp(3.8rem,6.3vw,6rem);line-height:.98}.hero-description{max-width:530px}.hero-description strong{margin:0 0 8px}.hero-content{padding-block:54px}.hero .eyebrow{max-width:550px}.arboriculture-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding:40px;background:#15352f;border:1px solid #416b59;border-top:3px solid var(--accent);margin-bottom:20px}.arboriculture-feature h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:3.4rem;line-height:1;margin-bottom:20px}.feature-lead{font-size:1.25rem;color:#e0ece3;line-height:1.4;margin:0}.arboriculture-feature>div>p:not(.eyebrow):not(.feature-lead){color:#c4d7ce}.service-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.9375rem}.service-list li{padding-left:15px;border-left:2px solid var(--accent)}.complementary-services{grid-template-columns:repeat(3,minmax(0,1fr))}.complementary-services .card-top{margin-bottom:18px}.complementary-services .card-top span{color:var(--accent);font-size:.875rem}.complementary-services .service-card:last-child{grid-column:span 2}.safety{display:block}.safety .section-heading{margin-bottom:45px}.method-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.method-steps li{border-top:1px solid #3a5b6b;padding-top:22px}.method-steps li>span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:2.3rem;line-height:1;color:var(--accent)}.method-steps h3{font-size:1.0625rem;line-height:1.3;margin:20px 0 12px}.method-steps p{font-size:.9375rem;color:#b9cbd6;margin:0}.pillars{border-bottom:1px solid var(--line)}.pillars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}.pillars-grid article{padding-left:22px;border-left:2px solid var(--accent)}.pillars-grid h3{font-size:1.125rem;margin-bottom:12px}.pillars-grid p{color:#b9cbd6;margin:0}.contact h2{font-size:2.9rem}@media(max-width:1100px){.arboriculture-feature{padding:30px;gap:30px}.method-steps{gap:18px}.pillars-grid{gap:20px}}@media(max-width:800px){.hero h1{font-size:4.5rem}.arboriculture-feature{grid-template-columns:1fr}.complementary-services{grid-template-columns:repeat(2,minmax(0,1fr))}.method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.method-steps li:last-child{grid-column:span 2}.pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.contact h2{font-size:2.7rem}}@media(max-width:520px){.hero h1{font-size:clamp(2.65rem,10.7vw,3.8rem)}.hero .eyebrow{max-width:300px;line-height:1.5}.hero-content{padding-block:42px}.hero-description{max-width:340px}.arboriculture-feature{padding:25px 22px;gap:26px}.arboriculture-feature h3{font-size:2.8rem}.service-list{grid-template-columns:1fr}.complementary-services{grid-template-columns:1fr}.complementary-services .service-card:last-child{grid-column:auto}.method-steps{grid-template-columns:1fr;gap:25px}.method-steps li:last-child{grid-column:auto}.method-steps li{position:relative;padding:20px 0 0 48px}.method-steps li>span{position:absolute;top:23px;left:0;font-size:1.8rem}.method-steps h3{margin-top:0}.pillars-grid{grid-template-columns:1fr;gap:26px}.contact h2{font-size:2.5rem}}

/* Navy, leaf green and petrol blue echo the supplied logo. */
:root{--petrol:#73bec7;--brand-green:#8bc376}.header{background:#0c2134;border-bottom-color:#2b4658}.hero{background:var(--bg);border-bottom-color:#39798a}.hero-photo{background-blend-mode:normal}.service-card h3{color:#eef5f8}.complementary-services .card-top span,.method-steps li>span{color:var(--petrol)}.card-label{color:#a9cbd7}.safety .eyebrow,.instagram-link{color:var(--petrol)}.instagram-link:hover{color:#a1dce0}.arboriculture-feature .eyebrow,.arboriculture-feature h3{color:#a4d590}.pillars-grid article:nth-child(even){border-left-color:var(--petrol)}footer{background:#081725}.brand-logo{border-color:#577085}.brand-artwork{border-color:#426278}

/* Real arboriculture photo, enhanced and framed for the hero. */
.hero-photo{background-position:62% 43%}.hero-photo:after{background:linear-gradient(90deg,#0b1d2e 0%,#0b1d2eaa 20%,#0b1d2e18 65%),linear-gradient(0deg,#0b1d2ed0,transparent 45%)}@media(max-width:800px){.hero-photo{background-position:64% 42%}}@media(max-width:520px){.hero{display:block;padding-top:310px;min-height:0}.hero-photo{inset:0 0 auto;height:345px;opacity:1;background-position:62% 38%}.hero-photo:after{background:linear-gradient(0deg,#0b1d2e 0%,#0b1d2e33 30%,transparent 65%)}.hero-content{padding-top:12px}.hero-index{top:24px}.hero .eyebrow{max-width:100%}}
/* Original photographs, grouped by the work shown. */
.arboriculture-photos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-tile,.service-photo{display:block;position:relative;border:0;padding:0;background:#10283c;overflow:hidden;color:#fff;cursor:pointer;text-align:left}.photo-tile{height:255px}.photo-tile img,.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-tile:first-child img{object-position:50% 32%}.photo-tile:nth-child(2) img{object-position:50% 42%}.photo-tile:nth-child(3) img{object-position:50% 53%}.photo-tile>span{position:absolute;inset:auto 0 0;padding:40px 17px 17px;background:linear-gradient(transparent,#071725ed);font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px}.photo-tile b{font-size:1.4rem}.photo-tile:hover img,.service-photo:hover img{transform:scale(1.04)}.gallery-link{border:0;border-top:1px solid #446075;background:none;color:var(--accent);padding:17px 0 0;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.9375rem;font-weight:600;cursor:pointer;text-align:left;min-height:45px;margin-top:18px}.gallery-link:hover{color:#c3e7b5}.arboriculture-gallery-link{grid-column:1/-1;margin-top:0;padding-top:13px;border-color:#426b59;justify-content:flex-end}.service-photo{height:205px;margin:-26px -23px 24px}.service-photo img{object-position:50% 34%}.service-photo>span{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff88;background:#0b1d2ecc;width:37px;height:37px;text-align:center;line-height:35px;font-size:1.3rem}.service-card.has-photo .card-label{display:none}.service-card.has-photo .gallery-link{margin-top:auto}.service-card.has-photo p{margin-bottom:22px}.photo-watermark{position:relative;isolation:isolate;overflow:hidden;justify-content:flex-end;min-height:390px;background:#10283c}.watermark-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 32%;opacity:.72}.photo-watermark:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b1d2eed,#0b1d2e66),linear-gradient(0deg,#0b1d2ef0,transparent)}.photo-watermark p{max-width:430px;color:#dde8ef}.photo-watermark .card-top{margin-top:auto}.photo-watermark .card-label{display:none}.photo-watermark .gallery-link{max-width:430px;color:#b3df9d}.photo-dialog{color:var(--text);background:#0b1d2e;border:1px solid #476274;padding:0;width:min(1000px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;box-shadow:0 20px 80px #0008}.photo-dialog::backdrop{background:#030d18ed;backdrop-filter:blur(5px)}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:20px}.gallery-header .eyebrow{margin-bottom:5px;font-size:.75rem}.gallery-header h2{font-size:1.7rem}.gallery-close,.gallery-previous,.gallery-next{display:grid;place-items:center;flex-shrink:0;border:1px solid #4c6879;background:#163449;color:var(--text);width:46px;height:46px;font-size:1.5rem;cursor:pointer}.gallery-close:hover,.gallery-previous:hover,.gallery-next:hover{background:#275169}.gallery-stage{height:min(65dvh,690px);background:#061421;display:grid;place-items:center;position:relative;touch-action:pan-y}.gallery-stage img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.gallery-stage [hidden]{display:none}.gallery-stage #gallery-error{position:absolute;padding:25px;text-align:center}.gallery-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;gap:20px}.gallery-description{text-align:center}.gallery-description p{margin:0 0 3px;font-size:.9375rem}.gallery-description span{font-size:.875rem;color:var(--muted)}.gallery-footer button:disabled{opacity:.3;cursor:default}body.gallery-open{overflow:hidden}@media(max-width:1100px){.service-photo{margin:-22px -17px 22px}.photo-tile{height:230px}}@media(max-width:800px){.arboriculture-photos{gap:10px}.photo-tile{height:205px}.photo-tile>span{font-size:.875rem;padding:35px 12px 12px}.photo-watermark{min-height:330px}}@media(max-width:520px){.arboriculture-photos{grid-template-columns:1fr 1fr}.photo-tile:first-child{grid-column:1/-1;height:250px}.photo-tile{height:190px}.photo-tile>span{font-size:.875rem}.service-photo{margin:-24px -24px 24px;height:255px}.photo-watermark{min-height:380px}.watermark-image{object-position:60% 20%}.gallery-header{padding:14px;gap:12px}.gallery-header h2{font-size:1.4rem}.gallery-stage{height:59dvh}.gallery-footer{padding:12px;gap:10px}.gallery-description p{font-size:.875rem}.photo-dialog{max-height:95dvh}.gallery-close,.gallery-previous,.gallery-next{width:44px;height:44px}}

/* Consistent watermark treatment for complementary service photography. */
.photo-watermark .watermark-image{object-position:50% 30%}.photo-watermark:last-child .watermark-image{object-position:65% 32%}.photo-watermark .gallery-link{width:100%}.photo-watermark h3{position:relative}.photo-watermark{min-height:390px}

/* Full supplied logo sits naturally on a light brand bar. */
.header{height:138px;background:#fff;border-bottom:1px solid #dbe4e6;gap:30px}.header .brand-logo{width:250px;height:125px;object-fit:contain;object-position:center;border:0;mix-blend-mode:multiply}.header nav a{color:#244257}.header nav a:hover,.header nav a.active{color:#347336}.header .menu-toggle{color:#0b2d46}.header .header-cta{background:#245b3c;color:#fff}.header .header-cta:hover{background:#34784c}footer{background:#f5f8f7;color:#3e5969;border-top-color:#dbe4e6}.footer-brand .brand-logo{width:200px;height:100px;object-fit:contain;object-position:center;border:0;mix-blend-mode:multiply}@media(max-width:1100px){.header{gap:18px}.header .brand-logo{width:220px;height:110px}.header{height:122px}}@media(max-width:800px){.header nav{top:122px;background:#fff;border-bottom:1px solid #dbe4e6}.header nav.is-open{box-shadow:0 12px 20px #07172518}}@media(max-width:520px){.header{height:98px;gap:8px}.header .brand-logo{width:160px;height:80px}.header nav{top:98px}.header .header-cta{font-size:.75rem;padding:10px}.footer-brand .brand-logo{width:180px;height:90px}}@media(max-width:360px){.header .brand-logo{width:134px;height:67px}.header .header-cta{padding-inline:8px}.header{gap:6px}}
/* Extend an unprinted corner of the original logo background across the bar. */
.header{background:#fdfdfd url('brand-background.svg') repeat}.header nav{background-color:#fdfdfd}@media(max-width:800px){.header nav{background-image:url('brand-background.svg');background-repeat:repeat}}
/* Blue-grey texture from the first supplied brand photograph. */
.header{background-color:#8b9cb5;border-bottom-color:#607791}.header nav a{color:#08273f}.header nav a:hover,.header nav a.active{color:#173f27}.header nav{background-color:transparent}.header .brand-logo{mix-blend-mode:multiply}@media(max-width:800px){.header nav{background-color:#8b9cb5;border-bottom-color:#607791}}
/* Soft light behind the mark, preserving the surrounding blue-grey texture. */
.header .brand{position:relative;isolation:isolate}.header .brand:before{content:'';position:absolute;z-index:-1;inset:0 -18px;background:radial-gradient(ellipse at 53% 53%,#ffffffed 0%,#f2f6fbd9 28%,#eaf0f89c 48%,#eaf0f838 65%,transparent 78%);pointer-events:none}.header nav a,.header nav a.active,.header nav a:hover{color:#fff;text-shadow:0 1px 3px #08243fe6}.header nav a.active,.header nav a:hover{text-decoration:underline;text-decoration-color:#b3df9d;text-underline-offset:6px}.header .menu-toggle{color:#fff}@media(max-width:520px){.header .brand:before{inset:0 -10px}}
.header .brand{isolation:auto}.header .brand:before{z-index:0}.header .brand-logo{position:relative;z-index:1}
/* A wider, softer glow blends the logo into the original textured bar. */
.header .brand:before{inset:-5px -30px;background:radial-gradient(ellipse at 52% 54%,#f4f7fbad 0%,#edf3f98a 23%,#e7eef54d 43%,#e1eaf31a 62%,transparent 80%);filter:blur(9px)}@media(max-width:520px){.header .brand:before{inset:-2px -16px;filter:blur(7px)}}

/* Light blue header and a balanced, centered hero tagline. */
.header{background:#c3deed;border-bottom-color:#9bbdce}
.header nav a,.header nav a.active,.header nav a:hover{color:#163c50;text-shadow:none}
.header .menu-toggle{color:#163c50}
.hero .hero-tagline{position:absolute;top:28px;left:6.5%;width:87%;max-width:none;justify-content:center;text-align:center;gap:18px;z-index:2;margin:0}
.hero-tagline b{font-weight:700;min-width:0}
.hero-tagline>span{flex:0 0 36px;height:2px;background:var(--accent)}
.hero-content{padding-top:90px}
@media(max-width:1100px){.hero .hero-tagline{left:5%;width:90%}}
@media(max-width:800px){.header nav{background:#c3deed;border-bottom-color:#9bbdce}}
@media(max-width:520px){.hero .hero-tagline{position:relative;top:auto;left:auto;width:90%;margin:10px auto 22px;gap:12px;font-size:.75rem;line-height:1.5}.hero-tagline>span{flex-basis:24px}.hero-content{padding-top:12px}}

/* Keep the compact mobile menu aligned after removing the header CTA. */
@media(max-width:800px){.header .menu-toggle{margin-left:auto}}

/* Transparent navigation over a full-width photograph. */
.header{position:absolute;inset:0 0 auto;height:138px;background:transparent;border:0}
.header .brand:before{display:none}
.header .brand-logo{mix-blend-mode:normal;filter:drop-shadow(0 2px 5px #0006)}
.header nav,.header nav a,.header nav a.active,.header nav a:hover{background:transparent;color:#fff;text-shadow:0 1px 4px #0009}
.header .menu-toggle{color:#fff;filter:drop-shadow(0 1px 3px #0008)}
.hero{min-height:800px;padding-top:138px}
.hero-photo{inset:0;opacity:1;background-position:62% 43%}
.hero-photo:after{background:linear-gradient(180deg,#071725b8 0%,transparent 34%),linear-gradient(90deg,#0b1d2ee6 0%,#0b1d2e99 35%,#0b1d2e22 75%),linear-gradient(0deg,#0b1d2eaa,transparent 45%)}
.hero .hero-tagline{top:160px}
.hero-index{top:165px}
@media(max-width:1100px){.header{height:122px}.hero{padding-top:122px}.hero .hero-tagline{top:144px}.hero-index{top:150px}}
@media(max-width:800px){.header nav{background:#0b1d2ef2;border-bottom:1px solid #ffffff24;backdrop-filter:blur(12px)}.hero{min-height:780px}.hero-content{padding-top:100px}}
@media(max-width:520px){.header{height:98px}.hero{padding-top:370px;min-height:0}.hero-photo{inset:0;height:100%;background-position:62% top;background-size:auto 520px;background-color:#0b1d2e}.hero-photo:after{background:linear-gradient(180deg,#071725c4 0%,#07172522 180px,#0b1d2e33 310px,#0b1d2e 520px)}.hero .hero-tagline{top:auto;margin-top:10px}.hero-content{padding-top:12px}.hero-index{top:125px}}

/* A clear emergency availability note beside the main enquiry action. */
.emergency-note{display:flex;align-items:center;gap:12px;margin:26px 0 0;color:#e0ece3;font-size:.9375rem;line-height:1.5}
.emergency-note strong{color:var(--accent);font-weight:600}
.emergency-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #8bc37618}
@media(max-width:520px){.hero-actions .whatsapp-cta{justify-content:center}.emergency-note{font-size:.875rem;margin-top:24px}}

/* Five intervention tiles: details and photos open on activation. */
.intervention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.intervention-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;aspect-ratio:1;border:1px solid #426278;background:#10283c;padding:28px;text-align:left;color:var(--text);cursor:pointer;overflow:hidden}
.intervention-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;z-index:-2;transition:transform .3s,opacity .3s}
.intervention-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b1d2e33,#0b1d2eeb)}
.intervention-card h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.1;margin:0;max-width:95%}
.intervention-card:hover{border-color:var(--accent)}
.intervention-card:hover img{opacity:.65;transform:scale(1.04)}
.intervention-card:first-child img{object-position:50% 32%}
.service-detail{padding:0 24px 22px;color:#c6d5df}
.service-detail p{margin:0;line-height:1.6}
.service-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding-left:20px;margin:16px 0 0}
.service-detail [hidden]{display:none}
.photo-dialog .gallery-header h2{font-size:2rem}
.photo-dialog .gallery-stage{height:min(50dvh,520px)}
@media(max-width:800px){.intervention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.intervention-card{padding:22px}.intervention-card h3{font-size:2rem}}
@media(max-width:520px){.intervention-grid{grid-template-columns:1fr}.intervention-card{padding:26px}.intervention-card h3{font-size:2.3rem}.service-detail{padding:0 14px 18px;font-size:.9375rem}.service-detail ul{grid-template-columns:1fr}.photo-dialog .gallery-header h2{font-size:1.7rem}.photo-dialog .gallery-stage{height:42dvh}}

/* Visible qualification controls with hover, keyboard and touch explanations. */
.qualification-info{display:inline-flex;align-items:center;gap:5px;padding:1px 4px;border:0;border-bottom:1px dotted var(--accent);border-radius:3px;background:#8bc37612;color:var(--accent);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;vertical-align:baseline}
.qualification-info:hover,.qualification-info[aria-expanded="true"]{background:#8bc37629;color:#c3e7b5}
.qualification-info span{font-size:.85em}
.qualification-popover{position:fixed;margin:0;width:min(350px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid #638b71;border-radius:8px;background:#15352f;color:#e5efe9;box-shadow:0 12px 40px #0008;font-size:.9375rem;line-height:1.6;z-index:20}
.qualification-popover>strong{display:block;padding-right:25px;color:#b4dc9f;font-size:1.1rem}
.qualification-popover p{margin:12px 0}
.qualification-popover a{color:#b4dc9f;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.qualification-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;background:transparent;color:#e5efe9;font-size:1.5rem;cursor:pointer}

/* Supplied portrait for the About section. */
.brand-artwork.technician-portrait{aspect-ratio:665/1182;object-fit:contain;object-position:center;max-width:390px;justify-self:center}

/* Separate the About section from the intervention tiles with a subtle blue shift. */
.approach{background:#102d42;padding-top:68px;border-block:1px solid var(--line)}
@media(max-width:1100px){.approach{padding-top:55px}}
@media(max-width:520px){.approach{padding-top:42px}}

/* Compact contact choices with one clear action per channel. */
.contact-options{display:block}
.contact-heading{margin-bottom:30px}
.contact-heading h2{font-size:clamp(2.5rem,4vw,3.3rem)}
.contact-heading>p:last-child{margin:20px 0 0;color:var(--muted)}
.contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-channel{display:flex;align-items:flex-start;gap:18px;padding:26px 22px;border:1px solid #426278;border-radius:7px;background:#10283c;transition:background .2s,border-color .2s}
.contact-channel>svg{width:34px;height:34px;flex:0 0 34px;stroke:#b9d5e3;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.contact-channel h3{margin:0 0 4px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.65rem;line-height:1.2}
.contact-channel p{margin:0 0 18px;color:var(--muted);font-size:.9375rem}
.channel-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid #a7bbca;border-radius:5px;font-size:.875rem;font-weight:600;line-height:1.4}
.contact-channel:hover{background:#19384b;border-color:#9abfcf}
.contact-channel:hover .channel-action{background:#ffffff0d}
.channel-whatsapp{border-color:#8bc376;background:#15352f}
.channel-whatsapp>svg,.channel-whatsapp .channel-action{color:var(--accent);border-color:var(--accent)}
.channel-whatsapp:hover{background:#1c4538;border-color:#b3df9d}
.contact-emergency{border:1px solid #34566b;border-radius:6px;padding:16px 22px;margin-top:26px;font-size:.9375rem;background:#10283c}
@media(max-width:1100px){.contact-channel{padding:22px 16px;gap:12px}.contact-channel>svg{width:28px;height:28px;flex-basis:28px}.channel-action{padding-inline:12px}}
@media(max-width:800px){.contact-channels{grid-template-columns:1fr}.contact-channel{padding:22px;gap:18px}.contact-channel>svg{width:34px;height:34px;flex-basis:34px}.contact-channel p{margin-bottom:12px}.contact-emergency{align-items:flex-start}.contact-emergency .emergency-dot{margin-top:7px}}

/* Alternating brand accents mark the transitions between content sections. */
.hero{border-bottom:2px solid #39798a}
.services{border-bottom:2px solid var(--accent)}
.approach{border-top:0;border-bottom:2px solid #39798a}
.pillars{border-bottom:2px solid var(--accent)}
footer{border-top:2px solid #39798a}

/* Both emergency notices offer a direct telephone call. */
.emergency-link{width:fit-content;max-width:100%;text-decoration:none;border:1px solid #8bc37670;border-radius:6px;padding:14px 18px;background:#8bc37612;flex-wrap:wrap;transition:background .2s,border-color .2s}
.emergency-phone{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.emergency-link>span:not(.emergency-call){flex:1;min-width:180px}
.emergency-call{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.emergency-link:hover{background:#8bc37624;border-color:var(--accent)}
.emergency-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.contact-emergency.emergency-link{width:100%;align-items:center}
@media(max-width:520px){.emergency-link{gap:10px;padding:14px}.emergency-call{margin-left:31px}}

.contact-channel>div{min-width:0}.channel-email p{overflow-wrap:anywhere}

/* One language control opens a compact list. */
.language-switcher{position:relative;flex-shrink:0}
.language-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;background:#0b1d2ecc;border:1px solid #ffffff70;border-radius:5px;color:#fff;font-size:.875rem;cursor:pointer}
.language-toggle svg{width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2;transition:transform .2s}
.language-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.language-toggle:hover,.language-toggle[aria-expanded="true"]{border-color:var(--accent)}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;background:#102d42;border:1px solid #426278;border-radius:6px;box-shadow:0 8px 24px #0005;z-index:20}
.language-options[hidden]{display:none}
.language-options button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer;font-size:.9375rem}
.language-options button:hover,.language-options button[aria-pressed="true"]{background:#8bc37620;color:var(--accent)}
.header{gap:22px}
@media(max-width:1100px){.header{gap:12px}#navigation{gap:16px}}
@media(max-width:800px){.header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:18px;padding-bottom:14px}.language-switcher{order:3;margin-left:auto}.language-toggle{min-height:40px;padding:7px 10px}}

@media(max-width:800px){
.header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:76px;min-height:44px;padding:9px 16px;border:1px solid var(--accent);border-radius:7px;background:#0b1d2e70;color:#fff;font-size:.9375rem;font-weight:600;line-height:1.4;cursor:pointer;filter:none}
.header .menu-toggle:hover,.header .menu-toggle[aria-expanded="true"]{background:#15352fe6}
.header nav{top:calc(100% + 8px);left:5%;right:5%;border:1px solid #426278;border-radius:8px;overflow:hidden;padding:0;box-shadow:0 12px 24px #0005}
.header nav a{display:block;padding:15px 20px;border-bottom:1px solid #ffffff12;text-decoration:none}
.header nav a:last-child{border-bottom:0}
.header nav a.active,.header nav a:hover{background:#8bc376;color:#0b1d2e;text-shadow:none;text-decoration:none}
}

/* Flag and menu share a single compact header row. */
.language-toggle{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border-color:var(--accent);font-size:1.35rem;background:#0b1d2e70}
@media(min-width:801px){.header #navigation{order:1}.header .language-switcher{order:2}}
@media(max-width:800px){.header{flex-wrap:nowrap;gap:8px;min-height:98px;padding-top:9px;padding-bottom:9px}.header .brand{min-width:0;margin-right:auto}.header .brand-logo{width:clamp(125px,40vw,200px);height:80px}.header .language-switcher{order:0;margin-left:0}.header .menu-toggle{margin-left:0;min-width:70px;padding:9px 12px;flex-shrink:0}.language-options{right:-78px}.header nav{position:absolute}}
@media(max-width:360px){.header .brand-logo{width:125px}.header .menu-toggle{min-width:64px;padding-inline:9px}.header{gap:6px}}

/* Mobile navigation always uses one full-width row per link. */
@media(max-width:800px){
.header #navigation{display:none;margin:0;gap:0;background:#0b1d2ef5;border:1px solid #8bc37680;border-radius:8px}
.header #navigation.is-open{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
.header #navigation a{display:block;width:100%;flex:0 0 auto;padding:16px 20px;text-align:left;font-size:1.05rem;line-height:1.5;border-bottom:1px solid #ffffff20;white-space:normal}
.header #navigation a:last-child{border-bottom:0}
.header #navigation a.active,.header #navigation a:hover{background:#8bc37625;color:var(--accent);text-shadow:none;text-decoration:none}
}

.roof-content{max-width:1100px;margin:auto;padding:32px 5% 55px}.roof-back{display:inline-block;color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-bottom:32px}.roof-content h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:16px}.roof-content>p:not(.eyebrow){max-width:750px;color:var(--muted)}.roof-viewer{margin:26px 0 12px}.roof-stage{position:relative;display:flex;justify-content:center;align-items:center;background:#10283c;border:1px solid #426278;border-radius:6px;min-height:260px}.roof-stage>img{display:block;max-width:100%;width:100%;height:65dvh;object-fit:contain}.roof-status{position:absolute;left:16px;top:16px;border-radius:4px;padding:6px 14px;background:#0b1d2ee6;color:var(--accent);font-weight:700}.roof-viewer figcaption{text-align:center;margin-top:12px;color:var(--muted)}.roof-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.roof-controls button{padding:10px 18px;min-height:44px;background:#10283c;color:white;border:1px solid var(--accent);border-radius:5px;cursor:pointer}.roof-controls button:disabled{opacity:.4;cursor:default}.roof-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:24px}.roof-thumbnails button{padding:0;border:2px solid transparent;background:#10283c;border-radius:4px;overflow:hidden;cursor:pointer}.roof-thumbnails button[aria-pressed="true"]{border-color:var(--accent)}.roof-thumbnails img{display:block;width:100%;height:90px;object-fit:cover}@media(max-width:520px){.roof-stage>img{height:56dvh}.roof-thumbnails{gap:6px}.roof-thumbnails img{height:65px}}

.intervention-card[data-gallery="height"] img{object-position:50% 45%}.roof-thumbnails:has(>button:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;margin-inline:auto}

.credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px;padding-top:36px;border-top:1px solid #39798a70}.credential svg{width:44px;height:44px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}.credential h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.6rem;line-height:1.2;margin-bottom:10px;color:var(--text)}.credential p{font-size:.9375rem;color:var(--muted);margin-bottom:0;max-width:320px}@media(max-width:700px){.credentials-grid{grid-template-columns:1fr;gap:28px;margin-top:30px;padding-top:28px}.credential{display:grid;grid-template-columns:44px 1fr;gap:0 18px}.credential svg{grid-row:span 2;margin:0}.credential p{max-width:none}}

.pillar-icon{display:block;width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}

.intervention-card[data-gallery="arboriculture"] img{object-position:50% 48%}

.intervention-card{align-items:center;justify-content:center;text-align:center}.intervention-card h3{width:100%;max-width:100%}

/* Display the untouched source photograph with a closer crop. */
.hero-photo{background-image:url('arborist-hero-original.jpeg');background-size:auto 190%;background-position:right 50%;background-repeat:no-repeat;background-color:#0b1d2e}
@media(max-width:800px){.hero-photo{background-size:auto 155%;background-position:65% 50%}}
@media(max-width:520px){.hero-photo{background-size:auto 650px;background-position:55% -90px}}

/* Full-bleed original photograph: no generated equipment or empty background. */
.hero-photo{inset:0;height:100%;background-image:url('arborist-hero-original.jpeg');background-size:cover;background-position:50% 50%;transform:scale(1.08);transform-origin:50% 50%}
@media(max-width:800px){.hero-photo{background-size:cover;background-position:50% 48%}}
@media(max-width:520px){.hero-photo{height:100%;background-size:cover;background-position:50% 48%;transform:scale(1.08)}.hero-photo:after{background:linear-gradient(180deg,#071725a6 0%,#07172520 28%,#0b1d2ea6 55%,#0b1d2ef2 100%)}}

/* Mild conventional sharpening only; source geometry is unchanged. */
.hero-photo{background-image:url('arborist-hero-sharpened.png')}

/* On phones keep the technician above the headline instead of behind it. */
@media(max-width:520px){
.hero-photo{background-size:auto 780px;background-position:50% -90px;transform:none;background-color:#0b1d2e}
.hero-photo:after{background:linear-gradient(180deg,#07172580 0px,#07172510 170px,#0b1d2e18 330px,#0b1d2ed9 510px,#0b1d2e 680px)}
.hero{padding-top:430px}
.hero .hero-tagline{margin-top:0}
.hero-content{padding-top:16px}
}

/* Give the original logo cleaner edges and more room for its fine detail. */
.header .brand-logo{width:280px;height:130px;filter:drop-shadow(0 1px 2px #0008)}
@media(max-width:1100px){.header .brand-logo{width:230px;height:110px}}
@media(max-width:800px){.header .brand-logo{width:clamp(144px,46vw,220px);height:90px}}
@media(max-width:360px){.header .brand-logo{width:144px;height:82px}}

/* Photos load ahead; keep navigation usable and show actionable access errors. */
.gallery-loading{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 13px;background:#0b1d2ee8;border:1px solid #426278;color:#f3f6f8;font-size:.875rem;white-space:nowrap;pointer-events:none}
.gallery-error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.gallery-error-actions button{border:1px solid #8bc376;background:#163449;color:#f3f6f8;padding:10px 16px;min-height:44px;cursor:pointer}
.gallery-error-actions button:hover{background:#275169}