/* Scoped to this page fragment so the WordPress header and footer keep their styling. */
@import url('/shared/fonts/google-fonts.css');
#ecopod-homepage{--eph-bone:#F1EDE6;--eph-bone-2:#E8E3D8;--eph-ink:#1B1A17;--eph-soft:#56524A;--eph-oak:#C9BCA4;--eph-green:#657f4e;--eph-line:rgba(27,26,23,.19);--eph-serif:'Fraunces',Georgia,serif;--eph-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--eph-pad:clamp(1.25rem,4.5vw,5rem);background:var(--eph-bone);color:var(--eph-ink);font:400 16px/1.65 var(--eph-sans);width:100%;isolation:isolate;-webkit-font-smoothing:antialiased;text-align:left}
#ecopod-homepage *,#ecopod-homepage *::before,#ecopod-homepage *::after{box-sizing:border-box}
#ecopod-homepage :where(h1,h2,h3,p,figure,blockquote,ol,li){margin:0;padding:0}
#ecopod-homepage :where(h1,h2,h3){color:inherit;text-transform:none;text-shadow:none}
#ecopod-homepage :where(a){color:inherit;text-decoration:none;box-shadow:none}
#ecopod-homepage img{display:block;max-width:100%;height:auto;border:0;border-radius:0}
#ecopod-homepage button{font:inherit;cursor:pointer;border-radius:0}
#ecopod-homepage :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:7px}
#ecopod-homepage a:focus-visible img{filter:brightness(.88)}
#ecopod-homepage section{scroll-margin-top:100px}
#ecopod-homepage .eph-container{width:100%;max-width:1600px;padding-inline:var(--eph-pad);margin-inline:auto}
#ecopod-homepage .eph-section{padding-block:clamp(5rem,8.4vw,9rem)}
#ecopod-homepage .eph-label{display:flex;align-items:center;gap:1rem;font:500 11px/1.6 var(--eph-sans);letter-spacing:.19em;text-transform:uppercase;color:var(--eph-soft);margin-bottom:2.2rem}
#ecopod-homepage .eph-label>span{color:var(--eph-green)}
#ecopod-homepage .eph-label::after{content:'';display:block;height:1px;width:52px;background:var(--eph-line);margin-left:.2rem}
#ecopod-homepage .eph-heading{font:300 clamp(2.7rem,4.8vw,4.7rem)/1.16 var(--eph-serif);letter-spacing:-.035em;overflow:visible}
#ecopod-homepage .eph-heading em{color:var(--eph-green);font-style:italic;font-weight:300}
#ecopod-homepage .eph-body{font-size:clamp(1rem,1.16vw,1.125rem);line-height:1.8;color:var(--eph-soft);max-width:36rem}
#ecopod-homepage .eph-body+.eph-body{margin-top:1.3rem}
#ecopod-homepage .eph-text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:1.4rem;font-size:13px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:.4rem;transition:color .2s}
#ecopod-homepage .eph-text-link:hover{color:var(--eph-green)}
#ecopod-homepage .eph-text-link>span{font-size:18px}
#ecopod-homepage .eph-section-head{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end;margin-bottom:3.5rem}
#ecopod-homepage .eph-section-head>.eph-body{max-width:28rem;margin-left:auto;padding-bottom:.3rem}
/* Hero keeps the current homepage video. No navigation or page loading screen. */
#ecopod-homepage .eph-hero{position:relative;background:#45483d;color:var(--eph-bone);min-height:720px;min-height:max(720px,94svh);display:flex;align-items:end;overflow:hidden}
#ecopod-homepage .eph-hero-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#ecopod-homepage .eph-hero-poster{width:100%;height:100%;object-fit:cover;object-position:62% center}
#ecopod-homepage .eph-video-holder{position:absolute;inset:0;overflow:hidden}
#ecopod-homepage .eph-video-holder iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;width:100%;height:100%;max-width:none;opacity:0;transition:opacity 1s}
#ecopod-homepage .eph-video-holder.eph-playing iframe{opacity:1}
#ecopod-homepage .eph-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,23,17,.38),transparent 90%),linear-gradient(0deg,rgba(16,22,16,.82),rgba(16,22,16,.25) 65%,rgba(16,22,16,.06))}
#ecopod-homepage .eph-hero-content{position:relative;z-index:2;padding-top:12rem;padding-bottom:1.8rem}
#ecopod-homepage .eph-eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.6rem}
#ecopod-homepage h1{font:300 clamp(3.6rem,7.7vw,8rem)/1.08 var(--eph-serif);letter-spacing:-.048em;max-width:14ch}
#ecopod-homepage h1 em{font-weight:300;font-style:italic;color:#e6e3c9}
#ecopod-homepage .eph-hero-copy{max-width:32rem;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.7;margin-top:1.8rem;color:#efede5}
#ecopod-homepage .eph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.8rem;margin-top:2rem}
#ecopod-homepage .eph-button{display:inline-flex;align-items:center;justify-content:center;gap:2.8rem;border:1px solid transparent;padding:1.05rem 1.45rem;text-transform:uppercase;letter-spacing:.13em;font:500 11px/1.5 var(--eph-sans);transition:background .25s,color .25s}
#ecopod-homepage .eph-button>span{font-size:21px;line-height:1}
#ecopod-homepage .eph-button-light{background:var(--eph-bone);color:var(--eph-ink)}
#ecopod-homepage .eph-button-light:hover{background:white}
#ecopod-homepage .eph-hero-link{font-size:13px;display:inline-flex;gap:2rem;align-items:center;border-bottom:1px solid #f1ede67a;padding:.45rem 0}
#ecopod-homepage .eph-hero-link:hover{border-color:var(--eph-bone)}
#ecopod-homepage .eph-hero-base{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #f1ede64a;margin-top:3.6rem;padding-top:1.4rem;font-size:11px;letter-spacing:.045em}
#ecopod-homepage .eph-hero-base p>span{padding:0 .85rem;color:#c6cabd}
/* Range */
#ecopod-homepage .eph-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
#ecopod-homepage .eph-range-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#ecopod-homepage .eph-card-image{position:relative;overflow:hidden;width:100%;aspect-ratio:1.18;background:var(--eph-bone-2);margin-bottom:1.65rem}
#ecopod-homepage .eph-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#ecopod-homepage .eph-range-card:hover .eph-card-image img{transform:scale(1.045)}
#ecopod-homepage .eph-range-card:first-child img{object-position:64% center}
#ecopod-homepage .eph-card-arrow{position:absolute;bottom:0;right:0;background:var(--eph-bone);width:50px;height:50px;display:grid;place-items:center;font-size:24px}
#ecopod-homepage .eph-range-card h3{font:400 clamp(1.75rem,2.4vw,2.3rem)/1.2 var(--eph-serif);letter-spacing:-.025em;margin-bottom:.8rem}
#ecopod-homepage .eph-range-card p{font-size:14px;color:var(--eph-soft);line-height:1.8;max-width:24rem;margin-bottom:1.7rem}
#ecopod-homepage .eph-range-card .eph-text-link{margin-top:auto}
#ecopod-homepage .eph-range-note{border-top:1px solid var(--eph-line);margin-top:3.5rem;padding-top:1.8rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}
#ecopod-homepage .eph-range-note p{max-width:44rem;font-size:14px;color:var(--eph-soft)}
#ecopod-homepage .eph-range-note a{flex-shrink:0}
/* About and reasons */
#ecopod-homepage .eph-about{background:var(--eph-bone-2)}
#ecopod-homepage .eph-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}
#ecopod-homepage .eph-about-copy>.eph-heading{margin-bottom:2rem}
#ecopod-homepage .eph-about-copy>.eph-text-link{margin-top:2rem}
#ecopod-homepage .eph-reasons{border-top:1px solid var(--eph-line)}
#ecopod-homepage .eph-reasons article{display:grid;grid-template-columns:2rem 1fr;gap:1.2rem;padding:1.75rem 0;border-bottom:1px solid var(--eph-line)}
#ecopod-homepage .eph-reason-number{font-size:11px;line-height:2.6;color:var(--eph-green)}
#ecopod-homepage .eph-reasons h3{font:400 1.6rem/1.25 var(--eph-serif);letter-spacing:-.02em;margin-bottom:.6rem}
#ecopod-homepage .eph-reasons p{font-size:14px;line-height:1.8;color:var(--eph-soft)}
#ecopod-homepage .eph-about-image{margin-top:4.5rem;aspect-ratio:2.13;overflow:hidden}
#ecopod-homepage .eph-about-image img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
#ecopod-homepage .eph-image-note{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem}
#ecopod-homepage .eph-image-note p{font:300 clamp(1.4rem,2.2vw,2rem)/1.35 var(--eph-serif);letter-spacing:-.025em}
/* Customer voices */
#ecopod-homepage .eph-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--eph-line);border-bottom:1px solid var(--eph-line);margin-top:4rem}
#ecopod-homepage .eph-review{padding:2rem 2.2rem 2.4rem;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--eph-line)}
#ecopod-homepage .eph-review:first-child{padding-left:0}
#ecopod-homepage .eph-review:last-child{border-right:0;padding-right:0}
#ecopod-homepage .eph-quote-mark{font:300 5rem/.95 var(--eph-serif);color:var(--eph-green);height:4rem}
#ecopod-homepage .eph-review blockquote{border:0;background:none;font:300 clamp(1.4rem,2.1vw,2rem)/1.45 var(--eph-serif);letter-spacing:-.018em;color:var(--eph-ink);margin-bottom:2.7rem;quotes:none}
#ecopod-homepage .eph-review blockquote::before,#ecopod-homepage .eph-review blockquote::after{content:none}
#ecopod-homepage .eph-review figcaption{margin-top:auto;display:flex;flex-direction:column;gap:.4rem;font-size:12px;color:var(--eph-soft)}
#ecopod-homepage .eph-review figcaption>span:first-child{font-size:12px;letter-spacing:.08em;font-weight:500;text-transform:uppercase;color:var(--eph-ink)}
/* Enquiry. Existing Zoho form keeps existing lead routing. */
#ecopod-homepage .eph-contact{background:var(--eph-ink);color:var(--eph-bone)}
#ecopod-homepage .eph-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
#ecopod-homepage .eph-contact .eph-label{color:#c9c5ba}
#ecopod-homepage .eph-contact .eph-label>span{color:var(--eph-oak)}
#ecopod-homepage .eph-contact .eph-label::after{background:#f1ede64a}
#ecopod-homepage .eph-contact .eph-heading{font-size:clamp(2.7rem,4.5vw,4.3rem);margin-bottom:1.8rem}
#ecopod-homepage .eph-contact .eph-heading em{color:var(--eph-oak)}
#ecopod-homepage .eph-contact .eph-body{color:#c9c5ba}
#ecopod-homepage .eph-consult-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--eph-oak);margin-top:2.8rem;margin-bottom:1rem}
#ecopod-homepage .eph-consult-list{list-style:none;border-top:1px solid #f1ede630}
#ecopod-homepage .eph-consult-list li{display:flex;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid #f1ede630}
#ecopod-homepage .eph-consult-list li>span{font-size:10px;color:var(--eph-oak);line-height:2.5}
#ecopod-homepage .eph-consult-list h3{font:300 1.5rem/1.3 var(--eph-serif);margin-bottom:.4rem}
#ecopod-homepage .eph-consult-list p{color:#c9c5ba;font-size:13px;line-height:1.7}
#ecopod-homepage .eph-phone-label{margin-top:2.5rem;font-size:12px;color:#c9c5ba}
#ecopod-homepage .eph-phone{display:inline-block;font-size:19px;line-height:1.8;margin-top:.3rem;border-bottom:1px solid #f1ede654}
#ecopod-homepage .eph-phone span{font-size:13px;color:#c9c5ba}
#ecopod-homepage .eph-form-panel{background:#fff;color:var(--eph-ink);padding:2.2rem 1.5rem 1.4rem;min-width:0}
#ecopod-homepage .eph-form-panel>.eph-form-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--eph-green);margin-bottom:1rem}
#ecopod-homepage .eph-form-panel>h3{font:300 clamp(2rem,3vw,3rem)/1.15 var(--eph-serif);letter-spacing:-.03em}
#ecopod-homepage .eph-form-panel>p:not(.eph-form-eyebrow):not(.eph-form-fallback){font-size:13px;color:var(--eph-soft);margin-top:1rem}
#ecopod-homepage .eph-form-panel>h3,#ecopod-homepage .eph-form-panel>p{margin-inline:1rem}
#ecopod-homepage .eph-lead-form{display:block;width:100%;height:780px;border:0;background:#fff;margin-top:1.2rem}
#ecopod-homepage .eph-form-panel>.eph-form-fallback{font-size:11px;line-height:1.8;color:var(--eph-soft);padding-top:1rem;border-top:1px solid var(--eph-line)}
#ecopod-homepage .eph-form-fallback a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1700px){#ecopod-homepage .eph-hero{min-height:900px}}
@media(max-width:1000px){#ecopod-homepage .eph-range-grid{gap:1.3rem}#ecopod-homepage .eph-about-grid{gap:6%}#ecopod-homepage .eph-contact-grid{gap:5%}#ecopod-homepage .eph-form-panel{padding-inline:.5rem}#ecopod-homepage .eph-review{padding-inline:1.4rem}#ecopod-homepage .eph-range-note p{max-width:34rem}}
@media(max-width:760px){#ecopod-homepage .eph-section{padding-block:4.5rem}#ecopod-homepage .eph-label{margin-bottom:1.7rem}#ecopod-homepage .eph-heading{font-size:clamp(2.5rem,8vw,3.5rem)}#ecopod-homepage .eph-hero{min-height:760px;min-height:max(680px,92svh)}#ecopod-homepage .eph-hero-content{padding-top:8rem;padding-bottom:1.5rem}#ecopod-homepage h1{font-size:clamp(3.6rem,10vw,5rem)}#ecopod-homepage .eph-hero-copy{max-width:30rem}#ecopod-homepage .eph-hero-base{margin-top:3rem}#ecopod-homepage .eph-hero-base p{font-size:10px;max-width:23rem}#ecopod-homepage .eph-hero-base p>span{padding:0 .35rem}#ecopod-homepage .eph-section-head{grid-template-columns:1fr;gap:1.6rem;margin-bottom:2.5rem}#ecopod-homepage .eph-section-head>.eph-body{margin-left:0;max-width:34rem}#ecopod-homepage .eph-range-grid{grid-template-columns:1fr;gap:3rem}#ecopod-homepage .eph-card-image{aspect-ratio:1.5;margin-bottom:1.2rem}#ecopod-homepage .eph-range-card h3{font-size:2rem}#ecopod-homepage .eph-range-card p{max-width:34rem;margin-bottom:1.1rem}#ecopod-homepage .eph-range-note{flex-direction:column;align-items:start;gap:1.2rem;margin-top:2.5rem}#ecopod-homepage .eph-about-grid{grid-template-columns:1fr;gap:3rem}#ecopod-homepage .eph-about-copy>.eph-heading{margin-bottom:1.5rem}#ecopod-homepage .eph-about-image{aspect-ratio:1.25;margin-top:2.5rem}#ecopod-homepage .eph-about-image img{object-position:60% center}#ecopod-homepage .eph-image-note{flex-direction:column;align-items:start;gap:1rem}#ecopod-homepage .eph-review-grid{grid-template-columns:1fr;margin-top:2.5rem}#ecopod-homepage .eph-review,#ecopod-homepage .eph-review:first-child,#ecopod-homepage .eph-review:last-child{padding:2rem 0;border-right:0}#ecopod-homepage .eph-review+.eph-review{border-top:1px solid var(--eph-line)}#ecopod-homepage .eph-review blockquote{font-size:1.75rem;max-width:30rem;margin-bottom:1.8rem}#ecopod-homepage .eph-contact-grid{grid-template-columns:1fr;gap:3rem}#ecopod-homepage .eph-contact .eph-heading{font-size:clamp(2.5rem,8vw,3.5rem)}#ecopod-homepage .eph-form-panel{padding:1.8rem .5rem 1.2rem}#ecopod-homepage .eph-form-panel>h3{font-size:2.3rem}#ecopod-homepage .eph-lead-form{height:830px}}
@media(max-width:400px){#ecopod-homepage h1{font-size:3rem;max-width:none}#ecopod-homepage .eph-actions{gap:1.2rem}#ecopod-homepage .eph-hero-base{align-items:end}#ecopod-homepage .eph-hero-base p{max-width:180px}#ecopod-homepage .eph-video-toggle{white-space:nowrap}#ecopod-homepage .eph-contact .eph-heading{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){#ecopod-homepage *,#ecopod-homepage *::before,#ecopod-homepage *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#ecopod-homepage .eph-range-card:hover .eph-card-image img{transform:none}}

/* Customer reviews: native touch scrolling, keyboard navigation and arrow controls. */
#ecopod-homepage .eph-review-grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--eph-green) transparent;padding-bottom:.6rem}
#ecopod-homepage .eph-review,#ecopod-homepage .eph-review:first-child,#ecopod-homepage .eph-review:last-child{flex:0 0 33.333333%;min-width:0;scroll-snap-align:start;padding:2rem 1.8rem 2.4rem;border:0;border-right:1px solid var(--eph-line)}
#ecopod-homepage .eph-review:first-child{padding-left:0}
#ecopod-homepage .eph-review:last-child{border-right:0}
#ecopod-homepage .eph-review-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}
#ecopod-homepage .eph-review-controls[hidden]{display:none}
#ecopod-homepage .eph-review-controls>p{font-size:12px;color:var(--eph-soft)}
#ecopod-homepage .eph-review-controls>div{display:flex;gap:.7rem}
#ecopod-homepage .eph-review-controls button{background:transparent;color:var(--eph-ink);border:1px solid var(--eph-line);width:48px;height:48px;display:grid;place-items:center;padding:0;transition:background .2s,color .2s}
#ecopod-homepage .eph-review-controls button span{font-size:22px;line-height:1}
#ecopod-homepage .eph-review-controls button:hover:not(:disabled){background:var(--eph-ink);color:var(--eph-bone)}
#ecopod-homepage .eph-review-controls button:disabled{opacity:.3;cursor:default}
#ecopod-homepage .eph-review-grid:focus-visible{outline:2px solid var(--eph-green);outline-offset:6px}
@media(max-width:1000px) and (min-width:761px){#ecopod-homepage .eph-review,#ecopod-homepage .eph-review:first-child,#ecopod-homepage .eph-review:last-child{flex-basis:50%}}
@media(max-width:760px){#ecopod-homepage .eph-review,#ecopod-homepage .eph-review:first-child,#ecopod-homepage .eph-review:last-child{flex-basis:88%;padding:1.8rem 1.35rem 2rem 0;margin-right:1.35rem;border:0;border-right:1px solid var(--eph-line)}#ecopod-homepage .eph-review:last-child{border-right:0;margin-right:0}#ecopod-homepage .eph-review blockquote{font-size:1.6rem}#ecopod-homepage .eph-hero-base p{max-width:none}}
/* Riverhead-inspired motion, confined to this component. No page scroll hijacking. */
#ecopod-homepage.eph-motion .eph-hero-media{transform:translate3d(0,var(--eph-hero-drift,0px),0) scale(1.05)}
#ecopod-homepage.eph-motion .eph-hero-content{transform:translate3d(0,var(--eph-hero-copy-drift,0px),0);opacity:var(--eph-hero-opacity,1)}
#ecopod-homepage.eph-motion .eph-about-image img{transform:translate3d(0,var(--eph-photo-drift,0px),0) scale(1.12)}
@media(prefers-reduced-motion:reduce){#ecopod-homepage.eph-motion .eph-hero-media,#ecopod-homepage.eph-motion .eph-hero-content,#ecopod-homepage.eph-motion .eph-about-image img{transform:none!important;opacity:1!important}}

#ecopod-homepage .ec-timber-note{font-size:.8rem;line-height:1.6;margin-top:.6rem}#ecopod-homepage .ec-commercial{align-items:center}#ecopod-homepage .ec-commercial .eph-button{max-width:100%;white-space:normal;text-align:center}

/* Match the Karaka enquiry surround without altering the connected provider fields. */
#ecopod-homepage .ec-home-enquiry{background:transparent;color:var(--eph-bone);padding:.5rem 0 0}
#ecopod-homepage .ec-home-enquiry>h3,#ecopod-homepage .ec-home-enquiry>p{margin-inline:0}
#ecopod-homepage .ec-home-enquiry>.eph-form-eyebrow{color:var(--eph-oak)}
#ecopod-homepage .ec-home-enquiry>p:not(.eph-form-eyebrow):not(.eph-form-fallback){color:rgba(241,237,230,.78);font-size:.85rem;line-height:1.7}
#ecopod-homepage .ec-home-enquiry>.eph-form-fallback{color:rgba(241,237,230,.65);border-top-color:rgba(241,237,230,.2)}