/* A&A Cleaning Services, modelo B: moderno e direto. Manrope em tudo. */
:root{
  --ink:#2E2424; --mute:#6A5C5A; --soft:#7C6D6A;
  --rose:#B8635C; --rose-fill:#B05B54; --rose-deep:#9C4A44; --rose-ink:#A4504A;
  --blush:#FBEFEA; --blush-2:#F6E2DA; --gold:#C8A25C;
  --line:#EFE8E4; --line-2:#E4DAD5; --paper:#FFFFFF; --mist:#FBF9F8;
  --gutter:max(56px,calc((100vw - 1328px)/2));
  --r-s:10px; --r:14px; --r-l:20px;
  --shadow:0 1px 2px rgba(46,36,36,.05),0 30px 70px -28px rgba(46,36,36,.28);
  --out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure,blockquote{margin:0}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance;font-weight:600;letter-spacing:-.032em;line-height:1.08;color:var(--ink)}
h2{font-size:clamp(36px,4.1vw,58px);line-height:1.06}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:4px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{padding-inline:var(--gutter);width:100%}
.section{padding-block:clamp(88px,10.5vw,152px)}
.eyebrow{font-size:16px;font-weight:600;color:var(--rose-ink);letter-spacing:-.005em}

/* botoes */
.btn{--bg:var(--rose-fill);--fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border:0;border-radius:12px;background:var(--bg);color:var(--fg);font-size:16.5px;font-weight:600;letter-spacing:-.012em;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background-color .35s ease,box-shadow .35s ease,transform .35s var(--out);box-shadow:0 1px 1px rgba(46,36,36,.08),inset 0 1px 0 rgba(255,255,255,.14)}
.btn:hover{--bg:var(--rose-deep);box-shadow:0 12px 26px -12px rgba(156,74,68,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.btn:active{transform:translateY(1px)}
.btn__text{position:relative;display:inline-block;line-height:1.5;overflow:hidden;color:transparent}
.btn__text::before,.btn__text::after{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;color:var(--fg);transition:transform .5s var(--out)}
.btn__text::after{transform:translateY(105%)}
.btn:hover .btn__text::before{transform:translateY(-105%)}
.btn:hover .btn__text::after{transform:translateY(0)}
.btn .ico{width:18px;height:18px;transition:transform .5s var(--out)}
.btn:hover .ico{transform:translateX(4px)}
.btn--sm{height:44px;padding:0 18px;font-size:15.5px;border-radius:10px}
.btn--lg{height:58px;padding:0 28px;font-size:17px}
.btn--block{width:100%;height:56px}
.btn--ghost{--bg:#fff;--fg:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--ghost:hover{--bg:#fff;box-shadow:inset 0 0 0 1px var(--ink)}

/* menu */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;padding:0;pointer-events:none;transition:padding .6s var(--out)}
.nav__bar{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:104px;margin-inline:auto;padding-inline:var(--gutter);transition:height .6s var(--out),padding .6s var(--out),max-width .6s var(--out)}
.nav__bar::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:16px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 0 0 1px rgba(46,36,36,.05),0 16px 40px -22px rgba(46,36,36,.28);opacity:0;transition:opacity .45s ease}
.nav__logo{display:block;flex:none;width:112px;height:92px;transform-origin:left center;transition:transform .6s var(--out)}
.nav__logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.nav__links{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:500;letter-spacing:-.01em}
.nav__links a{position:relative;padding:6px 0;color:var(--ink)}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--rose);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--out)}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1);transform-origin:left}
.nav__actions{display:flex;align-items:center;gap:18px}
.nav__phone{font-size:16px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.nav__phone:hover{color:var(--rose-ink)}
.nav__toggle{display:none}
.nav.is-small{padding:12px var(--gutter) 0}
.nav.is-small .nav__bar{height:68px;padding-inline:20px 12px}
.nav.is-small .nav__bar::before{opacity:1}
.nav.is-small .nav__logo{transform:scale(.62)}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,4.7fr) minmax(0,7.3fr);column-gap:clamp(32px,3.4vw,52px);padding-left:var(--gutter);padding-top:104px;min-height:min(100svh,980px)}
.hero__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:32px 40px}
.pill{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px 0 5px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2);font-size:15.5px;font-weight:600;letter-spacing:-.01em;transition:box-shadow .35s ease}
.pill:hover{box-shadow:inset 0 0 0 1px var(--rose)}
.pill__tag{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--blush);color:var(--rose-ink);font-size:14px}
.pill .ico{width:16px;height:16px;transition:transform .5s var(--out)}
.pill:hover .ico{transform:translateX(3px)}
.hero__title{font-size:clamp(40px,4.05vw,70px);line-height:1.04;letter-spacing:-.038em;margin-top:30px}
.line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.line>span{display:block}
.hero__lead{margin-top:26px;max-width:31em;color:var(--mute);font-size:clamp(18px,1.35vw,19.5px);line-height:1.6}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero__proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:40px;font-size:16px;color:var(--mute);font-weight:500}
.hero__proof strong{color:var(--ink);font-weight:700}
.hero__proof i{width:3px;height:3px;border-radius:50%;background:var(--soft)}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars svg{width:17px;height:17px;fill:currentColor}
.hero__media{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:32px var(--gutter) 32px 32px;border-radius:var(--r-l) 0 0 var(--r-l);margin-bottom:24px;scroll-margin-top:96px}
.hero__photo{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#EFEBE8}
.hero__photo img{position:absolute;left:0;top:-6%;width:100%;height:112%;max-width:none;object-fit:cover;object-position:34% 36%;will-change:transform}

/* cartao do orcamento */
.quote{position:relative;width:100%;max-width:416px;padding:28px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}
.quote__head h2{font-size:26px;letter-spacing:-.03em;line-height:1.15}
.quote__head p{margin-top:6px;font-size:16px;line-height:1.45;color:var(--mute)}
.form{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form__row--3{grid-template-columns:1.25fr 1fr 1fr}
.field{min-width:0}
.field label{display:block;margin-bottom:6px;font-size:14.5px;font-weight:600;letter-spacing:-.008em;color:var(--ink)}
.field input,.field select,.field textarea{display:block;width:100%;height:48px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-s);background:#fff;font-size:16px;font-weight:500;letter-spacing:-.008em;transition:border-color .25s ease,box-shadow .25s ease;-webkit-appearance:none;appearance:none}
.field textarea{height:auto;min-height:72px;padding:11px 13px;line-height:1.4;resize:vertical}
.field select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A5C5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;text-overflow:ellipsis}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#CFC2BC}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--rose);box-shadow:0 0 0 3px rgba(184,99,92,.16)}
.form__more{display:none;align-items:center;gap:8px;align-self:flex-start;height:30px;padding:0;border:0;background:none;font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--rose-ink);cursor:pointer}
.form__more .ico{width:17px;height:17px;transition:transform .55s var(--out)}
.form__more span{font-weight:500;color:var(--soft);font-size:14.5px}
.form__more[aria-expanded="true"] .ico{transform:rotate(45deg)}
.js .form__more{display:inline-flex}
.form__extra-in{display:flex;flex-direction:column;gap:14px}
.js .form__extra{height:0;overflow:hidden}
.js .form__extra.is-open{height:auto}
.js .form__extra.is-open:not(.is-moving){overflow:visible}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__status{font-size:15.5px;line-height:1.4;font-weight:500;margin:0}
.form__status:empty{display:none}
.form__status.ok{color:#3D7355}
.form__status.err{color:#A23A36}

/* confianca */
.trust{padding-block:clamp(48px,6vw,84px) 0}
.trust__nums{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.stat{padding:8px 0 8px clamp(20px,2.4vw,36px);border-left:1px solid var(--line)}
.stat:first-child{padding-left:0;border-left:0}
.stat__n{display:flex;align-items:center;gap:10px;font-size:clamp(48px,5.2vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.stat__n svg{width:.5em;height:.5em;fill:var(--gold)}
.stat__l{margin-top:10px;color:var(--mute);font-size:17px}
.trust__tags{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;margin-top:clamp(36px,4vw,56px);padding-block:22px;border-block:1px solid var(--line);font-size:16.5px;font-weight:500;letter-spacing:-.01em}
.trust__tags li{display:inline-flex;align-items:center;gap:9px}
.trust__tags .ico{color:var(--rose);width:18px;height:18px;stroke-width:2.2}

/* cabecalho de secao */
.head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end;margin-bottom:clamp(40px,4.6vw,68px)}
.head p{color:var(--mute);max-width:27em;justify-self:end}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(236px,21vw,306px)) repeat(2,clamp(236px,18.4vw,264px));gap:16px;grid-template-areas:
  "a a a a a a a b b b b b"
  "a a a a a a a c c c c c"
  "d d d d e e e e f f f f"
  "g g g g g h h h i i i i"}
.t-deep{grid-area:a}.t-recur{grid-area:b}.t-home{grid-area:c}.t-move{grid-area:d}.t-office{grid-area:e}.t-windows{grid-area:f}.t-carpet{grid-area:g}.t-org{grid-area:h}.t-extra{grid-area:i}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:var(--r-l);isolation:isolate}
.tile__t{display:block;font-size:23px;font-weight:600;letter-spacing:-.026em;line-height:1.2}
.tile__t--lg{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}
.tile__d{display:block;margin-top:6px;font-size:17px;line-height:1.45;color:var(--mute)}
.tile--plain,.tile--blush{padding:28px}
.tile--plain{box-shadow:inset 0 0 0 1px var(--line);background:#fff;transition:box-shadow .4s ease}
.tile--plain:hover{box-shadow:inset 0 0 0 1px var(--line-2),0 22px 44px -32px rgba(46,36,36,.4)}
.tile--blush{background:var(--blush)}
.tile__icon{position:absolute;left:28px;top:28px;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--blush);color:var(--rose-ink)}
.tile__icon .ico{width:23px;height:23px}
.tile__go{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .35s ease,color .35s ease,transform .5s var(--out)}
.tile__go .ico{width:18px;height:18px}
.tile:hover .tile__go{background:var(--rose-fill);color:#fff;transform:rotate(45deg)}
.tile--blush .tile__go{box-shadow:none}
.tile__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tile__chips span{height:34px;display:inline-flex;align-items:center;padding:0 13px;border-radius:9px;background:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em}
.tile__img{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#EFEBE8}
.tile__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.tile--photo:hover .tile__img img{transform:scale(1.035)}
.tile__label{display:block;margin:14px;padding:18px 20px;width:fit-content;min-width:min(250px,calc(100% - 28px));max-width:calc(100% - 28px);background:#fff;border-radius:14px;box-shadow:0 14px 34px -22px rgba(46,36,36,.45)}
.tile__flag{display:inline-flex;align-items:center;height:28px;padding:0 11px;margin-bottom:10px;border-radius:8px;background:var(--blush);color:var(--rose-ink);font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.t-deep .tile__label{max-width:420px;padding:24px 26px}
.t-deep .tile__t{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}
.t-deep .tile__img img{object-position:50% 40%}
.t-home .tile__img img{object-position:50% 62%}
.t-windows .tile__img img{object-position:66% 50%}
.t-carpet .tile__img img{object-position:0% 42%}

/* por que nos */
.why{padding-top:0}
.why__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,88px);align-items:stretch}
.why__photo{position:relative;overflow:hidden;border-radius:var(--r-l);min-height:640px;background:#EFEBE8}
.why__photo img{position:absolute;inset:-6% 0;width:100%;height:112%;max-width:none;object-fit:cover;object-position:34% 50%}
.why__body{padding-block:16px}
.why__lead{margin-top:20px;color:var(--mute);max-width:27em}
.why__list{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.why__list li{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 0 26px}
.why__list li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform-origin:left;transform:scaleX(var(--ln,1))}
.why__list .ico{color:var(--rose);width:24px;height:24px}
.why__list h3{font-size:20px;letter-spacing:-.022em;line-height:1.25}
.why__list p{margin-top:5px;font-size:17px;line-height:1.45;color:var(--mute)}

/* como funciona: pilha presa */
.how{--top:216px;--gap:34vh;position:relative;background:var(--mist);padding-block:clamp(76px,8vw,112px) clamp(56px,6vw,80px)}
.how__head{position:sticky;top:88px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;height:112px;margin-bottom:16px}
.how__steps{display:flex;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--soft)}
.how__steps li{position:relative;display:flex;align-items:center;gap:9px;width:172px;padding-bottom:12px;transition:color .4s ease}
.how__steps li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease}
.how__steps li i{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--line-2);overflow:hidden}
.how__steps li b{position:absolute;inset:0;background:var(--rose);transform:scaleX(0);transform-origin:left;display:block}
.how__steps li.is-on{color:var(--ink)}
.how__steps li.is-on span{background:var(--rose-fill);color:#fff;box-shadow:none}
.how__stack{display:flex;flex-direction:column;gap:var(--gap);position:relative;z-index:2}
.how__card{position:sticky;top:calc(var(--top) + var(--i)*12px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);height:calc(100svh - var(--top) - 52px);min-height:430px;max-height:680px;background:#fff;border-radius:var(--r-l);overflow:hidden;box-shadow:0 0 0 1px rgba(46,36,36,.05),0 -18px 50px -30px rgba(46,36,36,.28);transform-origin:50% 0;will-change:transform}
.how__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,64px)}
.how__num{font-size:16px;font-weight:700;color:var(--rose-ink);letter-spacing:-.005em}
.how__text h3{margin-top:14px;font-size:clamp(32px,3.2vw,46px);letter-spacing:-.034em;line-height:1.1}
.how__text>p:not(.how__num){margin-top:18px;color:var(--mute);max-width:26em}
.how__text ul{margin-top:24px;display:grid;gap:10px;font-size:17px;font-weight:500}
.how__text li{display:flex;align-items:center;gap:10px}
.how__text li .ico{color:var(--rose);width:18px;height:18px;stroke-width:2.2}
.how__text blockquote{margin-top:22px;padding-left:18px;border-left:2px solid var(--rose);font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.4;letter-spacing:-.018em;color:var(--ink)}
.how__photo{position:relative;overflow:hidden;background:#EFEBE8}
.how__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}

/* depoimentos */
.reviews{overflow:hidden}
.reviews__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(36px,4vw,56px)}
.reviews__side{display:flex;flex-direction:column;align-items:flex-end;gap:18px;text-align:right}
.reviews__side p{color:var(--mute)}
.reviews__ctrl{display:flex;gap:10px}
.round{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,opacity .3s ease}
.round:hover{background:var(--rose-fill);color:#fff;box-shadow:none}
.round:disabled{opacity:.4;cursor:default;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
#revPrev .ico{transform:rotate(180deg)}
.rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);padding-block:2px;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
.rail.is-drag *{pointer-events:none}
.msg{flex:0 0 min(440px,84vw);min-height:372px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;background:var(--mist);border-radius:var(--r-l);scroll-snap-align:start}
.msg blockquote{font-size:clamp(20px,1.6vw,23px);font-weight:500;line-height:1.42;letter-spacing:-.02em}
.msg figcaption{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:500;color:var(--mute)}
.msg figcaption .ico{color:var(--rose);width:18px;height:18px;flex:none}
.msg--photo{flex-basis:min(640px,84vw);flex-direction:row;padding:0;background:var(--blush);gap:0;overflow:hidden}
.msg__img{flex:0 0 42%;position:relative;overflow:hidden}
.msg__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.msg__txt{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;flex:1}
.rail__bar{position:relative;height:2px;margin-top:32px;background:var(--line);overflow:hidden;border-radius:2px}
.rail__bar span{position:absolute;inset:0;background:var(--rose);transform-origin:left;transform:scaleX(.12)}

/* sobre */
.about{padding-top:0}
.about__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,88px);align-items:center}
.about__story{margin-top:28px;display:grid;gap:16px;color:var(--mute)}
.about__sign{display:flex;align-items:center;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.about__sign img{width:60px;height:60px;border-radius:14px;object-fit:cover}
.about__sign strong{display:block;font-weight:600;letter-spacing:-.018em;font-size:18px;line-height:1.3}
.about__sign span{display:block;font-size:16px;color:var(--mute);line-height:1.35}
.about__photo{overflow:hidden;border-radius:var(--r-l);aspect-ratio:5/4.4;background:#EFEBE8}
.about__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* oferta */
.offer__panel{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:stretch;min-height:500px;background:var(--blush);border-radius:var(--r-l);overflow:hidden}
.offer__text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(36px,5vw,76px)}
.offer__text h2{margin-top:12px}
.offer__text>p:not(.eyebrow){margin-top:18px;color:var(--mute);max-width:25em}
.offer__text .btn{margin-top:30px}
.offer__photo{position:relative;overflow:hidden;background:#EFEBE8}
.offer__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* faq */
.faq__grid{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(32px,5vw,72px)}
.faq__head{position:sticky;top:112px;align-self:start}
.faq__head p{margin-top:20px;color:var(--mute);max-width:18em}
.faq__head a{color:var(--rose-ink);font-weight:600;white-space:nowrap;border-bottom:1px solid currentColor}
.qa{position:relative}
.qa::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform-origin:left;transform:scaleX(var(--ln,1))}
.qa:last-child::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line-2)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:clamp(19px,1.6vw,22px);font-weight:600;letter-spacing:-.024em;line-height:1.3;cursor:pointer;transition:color .3s ease}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--rose-ink)}
.qa summary .ico{color:var(--rose);width:22px;height:22px;transition:transform .55s var(--out)}
.qa[open] summary .ico{transform:rotate(45deg)}
.qa__a{overflow:hidden}
.qa__a p{padding:0 56px 26px 0;color:var(--mute);max-width:36em}

