/* Solarium v1.3.43 — encontro entre a demonstração solar e a história da marca. */
.architectural-film-feature{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(72px,8vw,118px) 0;
  color:#191b1d;
  background:
    radial-gradient(circle at 16% 20%,rgba(255,255,255,.98),transparent 34rem),
    radial-gradient(circle at 88% 72%,rgba(224,185,105,.13),transparent 29rem),
    linear-gradient(135deg,#f8f5ee 0%,#eee8dd 100%);
}
.architectural-film-feature::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.38;
  background:linear-gradient(118deg,transparent 0 48%,rgba(255,255,255,.7) 48.2% 48.35%,transparent 48.55% 100%);
}
.architectural-film-feature__grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
}
.architectural-film-feature__media{
  position:relative;
  min-height:clamp(500px,45vw,670px);
  overflow:hidden;
  border:1px solid rgba(170,127,49,.34);
  border-radius:clamp(24px,3vw,42px);
  background:#dbe3e7;
  box-shadow:0 35px 90px rgba(41,34,25,.18),0 1px 0 rgba(255,255,255,.85) inset;
}
.architectural-film-feature__media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,12,17,.04),transparent 40%,rgba(7,12,17,.2));
}
.architectural-film-feature__media>video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:64% center;
  transform:scale(1.02);
  filter:saturate(.95) contrast(1.02) brightness(1.02);
}
.architectural-film-feature__media-label,
.architectural-film-feature__media-note{
  position:absolute;
  z-index:4;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.23);
  border-radius:999px;
  color:#fff;
  background:rgba(8,13,18,.48);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:12px;
  font-weight:780;
}
.architectural-film-feature__media-label{left:24px;top:24px;gap:9px;padding:11px 15px}
.architectural-film-feature__media-label i{width:7px;height:7px;border-radius:50%;background:#efc76b;box-shadow:0 0 12px rgba(239,199,107,.8)}
.architectural-film-feature__media-note{right:24px;bottom:24px;padding:10px 14px;color:rgba(255,255,255,.9)}
.architectural-film-feature__copy{max-width:590px}
.architectural-film-feature__eyebrow{display:inline-flex;align-items:center;gap:13px;color:#9a6d20;font-size:12px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.architectural-film-feature__eyebrow i{width:38px;height:1px;background:linear-gradient(90deg,#b27e26,#edcf87);box-shadow:0 0 10px rgba(211,163,64,.45)}
.architectural-film-feature__copy h2{max-width:590px;margin:24px 0 25px;font-size:clamp(48px,5.25vw,82px);line-height:.94;letter-spacing:-.062em;text-wrap:balance}
.architectural-film-feature__copy p{max-width:555px;margin:0;color:#5f5c56;font-size:clamp(16px,1.25vw,19px);line-height:1.72}
.architectural-film-feature__benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.architectural-film-feature__benefits span{padding:11px 14px;border:1px solid rgba(154,109,32,.2);border-radius:999px;background:rgba(255,255,255,.58);color:#3d3a35;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(64,51,31,.045)}
@media(max-width:940px){
  .architectural-film-feature__grid{grid-template-columns:1fr;gap:38px}
  .architectural-film-feature__copy{max-width:760px}
  .architectural-film-feature__copy h2{max-width:720px}
}
@media(max-width:620px){
  .architectural-film-feature{padding:58px 0 66px}
  .architectural-film-feature__grid{gap:32px}
  .architectural-film-feature__media{min-height:440px;border-radius:26px}
  .architectural-film-feature__media>video{object-position:72% center}
  .architectural-film-feature__media-label{left:15px;top:15px;padding:10px 12px;font-size:11px}
  .architectural-film-feature__media-note{right:15px;bottom:15px;font-size:11px}
  .architectural-film-feature__copy h2{margin-top:20px;font-size:clamp(43px,13vw,60px)}
  .architectural-film-feature__copy p{font-size:16px}
}