.cr-about{
    --cr-accent:#ef5047;
    --cr-hover-shift:8px;
    --cr-hover-duration:450ms;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#fff;
    font-family:Montserrat,Arial,sans-serif;
}
.cr-about__bg{
    position:absolute;
    top:0;
    bottom:0;
    width:min(44vw, 845px);
    z-index:-1;
    pointer-events:none;
    background-image:var(--cr-about-bg);
    background-repeat:no-repeat;
    background-size:auto 100%;
    opacity:1;
}
.cr-about__bg--left{left:0;background-position:left center;}
.cr-about__bg--right{right:0;background-position:left center;transform:scaleX(-1);transform-origin:center;opacity:.78;}
.cr-about__inner{
    width:100%;
    margin:0 auto;
    min-height:inherit;
    display:grid;
    grid-template-columns:minmax(0,560px) minmax(0,1fr);
    align-items:center;
    position:relative;
    z-index:1;
}
.cr-about__visual-wrap{display:flex;align-items:center;justify-content:flex-start;min-width:0;}
.cr-about__visual{
    --cr-about-x:0px;
    --cr-about-y:0px;
    position:relative;
    max-width:100%;
    transform:translate3d(var(--cr-about-x),var(--cr-about-y),0);
    transition:transform var(--cr-hover-duration) cubic-bezier(.2,.75,.25,1),filter var(--cr-hover-duration) ease;
    will-change:transform,filter;
}
.cr-about__preset{display:block;width:100%;height:auto;max-width:100%;}
.cr-about__separate-images{position:relative;aspect-ratio:600/690;width:100%;}
.cr-about__image{position:absolute;display:block;object-fit:cover;border:1px solid var(--cr-accent);background:#fff;transition:transform var(--cr-hover-duration) cubic-bezier(.2,.75,.25,1),box-shadow var(--cr-hover-duration) ease;}
.cr-about__image--back{left:0;top:0;width:70%;height:80%;border-radius:48% 48% 46% 46% / 27% 27% 27% 27%;}
.cr-about__image--front{right:0;bottom:1%;width:56%;height:63%;border-radius:49% 49% 48% 48% / 26% 26% 26% 26%;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.cr-about__content{min-width:0;transform:translateY(8px);}
.cr-about__eyebrow-row{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.cr-about__mark{width:29px;height:auto;display:block;transition:transform var(--cr-hover-duration) ease,filter var(--cr-hover-duration) ease;}
.cr-about__eyebrow{text-transform:uppercase;letter-spacing:.01em;transition:letter-spacing var(--cr-hover-duration) ease;}
.cr-about__title{margin:0;padding:0;letter-spacing:-.035em;}
.cr-about__subtitle{margin:0 0 17px;}
.cr-about__body p{margin:0 0 21px;}
.cr-about__body p:last-child{margin-bottom:0;}
.cr-about__body strong{font-weight:700;}
.cr-about__quote{margin:16px 0 19px;line-height:1.08;}
.cr-about__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border:0;line-height:1;transition:transform var(--cr-hover-duration) cubic-bezier(.2,.75,.25,1),box-shadow var(--cr-hover-duration) ease,background-color var(--cr-hover-duration) ease,color var(--cr-hover-duration) ease;will-change:transform;}
.cr-about__button-icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:transform var(--cr-hover-duration) ease;}
.cr-about__button-icon svg{width:1em;height:1em;fill:currentColor;}

/* Hover presets */
.cr-about--hover-soft .cr-about__visual:hover{transform:translate3d(var(--cr-about-x),calc(var(--cr-about-y) - (var(--cr-hover-shift) * .55)),0);filter:drop-shadow(0 14px 20px rgba(0,0,0,.08));}
.cr-about--hover-depth .cr-about__visual:hover{transform:translate3d(var(--cr-about-x),calc(var(--cr-about-y) - var(--cr-hover-shift)),0) scale(1.012);filter:drop-shadow(0 18px 26px rgba(0,0,0,.11));}
.cr-about--hover-float .cr-about__visual:hover{transform:translate3d(var(--cr-about-x),calc(var(--cr-about-y) - var(--cr-hover-shift)),0);filter:drop-shadow(0 20px 28px rgba(0,0,0,.12));}
.cr-about--hover-depth .cr-about__separate-images:hover .cr-about__image--back{transform:translate3d(calc(var(--cr-hover-shift) * -.3),calc(var(--cr-hover-shift) * -.25),0) scale(1.01);}
.cr-about--hover-depth .cr-about__separate-images:hover .cr-about__image--front{transform:translate3d(calc(var(--cr-hover-shift) * .35),calc(var(--cr-hover-shift) * -.5),0) scale(1.025);box-shadow:0 18px 42px rgba(0,0,0,.14);}
.cr-about--hover-float .cr-about__separate-images:hover .cr-about__image--front{transform:translateY(calc(var(--cr-hover-shift) * -1));}
.cr-about__button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(239,80,71,.24);}
.cr-about__button:hover .cr-about__button-icon{transform:rotate(8deg) scale(1.12);}
.cr-about__content:hover .cr-about__mark{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 3px 6px rgba(239,80,71,.18));}
.cr-about__content:hover .cr-about__eyebrow{letter-spacing:.035em;}

@media (max-width:1024px){
    .cr-about__inner{grid-template-columns:minmax(0,46%) minmax(0,54%);}
    .cr-about__title{font-size:clamp(36px,4.5vw,50px);}
    .cr-about__bg{width:50vw;}
}
@media (max-width:767px){
    .cr-about__inner{grid-template-columns:1fr;row-gap:22px;align-items:start;}
    .cr-about__visual-wrap{justify-content:center;order:1;}
    .cr-about__content{order:2;text-align:left;max-width:100%!important;}
    .cr-about__visual{max-width:min(92vw,560px);}
    .cr-about__bg{width:100vw;background-size:auto 100%;opacity:.65;}
    .cr-about__bg--right{display:none;}
    .cr-about__title{font-size:clamp(34px,10vw,48px);}
    .cr-about__body{font-size:15px;}
    .cr-about--no-mobile-hover .cr-about__visual:hover{transform:translate3d(var(--cr-about-x),var(--cr-about-y),0)!important;filter:none!important;}
    .cr-about--no-mobile-hover .cr-about__button:hover{transform:none;}
    .cr-about--no-mobile-hover .cr-about__content:hover .cr-about__mark{transform:none;filter:none;}
    .cr-about--no-mobile-hover .cr-about__content:hover .cr-about__eyebrow{letter-spacing:.01em;}
}
@media (prefers-reduced-motion:reduce){
    .cr-about *{transition:none!important;animation:none!important;}
}


/* v1.7.5 — composição mobile mais compacta e legível. */
@media(max-width:767px){
  .cr-about{min-height:auto!important}
  .cr-about__inner{padding:44px 20px 52px!important;row-gap:28px!important}
  .cr-about__visual{max-width:min(84vw,340px)!important}
  .cr-about__content{transform:none!important}
  .cr-about__eyebrow-row{margin-bottom:12px!important}
  .cr-about__title{font-size:clamp(34px,10vw,42px)!important;line-height:1!important}
  .cr-about__subtitle{font-size:14px!important;line-height:1.3!important;margin-bottom:16px!important}
  .cr-about__body{font-size:14px!important;line-height:1.48!important}
  .cr-about__body p{margin-bottom:16px!important}
}
