@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0000cd;--blue:#0048f4;--ink:#132236;--steel:#eef1f3;--line:#d8dfe4;--muted:#536577;--page:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:15px/1.7 'Manrope',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #3380bd;outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{font-style:normal}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:10px;transform:translateY(-180%);z-index:20;padding:12px 18px;background:white;color:var(--navy)}.skip-link:focus{transform:none}
.header{min-height:100px;padding:16px max(6%,calc((100vw - var(--page))/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:185px;flex-shrink:0}.brand img{width:100%;height:auto}nav{display:flex;gap:30px;font-size:13px;font-weight:700}nav a:hover{color:var(--blue)}.text-link:hover{color:#fff}.header-cta{background:var(--navy);color:white;font-size:12px;font-weight:700;padding:12px 18px;border-radius:3px;white-space:nowrap}
.hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);align-items:center;gap:8%;padding:54px max(6%,calc((100vw - var(--page))/2)) 60px}.hero-copy{padding:10px 0}.location{font-size:13px;color:#cad9e6}.hero h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(64px,6.5vw,100px);line-height:1.02;font-weight:600;letter-spacing:-.6px;margin:24px 0}.hero-description{color:#cad7e4;max-width:535px;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:flex-start;gap:20px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:3px;font-size:13px;font-weight:800;padding:16px 21px;min-height:54px}.light{background:#fff;color:var(--navy)}.light:hover{background:#e4edf4}.navy{background:var(--navy);color:#fff}.navy:hover,.header-cta:hover{background:#0c2c51}.text-link{font-size:12px;color:#d9e6f0;text-decoration:underline;text-underline-offset:6px;align-self:center}.hero-note{margin-top:36px;max-width:510px}.hero-note p{color:#b4c6d6;font-size:12px}.hero-note a{display:inline-block;color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:14px}
.hero-media{margin:0;width:100%;max-width:310px;justify-self:end;scroll-margin-top:30px;background:#102d49;border-radius:5px;overflow:hidden}.hero-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}.hero-media figcaption{padding:16px 19px;display:flex;flex-direction:column;gap:3px}.hero-media figcaption strong{font-size:13px;font-weight:700}.hero-media figcaption span{font-size:11px;color:#c8d8e6}#video-status{padding:0 19px 16px;color:#e1eaf2;font-size:12px}
.section{padding:86px max(6%,calc((100vw - var(--page))/2))}h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(43px,4.2vw,64px);line-height:1.1;font-weight:600;letter-spacing:-.3px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-bottom:40px}.section-heading>p{font-size:14px;color:var(--muted);max-width:430px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.service-list article{border-top:1px solid var(--line);padding:27px 0}.service-list h3{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:-.3px}.service-list p{font-size:13px;color:var(--muted);margin-top:9px;max-width:500px}
.process{background:var(--steel);display:grid;grid-template-columns:1fr 1fr;gap:12%}.process-intro>p{font-size:14px;color:var(--muted);max-width:430px;margin:23px 0 28px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;position:relative;padding:0 0 29px}.steps li:last-child{padding-bottom:0}.steps li>span{flex:0 0 42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--blue)}.steps h3{font-size:17px;margin:6px 0 7px}.steps p{font-size:13px;color:var(--muted);max-width:380px}
.workshop{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.workshop-photo{height:450px;position:relative;overflow:hidden;background:var(--navy);border-radius:4px}.workshop-photo img{width:100%;height:100%;object-fit:cover}.workshop-photo span{position:absolute;bottom:0;left:0;right:0;background:#0000cde8;color:#fff;font-size:11px;padding:13px 19px}.workshop h2{margin-bottom:24px}.workshop-copy>p{font-size:14px;color:var(--muted);max-width:460px;margin-bottom:16px}.outline{background:transparent;color:var(--navy);border:1px solid #a0b0bc;margin-top:10px}.outline:hover{background:var(--steel)}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:11%;background:var(--navy);color:#fff}.quote h2{font-size:clamp(54px,5vw,74px);margin:4px 0 24px}.quote-copy>p{font-size:14px;color:#c4d3e0;max-width:390px}.contact-detail{display:block;margin-top:34px}.contact-detail small{display:block;font-size:12px;color:#bdcddd;margin-bottom:8px}.contact-detail strong{font-size:26px;font-weight:700}.email{font-size:13px;color:#d4e0ea;display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.quote form{padding:30px;background:#fff;color:var(--ink);border-radius:5px}.quote form h3{font-size:23px;margin-bottom:8px}.form-note{font-size:12px;line-height:1.6;color:var(--muted)}.quote label{display:block;font-size:13px;font-weight:700;margin-top:22px;margin-bottom:7px}.quote label span{color:var(--blue)}.quote input,.quote textarea{display:block;width:100%;background:#fff;border:1px solid #a4b2bf;color:var(--ink);padding:12px;font-size:14px;border-radius:3px}.quote input::placeholder,.quote textarea::placeholder{color:#617285}.quote textarea{resize:vertical;min-height:130px}.attachment-note{font-size:12px;color:var(--muted);margin:12px 0 22px}.quote form .button{width:100%;text-align:center;background:var(--navy);color:white}.quote form .button:hover{background:#0c2c51}.last{margin-top:13px;font-size:11px}
.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:65px;padding-top:68px;padding-bottom:68px}.faq h2{font-size:44px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;font-weight:400;color:var(--blue)}details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:14px 30px 0 0}
footer{border-top:1px solid var(--line);padding:34px max(6%,calc((100vw - var(--page))/2)) 45px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer img{width:150px;height:auto}footer p span,footer small{color:var(--muted)}footer a{overflow-wrap:anywhere}.floating-contact{position:fixed;right:22px;bottom:20px;z-index:10;background:var(--navy);border:1px solid #9fbcd0;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:12px 18px;box-shadow:0 3px 12px #0002}.floating-contact:hover{background:#0c2c51}
@media(max-width:1000px){.header{padding:14px 5%;min-height:88px}.brand{width:165px}nav{gap:18px}.hero{padding:42px 5%;gap:5%;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}.hero h1{font-size:74px}.hero-description{font-size:14px}.hero-media{max-width:270px}.section{padding:65px 5%}.section-heading{gap:40px}.service-list{gap:0 35px}.process,.quote,.workshop{gap:7%}.quote form{padding:26px}.contact-detail strong{font-size:23px}footer{flex-wrap:wrap}}
@media(max-width:700px){.header{min-height:78px;gap:12px}.brand{width:140px}nav{display:none}.header-cta{font-size:11px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:36px 6% 38px;gap:33px}.hero h1{font-size:clamp(54px,10.9vw,72px);margin:20px 0}.hero-description{font-size:14px}.location{font-size:12px}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{width:100%;max-width:350px}.hero-note{margin-top:29px}.hero-media{max-width:270px;justify-self:center}.section{padding:54px 6%}h2{font-size:47px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px}.service-list{grid-template-columns:1fr}.service-list article{padding:22px 0}.service-list h3{font-size:19px}.process,.workshop,.quote{grid-template-columns:1fr;gap:36px}.steps{margin-top:4px}.steps h3{font-size:16px}.workshop-photo{height:370px}.workshop{gap:27px}.workshop-copy>p,.process-intro>p{font-size:13px}.quote h2{font-size:58px}.quote form{padding:25px 20px}.contact-detail strong{font-size:25px}.quote input,.quote textarea{font-size:16px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:39px}.faq h2 br{display:none}.faq summary{font-size:13px}footer{padding:30px 6% 85px;display:grid;grid-template-columns:1fr 1fr;gap:23px}footer img{width:140px}footer a,footer small{grid-column:1/-1}.floating-contact{right:13px;bottom:13px;font-size:11px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Motion follows the machining sequence without delaying navigation. */
.title-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.title-line{display:block}.service-list article{position:relative}.service-rule{position:absolute;left:0;top:-1px;width:46px;height:2px;background:var(--blue);transform-origin:left center}.process-sequence{position:relative}.process-track{position:absolute;top:21px;bottom:21px;left:20px;width:2px;background:#d1dbe2;pointer-events:none}.process-progress{display:block;width:100%;height:100%;background:var(--blue);transform-origin:center top}.steps li{position:relative}.steps li>span{position:relative;z-index:1}.workshop-photo img{transform-origin:center}.button,.header-cta,.floating-contact{touch-action:manipulation}

/* Real photographs of the CRZA workshop. */
.gallery{background:#f5f7f8}.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.gallery-intro>p{max-width:340px;color:var(--muted);font-size:14px}.section-kicker{font-size:12px;font-weight:700;color:var(--blue);margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,245px));gap:16px}.gallery-grid figure{margin:0;display:flex;flex-direction:column;min-width:0;min-height:0}.gallery-grid .gallery-main{grid-row:span 2}.gallery-grid img{display:block;width:100%;flex:1;min-height:0;object-fit:cover;border-radius:3px;filter:brightness(1.04) contrast(1.03) saturate(.96)}.gallery-grid figcaption{font-size:12px;font-weight:700;color:var(--ink);padding:8px 0 0}.gallery-grid .gallery-main img{object-position:43% center}.workshop-photo img,.visit-photo img{filter:brightness(1.04) contrast(1.03) saturate(.96)}
.visit{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;background:#edf2f4}.visit h2{margin-bottom:20px}.visit>div>p:not(.section-kicker){color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:24px}.visit-photo{border-radius:4px;overflow:hidden}.visit-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){.gallery-intro{display:block}.gallery-intro>p{margin-top:14px;font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:180px;gap:15px 12px}.gallery-grid .gallery-main{grid-column:span 2;grid-row:span 1}.gallery-grid figcaption{font-size:11px;padding-top:6px}.visit{grid-template-columns:1fr;gap:30px}.visit>div>p:not(.section-kicker){font-size:13px}.visit-photo img{aspect-ratio:16/10}}

/* The form appears only after its WhatsApp handler is ready. */
.quote-fallback{background:#fff;color:var(--ink);padding:30px;border-radius:5px}.quote-fallback h3{font-size:23px}.quote-fallback p{font-size:13px;color:var(--muted);margin:12px 0 20px}.quote-fallback .button{background:var(--navy);color:#fff}.quote-form-area form:not([hidden]) + .quote-fallback{display:none}
.hero-media video.show-poster-crop{object-fit:cover}
.mobile-menu{display:none}
@media(max-width:700px){.header{position:relative}.mobile-menu{display:block}.mobile-menu summary{font-size:12px;padding:10px 4px;display:flex;align-items:center;gap:5px}.mobile-menu summary::after{content:'⌄';font-size:16px;line-height:1}.mobile-menu-panel{position:absolute;right:5%;top:100%;z-index:20;min-width:210px;padding:8px;background:#fff;box-shadow:0 9px 22px #071b3433;border:1px solid var(--line);border-radius:4px}.mobile-menu-panel a{display:block;font-size:13px;font-weight:700;padding:12px}.mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:var(--steel)}}
@media(max-width:390px){.header{gap:8px}.brand{width:110px}.header-cta{padding:10px}.mobile-menu summary{font-size:11px}}

.quote-retry{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.quote-retry a{color:#175483;text-decoration:underline;text-underline-offset:3px;font-weight:700}@media(max-width:700px){nav.mobile-menu-panel{display:block}}

/* Exibe a fachada completa na galeria e na seção de localização. */
.gallery-grid .gallery-facade img{object-fit:contain;background:#e7edef}
.visit-photo img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Apresentação do processo e seleção de peças. */
.hero-tagline{color:#fff;font-weight:700;font-size:16px;margin:-6px 0 12px}
.process-art{position:relative;overflow:hidden;aspect-ratio:2.25;background:#000b21;border-radius:4px;max-width:460px;margin:32px 0 0}
.process-art img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-50%)}
.pieces{background:#fff}.pieces-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.pieces-heading>p{max-width:350px;color:var(--muted);font-size:14px}.pieces-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.pieces-grid figure{margin:0;min-width:0}.pieces-grid img{display:block;width:100%;height:220px;object-fit:cover;border-radius:3px}.pieces-grid figcaption{font-size:12px;font-weight:700;padding-top:8px;color:var(--ink)}
@media(max-width:1000px){.pieces-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pieces-grid img{height:210px}}
@media(max-width:700px){.hero-tagline{font-size:15px}.pieces-heading{display:block}.pieces-heading>p{margin-top:14px}.pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pieces-grid img{height:190px}.process-art{max-width:100%}}

/* Azul da marca e contraste nos fundos azuis. */
.hero .location,.hero-description,.hero-note p,.hero .text-link,.quote-copy>p,.contact-detail small,.quote .email{color:#fff}