/* fechamento */
.close{padding-bottom:clamp(64px,7vw,104px)}
.close__panel{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:640px;padding:clamp(20px,3vw,44px);border-radius:var(--r-l);overflow:hidden}
.close__img{position:absolute;inset:0;background:#EFEBE8;overflow:hidden}
.close__img img{width:100%;height:100%;object-fit:cover;object-position:0% 62%}
.close__card{position:relative;width:100%;max-width:640px;padding:clamp(28px,3.4vw,48px);background:#fff;border-radius:18px;box-shadow:var(--shadow)}
.close__card>p{margin-top:16px;color:var(--mute)}
.close__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* rodape */
.foot{border-top:1px solid var(--line);padding-block:clamp(52px,6vw,80px) 32px;font-size:16.5px}
.foot__grid{display:grid;grid-template-columns:minmax(0,4.4fr) repeat(3,minmax(0,2.5fr));gap:32px}
.foot__brand img{width:124px;height:auto}
.foot__brand p{margin-top:16px;max-width:19em;color:var(--mute)}
.foot h3{font-size:16px;font-weight:600;letter-spacing:-.012em;margin-bottom:12px}
.foot ul{display:grid;gap:7px;color:var(--mute)}
.foot li a{transition:color .25s ease;overflow-wrap:anywhere}
.foot li a:hover{color:var(--rose-ink)}
.foot__sub{margin-top:22px}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;margin-top:clamp(40px,5vw,60px);padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--mute)}
.foot__base a{text-decoration:underline;text-underline-offset:2px}

