@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--black:#050505;--graphite:#171717;--gold:#e0aa2b;--gold-light:#f5ca55;--silver:#a9a9a9;--light:#e2e2e2;--white:#f9f9f9;--content-width:1160px;--space-section:96px;--font-body:Inter, Arial, sans-serif;--font-display:"Barlow Condensed", Impact, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{color:var(--graphite);background:var(--white);font:400 1rem/1.65 var(--font-body);margin:0}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0}section{padding:var(--space-section) 0}.container{width:min(calc(100% - 40px), var(--content-width));margin-inline:auto}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;margin:0;line-height:1.02}h1{max-width:850px;color:var(--white);letter-spacing:-.035em;font-size:clamp(3.6rem,9vw,7.8rem)}h2{letter-spacing:-.025em;font-size:clamp(2.6rem,5vw,4.6rem)}h3{font-size:1.7rem}.button{min-height:48px;color:var(--black);font:800 .9rem/1.2 var(--font-body);text-align:center;text-shadow:0 1px #ffffff47;border:1px solid #0000;justify-content:center;align-items:center;padding:0 22px;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff80,0 6px 18px #0000003d}.button:hover,.button:focus-visible{color:var(--black);filter:brightness(1.13)saturate(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff9e,0 9px 24px #e0aa2b4d}.button:active{filter:brightness(.98);transform:translateY(0)}.button--gold{background:linear-gradient(135deg,#7a4d00 0%,#d29512 24%,#f7d56d 48%,#d69d1d 72%,#805100 100%);border-color:#f5cf67}.button--silver{text-shadow:0 1px #ffffff8c;background:linear-gradient(135deg,#5f5f5f 0%,#b8b8b8 24%,#f7f7f7 48%,#bdbdbd 72%,#666 100%);border-color:#ededed}.button--silver:hover,.button--silver:focus-visible{filter:brightness(1.08);box-shadow:inset 0 1px #ffffffbf,0 9px 24px #ffffff2e}.site-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #ffffff1f;position:fixed;inset:0 0 auto}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:110px;padding:8px 0;display:flex}.brand{color:var(--white);align-items:center;display:flex}.brand-logo{object-fit:contain;object-position:center;width:290px;height:86px}.nav-links{color:var(--white);justify-content:flex-end;align-items:center;gap:21px;font-size:.88rem;font-weight:600;display:flex}.nav-links>a:not(.button){transition:color .2s}.nav-links>a:not(.button):hover,.nav-links>a:not(.button):focus-visible{color:var(--gold)}.menu-button{width:46px;height:46px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff59;font-size:1.4rem;display:none}.hero{background:linear-gradient(90deg,#000000e0 0%,#14213dc7 52%,#14213d47 100%),url(https://www.mapadaobra.com.br/wp-content/uploads/2024/07/A-alvenaria-e-o-sistema-construtivo-mais-utilizado-no-Brasil-scaled.jpg) 50%/cover no-repeat;align-items:center;min-height:780px;padding:205px 0 100px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(90deg, var(--gold) 0 34%, var(--graphite) 34%);height:12px;position:absolute;inset:auto 0 0}.hero-content{z-index:1;position:relative}.hero-copy{max-width:660px;color:var(--light);margin:24px 0 34px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.about-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;display:grid}.about-copy>p:last-of-type{color:#4b4b4b;max-width:620px;margin-top:22px}.about-points{grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;display:grid}.point{border-left:5px solid var(--gold);background:var(--light);padding:20px;font-weight:700}.about-image{height:480px;position:relative}.about-image:before{content:"";z-index:-1;background:var(--gold);width:58%;height:58%;position:absolute;bottom:-18px;left:-18px}.services{background:var(--graphite);color:var(--white)}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;display:flex}.section-head p:last-child{color:#c4c4c4;max-width:440px}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{border-top:5px solid var(--gold);background:#222;flex-direction:column;min-height:440px;padding:0;transition:transform .2s,background .2s;display:flex;overflow:hidden}.service-card:hover{background:#2d2d2d;transform:translateY(-5px)}.service-image{object-fit:cover;width:100%;height:180px;transition:transform .35s}.service-card:hover .service-image{transform:scale(1.025)}.service-card-content{flex-direction:column;flex:1;gap:24px;padding:26px 30px 30px;display:flex}.service-number{color:var(--gold);font:700 1rem var(--font-display)}.service-card p{color:#d2d2d2;margin-top:12px}.service-quote{text-align:center;width:100%;margin-top:auto}.gallery-head{margin-bottom:42px}.gallery{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.gallery figure{aspect-ratio:3/4;background:var(--light);flex:0 calc(25% - 10.5px);margin:0;position:relative;overflow:hidden}.gallery img{height:100%;transition:transform .45s}.gallery figure:hover img{transform:scale(1.035)}.contact{color:var(--white);background:var(--black);position:relative;overflow:hidden}.contact:before{content:"AN";color:#ffffff0b;font:800 28rem/1 var(--font-display);position:absolute;top:-105px;right:-40px}.contact-grid{grid-template-columns:1fr auto;align-items:center;gap:50px;display:grid;position:relative}.contact p:not(.eyebrow){color:#c8c8c8;max-width:650px;margin-top:18px;font-size:1.1rem}footer{background:var(--graphite);color:#bcbcbc;border-top:1px solid #2d2d2d;padding:26px 0;font-size:.88rem}.footer-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.footer-credit{color:inherit;justify-self:end;align-items:center;gap:10px;transition:color .2s;display:inline-flex}.footer-credit:hover,.footer-credit:focus-visible{color:var(--white)}.otarek-logo{object-fit:contain;width:112px;height:auto}.footer-flag{object-fit:cover;border:1px solid #ffffff4d;width:28px;height:20px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media (max-width:860px){:root{--space-section:76px}html{scroll-padding-top:96px}.nav{justify-content:flex-end;min-height:92px;padding:7px 0;position:relative}.brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-button{display:block}.nav-links{background:var(--black);flex-direction:column;align-items:stretch;padding:22px 20px;display:none;position:absolute;inset:92px 0 auto}.nav-links.open{display:flex}.brand-logo{width:190px;height:76px}.hero{min-height:720px;padding-top:185px}.about-grid{grid-template-columns:1fr;gap:52px}.about-image{height:380px}.service-grid{grid-template-columns:1fr}.gallery{gap:14px}.gallery figure{flex-basis:calc(50% - 7px)}.contact-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p:last-child{margin-top:18px}}@media (max-width:560px){.container{width:min(calc(100% - 28px), var(--content-width))}.brand-logo{width:165px;height:72px}.hero{min-height:680px;padding-top:175px}.hero-copy{font-size:1rem}.hero-actions .button{width:100%}.about-points{grid-template-columns:1fr}.gallery{gap:12px}.gallery figure{flex-basis:100%}.about-image{height:300px}.contact:before{display:none}.footer-row{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-credit{justify-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}