:root{--ink:#1a1a17;--muted:#77766e;--paper:#f4f2ed;--white:#fffefa;--sand:#d5c4a7;--line:#dcd8ce;--dark:#171714;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.announcement{min-height:34px;background:#22221e;color:#e7e2d8;display:flex;align-items:center;justify-content:space-between;padding:8px max(36px,calc((100% - 1200px)/2));font-size:10px;letter-spacing:.12em;text-transform:uppercase;gap:20px}.announcement a{color:#d8c7a9;white-space:nowrap}.site-header{height:88px;padding:0 max(36px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(30,30,25,.08)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:31px;height:31px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-16deg)}.brand-mark i{display:block;width:7px;height:27px;background:#8e7a5c}.brand-mark i:nth-child(2){height:21px;background:#bca989}.brand-mark i:nth-child(3){height:15px;background:#d4c3a7}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font-family:var(--display);font-size:19px;letter-spacing:.2em;font-weight:800}.brand-type small{font-size:8px;letter-spacing:.32em;margin-top:6px;color:#817c70}.main-nav{display:flex;align-items:center;gap:31px;font-size:12px}.main-nav>a:not(.nav-cta){color:#55544d;transition:color .2s}.main-nav>a:hover{color:#9c835e}.nav-cta{padding:14px 18px;border:1px solid #bcb4a6;letter-spacing:.02em}.nav-cta span{margin-left:16px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:min(750px,calc(100vh - 120px));height:660px;position:relative;background:#37362f;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90');background-position:center 54%;background-size:cover;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(17,17,15,.78) 0%,rgba(17,17,15,.46) 45%,rgba(17,17,15,.08) 100%),linear-gradient(0deg,rgba(17,17,15,.45),transparent 30%)}.hero-content{position:relative;z-index:2;padding-top:5px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.19em;font-weight:700;color:#777266;margin:0 0 27px}.eyebrow>span{height:1px;width:27px;background:#b29a76}.eyebrow.light{color:#e2ded4}.hero h1,.section-heading h2,.intro h2,.quote-inner h2,.contact h2{font-family:var(--display);font-size:clamp(48px,6.5vw,88px);font-weight:500;letter-spacing:-.065em;line-height:.99;margin:0}.hero h1 em,.section-heading h2 em,.intro h2 em,.quote-inner h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.hero-copy{font-size:15px;line-height:1.8;color:#e4e1d8;max-width:420px;margin:25px 0 32px}.hero-actions{display:flex;align-items:center;gap:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 21px;font-size:11px;letter-spacing:.035em;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:#22221e}.button-light:hover{background:#fff}.button span{font-size:16px}.text-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #bcb5a8;padding-bottom:9px;font-size:12px;font-weight:600}.text-link span{font-size:16px}.light-link{color:#fff;border-color:rgba(255,255,255,.4)}.hero-foot{position:absolute;z-index:2;bottom:27px;left:max(36px,calc((100% - 1200px)/2));right:max(36px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;color:#ddd8cd;font-size:9px;letter-spacing:.14em}.hero-index{position:absolute;right:max(36px,calc((100% - 1200px)/2));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em}.hero-index i{height:72px;width:1px;background:rgba(255,255,255,.55)}.section-pad{padding:112px 0}.intro{background:var(--white)}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center}.intro h2,.section-heading h2,.contact h2{font-size:clamp(42px,5vw,64px);line-height:1.04}.intro-text{max-width:470px}.intro-text p,.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#66645d;margin:0 0 17px}.intro-text .text-link{margin-top:15px}.materials{background:#eeece5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:22px}.heading-note{font-size:13px;line-height:1.85;color:#747168;max-width:340px;margin:0 0 4px}.material-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.material-card{height:410px;position:relative;overflow:hidden;background:#c5beb1}.material-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.material-card:hover img,.project:hover img{transform:scale(1.04)}.material-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(18,18,15,.8),transparent)}.material-overlay{position:absolute;z-index:1;bottom:27px;left:27px;right:20px;color:#fff}.material-overlay>span,.project figcaption span{font-size:9px;letter-spacing:.15em;color:#d6c5a8}.material-overlay h3{font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.04em;margin:12px 0 6px}.material-overlay p{font-size:12px;color:#e4e0d8;margin:0}.fine-print{font-size:10px;color:#89857a;line-height:1.6;margin:18px 0 0}.solutions{background:#f8f7f2}.solution-list{border-top:1px solid var(--line)}.solution-row{display:grid;grid-template-columns:70px 1.25fr 1fr 35px;align-items:center;gap:20px;padding:26px 4px;border-bottom:1px solid var(--line);transition:padding .25s}.solution-row:hover{padding-left:13px;padding-right:0}.solution-number{font-size:10px;color:#8c8578}.solution-name{font-family:var(--display);font-size:clamp(18px,2.2vw,25px);letter-spacing:-.04em}.solution-desc{font-size:12px;color:#77746c}.solution-arrow{font-size:20px;text-align:right}.projects{background:#e8e5dd}.project-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;align-items:start}.project{margin:0;position:relative;overflow:hidden;background:#d0cbc1}.project img{width:100%;height:300px;object-fit:cover;transition:transform .6s}.project-tall img{height:430px}.project figcaption{display:flex;flex-direction:column;gap:10px;padding:18px 19px 21px}.project figcaption span{color:#84785f}.project figcaption strong{font-family:var(--display);font-size:17px;font-weight:500}.quote-band{min-height:465px;position:relative;background:#282822;color:white;display:flex;align-items:center;overflow:hidden}.quote-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,19,16,.84),rgba(19,19,16,.38)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=85') center 54%/cover}.quote-inner{position:relative;padding:80px 0}.quote-inner .eyebrow{margin-bottom:22px}.quote-inner h2{font-size:clamp(45px,6vw,72px);margin-bottom:30px}.contact{background:var(--white)}.contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:start}.contact h2{margin-bottom:25px}.contact-copy>p:not(.eyebrow){max-width:420px}.contact-detail{display:flex;flex-direction:column;gap:8px;margin:35px 0 28px;font-size:12px}.detail-label{font-size:9px;letter-spacing:.16em;color:#8a8477;margin-bottom:4px}.contact-detail strong{font-weight:600}.contact-detail>span:last-child{color:#77746c}.quote-form{background:#f1efe8;padding:34px 35px}.form-top{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #d9d4c8;margin-bottom:24px;font-size:9px;letter-spacing:.13em;color:#7b7569}.quote-form label{display:block;font-size:11px;font-weight:700;margin:20px 0 9px}.quote-form label span{font-weight:400;color:#8b867d}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;border:1px solid #d8d3c8;background:#fbfaf6;padding:13px 14px;font:12px var(--sans);color:var(--ink);border-radius:0;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#8e7a5c}.quote-form textarea{resize:vertical}.form-submit{width:100%;margin-top:22px}.button-dark{background:#1d1d19;color:#fff}.button-dark:hover{background:#39382f}.form-note{font-size:10px;line-height:1.6;color:#817c71;margin:13px 0 0}.footer{background:#191916;color:#efede5;padding:35px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #393832}.brand-footer .brand-type strong{color:#f3f0e8}.brand-footer .brand-type small{color:#a7a092}.footer-main>p{font-family:var(--serif);font-style:italic;color:#c3bba9;font-size:17px}.footer-top{font-size:11px;color:#d7c7a9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#9c998f;font-size:9px;letter-spacing:.025em}.floating-contact{position:fixed;right:22px;bottom:22px;z-index:18;display:flex;align-items:center;gap:10px;padding:13px 17px;background:#262620;color:white;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 28px #0002;font-size:11px}.instagram-icon{font-size:20px;color:#d7c4a1}.toast{position:fixed;left:50%;bottom:85px;transform:translate(-50%,20px);background:#24241f;color:#fff;padding:14px 20px;max-width:min(520px,calc(100% - 36px));font-size:12px;line-height:1.6;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{padding-inline:24px}.main-nav{gap:16px}.main-nav>a:not(.nav-cta){font-size:11px}.nav-cta{padding:12px}.intro-grid,.contact-grid{gap:7%}.material-card{height:340px}.material-overlay{left:18px;bottom:20px}.material-overlay h3{font-size:25px}.project img{height:260px}.project-tall img{height:350px}.hero-foot{left:24px;right:24px}}@media(max-width:680px){.wrap{width:calc(100% - 38px)}.announcement{padding:9px 19px;font-size:8px;letter-spacing:.07em}.announcement span{max-width:65%}.site-header{height:74px;padding-inline:19px}.brand-type strong{font-size:17px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:1px;background:#272720}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);padding:20px 19px 25px;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.nav-cta{margin-top:16px;display:flex;justify-content:space-between}.hero{height:690px;min-height:600px;max-height:calc(100vh - 105px)}.hero-image{background-position:59% center}.hero-shade{background:linear-gradient(90deg,rgba(17,17,15,.7),rgba(17,17,15,.2)),linear-gradient(0deg,rgba(17,17,15,.45),transparent 50%)}.hero-content{padding-top:0}.hero h1{font-size:clamp(48px,13vw,72px)}.hero-copy{font-size:13px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.button{padding:16px 17px}.hero-foot{left:19px;right:19px;bottom:19px;font-size:7px;letter-spacing:.08em;gap:15px}.hero-foot span:last-child{text-align:right}.hero-index{right:20px;top:auto;bottom:110px;transform:none}.section-pad{padding:75px 0}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:27px}.intro h2,.section-heading h2,.contact h2{font-size:clamp(42px,11vw,58px)}.intro-text p,.contact-copy>p:not(.eyebrow){font-size:13px}.section-heading{display:block;margin-bottom:28px}.heading-note{margin-top:20px;max-width:430px}.material-grid{grid-template-columns:1fr 1fr;gap:10px}.material-large{grid-column:1/-1}.material-card{height:290px}.material-large{height:350px}.material-overlay{left:16px;right:12px;bottom:17px}.material-overlay h3{font-size:25px}.material-overlay p{font-size:11px}.solution-row{grid-template-columns:34px 1fr 25px;gap:10px;padding:22px 0}.solution-name{font-size:17px}.solution-desc{grid-column:2;grid-row:2;font-size:11px}.solution-arrow{grid-column:3;grid-row:1/3}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project-tall{grid-column:1/-1}.project img,.project-tall img{height:230px}.project-tall img{height:330px}.project figcaption{padding:14px}.project figcaption strong{font-size:15px}.quote-band{min-height:390px}.quote-inner{padding:65px 0}.quote-inner h2{font-size:clamp(45px,12vw,62px)}.contact-grid{gap:35px}.quote-form{padding:25px 20px}.footer-main{align-items:flex-start;gap:18px;flex-wrap:wrap}.footer-main>p{order:3;width:100%;margin:0}.footer-bottom{flex-direction:column;gap:8px;line-height:1.5}.floating-contact{right:12px;bottom:12px;padding:11px 13px}.toast{bottom:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Identidade visual Styllu's redesenhada a partir da marca enviada pelo cliente */
.brand{gap:0;flex-shrink:0}
.brand-logo{display:block;width:132px;height:74px;object-fit:contain;object-position:left center}
.brand-footer .brand-logo{width:132px;height:74px;filter:brightness(0) invert(1)}
@media(max-width:900px){.brand-logo{width:118px;height:68px}.brand-footer .brand-logo{width:118px;height:68px}}
@media(max-width:680px){.brand-logo{width:108px;height:64px}.brand-footer .brand-logo{width:108px;height:64px}}

/* Marca Styllu's baseada no emblema enviado pelo cliente */
.brand{gap:10px;flex-shrink:0}
.brand-emblem{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type strong{font-family:var(--display);font-size:20px;letter-spacing:-.035em;font-weight:800;color:#102532}
.brand-type small{font-size:7px;letter-spacing:.13em;margin-top:6px;color:#817c70;white-space:nowrap}
.brand-footer .brand-type strong{color:#f3f0e8}
.brand-footer .brand-type small{color:#d3bd96}
.brand-footer .brand-emblem{width:38px;height:38px}
@media(max-width:680px){.brand-emblem{width:33px;height:33px}.brand-type strong{font-size:18px}.brand-type small{font-size:6px;letter-spacing:.1em}}


/* Ajustes solicitados: navegação mais legível, retorno ao topo e contato WhatsApp */
.main-nav{font-size:14px;gap:27px}
.main-nav>a:not(.nav-cta){font-size:14px}
.nav-cta{font-size:13px}
.footer-top{font-size:14px;padding:10px 0;cursor:pointer}
.footer-top:hover{color:#fff}
.whatsapp-icon{font-size:20px;color:#b6d9a8}
.floating-contact{font-size:14px}
@media(max-width:900px){.main-nav{gap:15px}.main-nav>a:not(.nav-cta){font-size:13px}.nav-cta{font-size:13px}}
@media(max-width:680px){.main-nav>a:not(.nav-cta){font-size:16px;padding:16px 0}.nav-cta{font-size:15px;padding:14px}.footer-top{font-size:14px}.floating-contact{font-size:13px}}