/* estados iniciais: so com JS e movimento liberado */
.motion:not(.ready) .hero__title .line>span{transform:translateY(112%)}
.motion:not(.ready) [data-hero]{opacity:0}
.motion:not(.ready) .hero__photo{clip-path:inset(0 0 0 100% round 20px)}
.motion:not(.ready) .quote{opacity:0}
.motion:not(.ready) .nav__bar{opacity:0}

/* ===== telas menores ===== */
@media (max-width:1240px){
  .nav__links{gap:22px;font-size:15.5px}
  .nav__phone{display:none}
}
@media (max-width:1120px){
  :root{--gutter:40px}
  .bento{grid-template-rows:none;grid-auto-rows:minmax(260px,auto);grid-template-areas:
    "a a a a a a a a a a a a"
    "a a a a a a a a a a a a"
    "b b b b b b c c c c c c"
    "d d d d d d e e e e e e"
    "f f f f f f g g g g g g"
    "h h h h h h i i i i i i"}
  .why__grid,.about__grid,.offer__panel{grid-template-columns:minmax(0,1fr)}
  .why__photo{min-height:0;aspect-ratio:16/10}
  .about__photo{order:-1}
  .offer__photo{min-height:340px}
  .faq__grid{grid-template-columns:minmax(0,1fr)}
  .faq__head{position:static}
  .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .hero{grid-template-columns:minmax(0,1fr);padding-left:0;min-height:0}
  .hero__text{padding:40px var(--gutter) 40px}
  .hero__media{min-height:640px;margin:0;padding:40px var(--gutter);border-radius:0}
  .hero__title{font-size:clamp(48px,7vw,68px)}
  .hero__photo{border-radius:0}
}
@media (max-width:980px){
  /* menu vira gaveta */
  .js .nav__links{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:96px 28px 48px;background:#fff;font-size:34px;font-weight:600;letter-spacing:-.03em;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}
  .js .nav__links a::after{display:none}
  .js .nav.is-open .nav__links{visibility:visible;opacity:1;transition:opacity .35s ease}
  html:not(.js) .nav__links{display:none}
  .js .nav__toggle{position:relative;display:block;width:44px;height:44px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;pointer-events:auto}
  .nav__toggle span{position:absolute;left:12px;right:12px;height:1.8px;border-radius:2px;background:var(--ink);transition:transform .45s var(--out),top .45s var(--out)}
  .nav__toggle span:nth-child(1){top:17px}
  .nav__toggle span:nth-child(2){top:25px}
  .nav.is-open .nav__toggle span:nth-child(1){top:21px;transform:rotate(45deg)}
  .nav.is-open .nav__toggle span:nth-child(2){top:21px;transform:rotate(-45deg)}
  .nav__actions{gap:8px}
  .nav.is-open .nav__bar::before{opacity:0}
}
@media (max-width:760px){
  :root{--gutter:24px}
  body{font-size:17px}
  html{scroll-padding-top:88px}
  .section{padding-block:80px}
  .nav__bar{height:80px}
  .nav__logo{width:76px;height:62px}
  .nav.is-small{padding:8px 12px 0}
  .nav.is-small .nav__bar{height:62px;padding-inline:12px 8px}
  .nav.is-small .nav__logo{transform:scale(.72)}
  .hero{padding-top:80px}
  .hero__text{padding:24px var(--gutter) 32px}
  .hero__title{font-size:clamp(36px,12.4vw,50px);margin-top:22px;line-height:1.05}
  .hero__lead{margin-top:18px;font-size:17.5px}
  .hero__cta{margin-top:24px;width:100%}
  .hero__cta .btn{flex:1 1 100%;padding-inline:16px;height:54px;font-size:16.5px}
  .hero__proof{margin-top:22px;font-size:16px}
  .hero__proof i,.hero__proof span:last-child{display:none}
  .hero__media{display:block;min-height:0;padding:0 0 8px}
  .hero__media .hero__photo{position:relative;inset:auto;height:300px;width:100%}
  .quote{max-width:none;width:auto;margin:-56px 16px 0;padding:24px 20px}
  .quote__head h2{font-size:24px}
  .form__row--3{grid-template-columns:1fr 1fr}
  .form__row--3 .field:first-child{grid-column:1/-1}
  .trust{padding-top:64px}
  .trust__nums{grid-template-columns:1fr 1fr;row-gap:32px}
  .stat,.stat:first-child{padding:0;border-left:0}
  .stat__n{font-size:52px}
  .stat__l{font-size:16px;margin-top:6px}
  .trust__tags{flex-direction:column;gap:12px;margin-top:36px}
  .head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:36px}
  .head p{justify-self:start}
  .bento{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i";gap:12px}
  .tile--photo{min-height:300px}
  .t-deep{min-height:420px}
  .tile--plain,.tile--blush{padding:22px;min-height:0;justify-content:flex-start}
  .tile--plain .tile__icon{position:static;margin-bottom:18px}
  .tile__go{right:16px;top:16px}
  .tile__label{margin:10px;padding:16px;max-width:none}
  .t-deep .tile__label{padding:18px}
  .why__photo{aspect-ratio:4/3.4}
  .why__list{grid-template-columns:minmax(0,1fr)}
  .why__list li{flex-direction:row;gap:14px;padding:18px 0}
  .why__list .ico{margin-top:2px}
  .how{--top:82px;--gap:26vh;padding-top:80px}
  .how__head{position:static;display:block;height:auto;margin-bottom:28px}
  .how__steps{display:none}
  .how__card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:calc(100svh - var(--top) - 24px);max-height:640px;min-height:520px}
  .how__photo{order:-1;min-height:0}
  .how__text{padding:24px 22px 26px;justify-content:flex-start}
  .how__text h3{font-size:29px;margin-top:8px}
  .how__text>p:not(.how__num){margin-top:10px;font-size:17px;line-height:1.5}
  .how__text ul{display:none}
  .how__text blockquote{margin-top:14px;font-size:18px}
  .reviews__head{display:block}
  .reviews__side{align-items:flex-start;text-align:left;margin-top:14px}
  .reviews__ctrl{display:none}
  .rail{gap:12px}
  .msg{min-height:312px;padding:24px;flex-basis:86vw}
  .msg--photo{flex-direction:column;flex-basis:86vw;padding:0}
  .msg__img{flex:0 0 190px}
  .msg__txt{padding:22px 24px 24px;gap:16px}
  .msg--photo blockquote{font-size:19px}
  .rail__bar{margin-top:24px}
  .offer__panel{min-height:0}
  .offer__text{padding:32px 24px}
  .offer__text .btn{width:100%}
  .offer__photo{min-height:240px}
  .faq__grid{gap:24px}
  .qa summary{padding:20px 0;gap:16px}
  .qa__a p{padding-right:24px}
  .close__panel{min-height:0;padding:0;display:block;border-radius:var(--r-l)}
  .close__img{position:relative;height:220px;border-radius:var(--r-l) var(--r-l) 0 0}
  .close__card{max-width:none;padding:24px 4px 0;box-shadow:none;border-radius:0}
  .close__cta .btn{width:100%}
  .foot__grid{grid-template-columns:1fr 1fr;gap:28px 20px}
  .foot__brand,.foot__contact{grid-column:1/-1}
  .foot__base{flex-direction:column}
}
@media (max-height:760px) and (min-width:761px){
  .how{--top:190px}
  .how__head{height:88px;top:80px;margin-bottom:8px}
  .how__text ul{display:none}
}
@media (prefers-reduced-motion:reduce){
  .how__card,.how__head{position:static;height:auto;max-height:none}
  .how__stack{gap:20px}
  .how__card{min-height:480px}
  .how__steps{display:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* =====================================================================
   Site final: paginas internas (About, Services, Contact) e ajustes
   ===================================================================== */

/* links de texto com seta */
.head__side{justify-self:end;max-width:27em;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.head__side p{color:var(--mute)}
.more{display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;border-bottom:1.5px solid rgba(164,80,74,.28);font-size:16.5px;font-weight:600;letter-spacing:-.012em;color:var(--rose-ink);transition:border-color .3s ease}
.more:hover{border-color:currentColor}
.more .ico{width:17px;height:17px;transition:transform .5s var(--out)}
.more:hover .ico{transform:translateX(4px)}
.about__more{margin-left:auto}
.nav__links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}

/* topo das paginas internas */
.ptop{padding-top:104px}
.ptop__in{padding-block:clamp(56px,6.4vw,104px) clamp(56px,6vw,96px)}
.ptop__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px clamp(40px,5vw,80px);align-items:end}
.ptop__title{font-size:clamp(44px,4.6vw,68px);line-height:1.04;letter-spacing:-.038em;margin-top:28px}
.ptop__side{padding-bottom:6px}
.ptop__lead{color:var(--mute);font-size:clamp(18px,1.35vw,19.5px);line-height:1.6;max-width:30em}
.ptop__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ptop__sign{margin-top:28px;padding-top:22px}
.ptop__nums{margin-top:clamp(56px,6vw,96px);padding-top:clamp(36px,3.6vw,52px);border-top:1px solid var(--line)}
.ptop__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ptop__chips li{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 12px;border-radius:11px;box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px;font-weight:600;letter-spacing:-.012em}
.ptop__chips .ico{color:var(--rose);width:19px;height:19px}

/* topo do About: texto e foto delas */
.ptop__grid--media{align-items:center}
.ptop__text .ptop__lead{margin-top:26px}
.ptop__media--portrait{position:relative;justify-self:end;width:100%;max-width:480px}
.ptop__media--portrait .ptop__photo{position:relative;aspect-ratio:1/1.04;overflow:hidden;border-radius:var(--r-l);background:#EFEBE8}
.ptop__media--portrait .ptop__photo img{position:absolute;left:0;top:-4%;width:100%;height:108%;max-width:none;object-fit:cover;object-position:50% 40%;will-change:transform}
.ptop__quote{position:absolute;left:-56px;bottom:36px;max-width:300px;padding:18px 22px;background:#fff;border-radius:14px;box-shadow:var(--shadow)}
.ptop__quote blockquote{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.ptop__quote figcaption{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:500;color:var(--mute)}
.ptop__quote .ico{width:17px;height:17px;color:var(--rose)}

/* historia em tres momentos: sem JS e no celular, empilhada */
.story__pin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,88px);row-gap:clamp(56px,6.4vw,96px);align-items:center}
.story__copy,.story__steps,.story__media{display:contents}
.story__head{grid-column:1/-1}
.story__head h2{margin-top:14px}
.story__rail{display:none}
.step--1{grid-area:2/1}.frame--1{grid-area:2/2}
.step--2{grid-area:3/1}.frame--2{grid-area:3/2}
.step--3{grid-area:4/1}.frame--3{grid-area:4/2}
.step__k{font-size:16px;font-weight:700;color:var(--rose-ink);letter-spacing:-.005em}
.step h3{margin-top:12px;font-size:clamp(32px,3.2vw,46px);letter-spacing:-.034em;line-height:1.1}
.step p:not(.step__k){margin-top:18px;color:var(--mute);max-width:28em}
.frame{position:relative;overflow:hidden;border-radius:var(--r-l);aspect-ratio:4/3;background:#EFEBE8}
.frame>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.frame--3>img{object-position:50% 40%}
.frame__quote{position:absolute;left:18px;bottom:18px;max-width:min(430px,calc(100% - 36px));padding:20px 22px;background:#fff;border-radius:14px;box-shadow:0 14px 34px -22px rgba(46,36,36,.45)}
.frame__quote blockquote{font-size:clamp(18px,1.4vw,20.5px);font-weight:500;line-height:1.42;letter-spacing:-.018em}
.frame__quote span{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:15px;font-weight:500;color:var(--mute)}
.frame__quote .ico{width:17px;height:17px;color:var(--rose)}

/* historia presa (desktop, classe posta pelo main.js) */
.story.is-pin{padding:0}
.story.is-pin .story__pin{height:100vh;min-height:700px;padding-top:104px;padding-bottom:44px;row-gap:0;align-items:center}
.story.is-pin .story__copy{display:block;grid-area:1/1;will-change:transform,opacity}
.story.is-pin .story__head h2{font-size:clamp(34px,3.1vw,46px)}
.story.is-pin .story__rail{display:flex;gap:10px;margin-top:34px;font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--soft)}
.story__rail li{position:relative;display:flex;align-items:center;gap:9px;flex:1 1 0;max-width:172px;padding-bottom:12px;white-space:nowrap;transition:color .4s ease}
.story__rail li span{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease}
.story__rail li i{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--line-2);overflow:hidden}
.story__rail li b{position:absolute;inset:0;display:block;background:var(--rose);transform:scaleX(0);transform-origin:left}
.story__rail li.is-on{color:var(--ink)}
.story__rail li.is-on span{background:var(--rose-fill);color:#fff;box-shadow:none}
.story.is-pin .story__steps{display:block;position:relative;margin-top:40px;min-height:290px}
.story.is-pin .step{position:absolute;inset:0 0 auto 0}
.story.is-pin .step__k{display:none}
.story.is-pin .step h3{margin-top:0}
.story.is-pin .story__media{display:block;position:relative;grid-area:1/2;height:min(72vh,660px)}
.story.is-pin .frame{position:absolute;inset:0;aspect-ratio:auto}
.story.is-pin .frame--3{--open:0;left:calc(var(--fl,0px) * -1);border-radius:0;clip-path:inset(0 0 0 calc(var(--fl,0px) * (1 - var(--open))) round 20px)}
.story.is-pin .frame--3>img{transform:translate3d(calc(var(--fl,0px) * .5 * (1 - var(--open))),0,0)}
.story.is-pin .frame__quote{left:24px;bottom:24px;padding:22px 26px}

/* valores */
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,3vw,48px)}
.vals>li{position:relative;display:flex;flex-direction:column;gap:16px;padding:30px 0 36px}
.vals>li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform-origin:left;transform:scaleX(var(--ln,1))}
.vals__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--blush);color:var(--rose-ink)}
.vals__ico .ico{width:24px;height:24px}
.vals h3{font-size:22px;letter-spacing:-.024em;line-height:1.25}
.vals p{margin-top:6px;font-size:17px;line-height:1.5;color:var(--mute);max-width:24em}

