:root{--purple:#440541;--deep:#30072f;--paper:#fbf7f0;--ink:#32172f;--muted:#746c73;--orange:#ff7400;--pink:#e90070;--yellow:#ffc400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;display:block}.header{height:102px;background:var(--purple);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid #ffffff24}.brand{display:block;position:relative;width:255px;aspect-ratio:3.65;overflow:hidden;flex-shrink:0}.brand img{position:absolute;max-width:none;width:192%;left:-77%;top:-253%}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover{color:#ffb568}.nav-cta{font-size:14px;border:1px solid #ffffff60;border-radius:30px;padding:13px 20px}.nav-cta span{margin-left:16px}.hero{background:var(--purple);color:#fff;position:relative;display:grid;grid-template-columns:46% 54%;padding-bottom:42px}.hero-copy{padding:68px 9% 45px 11%}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;margin:0 0 28px;color:#e6c5e0;display:flex;gap:12px;align-items:center}.eyebrow.dark{color:#785376}.dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(44px,4.8vw,78px);line-height:1.09;letter-spacing:-3.2px;font-weight:500;margin-bottom:28px}em{font-style:normal;color:var(--orange)}.outline{font-size:.75em;color:#e5c5e0;letter-spacing:-2px}p{line-height:1.7}.lead{max-width:390px;color:#e2cddd;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;border:0;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer}.button.orange{background:var(--orange);color:#2c1025}.button:hover{filter:brightness(1.08)}.hero .button{margin-top:15px}.hero-foot{display:flex;gap:14px;flex-wrap:wrap;font-size:8px;letter-spacing:1.3px;margin-top:44px;color:#d8b4d3}.hero-photo{position:relative;margin-top:30px;min-height:590px;overflow:hidden;border-radius:5px 0 0 5px}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:54% center}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#190e1bad);display:flex;align-items:center;justify-content:space-between;padding:60px 32px 24px;font-size:12px}.photo-caption a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;font-size:24px}.hero-index{position:absolute;bottom:15px;right:5%;font-size:8px;letter-spacing:2px;color:#d4accf}.intro-strip{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:38px 0;border-bottom:1px solid #d9cdd5}.intro-strip p{margin:0;font-size:17px;line-height:1.6}.intro-strip strong{font-weight:500}.intro-strip>span{font-size:9px;letter-spacing:1.8px;color:#80687c}.section{padding:100px 7%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}h2{font-size:clamp(32px,3.4vw,50px);line-height:1.19;font-weight:500;letter-spacing:-1.8px;margin-bottom:0}.section-top>p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.project{margin-bottom:85px}.compare{position:relative;aspect-ratio:16/9;overflow:hidden;--split:50%;touch-action:pan-y;background:var(--deep);border-radius:6px}.compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.compare>img.day{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare.square{aspect-ratio:1}.label{position:absolute;top:20px;font-size:9px;letter-spacing:1.5px;padding:9px 13px;background:#fffdf1e8;color:var(--ink);border-radius:3px;pointer-events:none}.label.left{left:20px}.label.right{right:20px}.rail{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;transform:translateX(-50%);box-shadow:0 0 5px #0006}.rail span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:white;border:2px solid white;font-size:24px;white-space:pre;box-shadow:0 2px 10px #0003}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare:focus-within{outline:3px solid var(--orange);outline-offset:4px}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:16px}.project-info h3{font-size:19px;font-weight:600;margin-bottom:5px;letter-spacing:-.5px}.project-info p{color:var(--muted);font-size:12px;margin:0}.project-info>span{font-size:9px;letter-spacing:1.5px;color:#8c7387}.project-secondary{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;margin-bottom:0}.project-story h2{margin-bottom:26px}.project-story>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:350px}.text-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #c0a3ba;padding:10px 0;font-size:13px;font-weight:600;margin-top:15px}.services{background:var(--purple);color:white}.services .section-top>p{color:#d7bfd1}.service-list{margin-top:50px}.service-list article{display:grid;grid-template-columns:70px 1fr 50px;gap:20px;padding:32px 0;border-top:1px solid #ffffff30;align-items:center}.service-no{color:#d4b1cc;font-size:12px}.service-list h3{font-size:26px;font-weight:500;margin-bottom:10px;letter-spacing:-.8px}.service-list p{color:#dbc4d6;font-size:14px;max-width:670px;margin:0}.service-icon{font-size:30px;color:var(--orange)}.service-note{display:flex;align-items:center;gap:22px;margin-top:44px;padding-top:36px;border-top:1px solid #ffffff30}.color-mark{font-size:62px;font-weight:800;color:var(--orange);line-height:1}.service-note p{margin:0;font-size:16px;color:#ddc1d6}.service-note strong{font-weight:500;color:#fff}.service-note>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:#d4b1cc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.steps article{border-top:1px solid #c9b6c3;padding-top:22px}.steps span{font-size:10px;letter-spacing:1.5px;color:#906789}.steps h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:25px 0 16px}.steps p{font-size:14px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 1fr;background:#efe8e4}.about-image{max-height:650px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center}.about-copy{padding:80px 13%}.about h2{margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--purple);color:white}.contact h2{font-size:clamp(38px,4vw,58px);margin-bottom:28px}.contact>div>p:not(.eyebrow){font-size:14px;color:#d7bfd1}.instagram{display:inline-block;font-size:12px;border-bottom:1px solid #92728c;padding:10px 0;margin-top:15px}.contact form{align-self:center;display:flex;flex-direction:column}.contact label{font-size:12px;margin:0 0 10px}.contact input,.contact select,.contact textarea{width:100%;background:#ffffff0a;color:#fff;border:1px solid #ffffff40;border-radius:4px;padding:15px;margin-bottom:23px;min-height:49px}.contact input::placeholder,.contact textarea::placeholder{color:#c6aac0}.contact select option{background:var(--purple)}.contact textarea{resize:vertical}.contact form .button{width:100%}.form-note{font-size:11px;color:#c6aac0;margin:12px 0 0}footer{background:var(--deep);color:#cfb8c9;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;padding:25px 5%;font-size:11px}footer p{margin:0}footer .brand{width:190px}footer .brand img{mix-blend-mode:screen}footer>span{font-size:10px;color:#a98aa2}@media(min-width:1600px){.hero-copy{padding-top:90px}.hero-photo{min-height:690px}.section{padding-left:max(7%,calc((100% - 1360px)/2));padding-right:max(7%,calc((100% - 1360px)/2))}}@media(max-width:1000px){.header{padding:0 4%;gap:15px}.brand{width:210px}.header nav{gap:18px;font-size:12px}.nav-cta{font-size:12px;padding:12px 15px}.hero-copy{padding:50px 8%}.hero-photo{min-height:550px}h1{font-size:52px}.hero-foot{font-size:7px;gap:10px}.section{padding:75px 6%}.about-copy{padding:60px 10%}.service-note>span:last-child{display:none}.contact{gap:7%}.intro-strip>span{max-width:200px;text-align:right;line-height:1.8}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:83px;padding:0 5%}.brand{width:190px}.header nav{display:none}.nav-cta{font-size:11px;padding:10px 12px}.nav-cta span{margin-left:5px}.hero{display:flex;flex-direction:column;padding-bottom:35px}.hero-copy{padding:35px 7% 30px}.hero .eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:57px;letter-spacing:-3px}.outline{font-size:.76em}.lead{font-size:14px;max-width:340px}.hero-foot{margin-top:30px;gap:17px}.hero-photo{min-height:0;height:330px;margin:0 0 0 7%;border-radius:5px 0 0 5px}.hero-photo img{object-position:center}.hero-index{font-size:7px;bottom:12px}.photo-caption{padding:50px 18px 18px;font-size:10px}.intro-strip{margin:0 7%;padding:28px 0}.intro-strip p{font-size:14px}.intro-strip>span{display:none}.section{padding:62px 7%}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:22px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:35px;letter-spacing:-1.3px}.compare{aspect-ratio:4/3}.compare>img{object-fit:cover}.label{top:12px;padding:7px 9px;font-size:8px;letter-spacing:1px}.label.left{left:12px}.label.right{right:12px}.rail span{width:44px;height:44px;font-size:22px}.project{margin-bottom:52px}.project-info{align-items:flex-start;padding-top:15px}.project-info>span{display:none}.project-info h3{font-size:17px}.project-info p{font-size:11px}.project-secondary{display:flex;flex-direction:column;gap:28px;margin-bottom:0}.project-story>p:not(.eyebrow){max-width:none;font-size:13px}.project-secondary>div{width:100%}.project-story h2{margin-bottom:20px}.service-list{margin-top:32px}.service-list article{grid-template-columns:30px 1fr 24px;gap:9px;padding:26px 0}.service-list h3{font-size:20px}.service-list p{font-size:13px}.service-icon{font-size:24px}.service-note{gap:18px}.service-note p{font-size:14px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin:16px 0 10px}.steps p{font-size:13px}.about{grid-template-columns:1fr}.about-image{height:350px}.about-image img{object-position:center 45%}.about-copy{padding:48px 7%}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:43px}.contact input,.contact select,.contact textarea{font-size:16px}footer{padding:25px 7%;display:grid;grid-template-columns:1fr 1fr;gap:18px}footer p{grid-column:1/-1;grid-row:2}.footer-brand{max-width:165px}footer>span{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Areia clara: identidade escolhida para os fundos do site. */
:root{--paper:#f5f0e7;--ink:#343638;--muted:#6d6a65;--deep:#e9e2d7}
.header,.hero,.services,.contact{background:var(--paper);color:var(--ink)}
.header{border-bottom-color:#d9d1c5}.header nav a:hover{color:#b84c00}.nav-cta{border-color:#b9b0a4}
.brand img{width:119%;left:-11.6%;top:-15.5%;mix-blend-mode:multiply}
.eyebrow,.eyebrow.dark{color:#756d61}.outline{color:#6e685f}.lead{color:var(--muted)}
.hero-foot,.hero-index{color:#776e61}.hero .button{color:#2c2118}.photo-caption{color:#fff}
.intro-strip{border-bottom-color:#d9d1c5}.intro-strip>span{color:#7a7267}
.section-top>p,.services .section-top>p{color:var(--muted)}
.services{background:#ede6db}.service-list article,.service-note{border-color:#cfc4b5}
.service-no{color:#776d60}.service-list p,.service-note p{color:#6d655a}.service-note strong{color:var(--ink)}
.service-note>span:last-child{color:#776d60}.project-info>span{color:#7c7469}.text-link{border-color:#b9ab98}
.rail span{background:#3e4143}.steps article{border-color:#c9bdad}.steps span{color:#7b6d5b}
.about{background:#e9e2d7}.contact input,.contact select,.contact textarea{background:#fffaf2;color:var(--ink);border-color:#c9beae}
.contact input::placeholder,.contact textarea::placeholder{color:#80786c}.contact select option{background:#fffaf2;color:var(--ink)}
.contact>div>p:not(.eyebrow),.form-note{color:#756d61}.instagram{border-color:#b9ab98}
footer{background:#e9e2d7;color:#5f5a52}footer>span{color:#756d61}footer .brand img{mix-blend-mode:multiply}

/* Títulos com personalidade e maior presença visual. */
h1,h2,h3{font-family:'Outfit','Manrope',sans-serif;font-weight:700}
h1{font-weight:800;letter-spacing:-2.4px;line-height:1.02}.outline{font-weight:600;letter-spacing:-1.5px}
h2{font-weight:700;letter-spacing:-1.5px;line-height:1.1}
.service-list h3,.steps h3{font-weight:600}.project-info h3{font-weight:600}
.project-third{margin-top:85px;grid-template-columns:1.1fr 1fr;margin-bottom:0}
@media(max-width:700px){h1{font-size:55px;letter-spacing:-1.8px}h2{font-size:36px;letter-spacing:-1px}.project-third{margin-top:52px}.project-third .project-story{order:-1}}

/* Anton aprovada para títulos e chamadas. */
h1,h2,h3,.service-list h3,.steps h3,.project-info h3{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:0;line-height:1.14}
h1{line-height:1.1;letter-spacing:0}.outline{font-weight:400;letter-spacing:0}
@media(max-width:700px){h1,h2{letter-spacing:0}}
/* Mantém a chamada do cabeçalho alinhada em telas pequenas. */
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;flex-shrink:0}
.nav-cta span{margin-left:0;flex-shrink:0}
@media(max-width:700px){.header{gap:12px}.header .brand{width:min(190px,47vw)}.nav-cta{gap:7px;padding:11px 13px}}
@media(max-width:360px){.header .brand{width:44vw}.nav-cta{font-size:10px;padding:10px}}
/* Foto completa, sem recorte lateral, na apresentação móvel. */
@media(max-width:700px){
 .hero-photo{margin:0 7%;height:auto;min-height:0;aspect-ratio:16/9;border-radius:5px}
 .hero-photo>img{width:100%;height:100%;object-fit:contain}
 .photo-caption{padding:30px 12px 12px;gap:8px;font-size:9px}
 .photo-caption a{width:34px;height:34px;flex-shrink:0;font-size:20px}
 .hero-index{position:static;text-align:right;margin:14px 7% 0;font-size:7px;line-height:1.6}
 .compare:not(.square){aspect-ratio:16/9}
}