/* Full-size editorial scenes: photographs keep their original proportions. */
.saleslayout{--paper:#f5f2ed;--muted:#ccc9c4}
.saleslayout .hero{min-height:820px}
.saleslayout .heroimg{width:68%;object-position:center 38%}
.saleslayout .shade{background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0bf5 27%,#0b0b0bad 43%,#0b0b0b10 67%),linear-gradient(0deg,#0b0b0ba0,transparent 24%)}
.saleslayout .herocopy{width:48%;max-width:660px}
.saleslayout .herocopy h1{font-size:clamp(48px,5vw,78px)}
.saleslayout .herocopy p{max-width:470px}
.saleslayout .solutionsintro{padding-top:90px;padding-bottom:72px}
.saleslayout .refinedtopic{--scene:#131313;display:block;background:var(--scene);padding:0 0 92px;border-top:0}
.saleslayout .refinedtopic.lighttopic{--scene:#f5f2ed}
.saleslayout .servicefeature{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.65fr);align-items:center;position:relative;min-height:560px}
.saleslayout .refinedtopic .topiccopy{display:block;max-width:none;margin:0;padding:70px 2vw 70px 6vw;position:relative;z-index:1}
.saleslayout .refinedtopic .topiccopy h2{font-size:clamp(34px,3.3vw,54px);max-width:510px;line-height:1.1;letter-spacing:-.045em}
.saleslayout .refinedtopic .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.12em;max-width:350px}
.saleslayout .refinedtopic .topicpitch{margin-top:28px;max-width:420px}
.saleslayout .refinedtopic .topicpitch p{font-size:17px;line-height:1.7;margin-bottom:28px}
.saleslayout .servicebutton{font-size:13px;padding:15px 20px;line-height:1.45}
.saleslayout .featurephoto{position:relative;min-width:0;align-self:center;overflow:hidden}
.saleslayout .featurephoto::after{content:'';pointer-events:none;position:absolute;inset:0 0 35px;background:linear-gradient(90deg,var(--scene),transparent 8%),linear-gradient(0deg,var(--scene),transparent 6%)}
.saleslayout .refinedtopic .featurephoto img{width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
.saleslayout .refinedtopic .featurephoto figcaption{padding:0 6vw 0 5%;font-size:12px;margin:14px 0 0}
.saleslayout .verticalfeature{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.saleslayout .verticalfeature .featurephoto img{max-height:930px}
.saleslayout .refinedtopic .topicvisual,#personalizados .topicvisual{display:block;padding:40px 6vw 0}
.saleslayout .refinedtopic .topicsupport,#moveis .topicsupport,.saleslayout .portraitfeature .topicsupport,#personalizados .topicsupport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:0;align-items:start;max-width:none}
.saleslayout .refinedtopic .topicsupport figure{margin:0;width:100%;max-width:none;min-width:0}
.saleslayout .refinedtopic .topicsupport img,#corporativos .topicsupport img,#grandes-projetos .topicsupport img,#personalizados .topicsupport img{width:100%;height:auto;max-height:720px;object-fit:contain;background:transparent}
.saleslayout .refinedtopic .topicsupport .wideview{grid-column:1/-1}
.saleslayout .refinedtopic .topicsupport .wideview img{max-height:760px}
.saleslayout .refinedtopic .topicsupport.threeviews:not(:has(.wideview)){grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.saleslayout .refinedtopic .topicsupport.threeviews:not(:has(.wideview)) img{height:clamp(420px,43vw,700px);object-fit:contain}
.saleslayout .refinedtopic figcaption{font-size:14px;line-height:1.6;margin-top:16px}
.saleslayout #pessoal{padding-bottom:0}
.saleslayout #personalizados .topicsupport{grid-template-columns:1fr}
.saleslayout #personalizados .topicsupport img{max-height:800px}
.saleslayout #grandes-projetos .topicvideo video{width:100%;height:650px;object-fit:contain;background:#1c1c1c}
.saleslayout .publicmore{padding:0 6vw;margin-top:32px}
.saleslayout .historiascene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:90px 0;align-items:center;background:#1c1c1c}
.saleslayout .storyportrait{position:relative;min-width:0}
.saleslayout .storyfigure{position:relative}
.saleslayout .storyfigure::after{content:'';position:absolute;inset:0 0 38px;pointer-events:none;background:linear-gradient(270deg,#1c1c1c,transparent 9%),linear-gradient(0deg,#1c1c1c,transparent 8%)}
.saleslayout .storyfigure img{width:100%;max-height:1080px;object-fit:contain}
.saleslayout .storyfigure figcaption{font-size:13px;color:#ccc9c4;padding:16px 6vw 0}
.saleslayout .storysince{position:absolute;left:6vw;bottom:85px;display:flex;flex-direction:column;background:#ef961c;color:#191919;padding:20px 28px;box-shadow:0 8px 24px #0002}
.saleslayout .storysince span{font-size:10px;letter-spacing:.14em;font-weight:700}
.saleslayout .storysince b{font-size:48px;line-height:1.12;font-weight:400}
.saleslayout .historiascene .storytext{padding:30px 6vw 30px 3vw;max-width:800px}
.saleslayout .storytext h2{font-size:clamp(35px,3.4vw,54px)}
.saleslayout .storytext>p{font-size:17px;line-height:1.75}
.saleslayout .storytext .values{display:grid;grid-template-columns:1fr;gap:0;margin:28px 0}
.saleslayout .values>div{padding:18px 0}
.saleslayout .values p{font-size:15px}
.saleslayout .process{padding-top:90px;padding-bottom:90px}
.saleslayout .contact{background:linear-gradient(120deg,#131313,#24201a)}
.saleslayout form{background:#272521;border-color:#5b5143}
.saleslayout .navcta{border-color:#ef961c}
@media(min-width:1800px){.saleslayout .refinedtopic{padding-left:0;padding-right:0}.saleslayout .servicefeature{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.saleslayout .refinedtopic .topiccopy{padding-left:max(6vw,calc((100vw - 1620px)/2))}.saleslayout .refinedtopic .topicvisual{padding-left:max(6vw,calc((100vw - 1620px)/2));padding-right:max(6vw,calc((100vw - 1620px)/2))}}
@media(max-width:1100px){.saleslayout .servicefeature{grid-template-columns:38% 62%;min-height:470px}.saleslayout .refinedtopic .topiccopy{padding:45px 2vw 45px 5vw}.saleslayout .refinedtopic .topiccopy h2{font-size:36px}.saleslayout .refinedtopic .topicpitch p{font-size:16px}.saleslayout .verticalfeature{grid-template-columns:43% 57%}.saleslayout .historiascene .storytext{padding-right:5vw}.saleslayout .storytext>p{font-size:16px}.saleslayout .refinedtopic .topicsupport{gap:26px}}
@media(max-width:760px){.saleslayout .hero{min-height:900px;height:auto;padding:430px 7% 105px}.saleslayout .heroimg{width:100%;height:100%;object-position:center top}.saleslayout .shade{background:linear-gradient(0deg,#0b0b0b 0%,#0b0b0bf5 25%,#0b0b0b80 52%,transparent 80%)}.saleslayout .herocopy{width:100%}.saleslayout .herocopy h1{font-size:44px}.saleslayout .solutionsintro{padding-top:60px;padding-bottom:55px}.saleslayout .refinedtopic{padding:0 0 56px}.saleslayout .servicefeature,.saleslayout .verticalfeature{display:flex;flex-direction:column;min-height:0}.saleslayout .featurephoto{order:0;width:100%}.saleslayout .refinedtopic .featurephoto img{max-height:800px;height:auto;width:100%}.saleslayout .featurephoto::after{inset:0 0 35px;background:linear-gradient(0deg,var(--scene),transparent 8%)}.saleslayout .refinedtopic .featurephoto figcaption{padding:0 7%;font-size:12px}.saleslayout .refinedtopic .topiccopy{order:1;width:100%;padding:35px 7% 15px}.saleslayout .refinedtopic .topiccopy h2{font-size:38px;max-width:none}.saleslayout .refinedtopic .topicpitch{max-width:none;margin-top:22px}.saleslayout .refinedtopic .eyebrow{max-width:none;margin-bottom:18px}.saleslayout .refinedtopic .topicvisual{padding:25px 7% 0}.saleslayout .refinedtopic .topicsupport,.saleslayout .refinedtopic .topicsupport.threeviews:not(:has(.wideview)),#moveis .topicsupport,.saleslayout .portraitfeature .topicsupport,#personalizados .topicsupport{display:grid;grid-template-columns:1fr;gap:32px;margin:0}.saleslayout .refinedtopic .topicsupport figure:last-child:nth-child(odd){max-width:none;margin:0;grid-column:auto}.saleslayout .refinedtopic .topicsupport img,.saleslayout .refinedtopic .topicsupport.threeviews:not(:has(.wideview)) img,#corporativos .topicsupport img,#grandes-projetos .topicsupport img,#personalizados .topicsupport img{height:auto;max-height:680px;width:100%;object-fit:contain}.saleslayout .refinedtopic .topicsupport .wideview{grid-column:auto}.saleslayout #grandes-projetos .topicvideo video{height:550px}.saleslayout .publicmore{padding:0 7%}.saleslayout .historiascene{display:flex;flex-direction:column;padding:55px 0}.saleslayout .storyportrait{width:100%}.saleslayout .storyfigure img{max-height:880px;width:100%}.saleslayout .storyfigure::after{background:linear-gradient(0deg,#1c1c1c,transparent 8%)}.saleslayout .storyfigure figcaption{padding-left:7%}.saleslayout .storysince{left:7%;bottom:85px;padding:16px 24px}.saleslayout .historiascene .storytext{padding:40px 7% 0;max-width:none}.saleslayout .storytext h2{font-size:38px}.saleslayout .process{padding-top:60px;padding-bottom:60px}.saleslayout .storytext .btn{font-size:13px}}
/* Immersive v15: full-width image-led scenes with copy in a soft edge transition. */
.saleslayout .immersivetopic{padding-bottom:70px}
.saleslayout .immersivetopic .servicefeature{display:grid;grid-template-columns:1fr;min-height:0;isolation:isolate;overflow:hidden}
.saleslayout .immersivetopic .featurephoto{grid-area:1/1;width:100%;align-self:stretch;z-index:0}
.saleslayout .immersivetopic .featurephoto img{width:100%;height:auto;max-height:none;object-fit:contain}
.saleslayout .immersivetopic .featurephoto::after{inset:0 0 35px;background:linear-gradient(90deg,var(--scene) 0%,color-mix(in srgb,var(--scene) 94%,transparent) 14%,color-mix(in srgb,var(--scene) 72%,transparent) 29%,transparent 49%),linear-gradient(0deg,var(--scene),transparent 12%)}
.saleslayout .immersivetopic .topiccopy{grid-area:1/1;width:38%;padding:65px 3vw 65px 6vw;align-self:center;z-index:2}
.saleslayout .immersivetopic .topiccopy h2{font-size:clamp(34px,3.25vw,54px)}
.saleslayout .immersivetopic .topicpitch{margin-top:24px}
.saleslayout .immersivetopic .featurephoto figcaption{padding:0 6vw;font-size:13px;text-align:right;max-width:none}
.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:35%;background:var(--scene)}
.saleslayout .immersivetopic .verticalfeature .featurephoto img{height:auto;max-height:1000px;object-fit:contain}
.saleslayout .immersivetopic .verticalfeature .featurephoto::after{left:35%;background:linear-gradient(90deg,var(--scene),transparent 14%),linear-gradient(0deg,var(--scene),transparent 12%)}
.saleslayout .immersivetopic .topicvisual{padding:50px 0 0}
.saleslayout .immersivetopic .topicsupport,.saleslayout .immersivetopic .topicsupport.threeviews:not(:has(.wideview)),.saleslayout #personalizados .topicsupport,.saleslayout #moveis .topicsupport{display:grid;grid-template-columns:1fr;gap:60px;padding:0}
.saleslayout .immersivetopic .topicsupport figure{position:relative;display:grid;grid-template-columns:1fr;isolation:isolate;overflow:hidden;background:var(--scene)}
.saleslayout .immersivetopic .topicsupport img,.saleslayout .immersivetopic .topicsupport.threeviews:not(:has(.wideview)) img,.saleslayout #corporativos .topicsupport img,.saleslayout #grandes-projetos .topicsupport img,.saleslayout #personalizados .topicsupport img{grid-area:1/1;width:100%;height:auto;max-height:900px;object-fit:contain;background:transparent}
.saleslayout .immersivetopic .topicsupport figure::after{content:'';grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--scene),color-mix(in srgb,var(--scene) 76%,transparent) 5%,transparent 28%)}
.saleslayout .immersivetopic .photostory{grid-area:1/1;z-index:2;align-self:end;margin:0;padding:65px 6vw 25px;font-size:clamp(19px,2vw,30px);line-height:1.35;max-width:100%;text-wrap:balance}
.saleslayout .photolink{display:block;width:fit-content;border-bottom:1px solid currentColor;font-size:13px;line-height:1.5;margin-top:16px;padding-bottom:5px}
.saleslayout .immersivetopic .topicvideo{display:block!important;padding:0 6vw}
.saleslayout .immersivetopic .topicvideo::after{display:none}
.saleslayout .immersivetopic .topicvideo figcaption{position:static;padding:20px 0 0;font-size:20px}
.saleslayout .immersivetopic .actionviews{gap:20px}
.saleslayout .immersivetopic .actionviews figure{min-height:620px}
.saleslayout .immersivetopic .actionviews img{max-height:750px;width:85%;justify-self:center}
.saleslayout #historia{padding-top:65px;padding-bottom:75px}
.saleslayout .historiascene .storytext{max-width:none}
.saleslayout .historiascene .storytext h2{font-size:clamp(34px,3.2vw,52px)}
.saleslayout .historiascene .storytext>p{font-size:16px}
@media(max-width:1100px) and (min-width:761px){.saleslayout .immersivetopic .topiccopy{width:43%;padding:40px 2vw 40px 5vw}.saleslayout .immersivetopic .topiccopy h2{font-size:33px}.saleslayout .immersivetopic .topicpitch p{font-size:15px}.saleslayout .immersivetopic .featurephoto::after{background:linear-gradient(90deg,var(--scene),color-mix(in srgb,var(--scene) 96%,transparent) 20%,color-mix(in srgb,var(--scene) 75%,transparent) 36%,transparent 59%)}.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:42%}}
@media(max-width:760px){.saleslayout .immersivetopic{padding-bottom:45px}.saleslayout .immersivetopic .servicefeature{display:flex;overflow:visible}.saleslayout .immersivetopic .topiccopy{width:100%;padding:32px 7% 10px}.saleslayout .immersivetopic .featurephoto::after{inset:0 0 35px;background:linear-gradient(0deg,var(--scene),transparent 12%)}.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:0}.saleslayout .immersivetopic .verticalfeature .featurephoto::after{left:0;background:linear-gradient(0deg,var(--scene),transparent 12%)}.saleslayout .immersivetopic .featurephoto img,.saleslayout .immersivetopic .verticalfeature .featurephoto img{height:auto;max-height:850px}.saleslayout .immersivetopic .topiccopy h2{font-size:37px}.saleslayout .immersivetopic .featurephoto figcaption{padding:0 7%;text-align:left;font-size:12px}.saleslayout .immersivetopic .topicvisual{padding:30px 0 0}.saleslayout .immersivetopic .topicsupport,.saleslayout .immersivetopic .topicsupport.threeviews:not(:has(.wideview)),.saleslayout #personalizados .topicsupport,.saleslayout #moveis .topicsupport{gap:34px}.saleslayout .immersivetopic .topicsupport img,.saleslayout .immersivetopic .topicsupport.threeviews:not(:has(.wideview)) img,.saleslayout #corporativos .topicsupport img,.saleslayout #grandes-projetos .topicsupport img,.saleslayout #personalizados .topicsupport img{height:auto;max-height:760px;width:100%}.saleslayout .immersivetopic .photostory{font-size:20px;padding:45px 7% 20px}.saleslayout .immersivetopic .topicsupport figure::after{background:linear-gradient(0deg,var(--scene),color-mix(in srgb,var(--scene) 90%,transparent) 13%,transparent 40%)}.saleslayout .immersivetopic .photolink{font-size:12px}.saleslayout .immersivetopic .actionviews figure{min-height:500px}.saleslayout .immersivetopic .actionviews img{width:100%;max-height:650px}.saleslayout .immersivetopic .topicvideo{padding:0 7%}.saleslayout #historia{padding:45px 0 55px}.saleslayout .historiascene .storytext h2{font-size:37px}}
/* v16 image review: subtle edge transitions keep the delivered work visible. */
.saleslayout .immersivetopic .featurephoto::after{background:linear-gradient(90deg,var(--scene) 0%,color-mix(in srgb,var(--scene) 97%,transparent) 9%,color-mix(in srgb,var(--scene) 86%,transparent) 26%,transparent 43%),linear-gradient(0deg,var(--scene),transparent 5%)}
.saleslayout .immersivetopic .topiccopy{width:34%;padding-right:1.5vw}
.saleslayout .immersivetopic .topiccopy h2{font-size:clamp(32px,3vw,49px)}
.saleslayout .immersivetopic .topicpitch p{font-size:16px;line-height:1.65}
.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:32%}
.saleslayout .immersivetopic .verticalfeature .featurephoto::after{left:32%;background:linear-gradient(90deg,var(--scene),transparent 7%),linear-gradient(0deg,var(--scene),transparent 5%)}
.saleslayout .immersivetopic .topicsupport figure::after{background:linear-gradient(0deg,var(--scene),color-mix(in srgb,var(--scene) 88%,transparent) 3%,transparent 17%)}
.saleslayout .immersivetopic .photostory{font-size:clamp(18px,1.7vw,26px);padding-top:50px;padding-bottom:18px}
.saleslayout .immersivetopic .topicsupport{gap:42px}
.saleslayout #pessoal .contextviews figure{min-height:0}
.saleslayout #pessoal .contextviews img{width:100%;max-height:950px;object-fit:contain}
.saleslayout .agesalhero{max-width:1200px;padding-top:100px;padding-bottom:80px}
.saleslayout .agesalhero p{max-width:680px;color:var(--muted);margin:28px 0}
.publicpage .publicfeature{padding-left:0;padding-right:0}
.publicpage .publicfeature>.eyebrow,.publicpage .publicfeature>h2,.publicpage .publicfeature>p,.publicpage .casefacts{margin-left:6vw;margin-right:6vw}
.publicpage .publicfeature>p{max-width:780px}
.publicpage .cityvideo{max-width:1200px;width:88%;margin:55px auto}
.publicpage .cityvideo video{height:750px}
.publicpage .publicdetail{max-width:none;width:100%;margin:55px auto}
.publicpage .publicdetail .displayphoto img{max-height:950px;width:100%}
.publicpage .publicdetail figcaption{padding:0 6vw;margin-top:20px}
.publicpage .publicfeature>.btn{margin-left:6vw}
@media(max-width:1100px) and (min-width:761px){.saleslayout .immersivetopic .topiccopy{width:42%;padding-right:2vw}.saleslayout .immersivetopic .topiccopy h2{font-size:32px}.saleslayout .immersivetopic .topicpitch p{font-size:15px}.saleslayout .immersivetopic .featurephoto::after{background:linear-gradient(90deg,var(--scene),color-mix(in srgb,var(--scene) 95%,transparent) 19%,color-mix(in srgb,var(--scene) 84%,transparent) 34%,transparent 54%)}.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:41%}.saleslayout .immersivetopic .verticalfeature .featurephoto::after{left:41%}}
@media(max-width:760px){.saleslayout .immersivetopic .topiccopy{width:100%;padding-right:7%}.saleslayout .immersivetopic .topiccopy h2{font-size:37px}.saleslayout .immersivetopic .featurephoto::after{background:linear-gradient(0deg,var(--scene),transparent 7%)}.saleslayout .immersivetopic .verticalfeature .featurephoto{padding-left:0}.saleslayout .immersivetopic .verticalfeature .featurephoto::after{left:0;background:linear-gradient(0deg,var(--scene),transparent 7%)}.saleslayout .immersivetopic .topicsupport figure{display:block}.saleslayout .immersivetopic .topicsupport figure::after{display:none}.saleslayout .immersivetopic .photostory{padding:16px 7% 0;font-size:19px;position:static;margin:0}.saleslayout .immersivetopic .topicsupport{gap:32px}.saleslayout .agesalhero{padding-top:65px;padding-bottom:65px}.publicpage .cityvideo video{height:580px}.publicpage .publicfeature>h2{font-size:36px}.publicpage .publicdetail .displayphoto img{max-height:800px}}
/* Remove inherited 420px team strip and let every contextual image occupy the section. */
.saleslayout #pessoal .topicvisual{display:block;width:100%;max-width:none;padding:38px 0 0}
.saleslayout #pessoal .topicvisual .topicsupport{display:grid;grid-template-columns:1fr;width:100%;max-width:none;margin:0;padding:0;gap:42px}
.saleslayout #pessoal .topicvisual .topicsupport figure{display:grid;grid-template-columns:1fr;width:100%;max-width:none;margin:0;min-height:0}
.saleslayout #pessoal .topicvisual .topicsupport img{grid-area:1/1;width:100%;height:auto;max-height:none;object-fit:contain}
.saleslayout #pessoal .topicmain img{height:auto;max-height:none;width:100%;object-fit:contain}
.saleslayout #pessoal .topicvisual .photostory{grid-area:1/1;align-self:end;width:100%;padding:60px 6vw 24px;margin:0;z-index:2}
@media(max-width:760px){.saleslayout #pessoal .topicvisual .topicsupport{gap:32px}.saleslayout #pessoal .topicvisual .topicsupport figure{display:block}.saleslayout #pessoal .topicvisual .photostory{padding:18px 7% 0;font-size:19px}}
