/* Brando Reverón — Style Guide tokens */
:root{--bg:#1d1d1b;--bg2:#262626;--grey:#a3a3a3;--gold:#f6c13a;--white:#fff;--m:55px;--ease:.25s ease}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Poppins',sans-serif;font-weight:200;font-size:20px;line-height:25px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{padding:0 var(--m)}
/* Type scale */
h1{font:600 60px/40px 'Poppins';text-transform:uppercase}
h2{font:600 30px/35px 'Poppins';text-transform:uppercase}
h3{font:500 25px/30px 'Poppins'}
p{margin-bottom:10px}
.small{font-size:15px;line-height:20px}
/* Header */
.site-header{background:var(--bg2);border-bottom:2px solid var(--white);height:210px;position:relative}
.site-header .in{position:relative;height:100%}
.nav{position:absolute;left:var(--m);top:86px;display:flex;gap:50px}
.nav a{font:400 14px/20px 'Poppins';position:relative;transition:color var(--ease)}
.nav a:hover,.nav a.active{color:var(--gold)}
.nav a.active::after{content:"";position:absolute;left:50%;top:26px;width:16px;height:16px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6C13A' stroke-width='2.75' stroke-linejoin='round'%3E%3Cpath d='M12 2c1 5 4 8 10 10-6 2-9 5-10 10-1-5-4-8-10-10 6-2 9-5 10-10z'/%3E%3C/svg%3E") center/contain no-repeat}
.logo{display:block;position:absolute;left:50%;top:28px;transform:translateX(-50%);width:130px;height:160px}.logo img{width:130px;height:160px;object-fit:contain}
.right{position:absolute;top:80px;left:50%;right:var(--m);height:50px;display:flex;align-items:center;justify-content:space-between}.right .social{margin-left:230px}
.social{display:flex;gap:10px}.social a{display:block;width:35px;height:35px;border-radius:50%;background:var(--grey);transition:background var(--ease)}
.social a:hover,.social a:focus-visible{background:var(--gold)}
.social img{width:100%;height:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;width:155px;height:50px;border:2px solid var(--grey);border-radius:4px;background:transparent;color:var(--grey);font:400 15px/20px 'Poppins';cursor:pointer;transition:all var(--ease)}
.btn:hover,.btn:focus-visible{color:var(--gold);border-color:var(--gold)}
.burger{display:none}
/* Footer */
.site-footer{border-top:1px solid #4a4a48;margin-top:60px;padding:50px var(--m) 50px;position:relative;text-align:center}
.site-footer .fl{width:354px;height:auto;margin:0 auto 40px}
.site-footer .row{display:flex;justify-content:space-between;align-items:flex-end}
.copy{font-size:15px;line-height:20px;color:var(--grey);text-align:left;margin:0}
/* Projects grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:70px}
.tile{position:relative;aspect-ratio:1;overflow:hidden;display:block;background:#000;border:0;padding:0;cursor:pointer;color:inherit}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tile span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font:600 25px/30px 'Poppins';text-transform:uppercase;background:rgba(38,38,38,.72);opacity:0;transition:opacity var(--ease)}
.tile span::after{content:"";position:absolute;left:26px;right:26px;bottom:21px;border-top:1px solid rgba(255,255,255,.45)}
.tile:hover span,.tile:focus-visible span{opacity:1}.tile:hover img{transform:scale(1.04)}
/* About */
.about{display:grid;grid-template-columns:503px 1fr;gap:55px;padding-top:100px;align-items:start}
.about figure{border-bottom:1px solid var(--grey);padding-bottom:20px}
.about figure img{width:100%;height:auto}
.about h2{text-transform:none;font:600 25px/30px 'Poppins';margin-bottom:12px}
.about p{margin-bottom:10px}
/* Process */
/* Contact */
.form h1{margin:70px 0 55px}.form h2{margin-bottom:30px}






.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.field{margin-bottom:52px}



input[type=text],input[type=email],textarea{width:100%;height:50px;background:var(--bg);border:1px solid var(--grey);border-radius:4px;color:#fff;font:200 18px 'Poppins';padding:0 14px;transition:border-color var(--ease)}
textarea{height:180px;padding:12px 14px;resize:vertical}
input:focus,textarea:focus{outline:0;border-color:var(--gold)}
.field.err input,.field.err textarea{border-color:#e00}
.field .msg{display:none;color:#ff6b6b;font-size:14px;margin-top:6px}.field.err .msg{display:block}
.hint{font:400 15px/20px 'Poppins';margin:-8px 0 12px 11px}
.ups{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-bottom:60px}
.up{text-align:center}.up .btn{width:100%;font-weight:400}.up .btn.has{color:var(--gold);border-color:var(--gold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 12px}
.up small{display:block;font:400 11px/14px 'Poppins';margin-top:12px}.up input{display:none}
.send{text-align:center}.status{text-align:center;margin-top:24px;color:var(--gold);font-weight:400;min-height:25px}
/* Project detail */
.pd{padding-top:35px}.pd .lead{font-size:20px;line-height:25px;font-weight:500;margin-bottom:25px}
.pd img{width:100%;height:auto}
.pd .two{display:grid;gap:22px;margin:22px 0}
.pd .c2{grid-template-columns:var(--cols,1fr 1fr)}.pd .intro{grid-template-columns:42% 1fr;gap:30px;margin:30px 0 22px;align-items:start}
.pd .intro p{font-size:15px;line-height:20px}
.pd .thanks{text-align:center;margin:60px 0 70px}
.pn{display:flex;justify-content:space-between;font:400 15px/20px 'Poppins';padding:0 0 22px}
.pn a:hover{color:var(--gold)}
.pd hr{border:0;border-top:1px solid #4a4a48;margin:0 calc(-1*var(--m)) 30px}
.pn{padding-top:0}
/* Tablet */
@media(max-width:1100px){:root{--m:30px}.right{padding-left:0}.nav{gap:26px}.site-header .in{gap:10px}.right .social{display:none}.right{justify-content:flex-end}
 h1{font-size:48px;line-height:40px}.about{grid-template-columns:1fr 1fr;gap:35px} .ups,.fgrid{gap:28px}}
@media(max-width:960px){.site-header{height:137px;border-bottom:1px solid #5d5d5b}.logo,.logo img{width:83px;height:102px}.logo{top:18px}
 .burger{display:block;position:absolute;right:30px;top:48px;width:44px;height:44px;background:none;border:0;cursor:pointer;z-index:30}
 .burger i{display:block;width:30px;height:2px;background:var(--gold);margin:7px auto;transition:var(--ease)}.burger[aria-expanded=true] i:first-child{transform:translateY(9px) rotate(45deg)}.burger[aria-expanded=true] i:last-child{transform:translateY(-9px) rotate(-45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}
 .nav{position:fixed;top:137px;left:0;right:0;bottom:0;background:var(--bg);flex-direction:column;align-items:flex-start;gap:0;z-index:20;display:none;overflow-y:auto;padding:44px 0 40px 105px}.nav.open{display:flex}
 .nav>a{font:300 30px/40px 'Poppins';padding:19px 0;border:0}.nav>a.active{font-weight:500}
 .nav a.active::after{left:-25px;top:50%;width:15px;height:15px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6C13A' stroke-width='2.67' stroke-linejoin='round'%3E%3Cpath d='M12 2c1 5 4 8 10 10-6 2-9 5-10 10-1-5-4-8-10-10 6-2 9-5 10-10z'/%3E%3C/svg%3E")}
 .nav-foot{display:flex;flex-direction:column;align-items:center;width:calc(100% + 105px);margin:44px 0 0 -105px;padding-right:0}
 .nav-foot .fl{width:282px;height:auto;margin:0 0 34px}.nav-foot .social{gap:5px}.nav-foot .social a{width:28px;height:28px}.nav-foot .copy{text-align:center;font-size:10px;line-height:14px;margin-top:16px}
 body.menu-open{overflow:hidden}
 .right{top:56px;left:15px;right:auto;height:auto}.right .btn{display:none}}
@media(max-width:600px){:root{--m:15px}body{font-size:13px;line-height:15px}
 h1{font-size:40px;line-height:40px}h2{font-size:20px;line-height:25px}h3{font-size:15px;line-height:20px}.small{font-size:13px}
 .grid{grid-template-columns:1fr 1fr;gap:10px;padding-top:18px}.tile span{font-size:13px;line-height:16px;padding:10px}
 .about{grid-template-columns:1fr;padding-top:18px;gap:20px}.about h2{font-size:15px;line-height:20px}.about p{font-size:13px;line-height:17px}
  .fgrid{grid-template-columns:1fr}.field{margin-bottom:28px}.ups{grid-template-columns:1fr;gap:18px}.hint{font-size:12px}
 .pd .lead{font-size:13px;line-height:17px;font-weight:600}.pd .intro,.pd .c2{grid-template-columns:1fr}.pd .two{gap:10px}.pd .intro p{font-size:13px;line-height:17px}
 .site-footer{padding:30px 15px;margin-top:30px}.site-footer .fl{width:282px;margin-bottom:30px}.social a{width:28px;height:28px}.social{gap:5px}.copy{font-size:10px;line-height:14px}.right .social{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Scroll reveal (Intersection Observer adds .in) */
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
.pn a{transition:color var(--ease)}
/* Our Process */
.page-title{padding-top:70px;margin-bottom:55px}
.stage{display:grid;align-items:center;margin-bottom:105px}
.stage.odd{grid-template-columns:minmax(0,1fr) 566px;gap:30px}.stage.even{grid-template-columns:620px minmax(0,1fr);gap:168px}
.stage.even .fig{order:2}.stage.even .txt{order:1}
.fig img{width:100%;height:auto}.stage.odd .fig.s1{width:660px;max-width:100%}.stage.odd .fig.s3{width:523px;max-width:100%}.stage.odd .fig.s5{width:565px;max-width:100%}
.txt{font-size:20px;line-height:25px}.stage.odd .txt{text-align:right}
.num{font:600 72px/60px 'Poppins';margin:0}.st{font:600 30px/30px 'Poppins';text-transform:uppercase;margin:0 0 15px}
.bar{background:var(--grey);font:600 52px/50px 'Poppins';text-transform:uppercase;padding:10px 0;margin-bottom:30px}
.stage.odd .bar{margin-right:calc(-1*var(--m));padding-right:var(--m)}.stage.even .bar{margin-left:calc(-1*var(--m));padding-left:var(--m);margin-right:0}
.txt p:not(.num):not(.st){margin-bottom:25px}
.cta{text-align:center;padding:5px 0 0}.cta p{margin-bottom:25px}
.btn-w{display:inline-flex;align-items:center;justify-content:center;width:250px;height:56px;background:#fff;color:var(--bg);font:400 24px/30px 'Poppins';transition:background var(--ease)}
.btn-w:hover,.btn-w:focus-visible{background:var(--gold)}
@media(max-width:1100px){.stage.even{gap:50px;grid-template-columns:1fr 1fr}.stage.odd{grid-template-columns:1fr 1fr}.bar{font-size:40px;line-height:42px}.stage.odd .fig.s1,.stage.odd .fig.s3,.stage.odd .fig.s5{width:100%}}
@media(max-width:700px){.stage.odd,.stage.even{grid-template-columns:1fr;gap:22px;margin-bottom:55px}.stage .fig{order:1!important}.stage .txt{order:2!important}
 .page-title{padding-top:30px;margin-bottom:24px}.txt{font-size:13px;line-height:17px}.num{font-size:44px;line-height:40px}.st{font-size:18px;line-height:22px}.bar{font-size:26px;line-height:30px;padding:6px 0}.btn-w{width:180px;height:44px;font-size:16px}}

@media(max-width:1200px){.right .social{display:none}.right{justify-content:flex-end}}
/* Contact: white labels, no grey background (First/Last name, Email, Company, Message) */

/* Project-to-project page transition (~300ms, subtle) */
:root{--pt:.3s cubic-bezier(.4,0,.2,1)}
main{transition:opacity var(--pt),transform var(--pt)}
.pt-leave main{opacity:0;transform:translateY(-10px)}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pt-in main{animation:pageIn .3s cubic-bezier(.4,0,.2,1) both}
@media(prefers-reduced-motion:reduce){main{transition:none}.pt-leave main{opacity:1;transform:none}.pt-in main{animation:none}}
/* spacing formerly provided by the removed separator line (1px + 30px) */
.pn{padding-top:31px}
/* Contact: intro + services */
.form h1{margin-bottom:28px}
.intro-lead{font:300 25px/34px 'Poppins';margin:0 0 60px}
/* Our Process intro */
.page-title{margin-bottom:28px}
.proc-intro{margin-bottom:80px}.proc-sub{font:600 30px/35px 'Poppins';margin-bottom:18px}
@media(max-width:700px){.page-title{margin-bottom:16px}.proc-intro{margin-bottom:40px}.proc-sub{font-size:20px;line-height:25px}}
@media(max-width:600px){.form h1{margin-bottom:16px}.intro-lead{font-size:15px;line-height:22px;margin-bottom:32px}}

/* Contact: services (title + description rows), form below */









/* Language switcher */
.nav-foot{display:none}
.lang{display:flex;align-items:center;gap:9px;font:400 15px/20px 'Poppins'}
.lang a{transition:color var(--ease)}.lang a:hover,.lang a[aria-current]{color:var(--gold)}.lang span{color:var(--grey)}
@media(max-width:1200px){.right{justify-content:flex-end;gap:26px}}
@media(max-width:960px){.nav-foot{display:flex}}
/* Contact: services follow the form; intro bridges to them */
.services{margin-top:90px}

#quote{scroll-margin-top:30px}
.form h1{margin-bottom:55px}
/* Contact on mobile: follows the supplied mobile reference */
@media(max-width:600px){
 .form h1{margin:36px 0 22px}.form h2{font-size:20px;line-height:25px;margin-bottom:22px}
 
 
 .field{margin-bottom:30px}.f-company{order:3}.f-email{order:4}
 
 .hint{font-size:14px;line-height:17px;margin:-4px 0 14px 0}.ups{gap:22px;margin-bottom:44px}
 .services{margin-top:56px}.site-footer .row{flex-direction:column-reverse;align-items:center;gap:16px}.copy{text-align:center}
}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Spanish labels are longer: tighten nav spacing on narrower desktops so the nav never touches the centered logo */
@media(max-width:1300px){html[lang="es"] .nav{gap:clamp(14px,2.2vw,50px)}}

@media(max-width:600px){.up .btn{color:#fff}}


/* ===== Footer: copyright | EN|ES | social ===== */
.site-footer .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.site-footer .row .social{justify-self:end}
.site-footer .lang{justify-self:center;color:var(--grey);gap:10px}
.site-footer .lang a{color:var(--grey)}.site-footer .lang a[aria-current]{color:#fff}.site-footer .lang a:hover,.site-footer .lang a:focus-visible{color:var(--gold)}
/* ===== Contact: two columns (services | form) ===== */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:64px;align-items:start}
.c-title{grid-column:1/-1;grid-row:1;margin:70px 0 30px}
.c-intro{grid-column:1/-1;grid-row:2;margin:0 0 56px}
.c-services{grid-column:1;grid-row:3}
.c-form{grid-column:2;grid-row:3;min-width:0}
/* services: compact editorial text; hierarchy comes from size/weight only (no cards, rules or accent colour) */
.svc{margin:0 0 28px}.svc:last-child{margin-bottom:0}
.svc h2{font:600 16px/22px 'Poppins';text-transform:none;margin:0 0 6px}
.svc-body p{font:300 14px/21px 'Poppins';color:rgba(255,255,255,.85);margin:0 0 8px}.svc-body p:last-child{margin-bottom:0}
/* form: ONE text style shared by the "How can I help?" dropdown and every field label */
.c-form .lbl,.c-form select{font:300 20px 'Poppins';color:#fff;text-transform:none;letter-spacing:normal}
.c-form .lbl{display:block;margin:0 0 12px}.c-form .lbl b{color:#e00;font-weight:inherit;margin-left:6px}
.c-form .field{margin-bottom:30px}.c-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.c-form .hint{margin:-4px 0 12px}
.c-form .ups{gap:16px;margin-bottom:10px}.c-form .up .btn{width:100%;padding:0 6px;font-size:14px}
.c-form .send{text-align:center;margin-top:24px}.c-form .status{text-align:center}
/* dropdown */
select{display:block;width:100%;height:56px;appearance:none;-webkit-appearance:none;cursor:pointer;padding:0 46px 0 14px;border:1px solid var(--grey);border-radius:4px;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A3A3A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") no-repeat right 14px center/20px;transition:border-color var(--ease)}
select:focus{outline:0;border-color:var(--gold)}select:hover{border-color:#fff}.field.err select{border-color:#e00}
select option{background:#262626;color:#fff}
/* budget: radio group, all options visible */
.rgroup{border:0;padding:0;margin:0 0 30px;min-width:0}.rgroup legend{padding:0}
.radios{display:flex;flex-wrap:wrap;gap:14px 30px}
.rad{display:flex;align-items:center;gap:12px;cursor:pointer;font:200 18px 'Poppins';color:#fff}
.rad input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:none;width:24px;height:24px;margin:0;border:2px solid var(--grey);border-radius:50%;cursor:pointer;transition:border-color var(--ease)}
.rad input::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform .15s}
.rad input:checked{border-color:var(--gold)}.rad input:checked::before{transform:scale(1)}.rad:hover input{border-color:var(--gold)}
.rgroup.err .rad input{border-color:#e00}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:1300px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:48px}.c-form .fgrid{gap:0 18px}}
@media(max-width:1200px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1000px){.contact{display:block}.c-title{margin:50px 0 24px}.c-intro{margin:0 0 36px}.c-services{margin-top:56px}}
@media(max-width:600px){.c-title{margin:36px 0 22px}.c-intro{margin:0 0 30px}.c-services{margin-top:44px}.c-form .fgrid{grid-template-columns:1fr;gap:0}.c-form .field,.rgroup{margin-bottom:26px}
 .radios{flex-direction:column;gap:16px}.svc{margin-bottom:24px}
 .site-footer .row{display:flex;flex-direction:column-reverse;align-items:center;gap:16px}.site-footer .row .social{justify-self:auto}}
/* reCAPTCHA widget: centred above the (centred) Send button; never wider than the form */
.captcha{display:flex;justify-content:center;max-width:100%;margin:26px 0 0}.captcha:empty{display:none}.captcha>div,.captcha iframe{max-width:100%}

/* ===== WordPress / Elementor compatibility (keeps the approved design inside Elementor pages) ===== */
.elementor .tile img{height:100%}
.elementor .about figure img,.elementor .fig img{height:auto}
.elementor-widget-wrap>.elementor-element[class*="elementor-widget-br-"]{margin-bottom:0;margin-block-end:0}
.elementor-section.br-section>.elementor-container,.elementor-section.br-section .elementor-widget-wrap{padding:0}
.elementor-editor-active .reveal,.elementor-editor-preview .reveal{opacity:1!important;transform:none!important}
/* project without cover image: keep the tile and show its name */
.tile.no-img{background:var(--bg2)}.tile.no-img span{opacity:1}
/* Process stage image width set in the widget (approved values 660/523/565px) */
.stage.odd .fig.has-w{width:var(--fig-w);max-width:100%}
@media(max-width:1100px){.stage.odd .fig.has-w{width:100%}}
/* optional project details (client, date, credits, link) */
.pd-info{display:flex;flex-wrap:wrap;gap:12px 48px;margin:40px 0 0;font-size:15px;line-height:20px}
.pd-info dt{color:var(--grey);font-weight:400}.pd-info dd{margin:0}.pd-info a{text-decoration:underline}.pd-info a:hover{color:var(--gold)}
.pd .intro ul,.pd .intro ol,.about ul,.about ol,.svc-body ul{margin:0 0 10px 1.2em}
/* WordPress core classes */
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alignleft{float:left;margin:0 20px 10px 0}.alignright{float:right;margin:0 0 10px 20px}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}.wp-caption-text{font-size:13px;color:var(--grey)}
.br-default{padding-top:70px;padding-bottom:20px}.br-default a{text-decoration:underline}.br-default .btn-w{text-decoration:none}
.br-note{padding:70px 0;color:var(--grey)}
/* logged-in admin bar: keep the mobile menu below the header */
@media(max-width:960px){.admin-bar .nav{top:169px}}
@media(max-width:782px){.admin-bar .nav{top:183px}}
/* ===== Header (desktop with social icons): the logo sits centred BETWEEN the end of the menu and the first
   social icon. Menu and icons keep their approved positions; a small script in the header measures both and
   sets --logo-x. Without JavaScript the logo stays at the page centre, as before. ===== */
@media(min-width:1201px){.logo{left:var(--logo-x,50%)}}
/* Right group (client design): the social icons sit 73px before the "Contact me!" button at every desktop
   width, so no empty gap opens between them on large screens; the logo stays centred between menu and icons. */
@media(min-width:1201px){.right{justify-content:flex-end}.right .social{margin-left:0;margin-right:73px}}

/* Logo fully clickable: the (invisible) right-hand header box overlapped part of it */
.logo{z-index:5}.right{pointer-events:none}.right>*{pointer-events:auto}
/* Footer logo links to the home page (Projects) */
.site-footer .fl-link{display:block;width:fit-content;max-width:100%;margin:0 auto 40px}.site-footer .fl-link .fl{margin:0}
@media(max-width:600px){.site-footer .fl-link{margin-bottom:30px}}
/* Image protection (no save-image on long press / drag) */
.br-protect img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.pd .thanks{font-size:40px;line-height:40px}
@media(max-width:600px){.about{grid-template-columns:1fr!important}}

/* =====================================================================================================
   Pages built with STANDARD Elementor widgets (Heading, Text Editor, Image, Button inside containers).
   Classes are set by the importer on each element (Advanced → CSS Classes). Layout comes from here;
   texts, images, typography and colors stay editable in Elementor (its own settings win over these).
   ===================================================================================================== */
.elementor .e-con.br-c{gap:0;min-height:0;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--row-gap:0px;--column-gap:0px;--gap:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
/* Container paddings/margins are saved in each container's Elementor settings (Advanced → Padding / Margin). */
.elementor .br-c>.elementor-element,.elementor .br-c>.e-con{margin:0;--container-widget-width:100%;width:100%;max-width:100%}
.elementor .elementor-element.br-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.elementor .br-c .elementor-heading-title{color:inherit;font-family:'Poppins',sans-serif;padding:0}
.elementor .br-c .elementor-widget-text-editor{color:inherit;font:inherit}
.elementor .br-c .elementor-widget-image{text-align:left}.elementor .br-c .elementor-widget-image img{display:block;width:100%;height:auto}
/* About */
.elementor .e-con.br-about{display:grid;grid-template-columns:503px minmax(0,1fr);gap:55px;align-items:start}
.elementor .br-c .br-about-photo img{border-bottom:1px solid var(--grey);padding-bottom:20px;box-sizing:border-box}
.elementor .br-about-hi .elementor-heading-title{font:600 25px/30px 'Poppins';text-transform:none;margin:0 0 12px}
.elementor .br-about-body p{margin:0 0 10px}
/* Our Process */
.elementor .br-page-title .elementor-heading-title{font:600 60px/40px 'Poppins';text-transform:uppercase;padding-top:70px;margin:0 0 28px}
.elementor .br-proc-sub p{font:600 30px/35px 'Poppins';margin:0 0 18px}
.elementor .br-proc-intro p{margin:0 0 10px}.elementor .br-c .br-proc-intro p:last-child{margin-bottom:80px}
.elementor .e-con.br-stage{display:grid;align-items:center;overflow:visible}
.elementor .e-con.br-odd{grid-template-columns:minmax(0,1fr) 566px;column-gap:30px}
.elementor .e-con.br-even{grid-template-columns:620px minmax(0,1fr);column-gap:168px}
.elementor .br-even>.br-fig{order:2}.elementor .br-even>.br-txt{order:1}
.elementor .br-odd>.br-fig-660{width:660px}.elementor .br-odd>.br-fig-523{width:523px}.elementor .br-odd>.br-fig-565{width:565px}
.elementor .br-txt{font-size:20px;line-height:25px;overflow:visible}.elementor .br-odd .br-txt{text-align:right}
.elementor .br-num p{font:600 72px/60px 'Poppins';margin:0}
.elementor .br-st p{font:600 30px/30px 'Poppins';text-transform:uppercase;margin:0 0 15px}
.elementor .br-bar .elementor-heading-title{background:var(--grey);font:600 52px/50px 'Poppins';text-transform:uppercase;padding:10px 0;margin:0 0 30px}
.elementor .br-odd .br-bar .elementor-heading-title{margin-right:calc(-1*var(--m));padding-right:var(--m)}
.elementor .br-even .br-bar .elementor-heading-title{margin-left:calc(-1*var(--m));padding-left:var(--m)}
.elementor .br-body p{margin:0 0 25px}
.elementor .e-con.br-cta{text-align:center;align-items:center}
.elementor .br-cta-text p{margin:0 0 25px}
.elementor .br-cta-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;width:250px;height:56px;padding:0;border-radius:0;background:#fff;color:var(--bg);font:400 24px/30px 'Poppins';transition:background var(--ease)}
.elementor .br-cta-btn .elementor-button:hover,.elementor .br-cta-btn .elementor-button:focus-visible{background:var(--gold);color:var(--bg)}
/* Contact */
.elementor .br-c-title .elementor-heading-title{font:600 60px/40px 'Poppins';text-transform:uppercase;margin:70px 0 30px}
.elementor .br-c-intro p{font:300 25px/34px 'Poppins';margin:0 0 56px}
.elementor .e-con.br-contact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:64px;align-items:start}
.elementor .br-contact-row>.br-form{grid-column:2;grid-row:1;min-width:0}.elementor .br-contact-row>.br-services{grid-column:1;grid-row:1}
.elementor .br-svc-title .elementor-heading-title{font:600 16px/22px 'Poppins';text-transform:none;margin:0 0 6px}
.elementor .br-svc-body p{font:300 14px/21px 'Poppins';color:rgba(255,255,255,.85);margin:0 0 8px}.elementor .br-c .br-svc-body p:last-child{margin-bottom:28px}.elementor .br-c .br-services>.br-svc-body:last-child p:last-child{margin-bottom:0}
@media(max-width:1300px){.elementor .e-con.br-contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:48px}}
@media(max-width:1200px){.elementor .e-con.br-contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1100px){.elementor .br-page-title .elementor-heading-title,.elementor .br-c-title .elementor-heading-title{font-size:48px;line-height:40px}
 .elementor .e-con.br-about{grid-template-columns:1fr 1fr;gap:35px}
 .elementor .e-con.br-even{column-gap:50px;grid-template-columns:1fr 1fr}.elementor .e-con.br-odd{grid-template-columns:1fr 1fr}
 .elementor .br-bar .elementor-heading-title{font-size:40px;line-height:42px}.elementor .br-odd>.br-fig-660,.elementor .br-odd>.br-fig-523,.elementor .br-odd>.br-fig-565{width:100%}}
@media(max-width:1000px){.elementor .e-con.br-contact-row{display:block}.elementor .br-c-title .elementor-heading-title{margin:50px 0 24px}.elementor .br-c-intro p{margin:0 0 36px}.elementor .br-contact-row>.br-services{margin-top:56px}}
@media(max-width:700px){.elementor .e-con.br-odd,.elementor .e-con.br-even{grid-template-columns:1fr;gap:22px}.elementor .br-stage>.br-fig{order:1}.elementor .br-stage>.br-txt{order:2}
 .elementor .br-page-title .elementor-heading-title{padding-top:30px;margin-bottom:16px}.elementor .br-c .br-proc-intro p:last-child{margin-bottom:40px}.elementor .br-proc-sub p{font-size:20px;line-height:25px}
 .elementor .br-txt{font-size:13px;line-height:17px}.elementor .br-num p{font-size:44px;line-height:40px}.elementor .br-st p{font-size:18px;line-height:22px}.elementor .br-bar .elementor-heading-title{font-size:26px;line-height:30px;padding:6px 0}
 .elementor .br-cta-btn .elementor-button{width:180px;height:44px;font-size:16px}}
@media(max-width:600px){.elementor .br-page-title .elementor-heading-title,.elementor .br-c-title .elementor-heading-title{font-size:40px;line-height:40px}
 .elementor .e-con.br-about{grid-template-columns:1fr;gap:20px}.elementor .br-about-hi .elementor-heading-title{font-size:15px;line-height:20px}.elementor .br-about-body p{font-size:13px;line-height:17px}
 .elementor .br-c-title .elementor-heading-title{margin:36px 0 22px}.elementor .br-c-intro p{font-size:15px;line-height:22px;margin:0 0 30px}.elementor .br-contact-row>.br-services{margin-top:44px}.elementor .br-c .br-svc-body p:last-child{margin-bottom:24px}.elementor .br-c .br-services>.br-svc-body:last-child p:last-child{margin-bottom:0}}