/* mural de mensagens */
.notes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}
.note{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;background:var(--mist);border-radius:var(--r-l)}
.note blockquote{font-size:clamp(20px,1.55vw,22.5px);font-weight:500;line-height:1.42;letter-spacing:-.02em}
.note figcaption{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:500;color:var(--mute)}
.note figcaption .ico{color:var(--rose);width:18px;height:18px}
.note--lead{grid-row:1/3;padding:clamp(32px,3.4vw,48px);background:var(--blush)}
.note--lead blockquote{font-size:clamp(26px,2.3vw,34px);line-height:1.3;letter-spacing:-.03em}
.note__mark{display:block;height:44px;font-size:84px;line-height:1;font-weight:600;color:var(--rose);letter-spacing:0}
.note--photo{grid-row:1/3;padding:0;overflow:hidden;background:var(--mist)}
.note--photo .note__img{position:relative;flex:1 1 auto;min-height:300px;overflow:hidden}
.note--photo .note__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.note--photo .note__txt{display:flex;flex-direction:column;gap:20px;padding:26px 28px 30px}

/* destaques de servico */
.feature{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:stretch;min-height:540px;background:var(--blush);border-radius:var(--r-l);overflow:hidden}
.feature+.feature{margin-top:16px}
.feature--mist{background:var(--mist)}
.feature__text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(36px,5vw,76px)}
.feature__text h2{margin-top:14px}
.feature__text>p:not(.eyebrow){margin-top:18px;color:var(--mute);max-width:27em}
.feature__text .btn{margin-top:30px}
.feature__note{margin-top:16px!important;font-size:15.5px}
.feature__photo{position:relative;overflow:hidden;background:#EFEBE8;min-height:340px}
.feature__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature--flip .feature__photo{order:-1}
.feature__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.feature__chips a{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px;font-weight:600;letter-spacing:-.012em;transition:box-shadow .35s ease,color .35s ease}
.feature__chips a:hover{box-shadow:inset 0 0 0 1px var(--rose);color:var(--rose-ink)}
.feature__chips .ico{width:16px;height:16px;transition:transform .5s var(--out)}
.feature__chips a:hover .ico{transform:translateX(3px)}
.flag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;background:#fff;color:var(--rose-ink);font-size:15px;font-weight:700;letter-spacing:-.01em}

/* bento da pagina de servicos */
.bento--svc{grid-template-rows:repeat(2,clamp(236px,19vw,284px)) repeat(2,clamp(236px,18.4vw,264px));grid-template-areas:
  "a a a a a a a b b b b b"
  "a a a a a a a c c c c c"
  "d d d d d d e e e e e e"
  "f f f f f f g g g g g g"}
.s-home{grid-area:a}.s-move{grid-area:b}.s-office{grid-area:c}.s-windows{grid-area:d}.s-carpet{grid-area:e}.s-org{grid-area:f}.s-extra{grid-area:g}
.tile__ask{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--rose-ink)}
.tile__ask .ico{width:16px;height:16px;transition:transform .5s var(--out)}
.tile:hover .tile__ask .ico{transform:translateX(4px)}
.s-home .tile__img img{object-position:50% 62%}
.s-windows .tile__img img{object-position:60% 50%}
.s-carpet .tile__img img{object-position:0% 42%}
.bento--svc .s-home .tile__label{max-width:440px;padding:24px 26px}
.bento--svc .s-home .tile__t{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}

