/*
Theme Name: Shams Renewables - Relief
Description: Artwork-led Shams Renewables theme. Original website copy, sculptural copper backgrounds, and the approved equal-width identity.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Shams Renewables
Text Domain: shams-renewables-atelier
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--sunrise:#e07a2f;--copper:#f2a06b;--sand:#dbc3a7;--forest:#1f2f28;--cloud:#f8f4ed;--bark:#66350f;--ink:#1b3027;--display:"Bodoni MT","Didot","Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans-serif;--gutter:clamp(26px,5.2vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--cloud);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}img{max-width:100%;height:auto}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08}::selection{color:var(--cloud);background:var(--bark)}:focus-visible{outline:2px solid currentColor;outline-offset:7px}button{cursor:pointer}section{position:relative;isolation:isolate}.sr-skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--forest);color:white;padding:12px 22px}.sr-skip:focus{top:15px}.sr-arrow{width:28px;height:28px;flex:none;transition:transform .3s}.sr-arrow--down{transform:rotate(90deg)}.sr-kicker,.sr-section-index{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.sr-kicker{margin-bottom:30px}.sr-header{position:absolute;z-index:15;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px var(--gutter);gap:30px}.sr-brand{width:280px;flex-shrink:0}.sr-brand img{width:100%;height:auto}.sr-navigation{display:flex;align-items:center;gap:46px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.sr-navigation>a{position:relative;padding:12px 0}.sr-navigation>a:not(.sr-nav-contact)::after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--bark);transition:width .3s}.sr-navigation>a:hover::after,.sr-navigation>a[aria-current]::after{width:100%}.sr-navigation .sr-nav-contact{display:flex;align-items:center;gap:26px;border:1px solid rgba(31,47,40,.46);border-radius:50px;padding:10px 22px}.sr-nav-contact:hover .sr-arrow{transform:translateX(4px)}.sr-menu-toggle{display:none}.sr-hero{min-height:850px;height:min(980px,100svh);overflow:hidden;background:#f5ebdb;display:flex;align-items:center}.sr-hero-art{position:absolute;z-index:-3;inset:-12px;background-image:var(--hero-art);background-size:cover;background-position:center;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 1.5s cubic-bezier(.18,.6,.28,1)}.sr-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(248,244,237,.68) 0%,rgba(248,244,237,.45) 31%,rgba(248,244,237,0) 66%),linear-gradient(180deg,rgba(248,244,237,.67),transparent 180px)}.sr-hero-copy{position:relative;padding:105px var(--gutter) 25px;max-width:1010px}.sr-hero h1{font-size:clamp(66px,5.35vw,98px);letter-spacing:-.048em;line-height:1.05;text-wrap:balance}.sr-hero h1>span{display:block}.sr-headline-italic{font-style:italic}.sr-button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;border:1px solid transparent;border-radius:50px;padding:15px 23px 15px 28px;min-height:58px;font-size:12px;letter-spacing:.06em;line-height:1.4;transition:background .3s,box-shadow .3s}.sr-hero .sr-button{margin-top:44px}.sr-button--forest{background:var(--forest);color:var(--cloud)}.sr-button--forest .sr-arrow{color:var(--copper)}.sr-button--forest:hover{background:#304a3d;box-shadow:0 6px 24px #1f2f2818}.sr-button:hover .sr-arrow{transform:translateX(4px)}.sr-hero-base{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px}.sr-hero-base p{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.sr-hero-base p span{color:#815c43}.sr-scroll{width:49px;height:49px;border-radius:50%;border:1px solid #1f2f2859;display:grid;place-items:center}.sr-scroll:hover .sr-arrow{transform:rotate(90deg) translateX(4px)}
/* The forest section is a continuous material field, not a row of cards. */
.sr-services{padding:74px var(--gutter) 94px;background:var(--forest);color:var(--cloud);overflow:hidden}.sr-services::before,.sr-footer::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('assets/images/cloud-grain.webp');mix-blend-mode:soft-light;opacity:.1;pointer-events:none}.sr-services-watermark{position:absolute;width:770px;height:770px;max-width:none;right:-280px;top:-425px;opacity:.06;pointer-events:none;filter:grayscale(1) brightness(2)}.sr-section-top{display:flex;align-items:baseline;gap:28px}.sr-section-index{opacity:.65;white-space:nowrap}.sr-section-top h2{font-size:clamp(48px,4.9vw,76px);letter-spacing:-.025em}.sr-services .sr-section-index{color:var(--copper);opacity:1}.sr-sun-dot{display:block;height:10px;width:10px;border-radius:50%;background:var(--copper);margin-left:auto;align-self:center}.sr-service-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.sr-service{padding:0 47px 0 0;position:relative;min-width:0}.sr-service+.sr-service{border-left:1px solid #f8f4ed26;padding-left:47px}.sr-service:last-child{padding-right:0}.sr-service-art{height:91px;width:108px;position:relative;margin-bottom:27px;overflow:hidden}.sr-service-art img{position:absolute;width:120px;height:120px;max-width:none;top:0;left:0;filter:brightness(1.22) saturate(.75);transition:transform 1.2s cubic-bezier(.2,.6,.3,1)}.sr-service-art--0{height:91px;clip-path:inset(0 0 18% 0)}.sr-service-art--0 img{top:31px;left:-2px}.sr-service-art--1 img{top:-13px;left:16px;width:94px;height:94px}.sr-service-art--1{clip-path:inset(0 0 0 20%)}.sr-service-art--2 img{width:85px;height:85px;top:0;left:0}.sr-service:hover .sr-service-art img{transform:rotate(12deg)}.sr-service h3{font-size:clamp(30px,2.65vw,40px);max-width:340px;line-height:1.06;letter-spacing:-.015em;min-height:90px;margin-bottom:21px}.sr-service p{font-size:15px;line-height:1.9;color:#dddcd0;max-width:355px}
/* Imagery and copy meet at a full-bleed seam. */
.sr-about{display:grid;grid-template-columns:46% 54%;background:var(--cloud)}.sr-about-visual{position:relative;min-height:790px;overflow:hidden;background:#998472}.sr-about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;transition:transform 2s}.sr-about-visual:hover .sr-about-photo{transform:scale(1.018)}.sr-about-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#172c2a6b 100%)}.sr-about-symbol{position:absolute;bottom:46px;left:var(--gutter);width:115px;height:115px;filter:brightness(1.5) saturate(.35);opacity:.85}.sr-about-copy{padding:68px var(--gutter) 72px 66px;background-image:url('assets/images/cloud-grain.webp')}.sr-about-copy h2{font-size:clamp(48px,4.4vw,69px);letter-spacing:-.025em;max-width:440px;margin-top:25px}.sr-small-rule{width:44px;height:2px;background:var(--sunrise);margin:30px 0}.sr-about-copy p{font-size:15px;line-height:1.9;max-width:575px;color:#44534b}.sr-about-copy p+p{margin-top:25px}
.sr-contact{min-height:398px;display:grid;grid-template-columns:46% 54%;align-items:center;padding:74px var(--gutter);gap:30px;overflow:hidden;background:#ecdfce}.sr-contact-art{position:absolute;z-index:-2;inset:0;background:url('assets/images/copper-relief.webp') no-repeat;background-size:140% auto;background-position:85% 46%;transform:scaleX(-1);opacity:.46}.sr-contact::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f8f4ed36,#f8f4edc9 48%,#f8f4edee)}.sr-contact-title h2{font-size:clamp(72px,8vw,125px);letter-spacing:-.04em;margin-top:20px}.sr-contact-details{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:40px;border-left:1px solid #66350f42;gap:20px}.sr-contact-email{display:flex;align-items:center;gap:25px;font-size:clamp(18px,2.05vw,30px);letter-spacing:-.02em;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.sr-contact-email .sr-arrow{color:#a65a29;flex:none}.sr-contact-email:hover .sr-arrow{transform:translateX(5px)}.sr-contact-phone{font-size:18px;letter-spacing:.07em}.sr-contact-phone:hover{text-decoration:underline;text-underline-offset:6px}.sr-footer{position:relative;isolation:isolate;background:var(--forest);color:var(--cloud);padding:40px var(--gutter) 22px}.sr-footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:31px}.sr-footer-logo{width:267px;flex:none}.sr-footer nav{display:flex;gap:40px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.sr-footer nav a:hover{color:var(--copper)}.sr-top-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f8f4ed4d;border-radius:50%}.sr-top-link .sr-arrow{transform:rotate(-90deg)}.sr-top-link:hover{border-color:var(--copper);color:var(--copper)}.sr-footer-bottom{border-top:1px solid #f8f4ed20;padding-top:19px}.sr-footer small{color:#c1c9c0;font-size:10px;letter-spacing:.045em}.sr-content-page{max-width:1080px;margin:auto;padding:190px var(--gutter) 100px;min-height:70vh}.sr-content-page h1{font-size:60px;margin-bottom:30px}.sr-content-page p{margin-bottom:20px}.sr-content-page article+article{margin-top:50px}.sr-content-page a:not(.sr-button){text-decoration:underline;text-underline-offset:4px}.sr-content-page .wp-block-image img{height:auto}.sr-content-page input,.sr-content-page textarea{border:1px solid #1f2f2840;background:transparent;padding:10px}.sr-reveal.sr-animate{opacity:0;transform:translateY(14px);transition:opacity .8s ease var(--delay,0ms),transform .8s ease var(--delay,0ms)}.sr-reveal.sr-visible{opacity:1;transform:none}.admin-bar .sr-header{top:32px}
@media(min-width:1700px){.sr-hero-copy{max-width:1200px}.sr-service-grid{margin-top:74px}.sr-services{padding-top:92px;padding-bottom:110px}.sr-service p{font-size:17px;max-width:430px}.sr-service h3{min-height:94px}.sr-about-copy p{font-size:17px}.sr-about-copy{padding-top:86px;padding-bottom:85px}.sr-about-visual{min-height:875px}}
@media(max-width:1100px){.sr-header{padding-top:27px}.sr-brand{width:245px}.sr-navigation{gap:30px}.sr-hero{height:800px;min-height:800px}.sr-hero h1{font-size:64px}.sr-hero-copy{max-width:840px}.sr-hero::before{background:linear-gradient(90deg,#f8f4edba,#f8f4ed6b 43%,transparent 90%),linear-gradient(180deg,#f8f4eda6,transparent 180px)}.sr-service{padding-right:27px}.sr-service+.sr-service{padding-left:27px}.sr-service h3{font-size:31px;min-height:100px}.sr-service p{font-size:14px}.sr-about{grid-template-columns:42% 58%}.sr-about-copy{padding-left:40px;padding-top:57px}.sr-about-copy h2{font-size:52px}.sr-about-copy p{font-size:14px;line-height:1.9}.sr-contact{grid-template-columns:40% 60%}.sr-contact-details{padding-left:26px}.sr-contact-email{font-size:21px;gap:14px}}
@media(max-width:760px){:root{--gutter:26px}.sr-header{padding:22px var(--gutter);align-items:flex-start;gap:15px}.sr-brand{width:216px}.sr-navigation{gap:20px;font-size:11px}.sr-navigation .sr-nav-contact{padding:0;border:0}.sr-navigation .sr-nav-contact .sr-arrow{display:none}html:not(.sr-js) .sr-header{flex-wrap:wrap}html:not(.sr-js) .sr-navigation{width:100%;justify-content:space-between}html.sr-js .sr-menu-toggle{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:13px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;z-index:22}.sr-menu-lines{width:22px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .3s}html.sr-js .sr-navigation{display:none;position:absolute;top:0;left:0;right:0;min-height:390px;padding:120px 30px 55px;background:var(--forest);color:var(--cloud);flex-direction:column;align-items:flex-start;gap:15px;box-shadow:0 20px 20px #1f2f2822}html.sr-js .sr-navigation a{font-family:var(--display);text-transform:none;letter-spacing:-.02em;font-size:34px;line-height:1.4}html.sr-js .sr-navigation .sr-nav-contact{padding:12px 0}.sr-header.sr-menu-open .sr-navigation{display:flex}.sr-header.sr-menu-open .sr-menu-toggle{color:var(--cloud)}.sr-header.sr-menu-open .sr-brand{position:relative;z-index:20;filter:grayscale(1) brightness(0) invert(1)}.sr-header.sr-menu-open .sr-menu-lines{transform:rotate(90deg)}.sr-hero{height:auto;min-height:868px;align-items:flex-start;display:block;background:var(--cloud)}.sr-hero-art{background-image:var(--hero-art);background-size:auto 510px;background-repeat:no-repeat;background-position:75% 65px;inset:0}.sr-hero::before{background:linear-gradient(180deg,#f8f4edbf 0%,#f8f4ed00 125px,#f8f4ed00 310px,#f8f4edcf 435px,var(--cloud) 530px)}.sr-hero-copy{padding:422px var(--gutter) 125px;max-width:none}.sr-kicker{font-size:10px;margin-bottom:19px;letter-spacing:.19em}.sr-hero h1{font-size:clamp(34px,10.5vw,68px);line-height:1.07;letter-spacing:-.045em}.sr-hero .sr-button{margin-top:30px;min-height:53px;padding:13px 21px 13px 24px;gap:32px;font-size:11px}.sr-hero-base{bottom:22px;gap:15px}.sr-hero-base p{font-size:8px;letter-spacing:.12em;gap:10px}.sr-scroll{width:36px;height:36px;flex:none}.sr-scroll .sr-arrow{width:22px;height:22px}.sr-services{padding:51px var(--gutter) 59px}.sr-section-top{gap:17px}.sr-section-index{font-size:9px;letter-spacing:.13em}.sr-section-top h2{font-size:46px;letter-spacing:-.03em}.sr-sun-dot{width:7px;height:7px}.sr-service-grid{grid-template-columns:1fr;margin-top:33px;gap:32px}.sr-service,.sr-service+.sr-service{padding:30px 0 0 94px;border:0;border-top:1px solid #f8f4ed26}.sr-service-art{position:absolute;top:33px;left:0;width:69px;height:72px;transform:scale(.74);transform-origin:top left}.sr-service h3{font-size:31px;min-height:0;max-width:310px;margin-bottom:16px}.sr-service p{font-size:14px;line-height:1.8;max-width:440px}.sr-services-watermark{width:580px;height:580px;right:-325px;top:-320px}.sr-about{display:flex;flex-direction:column}.sr-about-visual{min-height:0;height:480px}.sr-about-photo{object-position:center 63%}.sr-about-symbol{width:90px;height:90px;bottom:28px}.sr-about-copy{padding:44px var(--gutter) 57px}.sr-about-copy h2{font-size:52px;max-width:340px;margin-top:20px}.sr-small-rule{margin:24px 0}.sr-about-copy p{font-size:15px;line-height:1.85;max-width:610px}.sr-about-copy p+p{margin-top:22px}.sr-contact{display:block;padding:54px var(--gutter) 60px;min-height:370px}.sr-contact-title h2{font-size:78px;margin-top:12px}.sr-contact-art{background-size:auto 650px;background-position:77% 30%}.sr-contact::before{background:linear-gradient(90deg,#f8f4ed92,#f8f4eddf 65%)}.sr-contact-details{padding:26px 0 0;border-left:0;gap:14px}.sr-contact-email{font-size:20px;gap:18px;justify-content:space-between;width:100%}.sr-contact-phone{font-size:16px}.sr-footer{padding:33px var(--gutter) 23px}.sr-footer-main{flex-wrap:wrap;gap:30px;padding-bottom:28px;position:relative}.sr-footer-logo{width:235px;margin-right:50px}.sr-footer nav{gap:30px;font-size:10px;letter-spacing:.1em}.sr-top-link{position:absolute;top:8px;right:0;width:34px;height:34px}.sr-footer-bottom{padding-top:17px}.sr-footer small{font-size:9px}.sr-content-page{padding-top:170px}.sr-content-page h1{font-size:44px}.admin-bar .sr-header{top:46px}}
@media(max-width:370px){:root{--gutter:21px}.sr-brand{width:192px}.sr-menu-word{display:none}.sr-hero{min-height:825px}.sr-hero-copy{padding-top:405px}.sr-hero h1{font-size:35px}.sr-hero-base p{font-size:7px;gap:8px}.sr-service,.sr-service+.sr-service{padding-left:72px}.sr-service-art{transform:scale(.6)}.sr-service h3{font-size:28px}.sr-about-copy h2{font-size:47px}.sr-contact-email{font-size:17px;gap:10px}.sr-contact-email .sr-arrow{width:22px}.sr-footer-logo{width:214px;margin-right:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.sr-reveal.sr-animate{opacity:1;transform:none}.sr-hero-art{transform:none}.sr-about-visual:hover .sr-about-photo{transform:none}}
@media print{.sr-header{position:relative}.sr-hero{min-height:550px;height:auto}.sr-hero-copy{padding-top:40px;padding-bottom:70px}.sr-hero-base,.sr-menu-toggle,.sr-scroll,.sr-top-link{display:none!important}.sr-services,.sr-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sr-reveal.sr-animate{opacity:1;transform:none}.sr-service p,.sr-about-copy p{font-size:11pt}.sr-about{display:block}.sr-about-visual{height:300px;min-height:0}.sr-about-copy{padding:30px}.sr-contact{min-height:240px}.sr-contact-email{font-size:20px}.sr-hero h1{font-size:60px}a[href^="mailto:"]::after,a[href^="tel:"]::after{content:none}}
/* Mobile artwork extends behind the header, without an image boundary. */
@media(max-width:760px){.sr-hero{min-height:820px}.sr-hero-art{background-size:auto 560px;background-position:75% 0}.sr-hero::before{background:linear-gradient(180deg,#f8f4edf2 0%,#f8f4ed60 92px,#f8f4ed00 160px,#f8f4ed00 300px,#f8f4edcf 435px,var(--cloud) 540px)}}
@media(max-width:370px){.sr-hero{min-height:800px}}
/* Use the actual approved copper fill, not a yellow-shifting filter. */
.sr-service-art img,.sr-about-symbol{filter:none}.sr-footer nav a{display:inline-flex;align-items:center;min-height:44px}.sr-contact-phone{padding:5px 0}.sr-footer small{font-size:11px}
@media(max-width:760px){.sr-service,.sr-service+.sr-service{padding-left:0}.sr-service h3{margin-left:91px;min-height:67px;display:flex;align-items:center;margin-bottom:20px}.sr-service p{max-width:none;font-size:15px;line-height:1.8}.sr-footer small{font-size:10px}}
@media(max-width:370px){.sr-service h3{margin-left:75px;font-size:29px}}
/* Roman capitals echo the approved wordmark rather than a copy-led editorial italic. */
.sr-hero h1{font-size:clamp(48px,4vw,78px);line-height:1.17;letter-spacing:-.022em;text-transform:uppercase}.sr-headline-italic{font-style:normal}
@media(max-width:760px){.sr-hero h1{font-size:clamp(25px,7.25vw,44px);line-height:1.2;letter-spacing:-.018em}}