/* Direção de arte — carregada separadamente para evitar cache do layout-base. */
.visual-bridge{
  position:relative;
  min-height:920px;
  overflow:hidden;
  background:#11100e;
  color:#edeae3;
}

/* Refinamento global — versão 2 */
.hero-bg{background-image:linear-gradient(90deg,rgba(8,8,7,.96) 0%,rgba(8,8,7,.75) 42%,rgba(8,8,7,.26) 72%,rgba(8,8,7,.78) 100%),linear-gradient(180deg,rgba(17,16,14,.25),rgba(17,16,14,.82)),url("/uploads/image/blocks_outside.jfif");background-position:center,center,center 42%;background-size:cover,cover,cover;opacity:.82;filter:grayscale(.55) blur(1.2px) contrast(1.18);transform:scale(1.015)}

/* 01 — três planos arquitetônicos integrados. */
.architecture{overflow:hidden;background:#11100e}.architecture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#11100e 0%,rgba(17,16,14,.58) 27%,transparent 58%,rgba(17,16,14,.3) 100%),linear-gradient(180deg,#edeae3 0%,transparent 15%,transparent 82%,#11100e 100%)}
.architecture-image{z-index:0;right:23%;background-image:url("/uploads/image/style_house.jfif");background-position:center 42%;filter:grayscale(.38) contrast(1.1);opacity:.78;clip-path:polygon(0 0,88% 0,100% 17%,92% 100%,0 88%)}
.architecture-cut{position:absolute;z-index:2;top:8%;right:-3%;width:42%;height:76%;background:linear-gradient(145deg,rgba(17,16,14,.08),rgba(17,16,14,.7)),url("/uploads/image/columns_inner.jfif") center/cover no-repeat;opacity:.82;filter:grayscale(.5) contrast(1.15);clip-path:polygon(21% 0,100% 12%,100% 100%,0 88%,8% 26%)}
.architecture-ghost{position:absolute;z-index:1;left:-7%;bottom:-12%;width:38%;height:58%;background:url("/uploads/image/industry_wall.jfif") center/cover no-repeat;opacity:.2;filter:grayscale(1) blur(4px) contrast(1.3);transform:rotate(-4deg) scale(1.08);clip-path:polygon(0 8%,89% 0,100% 86%,13% 100%)}
.architecture-shape{position:absolute;z-index:4;right:36%;top:14%;width:150px;height:150px;background:rgba(189,91,50,.75);mix-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 22%,24% 22%,24% 100%,0 100%)}
.architecture-card{z-index:5;background:rgba(189,91,50,.88);box-shadow:0 24px 80px rgba(0,0,0,.28)}

/* 02 — duas imagens dissolvidas no fundo escuro. */
.services{position:relative;overflow:hidden}.services:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#11100e 0%,rgba(17,16,14,.96) 28%,rgba(17,16,14,.54) 65%,#11100e 100%),linear-gradient(180deg,#11100e 0%,transparent 28%,#11100e 100%)}
.services>*:not(.services-art){position:relative;z-index:3}.services-art{position:absolute;z-index:0;background-repeat:no-repeat;background-size:cover;pointer-events:none}.services-art-pool{top:0;right:-4%;width:58%;height:64%;background-image:url("/uploads/image/outside_pool.jfif");background-position:center 44%;opacity:.34;filter:grayscale(.58) blur(1px) contrast(1.2);clip-path:polygon(22% 0,100% 0,100% 100%,0 82%,8% 18%)}
.services-art-room{right:18%;bottom:-8%;width:42%;height:57%;background-image:url("/uploads/image/light_room.jfif");background-position:center 68%;opacity:.22;filter:grayscale(.78) blur(2px) contrast(1.24);transform:rotate(-3deg);clip-path:polygon(0 12%,88% 0,100% 89%,16% 100%)}

