/*
Theme Name: Serv Arabia Specialist
Author: Serv Arabia Co.
Description: Specialist HDPE and pre-insulated piping website with cinematic service chapters and native WordPress insights.
Version: 1.1.4
Text Domain: servarabia-specialist
*/
:root{--navy:#0A1A2B;--navy2:#0F2740;--gold:#C7A368;--ivory:#F4F2EC;--ink:#11202E;--slate:#51626F;--line:#D9D4C6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--ivory);font:16px/1.75 Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--navy)}.wrap{width:min(1360px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--ivory);color:var(--navy);padding:15px}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:50;background:rgba(10,26,43,.97);border-bottom:1px solid #ffffff18}.admin-bar .site-header{top:32px}.nav-wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:22px;font-weight:700;letter-spacing:-.7px;line-height:1.4;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:1.9px;font-weight:400;color:var(--gold);margin-top:4px}#primary-nav{display:flex;gap:30px;font-size:13px}#primary-nav a{transition:color .2s}#primary-nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 24px;background:var(--gold);border:1px solid var(--gold);color:var(--navy);font-weight:600;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#d4b681;transform:translateY(-2px)}.nav-cta{font-size:11px;min-height:44px}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 24px}h1,h2,h3{line-height:1.12;letter-spacing:-2px;margin:0;font-weight:600}h1{font-size:clamp(56px,6.1vw,90px);letter-spacing:-4px}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:25px;letter-spacing:-.7px}p{margin:20px 0;max-width:660px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#17354b88,transparent 50%),var(--navy)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:760px;gap:26px;padding-top:64px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.hero h1{max-width:740px}.hero-intro{color:#e0e0d9;font-size:17px;max-width:420px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{display:inline-block;font-size:13px;font-weight:500;border-bottom:1px solid var(--gold);padding-bottom:7px;line-height:1.6;transition:color .2s}.text-link:hover{color:var(--gold)}.hero-location{font-size:11px;color:#c6cdd3;margin-top:34px}.hero-location span{display:block;color:#8d9ca9}.hero-visual{margin:0;position:relative;width:130%;margin-left:-12%;animation:hero-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-visual img{mix-blend-mode:lighten;min-height:310px;object-fit:cover;object-position:48%}.hero-visual figcaption{text-align:right;margin-right:22%;font-size:8px;letter-spacing:1.3px;color:#adb7c1}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;padding:22px 0;color:#c3cbd2;font-size:9px;letter-spacing:1.5px}.hero-bottom a{color:var(--gold)}.section-light{background:var(--ivory);color:var(--ink)}.section-light .eyebrow{color:#8b683b}.section-dark{background:var(--navy);color:var(--ivory)}.capacity,.chapter,.insights,.enquiry{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:62px}.section-heading>div:first-child{flex:1.1}.section-heading>p,.section-heading>div:last-child{flex:.9;max-width:465px;color:var(--slate)}.section-dark .section-heading>div:last-child{color:#bac5ce}.capacity-grid{display:grid;grid-template-columns:1fr 1fr .85fr;border-top:1px solid var(--line);gap:55px;padding-top:38px}.capacity-grid>div{border-right:1px solid var(--line);padding-right:30px}.capacity-grid .eyebrow{margin-bottom:8px}.capacity-number{font-size:76px;letter-spacing:-4px;font-weight:600;line-height:1.15;margin:15px 0}.capacity-number span{font-size:22px;margin-left:10px;letter-spacing:-1px;font-weight:400}.capacity-grid p:last-child{font-size:12px;color:var(--slate)}.capacity-grid aside{font-size:13px;color:var(--slate);align-self:center;border-left:3px solid var(--gold);padding-left:20px}.wide-visual{margin:0;overflow:hidden;background:#061728}.wide-visual img{width:100%;aspect-ratio:1920/819;object-fit:cover}.wide-visual figcaption,.insulation-visual figcaption,.spool-visual figcaption{font-size:8px;letter-spacing:1px;padding:13px 18px;text-align:right;color:#bbc5cd}.scope-row{display:flex;justify-content:space-between;font-size:13px;gap:20px;border-top:1px solid #ffffff22;padding-top:25px;margin-top:20px}.split-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px}.split-grid p{color:var(--slate);font-size:14px;max-width:470px}.service-list{list-style:none;padding:0;margin:35px 0}.service-list li{padding:17px 0;border-bottom:1px solid var(--line);font-size:15px}.service-list span{font-size:10px;color:#8b683b;margin-right:20px}.spool-visual{margin:0}.spool-visual img{width:100%}.spool-visual figcaption{color:var(--slate);border-bottom:1px solid var(--line)}.insulation-visual{position:relative;margin:0;background:#071b2d}.insulation-visual img{width:100%}.callouts{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}.component-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:28px 0 0;margin:0;border-top:1px solid #ffffff22}.component-list li{font-size:13px}.component-list span{display:block;font-size:10px;color:var(--gold);margin-bottom:7px}.insights{border-bottom:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.insight-card{border-top:2px solid var(--gold);padding:30px 0}.insight-card .eyebrow{font-size:9px}.insight-card p{font-size:13px;color:var(--slate)}.insight-card h2{font-size:25px;letter-spacing:-.6px}.insight-card h3{line-height:1.35}.insight-placeholder{grid-column:1/-1;border-top:1px solid var(--line);padding:28px 0}.insight-placeholder p{font-size:14px;color:var(--slate)}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.enquiry-grid>div>p{color:var(--slate);font-size:14px}.contact-details{display:flex;flex-direction:column;margin:32px 0;font-size:18px;gap:8px}.contact-details span{font-size:13px;color:var(--slate);margin-top:10px}.fine-print{font-size:11px!important;color:var(--slate);line-height:1.7}.enquiry-panel{background:#fff;padding:38px;border:1px solid var(--line)}label{display:block;font-size:11px;font-weight:500;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:8px;background:#faf9f6;border:1px solid var(--line);border-radius:0;padding:12px;color:var(--ink);font-size:13px}textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-panel .button{width:100%}.site-footer{padding:60px 0 22px;background:#071521}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;font-size:12px;color:#c0c8cf}.footer-grid p{font-size:12px}.footer-grid .eyebrow{margin:0 0 18px}.footer-grid>div:last-child{line-height:2.3}.footer-bottom{border-top:1px solid #ffffff20;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#8798a7}.floating-contact{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--gold);color:var(--navy);padding:11px 17px;font-size:12px;box-shadow:0 5px 20px #0002}.content-main{padding:100px 0;min-height:60vh}.content-main h1{font-size:clamp(42px,5vw,68px);letter-spacing:-2.5px;max-width:980px;margin-bottom:35px}.article-content{max-width:900px}.article-byline{font-size:12px;color:var(--slate);border-bottom:1px solid var(--line);padding-bottom:25px}.prose{max-width:860px}.prose h2{font-size:32px;letter-spacing:-1px;margin:44px 0 22px}.prose h3{font-size:23px;letter-spacing:-.5px;margin-top:30px}.prose p{max-width:none}.prose a{border-bottom:1px solid var(--gold)}.prose li{margin-bottom:12px}.article-enquiry{padding:30px;background:#eae7dd;margin:50px 0}.article-enquiry h2{font-size:30px;letter-spacing:-1px}.article-feature{margin:30px 0}.post-navigation{margin:40px 0}.navigation.pagination{margin-top:40px}.page-numbers{padding:8px 14px;border:1px solid var(--line)}.motion-ready.reveal{opacity:0;transform:translateY(24px)}.motion-ready.motion-horizontal{opacity:.6;transform:translateX(40px)}.motion-ready.motion-vertical{opacity:.6;transform:translateY(50px)}.motion-ready{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready.is-visible{opacity:1;transform:none}@keyframes hero-arrive{from{opacity:.25;transform:translateX(70px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-grid{min-height:850px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}#primary-nav{gap:18px}.nav-cta{display:none}.hero-grid{min-height:670px;gap:10px}h1{font-size:65px}.split-grid{gap:35px}.enquiry-grid{gap:45px}.capacity-grid{gap:28px}.capacity-number{font-size:65px}.section-heading{gap:35px}}@media(max-width:780px){html{scroll-padding-top:80px}.admin-bar .site-header{top:46px}.wrap{width:calc(100% - 40px)}.nav-wrap{min-height:78px}.brand{font-size:19px}.brand span{font-size:8px}.menu-toggle{display:block;background:transparent;color:var(--ivory);border:1px solid #ffffff30;padding:7px 12px;font-size:11px}#primary-nav{display:none;position:absolute;left:0;top:100%;width:100%;padding:24px;background:var(--navy);border-bottom:1px solid var(--gold);flex-direction:column}#primary-nav.is-open{display:flex}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:62px 0 35px}.hero h1{font-size:48px;letter-spacing:-2px;max-width:560px}.hero-intro{font-size:14px;margin:25px 0}.hero .eyebrow{font-size:8px}.hero-actions{gap:20px}.hero-location{margin-bottom:0}.hero-visual{width:100%;margin:35px 0 0;animation-duration:.8s}.hero-visual img{min-height:0;object-fit:contain}.hero-visual figcaption{margin-right:0;font-size:7px;text-align:left}.hero-bottom{font-size:7px;gap:10px;flex-wrap:wrap}.hero-bottom a{display:none}.capacity,.chapter,.insights,.enquiry{padding:65px 0}.section-heading{display:block;margin-bottom:35px}h2{font-size:38px;letter-spacing:-1.7px}.section-heading>p,.section-heading>div:last-child{margin-top:28px;font-size:14px}.capacity-grid{grid-template-columns:1fr 1fr;gap:20px}.capacity-grid>div{padding-right:0}.capacity-grid>div:nth-child(2){border:0}.capacity-number{font-size:52px;letter-spacing:-2px}.capacity-number span{font-size:17px}.capacity-grid .eyebrow{font-size:8px;letter-spacing:1px}.capacity-grid aside{grid-column:1/-1;margin-top:10px}.scope-row{font-size:10px;gap:15px;flex-wrap:wrap}.wide-visual figcaption,.insulation-visual figcaption,.spool-visual figcaption{font-size:7px;text-align:left;padding:10px 0}.split-grid,.enquiry-grid{grid-template-columns:1fr;gap:38px}.service-list{margin:25px 0}.spool-visual{margin-top:0}.callouts{display:none}.component-list{grid-template-columns:1fr 1fr;gap:25px}.component-list li{font-size:12px}.article-grid{grid-template-columns:1fr}.insight-card{padding:25px 0}.enquiry-panel{padding:24px}.form-two{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.floating-contact{right:16px;bottom:16px;font-size:10px}.content-main{padding:65px 0}.content-main h1{font-size:40px;letter-spacing:-1.5px}.prose{font-size:14px}.prose h2{font-size:28px}.motion-ready.motion-horizontal,.motion-ready.motion-vertical{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready{opacity:1!important;transform:none!important}}
.hero-copy,.capacity-grid>div,.split-grid>div,.enquiry-grid>div,.article-grid>article{min-width:0}h1,h2,h3{overflow-wrap:anywhere}@media(max-width:400px){.hero h1{font-size:42px}.capacity-number{font-size:42px}.capacity-number span{font-size:14px;margin-left:4px}.brand span{letter-spacing:1px}}
.brand{display:inline-flex;align-items:center;gap:12px}.brand-symbol{display:block;position:relative;overflow:hidden;width:48px;height:61px;flex:0 0 48px}.brand-symbol img{position:absolute;width:118px;max-width:none;height:118px;left:-35px;top:-26px}.brand-name{font:inherit}@media(max-width:400px){.brand{gap:8px;font-size:16px}.brand-symbol{width:34px;height:43px;flex-basis:34px}.brand-symbol img{width:84px;height:84px;left:-25px;top:-19px}.brand span{font-size:6px;letter-spacing:.8px}}
.hero{background:var(--navy)}.hero-visual img,.wide-visual img,.spool-visual img,.insulation-visual img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border:0;box-shadow:none;object-fit:contain}.hero-visual img{mix-blend-mode:normal;min-height:0}.wide-visual,.insulation-visual{background:transparent;overflow:visible;border:0;box-shadow:none}.spool-visual img{mix-blend-mode:multiply}.spool-visual figcaption{border:0}.hero-visual{width:130%;margin-left:-12%}@media(max-width:780px){.hero-visual{width:100%;margin-left:0}}
@media(min-width:900px){
.story-motion .hero-visual{animation:none;transform:translate3d(calc(var(--hero-progress,0)*-65px),calc(var(--hero-progress,0)*35px),0) scale(calc(1 + var(--hero-progress,0)*.08));will-change:transform}
.story-motion .hdpe{min-height:150vh}.story-motion .hdpe>.wrap{position:sticky;top:110px}.story-motion .hdpe .wide-visual{opacity:1;transform:none;transition:none}.story-motion .hdpe .wide-visual img{transform:translate3d(calc((var(--story-progress,0) - .5)*70px),0,0) scale(calc(1.03 + var(--story-progress,0)*.07));will-change:transform}
.story-motion .fabrication{min-height:130vh}.story-motion .fabrication>.wrap{position:sticky;top:145px}.story-motion .spool-visual{opacity:1;transform:none;transition:none}.story-motion .spool-visual img{transform:translate3d(0,calc((.5 - var(--story-progress,0))*55px),0) scale(calc(.96 + var(--story-progress,0)*.06));will-change:transform}
.story-motion .insulation{min-height:180vh}.story-motion .insulation>.wrap{position:sticky;top:110px}.story-motion .insulation-visual{opacity:1;transform:none;transition:none}.story-motion .insulation-visual img{transform:scale(calc(1 + var(--story-progress,0)*.025));will-change:transform}
.story-motion .callouts path{stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset .7s ease}.story-motion .callouts text,.story-motion .callouts circle{opacity:.1;transition:opacity .5s ease}
.story-motion [data-step="0"] .callouts path:nth-child(1),.story-motion [data-step="1"] .callouts path:nth-child(-n+2),.story-motion [data-step="2"] .callouts path:nth-child(-n+3),.story-motion [data-step="3"] .callouts path{stroke-dashoffset:0}
.story-motion [data-step="0"] .callouts text:nth-child(1),.story-motion [data-step="1"] .callouts text:nth-child(-n+2),.story-motion [data-step="2"] .callouts text:nth-child(-n+3),.story-motion [data-step="3"] .callouts text,.story-motion [data-step="3"] .callouts circle{opacity:1}
.story-motion .service-list li,.story-motion .component-list li,.story-motion .scope-row span{opacity:.4;transition:opacity .35s,color .35s,transform .35s}.story-motion .service-list li.story-active{opacity:1;transform:translateX(12px);color:#8b683b}.story-motion .component-list li.story-active,.story-motion .scope-row span.story-active{opacity:1;color:var(--gold)}
}
@media(prefers-reduced-motion:reduce){.story-motion .chapter{min-height:0!important}.story-motion .chapter>.wrap{position:static!important}.story-motion img{transform:none!important}}
.service-hero{padding:85px 0 30px;overflow:hidden}.service-hero h1{max-width:1050px;font-size:clamp(48px,5.8vw,84px)}.service-lead{display:flex;align-items:center;justify-content:space-between;gap:50px;margin:32px 0 10px}.service-lead p{max-width:620px;color:#bdc9d2;font-size:17px}.service-hero .wide-visual img{max-height:570px}.service-spool{max-width:800px;margin:0 auto}.service-spool img{max-height:560px;object-fit:contain;mix-blend-mode:normal}.service-details{padding:80px 0 100px}.service-band{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line)}.service-band h2{font-size:30px;letter-spacing:-1px}.service-band .eyebrow{display:block;margin-bottom:18px}.service-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.service-editorial aside h2{font-size:42px}.service-editorial aside{align-self:start;position:sticky;top:140px}.service-editorial aside p{color:var(--slate)}.service-editorial .prose>p:first-child{font-size:20px;line-height:1.6;margin-top:0}.service-editorial .prose h2{font-size:29px}.service-next{padding:85px 0;background:var(--navy2)}.service-next p{color:#c0ccd5}.service-next .text-link{margin-left:30px}.insights-hero{padding:95px 0 80px;background:var(--navy)}.insights-hero p{font-size:17px;color:#c0ccd5}.preview-note{padding:14px 20px;border-left:3px solid var(--gold);background:#e9e5dc;font-size:12px}.insights-page .insight-card h2{font-size:27px;letter-spacing:-.8px}.insights-page .article-grid{gap:40px}.insights-page .insight-card{border-top:1px solid var(--line)}
@media(max-width:780px){.service-hero{padding-top:55px}.service-hero h1{font-size:42px;letter-spacing:-1.8px}.service-lead{display:block;margin-top:25px}.service-lead p{font-size:14px}.service-lead .button{margin:15px 0 30px}.service-band{grid-template-columns:1fr;gap:30px;padding-bottom:35px;margin-bottom:35px}.service-band h2{font-size:28px}.service-editorial{grid-template-columns:1fr;gap:35px}.service-editorial aside{position:static}.service-editorial aside h2{font-size:34px}.service-editorial .prose>p:first-child{font-size:17px}.service-details,.service-next{padding:55px 0}.service-next .text-link{margin:25px 0 0;display:block;width:max-content}.insights-hero{padding:60px 0}.insights-hero h1{font-size:42px;letter-spacing:-2px}}

@media(max-width:780px){.floating-contact{position:static;display:table;margin:18px 24px 18px auto;box-shadow:none}}

.contact-actions{margin:32px 0}.contact-action{display:inline-flex;min-height:64px;gap:22px;min-width:230px}.contact-action>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.contact-action small{font-size:9px;letter-spacing:1.2px;line-height:1.2}.contact-action strong{font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}.contact-action-email{background:transparent;color:var(--navy);border-color:var(--navy)}.contact-action-email:hover{background:var(--navy);color:var(--ivory)}@media(max-width:780px){.contact-actions{display:grid;grid-template-columns:1fr}.contact-action{width:100%;min-width:0}}