/* faixa "em toda visita" */
.every{padding-top:clamp(72px,8vw,120px)}
.every__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:6px}
.every__head h2{font-size:clamp(28px,2.6vw,36px);letter-spacing:-.03em}
.every__head p{color:var(--mute)}

/* contato */
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"intro media" "info media";grid-template-rows:auto 1fr;column-gap:clamp(32px,3.4vw,52px);padding-left:var(--gutter)}
.contact__intro{grid-area:intro;padding-top:clamp(40px,5vw,72px)}
.contact__info{grid-area:info;padding-bottom:48px}
.contact__media{grid-area:media;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:32px var(--gutter) 32px 32px;border-radius:var(--r-l) 0 0 var(--r-l);margin-bottom:24px;scroll-margin-top:96px}
.contact__media .ptop__photo{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#EFEBE8}
.contact__media .ptop__photo img{position:absolute;left:0;top:-5%;width:100%;height:110%;max-width:none;object-fit:cover;object-position:40% 50%;will-change:transform}
.contact .ptop__title{font-size:clamp(44px,4.3vw,66px)}
.quote--full{max-width:540px;padding:32px}
.quote--full .form{gap:16px}
.form__note{margin:0;font-size:15px;line-height:1.45;color:var(--mute);text-align:center}
.form__note a{color:var(--rose-ink);font-weight:600;white-space:nowrap}
.reach{margin-top:36px;border-top:1px solid var(--line)}
.reach>li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.reach__ico{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--blush);color:var(--rose-ink)}
.reach__ico .ico{width:22px;height:22px}
.reach__k{display:block;font-size:15px;font-weight:500;color:var(--mute);line-height:1.35}
.reach__v{display:block;font-size:19px;font-weight:600;letter-spacing:-.018em;line-height:1.4;overflow-wrap:anywhere}
.reach a.reach__v{transition:color .25s ease}
.reach a.reach__v:hover{color:var(--rose-ink)}
.reach__v small{font-size:inherit;font-weight:500;color:var(--soft)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.facts h3{font-size:15px;font-weight:500;color:var(--mute);letter-spacing:-.005em;line-height:1.35}
.facts p{margin-top:4px;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.4}

/* estados iniciais das paginas internas: so com JS e movimento liberado */
.motion:not(.ready) .ptop__title .line>span{transform:translateY(112%)}
.motion:not(.ready) .ptop__photo{clip-path:inset(0 0 0 100% round 20px)}
.motion:not(.ready) .ptop .quote,.motion:not(.ready) .reach>li{opacity:0}

@media (max-width:1240px){
  .vals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1120px){
  .ptop__grid{grid-template-columns:minmax(0,1fr);align-items:start}
  .ptop__media--portrait{justify-self:start;max-width:560px}
  .ptop__quote{left:auto;right:-24px}
  .notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .note--lead{grid-row:auto;grid-column:1/-1}
  .note--photo{grid-row:span 2}
  .feature{grid-template-columns:minmax(0,1fr)}
  .feature--flip .feature__photo{order:0}
  .bento--svc{grid-template-rows:none;grid-auto-rows:minmax(260px,auto);grid-template-areas:
    "a a a a a a a a a a a a"
    "a a a a a a a a a a a a"
    "b b b b b b c c c c c c"
    "d d d d d d e e e e e e"
    "f f f f f f g g g g g g"}
}
@media (max-width:1000px){
  .story__pin{grid-template-columns:minmax(0,1fr);row-gap:22px}
  .story__head{grid-area:auto;margin-bottom:18px}
  .frame--1{grid-area:2/1}.step--1{grid-area:3/1}
  .frame--2{grid-area:4/1}.step--2{grid-area:5/1}
  .frame--3{grid-area:6/1}.step--3{grid-area:7/1}
  .step--1,.step--2{margin-bottom:36px}
  .contact{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "info";grid-template-rows:none;padding-left:0}
  .contact__intro{padding:40px var(--gutter) 32px}
  .contact__info{padding:8px var(--gutter) 24px}
  .contact__media{margin:0;padding:40px var(--gutter);border-radius:0;justify-content:center}
  .contact__media .ptop__photo{border-radius:0}
  .quote--full{max-width:620px}
}
@media (max-width:760px){
  .head__side{justify-self:start}
  .about__more{margin-left:0}
  .about__sign{flex-wrap:wrap}
  .ptop{padding-top:80px}
  .ptop__in{padding-block:36px 56px}
  .ptop__title{font-size:clamp(38px,11vw,46px);margin-top:22px;line-height:1.06}
  .ptop__lead{font-size:17.5px}
  .ptop__cta{margin-top:24px;width:100%}
  .ptop__cta .btn{flex:1 1 100%;padding-inline:16px;height:54px;font-size:16.5px}
  .ptop__nums{margin-top:44px;padding-top:32px}
  .ptop__chips li{height:40px;font-size:15.5px}
  .ptop__media--portrait{max-width:none}
  .ptop__media--portrait .ptop__photo{aspect-ratio:1/1}
  .ptop__quote{right:12px;left:auto;bottom:12px;max-width:250px;padding:14px 16px}
  .ptop__quote blockquote{font-size:18px}
  .frame{aspect-ratio:4/3.3}
  .frame__quote{left:10px;right:10px;bottom:10px;max-width:none;padding:14px 16px}
  .frame__quote blockquote{font-size:16.5px;line-height:1.38}
  .frame__quote span{margin-top:8px;font-size:14px}
  .step h3{font-size:30px;margin-top:8px}
  .step p:not(.step__k){margin-top:12px}
  .vals{grid-template-columns:minmax(0,1fr)}
  .vals>li{flex-direction:row;gap:16px;padding:22px 0 24px}
  .vals__ico{flex:none;width:44px;height:44px}
  .vals h3{font-size:20px}
  .notes{grid-template-columns:minmax(0,1fr);gap:12px}
  .note,.note--lead{padding:24px}
  .note--lead,.note--photo{grid-row:auto;grid-column:auto}
  .note--lead blockquote{font-size:24px}
  .note__mark{height:36px;font-size:68px}
  .note--photo .note__img{min-height:0;height:240px;flex:none}
  .note--photo .note__txt{padding:22px 24px 24px}
  .feature{min-height:0}
  .feature__text{padding:32px 24px}
  .feature__text .btn{width:100%}
  .feature__photo{min-height:240px}
  .feature__chips a{height:42px;padding:0 15px}
  .bento--svc{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;grid-template-areas:"a" "b" "c" "d" "e" "f" "g";gap:12px}
  .bento--svc .s-home{min-height:380px}
  .bento--svc .s-home .tile__label{padding:18px}
  .every__head{display:block}
  .every__head p{margin-top:6px}
  .contact__intro{padding:28px var(--gutter) 28px}
  .contact .ptop__title{font-size:clamp(38px,11vw,46px)}
  .contact__media{display:block;padding:0 0 8px}
  .contact__media .ptop__photo{position:relative;inset:auto;height:220px;width:100%}
  .contact__media .ptop__photo img{top:0;height:100%}
  .quote--full{max-width:none;width:auto;margin:-56px 16px 0;padding:24px 20px}
  .reach{margin-top:20px}
  .reach>li{gap:14px;padding:16px 0}
  .reach__ico{width:44px;height:44px}
  .reach__v{font-size:18px}
  .facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px}
  .facts>div:last-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  .story.is-pin .story__pin{height:auto}
}
.contact__intro .ptop__lead{margin-top:24px}
.qa__a a{color:var(--rose-ink);font-weight:600;border-bottom:1px solid currentColor;overflow-wrap:anywhere}
@media (max-width:760px){
  .feature__text>div[data-fade]{align-self:stretch}
}