/* 04 — processo minimalista com luz arquitetônica. */
.process{position:relative;overflow:hidden;background:#edeae3}.process:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.98) 45%,rgba(237,234,227,.72) 72%,#edeae3 100%),linear-gradient(180deg,#edeae3 0%,transparent 44%,#edeae3 100%)}
.process>*:not(.process-art){position:relative;z-index:3}.process-art{position:absolute;z-index:0;top:0;right:-4%;width:56%;height:100%;background:url("/uploads/image/clean_room.jfif") center 45%/cover no-repeat;opacity:.3;filter:grayscale(1) contrast(.9);clip-path:polygon(24% 0,100% 0,100% 100%,0 87%,9% 18%)}.process-grid{background:rgba(237,234,227,.58)}

/* 05 — retrato fundido no fundo. */
.founder{position:relative;overflow:hidden}.founder-photo{position:relative;background-image:linear-gradient(90deg,rgba(25,25,23,.08),rgba(25,25,23,.2) 62%,#191917 100%),linear-gradient(180deg,rgba(25,25,23,.06),rgba(25,25,23,.52)),url("/uploads/image/me_ind.png");background-position:center,center,center 18%;background-size:cover;filter:grayscale(1) contrast(1.08)}.founder-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 50%,#191917 100%),linear-gradient(180deg,transparent 65%,#191917 100%)}

/* Contato — janelas sob o campo ferrugem. */
.contact{position:relative;overflow:hidden;background:#bd5b32}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(189,91,50,.96) 0%,rgba(189,91,50,.82) 50%,rgba(189,91,50,.58) 100%),linear-gradient(180deg,rgba(17,16,14,.15),rgba(189,91,50,.95)),url("/uploads/image/windows.jfif") center 45%/cover no-repeat;filter:grayscale(.25) contrast(1.1);transform:scale(1.02)}.contact:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 82% 34%,transparent 0,rgba(189,91,50,.18) 32%,rgba(189,91,50,.68) 78%)}.contact>*{position:relative;z-index:2}

@media(max-width:800px){.hero-bg{background-position:center,center,center 35%;opacity:.74;filter:grayscale(.6) blur(.8px) contrast(1.15)}.architecture-image{right:0;clip-path:polygon(0 0,100% 0,100% 83%,12% 100%)}.architecture-cut{right:-18%;width:62%;height:63%}.architecture-ghost{width:65%;height:45%}.architecture-shape{right:8%;width:105px;height:105px}.services-art-pool{right:-18%;width:88%;opacity:.27}.services-art-room{right:26%;width:64%;opacity:.15}.process-art{right:-28%;width:92%;opacity:.22}}
@media(max-width:520px){.architecture-cut{display:none}.architecture-ghost{width:82%;opacity:.16}.services-art-pool{width:110%;height:52%}.services-art-room{display:none}.process-art{right:-45%;width:125%;opacity:.18}.founder-photo{background-position:center,center,center 15%}}

/* Ajustes de leitura — versão 3 */
.hero{background:#11100e}
.hero-bg{background-position:center,center,82% 46%;background-size:cover,cover,62% auto;background-repeat:no-repeat;opacity:.88;filter:grayscale(.5) blur(.7px) contrast(1.16);transform:none}

.statement{position:relative;overflow:hidden;background:#edeae3}
.statement:before{content:"";position:absolute;top:0;right:0;bottom:0;width:58%;z-index:0;background:url("/uploads/image/steel_bg.jfif") center 48%/cover no-repeat;opacity:.2;filter:grayscale(1) blur(1px) contrast(.92)}
.statement:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.97) 34%,rgba(237,234,227,.54) 67%,#edeae3 100%),linear-gradient(180deg,#edeae3 0%,transparent 24%,transparent 76%,#edeae3 100%)}
.statement>*{position:relative;z-index:2}

.process:after{background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.97) 36%,rgba(237,234,227,.3) 68%,rgba(237,234,227,.72) 100%),linear-gradient(180deg,#edeae3 0%,rgba(237,234,227,.2) 34%,rgba(237,234,227,.36) 76%,#edeae3 100%)}
.process-art{right:-2%;width:64%;opacity:.55;filter:grayscale(1) contrast(1.02);background-position:center 48%}
.process-grid{background:rgba(237,234,227,.7)}

@media(max-width:800px){.hero-bg{background-position:center,center,74% 38%;background-size:cover,cover,88% auto;opacity:.8}.statement:before{width:78%;opacity:.17}.statement:after{background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.92) 38%,rgba(237,234,227,.45) 78%,#edeae3 100%)}.process-art{right:-22%;width:100%;opacity:.42}}
@media(max-width:520px){.hero-bg{background-position:center,center,68% 31%;background-size:cover,cover,118% auto}.statement:before{right:-25%;width:115%;opacity:.14}.process-art{right:-45%;width:140%;opacity:.34}}

/* Estúdio 01 — composição visível em três planos. */
.statement:before{display:none}
.statement:after{background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.96) 28%,rgba(237,234,227,.58) 52%,rgba(237,234,227,.24) 76%,rgba(237,234,227,.74) 100%),linear-gradient(180deg,#edeae3 0%,transparent 16%,transparent 78%,#edeae3 100%)}
.statement-art{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:cover}
.statement-art-main{z-index:0;top:0;right:0;width:60%;height:100%;background-image:url("/uploads/image/steel_bg.jfif");background-position:center 46%;opacity:.48;filter:grayscale(1) contrast(1.06);clip-path:polygon(16% 0,100% 0,100% 100%,0 88%,7% 18%)}
.statement-art-cut{z-index:0;left:18%;bottom:-13%;width:31%;height:58%;background-image:url("/uploads/image/inner_room.jfif");background-position:center 58%;opacity:.22;filter:grayscale(1) blur(2px) contrast(1.15);transform:rotate(-4deg);clip-path:polygon(0 13%,88% 0,100% 87%,12% 100%)}
.statement-art-ghost{z-index:0;right:5%;top:8%;width:24%;height:42%;background-image:url("/uploads/image/shape_bg.jfif");background-position:center;opacity:.28;filter:grayscale(.7) contrast(1.08);clip-path:polygon(18% 0,100% 9%,86% 100%,0 82%)}
.statement-content,.statement>.section-label{z-index:3}

@media(max-width:800px){.statement:after{background:linear-gradient(90deg,#edeae3 0%,rgba(237,234,227,.9) 30%,rgba(237,234,227,.38) 78%,#edeae3 100%)}.statement-art-main{right:-18%;width:92%;opacity:.4}.statement-art-cut{left:-16%;width:56%;opacity:.16}.statement-art-ghost{right:2%;width:35%;opacity:.2}}
@media(max-width:520px){.statement-art-main{right:-48%;width:145%;opacity:.32}.statement-art-cut{display:none}.statement-art-ghost{right:-12%;width:52%;opacity:.17}}

/* Marca no cabeçalho. */
.site-header .brand-logo{display:block;width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important}
@media(max-width:520px){.site-header .brand-logo{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important}}

/* Escala da assinatura principal. */
.site-header .brand{gap:15px;font-size:15px;letter-spacing:.15em}
.site-header .brand-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
@media(max-width:520px){.site-header .brand{gap:12px;font-size:14px}.site-header .brand-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}}

.visual-bridge:before{
  content:"";
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  z-index:1;
  background:
    linear-gradient(90deg,#11100e 0%,rgba(17,16,14,.92) 23%,rgba(17,16,14,.18) 58%,#11100e 100%),
    linear-gradient(180deg,#11100e 0%,transparent 18%,transparent 76%,#edeae3 100%);
  pointer-events:none;
}

.visual-bridge:after{
  content:"";
  position:absolute;
  left:6vw;right:6vw;top:0;bottom:0;
  z-index:4;
  opacity:.18;
  background:linear-gradient(90deg,transparent 49.9%,#edeae3 50%,transparent 50.1%);
  background-size:25% 100%;
  pointer-events:none;
}

.visual-photo{position:absolute;background-repeat:no-repeat;background-size:cover;background-position:center}

.visual-photo-main{
  z-index:0;
  top:-4%;right:5%;
  width:68%;height:88%;
  background-image:url("/uploads/image/raw_room.jfif");
  background-position:center 45%;
  opacity:.82;
  filter:grayscale(.28) contrast(1.12);
  clip-path:polygon(17% 0,100% 0,100% 88%,82% 100%,0 77%,0 17%);
}

.visual-photo-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(189,91,50,.3),transparent 36%,rgba(0,0,0,.54) 90%)}

.visual-photo-cut{
  z-index:2;
  right:0;bottom:3%;
  width:37%;height:54%;
  background-image:linear-gradient(145deg,rgba(17,16,14,.1),rgba(17,16,14,.72)),url("/uploads/image/industrial_stairs.jfif");
  background-position:center;
  opacity:.78;
  filter:grayscale(.5) contrast(1.2);
  clip-path:polygon(28% 0,100% 9%,100% 100%,0 100%,0 31%);
}

.visual-photo-ghost{
  z-index:0;
  left:-8%;bottom:-8%;
  width:42%;height:58%;
  background-image:url("/uploads/image/blocks_outside.jfif");
  opacity:.16;
  filter:grayscale(1) blur(3px) contrast(1.35);
  transform:rotate(-5deg) scale(1.08);
  clip-path:polygon(0 10%,86% 0,100% 100%,8% 87%);
}

.visual-shape{position:absolute;pointer-events:none}
.visual-shape-rust{z-index:3;right:34%;top:14%;width:13vw;height:13vw;min-width:120px;min-height:120px;background:rgba(189,91,50,.82);mix-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 23%,23% 23%,23% 100%,0 100%)}
.visual-shape-glass{z-index:3;left:37%;bottom:8%;width:28%;height:28%;border:1px solid rgba(237,234,227,.38);background:rgba(237,234,227,.07);box-shadow:0 28px 80px rgba(0,0,0,.38);transform:skewX(-8deg)}

.visual-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}

.visual-bridge-label{position:absolute;z-index:6;top:95px;left:6vw;font-family:"Glacial",Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em}.visual-bridge-label span{color:#bd5b32;margin-right:24px}
.visual-bridge-copy{position:absolute;z-index:6;left:6vw;top:34%;width:52%;max-width:760px}.visual-kicker{margin:0 0 35px;font-size:9px;letter-spacing:.2em}.visual-bridge h2{margin:0;font-family:"Agrandir","Arial Black",sans-serif;font-size:6vw;line-height:.86;letter-spacing:-.055em}.visual-bridge h2 span{color:#bd5b32}.visual-body{width:48%;margin:42px 0 0 auto;padding-left:24px;border-left:1px solid #bd5b32;font-size:12px;line-height:1.75;color:#bcb7ae}.visual-coordinates{position:absolute;z-index:6;left:6vw;bottom:80px;font-size:8px;line-height:1.7;letter-spacing:.18em;color:#a29e96}

@media(max-width:800px){
  .visual-bridge{min-height:820px}
  .visual-photo-main{top:0;right:-22%;width:112%;height:70%;opacity:.68;clip-path:polygon(12% 0,100% 0,100% 84%,72% 100%,0 78%,0 15%)}
  .visual-photo-cut{right:-15%;bottom:0;width:68%;height:43%;opacity:.55}
  .visual-photo-ghost{display:none}
  .visual-shape-rust{right:8%;top:12%;width:120px;height:120px;min-width:0;min-height:0}
  .visual-shape-glass{left:7%;bottom:8%;width:52%;height:24%}
  .visual-bridge-label{top:70px;left:7vw}
  .visual-bridge-copy{left:7vw;top:31%;width:86%}
  .visual-bridge h2{font-size:12vw}
  .visual-body{width:78%;margin:35px 0 0;padding-left:18px}
  .visual-coordinates{left:7vw;bottom:45px}
}

@media(max-width:520px){
  .visual-bridge{min-height:740px}
  .visual-photo-main{right:-42%;width:140%;height:67%}
  .visual-photo-cut{width:80%;height:38%}
  .visual-shape-rust{width:86px;height:86px}
  .visual-shape-glass{width:68%;height:21%}
  .visual-bridge-copy{top:30%}
  .visual-bridge h2{font-size:13vw}
  .visual-body{width:88%;font-size:11px}
}
