:root{--ink:#152021;--muted:#687172;--soft:#eef0eb;--paper:#f8f9f5;--white:#fff;--dark:#101919;--dark2:#1c2928;--accent:#d9eb83;--line:#dce0d9;--font:'Manrope','Arial',sans-serif;--body:'DM Sans',Arial,sans-serif;--shell:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}img{object-fit:cover}::selection{background:var(--accent);color:var(--ink)}.shell{width:min(calc(100% - 96px),var(--shell));margin-inline:auto}.skip-link{position:absolute;top:-200px;left:20px;z-index:200;padding:15px;background:var(--accent)}.skip-link:focus{top:10px}.site-header{height:88px;position:sticky;top:0;z-index:100;background:var(--dark);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);transition:background .3s,box-shadow .3s}.site-header.scrolled{box-shadow:0 10px 40px #0002}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap;font:800 16px/1.12 var(--font);letter-spacing:.035em}.brand img{width:40px;height:40px;object-fit:contain}.brand-thin{font-weight:500;margin-left:4px}.brand small{font:600 8px/1.2 var(--font);letter-spacing:.20em;display:block;margin-top:6px;color:#a5b3ad}.main-nav{display:flex;align-items:center;gap:31px}.main-nav>a:not(.nav-mobile-cta){font-size:12px;letter-spacing:.015em;font-weight:700;color:#c9d3ce;transition:color .2s}.main-nav>a:is(:hover,[aria-current]){color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:25px}.nav-phone{display:flex;align-items:center;gap:10px;font-size:10px;color:#a7b2ad;line-height:1.4}.nav-phone strong{font-size:12px;color:#fff;font-weight:700}.phone-icon{font-size:16px;border:1px solid #46514d;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;min-height:51px;padding:15px 22px;font:800 12px/1.2 var(--font);letter-spacing:.01em;transition:transform .25s,background .25s,border-color .25s,color .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;font-weight:400;line-height:.75}.button-accent{background:var(--accent);color:#12201c}.button-accent:hover{background:#edffac}.button-outline{border-color:#9aa7a0;background:transparent;color:var(--ink)}.button-outline:hover{border-color:var(--dark);background:#e9ede4}.menu-toggle,.nav-mobile-cta{display:none}
.hero{background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero-glow{position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 36% 70%,#274f3c5c,transparent 56%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.07fr .93fr;min-height:685px}.hero-copy{padding:92px 0 65px;position:relative;z-index:2}.eyebrow,.section-kicker{font:800 10px/1.3 var(--font);letter-spacing:.19em;display:flex;align-items:center;gap:12px}.eyebrow-light,.section-kicker-light{color:#cdd7d0}.eyebrow-line,.section-kicker i{display:block;width:30px;height:2px;background:var(--accent);flex:none}.section-kicker{color:#586561;margin-bottom:27px}.section-kicker i{background:#7d9779;width:24px}.section-kicker-light i{background:var(--accent)}.hero h1{font:800 clamp(48px,5.2vw,81px)/1.13 var(--font);letter-spacing:-.075em;margin:31px 0 25px;white-space:nowrap}.hero h1 em,.process-band h2 em,.cta-section h2 em,.page-hero h1 em{font-style:normal;color:var(--accent)}.hero-period,.cta-section h2>span{color:var(--accent)}.hero-copy>p{max-width:450px;font-size:16px;line-height:1.9;color:#b5c0b9}.hero-buttons{display:flex;gap:32px;align-items:center;margin-top:34px}.text-link{font:700 12px var(--font);display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #9daaa1;padding-bottom:10px;transition:color .2s}.text-link:hover{color:var(--accent)}.text-link span{font-size:18px}.hero-proof{display:flex;gap:27px;align-items:center;margin-top:77px}.hero-proof>div{display:flex;flex-direction:column;gap:6px}.hero-proof strong{font:800 27px/1 var(--font);letter-spacing:-.04em}.hero-proof>div>span{color:#a9b9af;font-size:11px;white-space:nowrap}.proof-rule{width:1px;height:36px;background:#41514b}.hero-visual{position:relative;min-height:630px;align-self:stretch}.hero-photo{position:absolute;inset:45px -100px 0 64px;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.hero-image-shade{position:absolute;inset:0;background:linear-gradient(110deg,#0e1716bb 4%,#0c181633 68%),linear-gradient(0deg,#0a1116b0,transparent 45%)}.hero-side-photo{position:absolute;right:10px;bottom:42px;width:190px;height:260px;border:8px solid #182421;box-shadow:0 20px 60px #0006}.hero-side-photo img{height:100%;width:100%}.hero-image-caption{position:absolute;bottom:32px;left:70px;font:700 9px var(--font);letter-spacing:.12em;color:#e4eadd;display:flex;align-items:center;gap:11px}.tiny-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.caption-number{margin-left:35px;color:#abc0b4}.hero-outline{position:absolute;top:75px;right:20px;border:1px solid #ffffff70;border-radius:100px;padding:8px 12px;font:700 11px var(--font)}.hero-outline span{font-size:6px;vertical-align:top}.hero-bottom-line{border-top:1px solid #ffffff21;position:relative}.hero-bottom-line .shell{display:flex;justify-content:space-between;padding-block:19px;color:#a6b2aa;font:700 9px var(--font);letter-spacing:.15em}
.section{padding:113px 0}.section-intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.section h2,.story-layout h2,.about-side h2{font:800 clamp(35px,3.4vw,53px)/1.19 var(--font);letter-spacing:-.057em;margin:0}.muted-heading{color:#8a9891}.intro-grid p,.story-text p,.about-side>p,.section-head p{font-size:15px;line-height:1.95;color:#65716b;margin:0 0 21px}.intro-grid p.lead,.story-text p.lead,.project-detail-intro p.lead{font-size:20px;color:#263633;line-height:1.65;font-weight:500}.under-link{display:inline-flex;gap:28px;border-bottom:1px solid #8ea097;padding-bottom:9px;font:800 12px var(--font);margin-top:10px;transition:gap .2s,color .2s}.under-link:hover{gap:38px;color:#5e764e}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-top:88px}.stats-strip>div{padding:33px 25px 32px 0;display:flex;flex-direction:column;gap:13px;border-right:1px solid var(--line);margin-left:24px}.stats-strip>div:first-child{margin-left:0}.stats-strip>div:last-child{border-right:0}.stats-strip strong{font:800 clamp(36px,4vw,62px)/1 var(--font);letter-spacing:-.065em}.stats-strip strong span{color:#9eb081}.stats-strip>div>span{font-size:12px;color:#63716b}.stat-note{font-size:10px;color:#7d8780;margin:15px 0 0}.services-section{background:#e9eee8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:51px}.section-head>div:last-child{width:360px;max-width:100%}.section-head>div:last-child p{margin-bottom:13px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c9d5ca}.service-tile{position:relative;min-height:340px;padding:30px 26px 26px;border-right:1px solid #c9d5ca;background:#edf1eb;display:flex;flex-direction:column;transition:background .3s,transform .3s}.service-tile:last-child{border-right:0}.service-tile:hover{background:var(--dark);color:#fff;transform:translateY(-6px)}.tile-number{font:800 9px var(--font);letter-spacing:.09em;color:#7c8e81}.service-icon{margin-top:29px;margin-bottom:25px;width:53px;height:53px;color:#426249}.service-icon svg{width:100%;height:100%}.service-tile:hover .service-icon{color:var(--accent)}.service-tile h3{font:800 19px/1.35 var(--font);letter-spacing:-.035em;margin:0 0 14px}.service-tile p{font-size:12px;line-height:1.75;color:#78847c;max-width:230px;margin:0}.service-tile:hover p{color:#b6c5bc}.tile-arrow{position:absolute;top:28px;right:24px;font-size:21px;color:#789478}.service-tile:hover .tile-arrow{color:var(--accent)}.work-section{background:var(--paper)}.work-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.project-card{min-width:0}.project-card-image{aspect-ratio:4/4.9;position:relative;overflow:hidden;background:#d7ded5}.project-card-image>img{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);object-fit:cover}.project-card:hover img{transform:scale(1.06)}.project-card-image:after{position:absolute;content:'';inset:55% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}.project-status{position:absolute;z-index:2;left:13px;top:13px;padding:9px 12px;background:#f7faf2ed;color:#2b3a34;font:800 9px var(--font);text-transform:uppercase;letter-spacing:.07em}.project-arrow{position:absolute;z-index:2;right:13px;bottom:13px;display:grid;place-items:center;width:42px;height:42px;background:var(--accent);font-size:22px;transition:transform .25s}.project-card:hover .project-arrow{transform:rotate(45deg)}.project-card-meta{display:flex;justify-content:space-between;gap:10px;color:#77827c;font:700 10px var(--font);letter-spacing:.02em;margin-top:20px}.project-card h3{font:800 19px/1.35 var(--font);letter-spacing:-.035em;margin:7px 0 0;transition:color .2s}.project-card:hover h3{color:#52764c}.center-action{text-align:center;margin-top:52px}.process-band{background:var(--dark2);color:#fff;padding:91px 0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process-band h2,.cta-section h2{font:800 clamp(38px,4.5vw,64px)/1.2 var(--font);letter-spacing:-.06em;margin:0}.process-steps{border-top:1px solid #ffffff36}.process-steps>div{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid #ffffff2b}.process-steps>div>span{color:var(--accent);font:700 12px var(--font)}.process-steps h3{font:800 17px var(--font);margin:0 0 7px}.process-steps p{font-size:12px;line-height:1.65;color:#b4c3b9;margin:0}.about-teaser{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-image{height:625px;position:relative;overflow:hidden;background:#d9deda}.about-image img{width:100%;height:100%;filter:saturate(.75)}.about-image-label{position:absolute;bottom:0;left:0;background:var(--accent);font:800 11px var(--font);padding:17px 25px;letter-spacing:.07em}.about-side>p{margin-top:28px;margin-bottom:34px}.reason{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px 0;border-top:1px solid #d5dbd3}.reason>span{color:#84988a;font:800 11px var(--font);padding-top:3px}.reason h3{font:800 15px var(--font);margin:0 0 7px}.reason p{color:#78847c;font-size:12px;line-height:1.6;margin:0}.cta-section{padding:88px 0;background:var(--dark);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:'';position:absolute;right:-12%;top:-190px;width:600px;height:600px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 85px #ffffff07,0 0 0 165px #ffffff05}.cta-grid{display:flex;justify-content:space-between;gap:45px;align-items:center;position:relative}.cta-grid p{max-width:560px;color:#b1beb6;font-size:14px;line-height:1.9;margin-bottom:0}.button-large{min-height:61px;padding-inline:25px;min-width:238px}.cta-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.cta-alt{font-size:11px;color:#bbc9c0;border-bottom:1px solid #677a6e;padding-bottom:8px}.cta-alt:hover{color:var(--accent)}
.footer{background:#0d1515;color:#a4b4ac}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:68px;padding:83px 0 75px}.footer-brand{color:#fff}.footer-top>div:first-child>p{font-size:12px;line-height:2;max-width:310px;margin-top:26px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-top>div:not(:first-child) a{font-size:12px;transition:color .2s}.footer-top>div:not(:first-child) a:hover{color:var(--accent)}.footer-label{font:800 10px var(--font);letter-spacing:.14em;color:#eff8ef;margin:4px 0 14px}.footer-top>div:not(:first-child) p{font-size:12px;line-height:1.8;margin:0}.footer-whatsapp{color:var(--accent)!important;border-bottom:1px solid #6b8268;padding-bottom:9px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1f;padding:25px 0 33px;font-size:10px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a:hover{color:#fff}.floating-wa{position:fixed;bottom:25px;right:25px;z-index:80;display:flex;align-items:center;gap:9px;background:#25d366;color:#092919;padding:12px 17px;border-radius:32px;box-shadow:0 9px 30px #0002;font:800 12px var(--font);transition:transform .2s}.floating-wa:hover{transform:translateY(-4px)}.floating-wa svg{width:21px;height:21px}
.page-hero{background:var(--dark);color:#fff;padding:97px 0 44px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;border:1px solid #ffffff14;border-radius:50%;width:700px;height:700px;right:-260px;top:-320px;pointer-events:none}.page-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end}.page-hero h1{font:800 clamp(48px,6.4vw,88px)/1.1 var(--font);letter-spacing:-.07em;margin:10px 0 48px}.page-hero-grid>p{color:#b4c2b8;font-size:16px;line-height:1.9;max-width:420px;margin:0 0 51px}.breadcrumb{border-top:1px solid #ffffff2b;padding:20px 0 0;font:700 10px var(--font);color:#a9bbae;letter-spacing:.04em}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{margin:0 12px;color:#708579}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.story-text p.lead{margin-top:0}.signature-block{border-top:1px solid var(--line);padding-top:30px;margin-top:32px;display:flex;flex-direction:column;gap:7px}.signature-block span{font:800 14px var(--font)}.signature-block small{font:700 10px var(--font);letter-spacing:.1em;color:#839186}.dark-story{background:var(--dark2);color:#fff}.story-visual{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-image{height:550px}.story-image img{width:100%;height:100%}.story-visual h2{font:800 clamp(37px,4vw,56px)/1.22 var(--font);letter-spacing:-.05em;margin:0 0 24px}.story-visual h2 em{color:var(--accent);font-style:normal}.story-visual p{color:#b1bfb4;line-height:1.9;font-size:14px}.story-values{margin-top:30px}.story-values>div{padding:17px 0;border-top:1px solid #ffffff2d;display:flex;gap:20px;justify-content:space-between;align-items:center}.story-values strong{font:800 15px var(--font)}.story-values span{font-size:12px;color:#adbcb2}.service-details{display:flex;flex-direction:column;gap:95px}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;scroll-margin-top:120px}.service-row:nth-child(even) .service-row-media{order:2}.service-row-media{height:475px;overflow:hidden;background:#dae0d8}.service-row-media img{height:100%;width:100%;transition:transform .5s}.service-row:hover img{transform:scale(1.04)}.service-index{color:#748c7c;font:800 10px var(--font);letter-spacing:.14em}.service-row h2{font:800 clamp(31px,3.5vw,50px)/1.2 var(--font);letter-spacing:-.06em;margin:26px 0}.service-row p{font-size:15px;color:#6d7a70;line-height:1.95;max-width:520px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.service-tags span{font:700 10px var(--font);padding:10px 14px;border:1px solid #d5ddd5;color:#536359}.projects-hero{padding-bottom:37px}.portfolio-section{padding-top:62px}.portfolio-top{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:38px;flex-wrap:wrap}.portfolio-top>span{font:800 10px var(--font);letter-spacing:.12em;color:#617367}.portfolio-top>span strong{font:800 26px var(--font);letter-spacing:-.04em;color:#18251f;margin-right:9px}.project-filters{display:flex;gap:7px;flex-wrap:wrap}.project-filters a{border:1px solid #d9e0d8;padding:12px 14px;font:800 10px var(--font);color:#657469;transition:background .2s}.project-filters a:hover,.project-filters a.active{background:var(--dark2);color:#fff;border-color:var(--dark2)}.project-filters a span{font-size:9px;opacity:.65;margin-left:10px}.portfolio-grid{row-gap:47px}.empty-state{padding:80px 20px;text-align:center;color:#66786b}.project-detail-hero{padding-top:58px}.project-detail-hero .section-kicker{margin-top:65px}.project-detail-hero h1{margin-bottom:46px}.project-detail-meta{display:flex;gap:80px;padding:22px 0 23px;border-top:1px solid #ffffff2d}.project-detail-meta>div{display:flex;flex-direction:column;gap:9px}.project-detail-meta span{font:800 9px var(--font);letter-spacing:.1em;color:#91a398}.project-detail-meta strong{font:700 13px var(--font)}.project-detail-body{padding:72px 0}.project-detail-lead-img{height:min(690px,70vw);background:#cdd4cb;text-align:center}.project-detail-lead-img img{height:100%;width:100%;object-fit:contain;background:#e8eee9}.project-detail-intro{padding:88px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}.project-detail-intro h2{font:800 clamp(34px,4vw,55px)/1.2 var(--font);letter-spacing:-.05em;margin:0}.project-detail-intro p{font-size:14px;line-height:1.9;color:#69776c}.project-detail-intro .prose{font-size:14px;line-height:1.95;white-space:normal;color:#69776c}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin:55px 0 30px}.gallery-heading h2{font:800 30px var(--font);letter-spacing:-.04em;margin:0}.gallery-heading span{font:700 10px var(--font);letter-spacing:.09em;color:#829387}.project-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.project-photo-grid a{aspect-ratio:1.2;overflow:hidden;background:#dfe7dd}.project-photo-grid img{width:100%;height:100%;transition:transform .4s}.project-photo-grid a:hover img{transform:scale(1.05)}.related-section{background:#edf1eb}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.contact-aside>p{color:#6e7a72;line-height:1.95;max-width:390px;font-size:14px;margin:25px 0 40px}.contact-details{display:flex;flex-direction:column;gap:25px;padding:26px 0;border-top:1px solid #d7ddd6;border-bottom:1px solid #d7ddd6}.contact-details>div{display:flex;flex-direction:column;gap:8px}.contact-details span,.lead-message>span{font:800 10px var(--font);letter-spacing:.12em;color:#819287}.contact-details a,.contact-details strong{font:800 17px var(--font);color:#26392b}.contact-details a:hover{color:#799b63}.whatsapp-block{display:flex;flex-direction:column;gap:10px;margin-top:30px;padding:22px 23px;background:#e5f1dd;border-left:3px solid #6baf54}.whatsapp-block span{font-size:11px;color:#6a7e68}.whatsapp-block strong{font:800 15px var(--font)}.contact-form-card{background:#fff;border:1px solid #e0e5dd;padding:42px 44px;box-shadow:0 24px 70px #1d2c1710}.contact-form-heading>span{font:800 10px var(--font);letter-spacing:.13em;color:#758676}.contact-form-heading h3{font:800 26px var(--font);letter-spacing:-.04em;margin:11px 0}.contact-form-heading p{color:#7c867e;font-size:12px;margin:0 0 30px}.lead-form{display:flex;flex-direction:column;gap:24px}.lead-form label{display:flex;flex-direction:column;gap:10px;font:700 12px var(--font);color:#34443a}.lead-form label span,.input-grid label span{color:#df7958}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid #dce4d9;background:#fbfcf9;color:#1b2b21;border-radius:0;min-height:48px;padding:13px 15px;outline:none;font:500 13px var(--body);transition:border .2s,box-shadow .2s}.lead-form textarea{resize:vertical;min-height:122px}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:#8ba77e;box-shadow:0 0 0 3px #8fae7630}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#9da99d}.form-bottom{display:flex;gap:22px;align-items:center}.form-bottom small{font-size:10px;color:#7b877b;line-height:1.5}.form-bottom small a{text-decoration:underline}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice{padding:16px;margin:0 0 23px;font-size:13px;line-height:1.6}.notice.success{background:#e6f3df;color:#315d2f}.notice.error{background:#ffeae4;color:#a24529}.legal-copy{max-width:820px;margin-inline:auto}.legal-copy h2{font:800 23px var(--font);margin:36px 0 10px}.legal-copy p{font-size:15px;line-height:1.95;color:#617167}.legal-copy a{text-decoration:underline}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1250px){.nav-phone{display:none}.main-nav{gap:22px}.hero h1{font-size:clamp(50px,5vw,68px)}.hero-photo{inset:55px -55px 0 45px}.hero-side-photo{width:150px;height:215px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-tile:nth-child(2){border-right:0}.service-tile:nth-child(-n+2){border-bottom:1px solid #c9d5ca}.work-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr)}.work-grid .project-card:nth-child(n+4){display:none}.footer-top{gap:28px}}
@media(max-width:900px){.shell{width:min(calc(100% - 48px),var(--shell))}.site-header{height:76px}.main-nav{position:fixed;top:76px;left:0;right:0;background:#14201f;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 24px 28px;border-bottom:1px solid #394b41;transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.main-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.main-nav>a:not(.nav-mobile-cta){padding:15px 0;border-bottom:1px solid #ffffff19;font-size:14px}.nav-mobile-cta{display:flex;justify-content:space-between;background:var(--accent);color:#15241a;font:800 13px var(--font);padding:15px;margin-top:18px}.nav-quote{display:none}.menu-toggle{width:39px;height:39px;border:1px solid #69776b;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{width:18px;height:2px;background:white}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:75px 0 35px}.hero h1{font-size:clamp(48px,7.6vw,72px)}.hero-visual{height:480px;min-height:0}.hero-photo{inset:0 -24px 0 0;clip-path:none}.hero-side-photo{width:176px;height:210px;right:17px;bottom:17px}.hero-image-caption{left:22px;bottom:23px}.hero-proof{margin-top:45px}.section{padding:78px 0}.intro-grid,.process-grid,.story-layout,.story-visual,.about-grid,.contact-grid,.project-detail-intro{gap:40px}.intro-grid,.process-grid,.story-layout,.story-visual,.about-grid,.contact-grid,.project-detail-intro{grid-template-columns:1fr}.stats-strip{margin-top:50px}.stats-strip strong{font-size:38px}.section-head{align-items:start}.work-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.work-grid .project-card:nth-child(n+4){display:block}.footer-top{grid-template-columns:1.5fr 1fr;gap:44px}.page-hero-grid{grid-template-columns:1fr;gap:10px}.page-hero h1{margin-bottom:20px}.page-hero-grid>p{margin:0 0 32px}.story-image,.about-image{height:420px}.service-row{grid-template-columns:1fr;gap:30px}.service-row:nth-child(even) .service-row-media{order:0}.service-row-media{height:390px}.service-details{gap:67px}.contact-grid{gap:48px}.project-detail-intro{padding:56px 0}}
@media(max-width:600px){.shell{width:calc(100% - 38px)}.site-header{height:67px}.brand{font-size:13px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:7px}.main-nav{top:67px}.hero-copy{padding:66px 0 38px}.hero h1{font-size:clamp(38px,10.3vw,58px);line-height:1.16;margin-top:22px;white-space:normal}.hero-copy>p{font-size:14px;line-height:1.8}.hero-buttons{gap:22px;flex-wrap:wrap}.hero-proof{gap:14px;margin-top:42px}.hero-proof strong{font-size:22px}.hero-proof>div>span{font-size:9px}.proof-rule{height:31px}.hero-visual{height:390px}.hero-photo{right:-19px}.hero-side-photo{height:155px;width:112px;border-width:5px;right:4px;bottom:22px}.hero-image-caption{font-size:7px;left:12px}.hero-bottom-line .shell{font-size:7px}.section{padding:65px 0}.section-kicker{margin-bottom:19px}.section h2{font-size:clamp(31px,8vw,42px)}.intro-grid{gap:29px}.intro-grid p.lead,.story-text p.lead,.project-detail-intro p.lead{font-size:17px}.intro-grid p,.story-text p{font-size:14px}.stats-strip{grid-template-columns:repeat(2,1fr);margin-top:45px}.stats-strip>div{margin-left:0;padding:26px 5px;border-bottom:1px solid var(--line)}.stats-strip>div:nth-child(odd){border-right:1px solid var(--line)}.stats-strip>div:nth-child(even){padding-left:22px;border-right:0}.stats-strip>div:nth-child(n+3){border-bottom:0}.section-head{flex-direction:column;gap:20px;margin-bottom:31px}.section-head>div:last-child{width:100%}.services-grid{grid-template-columns:1fr}.service-tile{min-height:280px;border-right:0;border-bottom:1px solid #c9d5ca;padding:25px}.service-tile:last-child{border:0}.service-icon{margin:14px 0 15px}.work-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;row-gap:32px}.project-card-image{aspect-ratio:4/5.3}.project-card-meta{font-size:9px;margin-top:13px}.project-card h3{font-size:14px}.project-status{font-size:8px;top:9px;left:9px;padding:7px 9px}.project-arrow{width:30px;height:30px;font-size:18px;right:9px;bottom:9px}.process-band{padding:64px 0}.process-band h2,.cta-section h2{font-size:41px}.about-image{height:400px}.cta-section{padding:65px 0}.cta-grid{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:36px;padding:65px 0 40px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:13px}.footer-bottom>div{gap:16px;flex-wrap:wrap}.floating-wa{right:15px;bottom:16px;padding:13px}.floating-wa>span{display:none}.page-hero{padding:60px 0 30px}.page-hero h1{font-size:clamp(42px,11vw,62px)}.page-hero-grid>p{font-size:14px}.breadcrumb{font-size:9px}.portfolio-top{align-items:flex-start;gap:22px}.project-filters{width:100%;gap:6px}.project-filters a{padding:11px 9px;font-size:9px}.project-filters a span{margin-left:3px}.portfolio-section{padding-top:39px}.service-row-media{height:300px}.service-row h2{font-size:35px}.service-details{gap:55px}.story-values>div{flex-direction:column;align-items:flex-start;gap:6px}.contact-form-card{padding:28px 19px}.form-grid{grid-template-columns:1fr;gap:24px}.form-bottom{flex-direction:column;align-items:stretch}.form-bottom .button{width:100%}.contact-details a{font-size:15px}.project-detail-meta{gap:27px;flex-wrap:wrap}.project-detail-lead-img{height:440px}.project-photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Gopal Electric R4: preserve hero, founder and contact fixes; original projects restored. */
.hero-visual { isolation:isolate; }
.hero-photo { z-index:0; }
.hero-image-caption { z-index:1; }
.hero-outline { z-index:1; }
.hero .hero-side-photo { display:none!important; }

/* Founder: preserve the actual original portrait and avoid enlarging the 150px source excessively. */
.founder-profile { margin-top:34px; display:flex; align-items:center; gap:23px; padding:23px; background:#eef2eb; border:1px solid #dce6d7; }
.founder-portrait { flex:0 0 132px; width:132px; height:132px; overflow:hidden; background:#e0e6dc; border-radius:5px; }
.founder-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.founder-profile-copy { min-width:0; }
.founder-profile-copy>span { font:800 9px/1.5 var(--font); letter-spacing:.15em; color:#778f71; }
.founder-profile-copy h3 { font:800 23px/1.25 var(--font); letter-spacing:-.045em; margin:10px 0 4px; }
.founder-profile-copy strong { display:block; color:#4a6051; font:700 12px/1.6 var(--body); }
.founder-profile-copy p { margin:12px 0 0; font-size:12px; line-height:1.6; color:#66776d; }

/* Form field captions and marks must occupy the same line, not stack. */
.lead-form { gap:23px; }
.lead-form .form-grid { align-items:start; gap:22px; }
.lead-form label { display:flex; flex-direction:column; gap:10px; min-width:0; }
.lead-form .field-caption { display:flex; flex-wrap:wrap; align-items:center; gap:4px; min-height:20px; font:700 12px/1.5 var(--font); color:#34443a; }
.lead-form .field-caption .required-mark { display:inline; color:#d46e4e; font-size:13px; line-height:1; }
.lead-form input, .lead-form select { height:52px; min-height:52px; }
.lead-form textarea { min-height:132px; }
.lead-form .form-grid>* { min-width:0; }
.lead-form .form-bottom { flex-wrap:wrap; }

/* GOPAL-ELECTRIC-UI-R3: stable layout whether old or new form markup is present. */
/* The original markup placed asterisks in separate flex items. Keep labels inline and
   move ONLY the controls below, so the patch also helps older cached PHP forms. */
.lead-form .form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:start}
.lead-form label {display:block;min-width:0;line-height:1.5}
.lead-form label>.field-caption {display:block;min-height:20px;margin:0 0 10px;font:700 12px/20px var(--font);color:#34443a}
.lead-form label>.field-caption .required-mark,.lead-form label>span:not(.field-caption) {display:inline;color:#d46e4e;line-height:inherit}
.lead-form label>input,.lead-form label>select,.lead-form label>textarea {display:block;width:100%;margin-top:10px}
.lead-form label>.field-caption+input,.lead-form label>.field-caption+select,.lead-form label>.field-caption+textarea {margin-top:0}
.lead-form input,.lead-form select {height:52px;min-height:52px}
.lead-form textarea {min-height:132px}

@media(max-width:600px) {
  .founder-profile { padding:16px; gap:15px; }
  .founder-portrait { width:94px; height:94px; flex-basis:94px; }
  .founder-profile-copy h3 { font-size:19px; margin-top:5px; }
  .founder-profile-copy p { font-size:11px; margin-top:5px; }
  .lead-form .form-grid { grid-template-columns:minmax(0,1fr); row-gap:22px; }
  .lead-form .form-bottom { flex-direction:column;align-items:stretch; }
}
/* Clean WhatsApp brand glyph: white logo centered on brand-green disc. */
.floating-wa {
 width:54px;height:54px;right:22px;bottom:22px;padding:0;
 display:flex;align-items:center;justify-content:center;
 gap:0;border:0;border-radius:50%;background:#25d366;
 color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.18);
 transition:transform .2s ease,box-shadow .2s ease;
}
.floating-wa:hover { transform:translateY(-3px);box-shadow:0 11px 25px rgba(0,0,0,.22); }
.floating-wa:focus-visible { outline:3px solid #123c25; outline-offset:3px; }
.floating-wa svg { width:28px;height:28px;display:block;flex-shrink:0;color:#fff;fill:#fff; }
.floating-wa>span { display:none!important; }
@media(max-width:600px) {
 .floating-wa { width:52px;height:52px;right:16px;bottom:16px;padding:0; }
 .floating-wa svg { width:27px;height:27px; }
}


/* R5: Builder credibility sections: follow original typography and neutral palette. */
.developer-proof { padding:78px 0 88px;background:#eff2ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.proof-heading { display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:end;margin-bottom:33px; }
.proof-heading h2 {font:800 clamp(30px,3.1vw,45px)/1.21 var(--font);letter-spacing:-.05em;margin:0;}
.proof-heading>p {max-width:340px;color:#586861;font-size:14px;line-height:1.85;margin:0 0 5px;}
.developer-list {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #cbd5ca;border-left:1px solid #cbd5ca;}
.developer-name { min-height:112px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 15px;background:#f9fbf7;border-right:1px solid #cbd5ca;border-bottom:1px solid #cbd5ca;font:800 clamp(12px,1.05vw,15px)/1.45 var(--font);letter-spacing:-.025em;color:#253b34;transition:background .2s ease;}
.developer-name:hover{background:#e1eccc;}
.proof-cta {display:flex;gap:24px;justify-content:space-between;align-items:center;padding-top:26px;font-size:13px;color:#5d6c62;}
.proof-cta a {flex-shrink:0;}
.builder-section {background:#f7f9f4;}
.builder-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.builder-card {background:white;border:1px solid #e1e7dd;padding:34px 31px;min-height:224px;transition:transform .2s ease,box-shadow .2s ease;}
.builder-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #16271a0b;}
.builder-number {font:800 11px/1 var(--font);letter-spacing:.08em;color:#7e9881;}
.builder-card h3{font:800 19px/1.32 var(--font);letter-spacing:-.035em;margin:29px 0 13px;}
.builder-card p{font-size:13px;line-height:1.86;color:#68766d;margin:0;}
.builder-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:31px;padding-top:29px;border-top:1px solid #dae3d9;}
.builder-footer p{font-weight:700;font-size:15px;margin:0;}
@media(max-width:1000px){.developer-list{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.developer-proof{padding:58px 0 62px}.proof-heading{grid-template-columns:1fr;gap:15px}.proof-heading>p{max-width:none}.developer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-name{min-height:90px;font-size:12px;padding:15px 10px}.proof-cta{align-items:flex-start;flex-direction:column;gap:13px}.builder-grid{grid-template-columns:minmax(0,1fr);gap:12px}.builder-card{min-height:unset;padding:25px}.builder-card h3{margin:21px 0 11px}.builder-footer{flex-direction:column;align-items:flex-start}}

/* R6 Corporation wordmark subtitle. */
.brand small{letter-spacing:.22em;font-size:9px}