/* Mackey amendment, 7 October 2026. Loaded after mackey.css on affected pages. */

/* Skyline opening: lighter shading so the photograph stays clear while text remains readable. */
.opening-photograph img{object-position:50% 50%}
.opening-stage::after{background:linear-gradient(90deg,rgb(3 27 20/60%),rgb(3 27 20/20%) 42%,transparent 68%),linear-gradient(0deg,rgb(3 27 20/56%),transparent 52%)}
.opening-content .display,.opening-content .eyebrow,.opening-content .text-link{text-shadow:0 1px 1.2rem rgb(0 20 14/60%)}
@media(max-width:48rem){.opening-stage::after{background:linear-gradient(0deg,rgb(3 27 20/84%),rgb(3 27 20/32%) 62%,transparent)}}

/* Particle meadow scene */
.meadow-scene{position:relative;padding-block:clamp(3.5rem,7vw,6rem);overflow:hidden}
.meadow-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem clamp(2rem,5vw,5rem);align-items:center}
.meadow-copy .headline{max-width:18ch}
.meadow-copy p:not(.eyebrow){max-width:30rem;margin-top:1.25rem;font-size:1.125rem;color:rgb(255 255 255/90%)}
.meadow-stage{position:relative;width:100%;aspect-ratio:2/1;max-height:26rem;overflow:hidden;border:1px solid var(--rule-dark);background:#022a1f}
.meadow-stage [data-effect-poster]{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.meadow-stage [data-effect-layer]{position:absolute;inset:0;color:#8cebb8;opacity:0;pointer-events:none;transition:opacity .8s var(--ease)}
[data-effect-state='ready'] [data-effect-layer],[data-effect-state='static'] [data-effect-layer],[data-effect-layer][data-effect-state='ready'],[data-effect-layer][data-effect-state='static']{opacity:1}
.meadow-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem}
.meadow-pause{min-height:2.75rem;padding:.55rem 1.1rem;border:1px solid rgb(255 255 255/60%);background:transparent;color:#fff;font:500 1rem var(--font);cursor:pointer}
.meadow-pause:hover{background:rgb(255 255 255/10%)}
.meadow-stage [data-effect-layer] canvas{display:block;width:100%;height:100%}
.meadow-pause[aria-disabled='true']{cursor:default;border-style:dashed}
.meadow-pause[aria-disabled='true']:hover{background:transparent}
@media(max-width:56rem){.meadow-grid{grid-template-columns:1fr}.meadow-stage{aspect-ratio:16/10;max-height:20rem}}

/* HVAC and electrical division cards */
.division-band{padding-block:clamp(4rem,8vw,7rem);background:var(--stone);border-top:1px solid var(--rule)}
.division-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem 5rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.division-head .headline{max-width:18ch}
.division-head>p{margin:0;max-width:34rem;font-size:1.125rem;color:var(--muted)}
.division-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.25rem);list-style:none;margin:0}
.division-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:center;padding:clamp(1.75rem,3vw,2.5rem);background:#fff;border:1px solid var(--rule)}
.division-icon{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--forest);color:#fff}
.division-icon svg{width:2.4rem;height:2.4rem}
.division-card h3{font-size:clamp(1.7rem,2.6vw,2.2rem);font-weight:400;letter-spacing:-.03em}
.division-card p{margin:.4rem 0 0;color:var(--muted)}
.division-band>.container>.text-link{display:inline-block;margin-top:2rem}
@media(max-width:48rem){.division-head,.division-cards{grid-template-columns:1fr}}
@media(max-width:24rem){.division-card{grid-template-columns:1fr}}

/* Enhancements: landscape blueprint behind the section content */
.blueprint-section{position:relative;isolation:isolate;overflow:hidden}
.blueprint-section::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/illustrations/landscape-blueprint.svg') center/cover no-repeat;opacity:.12;pointer-events:none}

/* Arbor Care page */
.arbor-hero .lead-media.client-photo,.arbor-work .client-photo{--photo-density:1.5}
.arbor-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 3rem;margin:0 0 clamp(3rem,6vw,4.5rem)}
.arbor-topics h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:500;line-height:1.3;letter-spacing:-.02em}
.arbor-topics p{margin:0;color:var(--muted)}
.arbor-work{grid-template-columns:repeat(2,minmax(0,1fr));max-width:60rem;margin-bottom:0}
@media(max-width:56rem){.arbor-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:36rem){.arbor-topics{grid-template-columns:1fr}}
@media(max-width:30rem){.arbor-work{grid-template-columns:1fr}}

/* Landscaping overview: Arbor Care row now matches the other numbered rows */
.page-services .service-row#arbor-care{position:relative;counter-increment:service;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);padding:2.5rem 0 2.5rem 3.5rem;gap:2rem 4rem}
.page-services .service-row#arbor-care::before{content:counter(service,decimal-leading-zero);position:absolute;left:0;top:2.7rem;font-size:1rem;color:var(--forest)}
@media(max-width:48rem){.page-services .service-row#arbor-care{grid-template-columns:1fr;gap:1rem;padding-left:2.75rem}}

/* About: who we serve */
.serve-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.serve-copy .statement{margin-top:1.25rem}
.serve-list{list-style:none;margin:1.75rem 0;border-top:1px solid var(--rule)}
.serve-list li{padding:1.25rem 0;border-bottom:1px solid var(--rule)}
.serve-list h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
.serve-list p{margin:.35rem 0 0;color:var(--muted)}
.serve-map{margin:0;justify-self:center;width:100%;max-width:32rem;background:#fff}
.serve-map img{width:100%;height:auto;object-fit:contain}

/* Victorian detail: a small engraved botanical medallion on the outer frame corner, clear of the image */
.serve-map.heritage-frame::before,.division-card.heritage-frame::before{inset:-1.05rem auto auto -1.05rem;width:1.7rem;height:1.7rem;border:0;background:url('/assets/illustrations/engraved-sprig.svg') center/contain no-repeat}
@media(max-width:56rem){.serve-grid{grid-template-columns:1fr}.serve-map{max-width:26rem}}