/*
Theme Name: Advance Water Studio
Description: Editable WordPress layouts for the Advance Water equipment catalogue.
Version: 2.1.0
Author: Advance Water Technologies
Text Domain: awt-studio
Requires PHP: 8.1
*/
:root{--ink:var(--wp--preset--color--ink,#102230);--paper:var(--wp--preset--color--paper,#fcfbf6);--blue:var(--wp--preset--color--blue,#1257be);--ice:var(--wp--preset--color--ice,#d7e6ec);--amber:var(--wp--preset--color--amber,#fab846);--line:#ced7d8;--muted:#49606c;--pad:clamp(20px,5.5vw,94px)}
*{box-sizing:border-box}html{scroll-padding-top:22px}body{margin:0}
.wp-site-blocks>*,.wp-block-post-content>*,.wp-block-template-part>*,.studio-wrap>*:first-child,.wp-block-group>*:first-child{margin-block-start:0}
.wp-site-blocks{overflow:clip}.studio-wrap{width:min(100%,1680px);margin-inline:auto!important;padding-inline:var(--pad)}p,h1,h2,h3{margin-top:0}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #007acc;outline-offset:4px}
h1,h2,h3,.wp-block-post-title{letter-spacing:-.03em;line-height:1.12}
h2{font-size:clamp(29px,2.7vw,40px)}h3{font-size:clamp(20px,1.7vw,25px)}
img{display:block;max-width:100%;height:auto}.wp-block-buttons{gap:12px}.wp-block-button__link{font-size:14px;line-height:1.35;padding:14px 19px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.wp-block-button__link:hover{filter:brightness(.92)}.amber-button .wp-block-button__link{background:var(--amber);color:var(--ink)}.light-button .wp-block-button__link{background:white;color:var(--blue)}.quiet-button .wp-block-button__link,.outline-button .wp-block-button__link{color:var(--ink);background:transparent;border:1px solid #a6b5b7}
.eyebrow,.hero-label{font-size:13px;letter-spacing:.025em;color:var(--blue);font-weight:650;line-height:1.5}
.utility-bar{background:var(--ink);color:white}.utility-inner,.masthead-inner,.brand-shelf-inner,.footer-row,.footer-grid,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}
.utility-inner{min-height:30px;font-size:11px}.utility-inner p,.brand-shelf-inner p,.machine-caption p,.heading-stack p,.masthead p,.footer-base p{margin:0}.utility-inner a{text-decoration:none}
.masthead{background:#fff;border-bottom:1px solid var(--line)}.masthead-inner{min-height:78px}
.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup>*{margin:0!important}
.brand-title{font-weight:700;font-size:18px;letter-spacing:-.025em;line-height:1.12;max-width:160px}.brand-title a{text-decoration:none}
.masthead .wp-block-navigation{font-size:14px;font-weight:600}.masthead .wp-block-navigation-item__content{min-height:44px;display:flex;align-items:center}
.masthead .wp-block-navigation,.masthead .header-action{margin:0}.masthead .wp-block-navigation{margin-left:auto}.masthead .wp-block-navigation__container{column-gap:clamp(18px,2.4vw,45px)}.masthead .header-action{margin-left:clamp(4px,1.8vw,35px)}
.engineering-hero{display:grid;grid-template-columns:1fr 1fr;background:#edf1ef}.engineering-hero>*{min-width:0;margin:0}
.engineering-copy{padding:clamp(48px,6vw,105px) 4vw clamp(48px,6vw,105px) max(var(--pad),calc((100vw - 1495px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.engineering-copy .eyebrow,.heading-stack .eyebrow,.guide-copy .eyebrow,.inner-intro .eyebrow{display:flex;align-items:center;gap:10px}
.engineering-copy .eyebrow:before,.heading-stack .eyebrow:before,.guide-copy .eyebrow:before,.inner-intro .eyebrow:before{content:"";background:#c9821f;width:28px;height:2px}
.engineering-copy h1,.retail-copy h1,.guide-copy h1,.inner-intro h1{font-family:inherit;font-weight:650;line-height:1.08;letter-spacing:-.032em;font-size:clamp(38px,4.3vw,62px);margin:12px 0 18px}
.hero-lead{font-size:clamp(16px,1.35vw,22px);line-height:1.55;color:var(--muted);max-width:455px;margin:0}
.engineering-copy .wp-block-buttons,.editorial-copy .wp-block-buttons,.retail-copy .wp-block-buttons,.guide-copy .wp-block-buttons{margin-top:28px}
.engineering-visual{position:relative;background:var(--ice);overflow:hidden;min-height:460px}
.hero-machine{position:absolute;inset:0;margin:0!important}.hero-machine img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.machine-caption{position:absolute;bottom:24px;left:24px;padding:11px 15px;background:#fcfbf5e8;color:var(--ink);border-left:3px solid #bc791b}.machine-caption p+p{font-size:14px;font-weight:650;margin-top:3px}.machine-caption a,.brand-shelf a,.product-grid h3 a,.application-item a{text-decoration:none}
.brand-shelf{border-block:1px solid var(--line);background:var(--paper)}.brand-shelf-inner{min-height:83px;gap:20px}.brand-name{font-size:clamp(19px,2vw,32px);letter-spacing:-.055em;font-weight:730}.brand-shelf a:hover,.application-item a:hover{text-decoration:underline}
.section-pad{padding-block:clamp(48px,5vw,84px)}.section-heading{align-items:end;margin-bottom:32px}.heading-stack h2,.inner-intro h1,.section-heading .wp-block-buttons{margin-bottom:0}.heading-stack h2{margin-top:10px}
.product-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px clamp(16px,2vw,32px);padding:0;margin:0;list-style:none}
.product-photo{aspect-ratio:1.52;background:var(--ice);overflow:hidden;margin:0}.product-photo a{height:100%;display:block}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.product-grid li:hover img{transform:scale(1.025)}.product-grid h3{font-size:clamp(22px,2vw,31px);margin:14px 0 7px}.product-grid h3 a:hover{text-decoration:underline}
.product-grid .wp-block-post-excerpt{font-size:15px;color:var(--muted);margin:0}.product-grid .wp-block-post-excerpt p{margin:0}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.application-item{border-top:2px solid var(--ink);padding-top:20px;margin:0!important}.application-item h3{margin-bottom:10px}.application-item p{color:var(--muted)}
.footer-panel{background:var(--ink);color:#fff}.footer-grid{padding-block:55px}.footer-intro h2{margin:5px 0 14px}.footer-intro a{text-underline-offset:4px}.footer-base{background:#e9efec}.footer-row{min-height:74px;font-size:13px}.footer-row>.wp-block-site-title{font-weight:700}.footer-row a{text-decoration:none}.footer-row nav{margin:0!important}
.editorial-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;padding-block:clamp(26px,3vw,55px);background:#fcfbf6}
.editorial-copy{align-self:center;padding-block:25px}.editorial-copy h1{font-size:clamp(41px,4.3vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.032em;margin:14px 0}.editorial-copy h1 em{font:inherit;color:var(--blue)}
.editorial-photo{position:relative;overflow:hidden;margin:0;min-height:460px}.ocean-photo{position:absolute;inset:0;margin:0!important}.ocean-photo img{height:100%;width:100%;object-fit:cover;object-position:78% center}.image-caption{position:absolute;bottom:15px;left:20px;margin:0;color:white;font-size:12px}
.retail-hero{background:#104faa;color:#fff}.retail-body{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;padding-block:38px;align-items:center}
.retail-copy h1{font-family:var(--wp--preset--font-family--sans);text-transform:none;letter-spacing:-.065em;line-height:.97;font-size:clamp(55px,5.8vw,94px);margin:9px 0 16px}
.retail-copy .hero-lead{color:#e9f4ff}.retail-feature{margin:0;background:#eff5f2;border-radius:14px;overflow:hidden;color:var(--ink)}.retail-image{margin:0!important;height:clamp(190px,18vw,280px)}.retail-image img{width:100%;height:100%;object-fit:cover}.retail-caption{margin:0!important;padding:11px 18px;font-weight:650;font-size:15px}.retail-caption a{text-decoration:none}
.category-rail{padding-block:18px;border-bottom:1px solid var(--line)}.range-pill .wp-block-button__link,.sector-filter .wp-block-button__link{color:var(--ink);background:white;border:1px solid var(--line);border-radius:32px;font-size:13px;min-height:39px;padding:9px 16px}
.sector-filter a.is-current{background:var(--ink);border-color:var(--ink);color:white}.inner-intro,.guide-hero{background:#edf1ef}.inner-intro>.studio-wrap,.guide-grid{padding-block:clamp(47px,5vw,84px)}
.inner-intro h1,.guide-copy h1{font-size:clamp(35px,3.65vw,48px);line-height:1.1}.guide-grid,.enquiry-layout,.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,88px);align-items:center}.guide-grid>*{margin:0;min-width:0}.guide-photo{margin:0!important}.guide-photo img{width:100%;max-height:350px;object-fit:contain;background:#edf4f5;border-radius:10px}.guide-grid figcaption,.figure-note{font-size:13px;color:var(--muted);margin-top:8px}
.reading-width{max-width:790px;margin-inline:auto!important;padding:45px var(--pad);box-sizing:content-box}.reading-width h2{font-size:clamp(28px,3vw,44px);margin-block:30px 8px}.reading-width p,.reading-width li{font-size:18px;line-height:1.65;color:var(--muted)}
.brand-entry{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;border-top:1px solid var(--line);padding-block:25px;align-items:center}.brand-entry>*{margin:0}.brand-entry h2{font-size:clamp(30px,3.5vw,54px)}.brand-entry a{text-underline-offset:4px}
.enquiry-layout{padding-block:50px;align-items:start}.enquiry-layout>div{min-width:0}.enquiry-layout h1{font-size:clamp(49px,5.5vw,89px)}.sales-contact{font-size:16px;margin-top:24px}.sales-contact a{display:inline-block;min-height:44px;padding-block:9px;overflow-wrap:anywhere;font-weight:600;text-underline-offset:4px}
.form-panel{background:#fff;padding:clamp(20px,3vw,44px);border:1px solid var(--line);border-radius:5px}.form-panel h2{font-size:30px}.form-panel label{display:block;font-weight:600;font-size:14px;margin:16px 0 5px}.form-panel input,.form-panel textarea,.form-panel select{width:100%;min-height:46px;padding:10px;border:1px solid #94a5ae;border-radius:3px;font:inherit}.form-panel textarea{resize:vertical}.form-panel .button{border:0;border-radius:3px;background:var(--ink);color:white;font:inherit;font-weight:600;padding:12px 18px;cursor:pointer;min-height:46px}
.form-note{font-size:13px;color:var(--muted)}.form-error{background:#fff2e5;border-left:3px solid #a84f09;padding:9px}.form-trap{position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}.success-mark{color:var(--blue);font-size:24px}.form-panel .text-link{display:inline-block;padding-block:10px}
.awt-consent[hidden]{display:none}.awt-consent{position:fixed;z-index:20;bottom:14px;left:14px;max-width:min(460px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);box-shadow:0 5px 28px #10223022;padding:12px 16px;color:var(--ink);font-size:13px;line-height:1.5}
.awt-consent div{display:flex;gap:8px;margin-top:6px}.awt-consent button,.awt-reopen-consent{font:inherit;color:var(--ink);background:transparent;padding:8px 10px;min-height:40px;border:1px solid #a7b5bb;border-radius:3px;cursor:pointer}
.awt-consent button[data-choice=allow]{background:var(--ink);color:white;border-color:var(--ink)}.awt-consent a{text-underline-offset:3px}
@media(max-width:900px){.masthead .wp-block-navigation__container{gap:14px}.brand-title{font-size:16px}.hero-lead{font-size:17px}.engineering-visual{min-height:400px}}
@media(max-width:781px){.engineering-copy{padding-inline:var(--pad)}.engineering-copy h1{font-size:clamp(72px,10vw,100px)}.utility-inner{font-size:10px}.header-action{display:none!important}.enquiry-layout,.company-grid{grid-template-columns:1fr}.product-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-shelf-inner{justify-content:space-between;flex-wrap:wrap;gap:10px 15px;padding-block:16px}.brand-shelf-inner>.eyebrow{width:100%}.application-grid{grid-template-columns:1fr}.brand-entry{grid-template-columns:1fr 1.6fr}.brand-entry>.wp-block-buttons{grid-column:2}.footer-row{flex-wrap:wrap;padding-block:18px}.masthead .wp-block-navigation__responsive-container.is-menu-open{padding:25px}}
@media(max-width:650px){.utility-inner p:last-child{display:none}.utility-inner{min-height:24px}.masthead-inner{min-height:62px}.engineering-hero,.editorial-hero,.retail-body,.guide-grid{grid-template-columns:1fr}.engineering-copy{padding-block:39px 28px}.engineering-copy h1{font-size:clamp(74px,16vw,100px);margin:10px 0 16px}.engineering-visual{min-height:0;aspect-ratio:1.75}.hero-machine img{object-position:center 56%}.machine-caption{bottom:10px;left:14px;padding:6px 10px}.machine-caption .eyebrow{font-size:8px}.machine-caption p+p{font-size:12px}.hero-lead{font-size:16px}.engineering-copy .wp-block-buttons{margin-top:20px}.brand-name{font-size:clamp(15px,4vw,24px)}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading>.wp-block-buttons{margin:0}.product-grid .wp-block-post-template{grid-template-columns:1fr;gap:23px}.footer-grid{align-items:start;flex-direction:column;padding-block:35px}.editorial-hero{gap:0}.editorial-copy{padding-block:16px}.editorial-photo{min-height:0;aspect-ratio:1.8}.editorial-copy h1{font-size:clamp(67px,13vw,92px)}.retail-body{padding-block:25px;gap:20px}.retail-image{height:170px}.guide-grid{gap:24px}.brand-entry{grid-template-columns:1fr;gap:8px}.brand-entry>.wp-block-buttons{grid-column:auto}.category-rail .wp-block-buttons{gap:5px}.reading-width{padding-block:28px}.masthead .wp-block-navigation-item__content{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Equipment landing page and the catalogue share the same product images and cards. */
.equipment-hero,.inner-intro,.guide-hero{background:var(--ice)}
.nav-cta .wp-block-button__link,.equipment-button .wp-block-button__link,.amber-button .wp-block-button__link{background:var(--blue);color:#fff}
.footer-panel .eyebrow{color:#a5dce9}.footer-panel .amber-button .wp-block-button__link{background:#fff;color:var(--ink)}
.equipment-split{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:clamp(30px,4.7vw,78px);padding-block:clamp(32px,3.3vw,54px)}
.equipment-split>*{min-width:0;margin:0}
.equipment-copy .hero-label{margin:0 0 12px}
.equipment-copy h1{font-size:clamp(41px,4.35vw,62px);line-height:1.06;letter-spacing:-.035em;font-weight:680;margin:0 0 18px;max-width:17ch;text-wrap:balance}
.equipment-copy .hero-lead{max-width:47ch;font-size:clamp(16px,1.25vw,19px);line-height:1.55}
.equipment-copy .wp-block-buttons{margin-top:24px}
.quiet-button .wp-block-button__link{background:#ffffffa8;color:var(--ink);border-color:#a9bfcb}
.equipment-mosaic{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.86fr);grid-template-rows:1fr 1fr;gap:10px;height:clamp(294px,25vw,370px)}
.equipment-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;margin:0!important;border:1px solid #c9dbe0;border-radius:12px;background:#fff}
.equipment-tile.lead-tile{grid-row:span 2}
.equipment-tile .tile-image{min-height:0;flex:1;margin:0}.equipment-tile .tile-image img{display:block;width:100%;height:100%;object-fit:cover}
.secondary-tile .tile-image img{object-fit:contain}.heater-tile .tile-image{background:linear-gradient(110deg,#ddd3be,#b7a991)}.filter-tile .tile-image{background:linear-gradient(110deg,#d4eee6,#c9e6de)}
.equipment-tile .tile-caption{margin:0;background:#fff;font-size:clamp(13px,1.05vw,16px);line-height:1.25;font-weight:650}
.tile-caption a{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 12px;text-decoration:none}
.tile-caption a::after{content:"";position:absolute;inset:0}.tile-caption a span{color:var(--blue)}
.equipment-tile:focus-within,.equipment-tile:hover{border-color:var(--blue)}.equipment-tile a:focus-visible{outline-offset:-3px}
.range-shelf,.catalogue-list{padding-block:clamp(34px,3.2vw,54px)}
.range-shelf .section-heading{align-items:center;margin:0 0 22px}.range-shelf .section-heading h2{margin:0}
.catalogue-link .wp-block-button__link{padding-inline:0;color:var(--blue);background:transparent;text-decoration:underline;text-underline-offset:4px}
.product-grid .wp-block-post-template{gap:clamp(12px,1.3vw,22px)}
.range-shelf .product-grid .wp-block-post-template{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-grid .wp-block-post{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d2dfe3;border-radius:10px;overflow:hidden}
.product-grid .product-photo{aspect-ratio:1.48;margin:0}
.product-grid h3{font-size:clamp(20px,1.6vw,24px);font-weight:650;margin:16px 15px 7px}
.product-grid .wp-block-post-excerpt{padding:0 15px;font-size:15px;line-height:1.45}
.product-grid .range-actions{margin:auto 0 0;padding:6px 15px 5px}
.quote-link .wp-block-button__link{color:var(--blue);background:transparent;padding:9px 0;text-align:left;justify-content:flex-start;font-size:14px}
.quote-link .wp-block-button__link:hover,.catalogue-link .wp-block-button__link:hover{text-decoration:underline;text-underline-offset:4px}
.catalogue-list .filter-title{font-size:21px;margin:0 0 12px}.filter-bar{margin:0 0 24px}
.sector-filter .wp-block-button__link{min-height:44px;border-radius:7px}.sector-filter a.is-current{background:var(--blue);border-color:var(--blue);color:white}
.brand-shelf-inner{min-height:72px}.brand-name{font-size:clamp(17px,1.6vw,25px);letter-spacing:-.025em}
.reading-width h2{font-size:clamp(26px,2.2vw,34px)}.enquiry-layout h1{font-size:clamp(35px,3.65vw,48px)}
.inner-intro>.studio-wrap,.guide-grid{padding-block:clamp(34px,3.5vw,58px)}
.inner-intro .hero-lead{max-width:57ch}.engineering-copy .eyebrow:before,.heading-stack .eyebrow:before,.guide-copy .eyebrow:before,.inner-intro .eyebrow:before{background:var(--blue)}
@media(min-width:782px){.masthead .menu-quote{display:none}}
@media(max-width:1100px){.range-shelf .product-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.equipment-split{gap:24px}.equipment-mosaic{height:300px}.equipment-copy h1{font-size:clamp(39px,5vw,48px)}}
@media(max-width:740px){
    .equipment-split{grid-template-columns:1fr;gap:20px;padding-block:26px}.equipment-copy h1{max-width:19ch;font-size:clamp(36px,7.1vw,46px);margin-bottom:12px}
    .equipment-copy .hero-label{margin-bottom:8px}.equipment-copy .wp-block-buttons{margin-top:16px}.equipment-mosaic{height:clamp(220px,46vw,290px)}
    .engineering-copy h1,.editorial-copy h1,.retail-copy h1{font-size:clamp(38px,7.3vw,50px);line-height:1.08;letter-spacing:-.03em}
    .range-shelf .product-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
    .range-shelf .section-heading{flex-direction:row;flex-wrap:wrap;gap:2px 12px}.section-heading h2{font-size:clamp(23px,6vw,28px)}.range-shelf .section-heading>.wp-block-buttons{flex:0 0 auto}.catalogue-link .wp-block-button__link{font-size:13px;white-space:nowrap}
    .range-shelf .product-grid .wp-block-post-template,.catalogue-list .product-grid .wp-block-post-template{grid-template-columns:1fr;gap:10px}
    .product-grid .wp-block-post{display:grid;grid-template-columns:30% minmax(0,1fr);grid-template-rows:auto 1fr auto}
    .product-grid .product-photo{grid-row:1 / 4;aspect-ratio:auto;height:100%;min-height:122px}
    .product-grid .product-photo img{object-fit:cover}
    .product-grid h3{font-size:20px;margin:12px 12px 5px;line-height:1.12}
    .product-grid .wp-block-post-excerpt{padding-inline:12px;font-size:14px;line-height:1.4}
    .product-grid .range-actions{padding:0 12px}.quote-link .wp-block-button__link{font-size:13px}
    .tile-caption a{padding:7px 9px}.equipment-mosaic{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7px}.equipment-tile{border-radius:8px}
}