/*
Theme Name: PebblePools Thailand
Description: Project-led PebblePools website. English edition with project galleries and manufacturer connections.
Version: 0.1.0
Text Domain: pebblepools
Requires PHP: 8.1
*/
:root{--ink:#073449;--deep:#062b40;--blue:#006b84;--aqua:#25b8cc;--paper:#f6f5f0;--line:#d3e0e2;--muted:#4b6570;--white:#fff;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 "Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.7vw,86px)}h2{font-size:clamp(34px,4vw,57px)}h3{font-size:26px;letter-spacing:-.025em}p+p{margin-top:1em}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e1a142;outline-offset:5px}button{color:inherit}a:hover{color:var(--blue)}.wrap{width:min(var(--max),calc(100% - 100px));margin:auto}.section{padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;line-height:1.5;color:var(--blue);margin-bottom:22px}.lede{font-size:21px;line-height:1.6;color:var(--muted);max-width:690px}.muted{color:var(--muted)}.small{font-size:14px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:#fff;z-index:100}.skip:focus{top:12px}.site-header{height:105px;background:#fff;border-bottom:1px solid #e5ecec;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.logo{width:148px;flex-shrink:0}.logo img{width:148px;height:75px;object-fit:contain}.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.main-nav a{text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}.main-nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px}.button{border:1px solid var(--blue);background:var(--blue);color:white;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4}.button:hover{background:var(--deep);color:white;border-color:var(--deep)}.button.light{background:white;border-color:white;color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border-color:#8caab3}.button.outline:hover{background:var(--ink);color:white}.text-link{display:inline-block;font-size:15px;font-weight:650;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.header-cta{padding:13px 17px;white-space:nowrap}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 14px}.hero{background:var(--paper);display:grid;grid-template-columns:42% 58%;min-height:650px}.hero-copy{padding:76px 50px 60px max(50px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero h1{max-width:590px;margin-bottom:28px}.hero .lede{font-size:19px;max-width:390px;margin-bottom:34px}.hero .actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.hero-image{position:relative;min-height:650px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-credit{position:absolute;bottom:25px;left:30px;background:#fff;padding:13px 19px;font-size:13px;line-height:1.45;max-width:calc(100% - 60px)}.image-credit b{display:block;font-size:15px}.service-strip{border-bottom:1px solid var(--line);padding:23px 0}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:14px}.service-strip span+span{border-left:1px solid #b4c9ce;padding-left:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{max-width:630px}.section-heading p{max-width:340px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.project-card{text-decoration:none;display:block;min-width:0}.project-card .image{overflow:hidden;aspect-ratio:1.38;position:relative;background:#dce8e9}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-card:hover img{transform:scale(1.025)}.project-card .meta{font-size:13px;color:var(--muted);margin:18px 0 8px;display:flex;justify-content:space-between;gap:15px}.project-card h3{font-size:25px;line-height:1.23}.project-card .scope{font-size:14px;color:var(--muted);margin-top:10px}.tag{position:absolute;bottom:14px;left:14px;background:white;padding:5px 10px;font-size:12px;font-weight:650;letter-spacing:.025em}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-photo{width:100%;aspect-ratio:1.12;object-fit:cover}.split-copy h2{margin-bottom:28px}.split-copy .lede{font-size:19px}.split-copy .text-link{margin-top:30px}.sand{background:var(--paper)}.deep{background:var(--deep);color:white}.deep .eyebrow{color:#70d6e4}.deep p{color:#c6dde5}.service-list{margin-top:32px;border-top:1px solid #b7cbd0}.service-row{display:grid;grid-template-columns:38px 1fr 30px;gap:15px;padding:24px 0;border-bottom:1px solid #b7cbd0;text-decoration:none;align-items:center}.service-row span:first-child{font-size:13px;color:var(--blue)}.service-row h3{font-size:25px}.service-row p{font-size:15px;margin-top:8px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:50px}.process-grid article{border-top:1px solid #588293;padding-top:22px}.process-grid .step{color:#70d6e4;font-size:14px;display:block;margin-bottom:30px}.process-grid h3{font-size:24px;line-height:1.15;margin-bottom:18px}.process-grid p{font-size:16px}.deep .text-link{color:white;margin-top:40px}.material-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:38px}.material-card{border-top:1px solid var(--line);padding-top:25px}.material-card img{height:180px;width:100%;object-fit:contain;margin-bottom:25px}.material-card p{font-size:16px;color:var(--muted);margin:15px 0 22px}.cta-band{background:var(--blue);color:white;padding:65px 0}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-band h2{font-size:clamp(32px,3.7vw,50px);max-width:760px}.site-footer{padding:58px 0 24px;background:#edf3f4}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}.footer-grid img{width:140px;margin-bottom:20px}.footer-grid p{font-size:15px;color:var(--muted);max-width:360px}.footer-grid h3{font-size:17px;letter-spacing:0;margin:0 0 20px}.footer-grid a{display:block;text-decoration:none;font-size:15px;margin:8px 0}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.page-top{padding:68px 0 55px;background:var(--paper)}.page-top h1{font-size:clamp(42px,5.5vw,76px);max-width:950px}.page-top .lede{margin-top:25px}.crumb{font-size:13px;margin-bottom:25px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px;align-items:center}.filters button{border:1px solid #c2d5d9;background:white;padding:10px 17px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}[hidden]{display:none!important}.project-title{display:flex;gap:50px;justify-content:space-between;align-items:end}.project-title h1{max-width:800px}.project-title .intro{max-width:330px;font-size:18px;color:var(--muted)}.project-cover{height:min(72vw,680px);width:100%;object-fit:cover}.project-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:35px;padding:32px 0;border-bottom:1px solid var(--line)}.project-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.project-facts dd{margin:0;font-size:17px}.project-story{display:grid;grid-template-columns:1fr 1.8fr;gap:75px;padding:65px 0}.project-story h2{font-size:38px}.project-story p{max-width:760px;color:var(--muted);font-size:19px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.gallery figure{min-width:0}.gallery button{padding:0;border:0;background:#e1ebed;position:relative;aspect-ratio:var(--ar,1.3);overflow:hidden;width:100%;display:block}.gallery button img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery button:hover img{transform:scale(1.02)}.gallery figcaption{font-size:14px;color:var(--muted);margin-top:12px}.gallery .zoom{position:absolute;right:12px;bottom:12px;color:var(--ink);background:#fff;width:34px;height:34px;display:grid;place-content:center}.lightbox{padding:0;border:0;width:min(1200px,94vw);max-width:94vw;background:var(--deep);color:white;max-height:94vh}.lightbox::backdrop{background:#00131ddf}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;font-size:14px}.lightbox button{background:transparent;color:white;border:1px solid #6b8f9d;padding:6px 16px}.lightbox img{width:100%;height:72vh;object-fit:contain}.lightbox .caption{padding:12px 20px;font-size:14px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prose h2{font-size:34px;margin:45px 0 22px}.prose h2:first-child{margin-top:0}.prose h3{font-size:23px;margin:28px 0 15px}.prose p,.prose li{color:var(--muted)}.prose ul{padding-left:22px}.prose li{margin:8px 0}.callout{background:var(--paper);padding:30px;border-left:3px solid var(--aqua);margin:32px 0}.service-detail{padding:55px 0;border-top:1px solid var(--line)}.service-detail .split{align-items:start}.service-detail h2{margin-bottom:23px}.number{display:block;color:var(--blue);font-size:14px;margin-bottom:18px}.service-detail ul{padding-left:20px;color:var(--muted)}.faq{margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style-position:outside;margin-left:20px}.faq p{padding:18px 0 0;color:var(--muted)}.catalogue-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin-bottom:28px}.catalogue-toolbar label{font-size:14px}.catalogue-toolbar input{display:block;padding:11px 15px;width:290px;border:1px solid #9eb8c0;background:white}.catalogue-toolbar .filters{margin-bottom:0}.colour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.colour-card{border:1px solid var(--line);padding:18px;display:flex;flex-direction:column}.colour-card img,.sample-pending{height:175px;object-fit:contain;width:100%;margin-bottom:17px}.sample-pending{display:grid;place-content:center;background:#f5f7f7;font-size:14px;color:var(--muted);text-align:center}.colour-card h3{font-size:22px;line-height:1.2}.colour-card .family{font-size:13px;color:var(--muted);margin:7px 0 20px}.colour-card a{font-size:14px;margin-top:auto;align-self:flex-start}.sample-note{font-size:14px;color:var(--muted);max-width:950px;margin:35px 0}.instagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.instagram-grid a{display:block;aspect-ratio:1;overflow:hidden;background:#e4ecee}.instagram-grid img{width:100%;height:100%;object-fit:cover}.instagram-heading{max-width:680px;margin-bottom:35px}.instagram-heading h2{margin-bottom:18px}.instagram-heading p{color:var(--muted);font-size:16px}.more-row{text-align:center;margin-top:35px}.video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.video-link{padding:28px;background:var(--paper);text-decoration:none}.video-link span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.video-link h3{font-size:23px;line-height:1.3;margin:16px 0}.enquiry-form{display:grid;gap:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-form label{font-size:15px;font-weight:600}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;padding:12px;border:1px solid #9eb8c0;background:#fff;margin-top:7px;border-radius:0}.enquiry-form textarea{min-height:140px;resize:vertical}.enquiry-form .button{justify-self:start}.enquiry-form .consent{font-weight:400;font-size:14px;display:flex;align-items:start;gap:10px}.consent input{width:auto;margin-top:6px}.form-note{font-size:14px;color:var(--muted)}.form-status{padding:15px;background:var(--paper);border-left:3px solid var(--blue)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.proof-photo{object-position:center center}.empty-results{padding:30px;background:var(--paper)}
@media(min-width:1600px){.hero{min-height:720px}.hero-image{min-height:720px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.main-nav{gap:18px}.header-inner{gap:20px}.header-cta{display:none}.hero-copy{padding:55px 32px 50px 30px}.hero{grid-template-columns:44% 56%;min-height:570px}.hero-image{min-height:570px}.hero h1{font-size:62px}.hero .actions{gap:20px}.section{padding:75px 0}.split{gap:40px}.colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{gap:22px}.service-strip span+span{padding-left:15px}.service-strip .wrap{gap:15px}.project-story{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.logo,.logo img{width:117px;height:63px}.header-inner{justify-content:space-between}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:15px 20px 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #002b4010}.main-nav.open{display:flex}.main-nav a{font-size:17px;padding:12px 0}.hero{display:flex;flex-direction:column}.hero-copy{padding:43px 20px 40px}.hero h1{font-size:57px;line-height:1.02;max-width:500px;margin-bottom:22px}.hero .eyebrow{font-size:12px;margin-bottom:19px}.hero .lede{font-size:18px;max-width:520px;margin-bottom:25px}.hero-image{min-height:400px;height:400px}.image-credit{left:20px;bottom:20px;padding:10px 14px;max-width:calc(100% - 40px)}.service-strip{padding:18px 0}.service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;font-size:12px}.service-strip span+span{border:0;padding:0}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:22px;max-width:600px}.section-heading .text-link{margin-top:24px}.projects-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.project-card .meta{font-size:11px;display:block;margin:12px 0 7px}.project-card .meta span+span{display:block}.project-card h3{font-size:21px;line-height:1.2}.project-card .scope{font-size:13px}.project-card .tag{font-size:10px;left:8px;bottom:8px;padding:4px 6px}.split{grid-template-columns:1fr;gap:35px}.split-photo{aspect-ratio:1.2}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:35px}.process-grid .step{margin-bottom:20px}.process-grid h3{font-size:23px}.material-cards{grid-template-columns:1fr;gap:32px}.material-card{display:grid;grid-template-columns:105px 1fr;gap:20px}.material-card img{height:130px;grid-row:1/4;margin:0}.material-card h3{font-size:25px}.material-card p{margin:12px 0}.cta-band{padding:45px 0}.cta-band .wrap{display:block}.cta-band .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;margin-top:35px}.footer-bottom span{display:block;margin:8px 0}.page-top{padding:40px 0}.page-top h1{font-size:46px;overflow-wrap:break-word}.page-top .lede{font-size:19px}.project-title{display:block}.project-title .intro{margin-top:23px;max-width:600px}.project-cover{height:370px}.project-facts{grid-template-columns:1fr 1fr;gap:24px}.project-facts>div:last-child{grid-column:1/-1}.project-story{grid-template-columns:1fr;gap:25px;padding:45px 0}.project-story p{font-size:18px}.gallery{grid-template-columns:1fr 1fr;gap:20px 15px}.gallery figcaption{font-size:13px}.article-grid{grid-template-columns:1fr;gap:40px}.service-detail{padding:40px 0}.colour-grid{grid-template-columns:1fr 1fr;gap:15px}.colour-card{padding:13px}.colour-card img,.sample-pending{height:125px}.colour-card h3{font-size:20px}.catalogue-toolbar input{width:100%}.catalogue-toolbar label{width:100%}.catalogue-toolbar{gap:25px}.filters button{padding:8px 12px;font-size:13px}.instagram-grid{grid-template-columns:1fr 1fr}.video-list{grid-template-columns:1fr 1fr;gap:15px}.video-link{padding:20px}.video-link h3{font-size:20px}.field-row{grid-template-columns:1fr;gap:20px}.lightbox img{height:63vh}.lightbox-bar{flex-wrap:wrap;padding:12px}.lightbox .caption{padding:12px}.lightbox button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Approved Oasis Aquascapes vector mark: retain the complete artwork. */
.site-header{height:133px}.logo{width:115px}.logo img{width:115px;height:115px}.footer-grid img{width:160px;height:auto}
@media(max-width:760px){.site-header{height:115px}.logo,.logo img{width:98px;height:100px}.main-nav{top:115px}}

.edited-page{max-width:1100px}.edited-page h1,.edited-page h2,.edited-page h3{margin:1em 0 .5em}.lightbox .caption a{color:white}