/* Architectural Visualisation Fresh v4. All rules are scoped to this page. */
.sl-arch-page-v4 { --sl-arch-header-height:84px; }
.sl-arch-page-v4 .bde-header-builder-152-136 { background:#0c0c0c; }
.sl-arch-page-v4 .sl-arch-hero {
  position:relative;isolation:isolate;overflow:hidden;background:#1b1917;
  margin-top:var(--sl-arch-header-height);height:min(760px,calc(100svh - 84px));min-height:620px;color:#fff;
}
.sl-arch-page-v4 .sl-arch-hero__scene {
  display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:50% 45%;z-index:-2;
}
.sl-arch-page-v4 .sl-arch-hero__shade {
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,10,10,.64) 0%,rgba(10,10,10,.22) 54%,rgba(10,10,10,.06) 100%),linear-gradient(0deg,rgba(10,10,10,.86) 0%,rgba(10,10,10,.2) 64%,rgba(10,10,10,.08) 100%);
}
.sl-arch-page-v4 .sl-arch-hero__inner {
  width:100%;max-width:1440px;height:100%;margin:auto;padding:76px 64px 62px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:36px;
}
.sl-arch-page-v4 .sl-arch-hero__copy { width:100%;max-width:980px; }
.sl-arch-page-v4 .sl-arch-hero__label {
  color:#fff;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.5;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;
}
.sl-arch-page-v4 .sl-arch-hero h1 {
  color:#fff;font-family:var(--bde-heading-font-family,'Space Grotesk',sans-serif);
  font-weight:500;font-size:clamp(48px,5.55vw,86px);line-height:1.02;letter-spacing:-.045em;
  margin:0 0 25px;max-width:970px;
}
.sl-arch-page-v4 .sl-arch-hero h1 span { display:block; }
.sl-arch-page-v4 .sl-arch-hero__description {
  color:#f7f3ee;font-size:18px;line-height:1.6;margin:0 0 29px;max-width:535px;
}
.sl-arch-page-v4 .sl-arch-hero__action { display:inline-flex; }
.sl-arch-page-v4 .sl-arch-hero__action .bde-button__button { min-height:50px; }
.sl-arch-page-v4 .sl-arch-hero__action .bde-button__button:hover { color:#fff; border-color:#fff; }
.sl-arch-page-v4 .sl-arch-hero__caption {
  display:flex;flex:0 0 auto;flex-direction:column;gap:9px;align-items:flex-end;
  font-family:'JetBrains Mono',monospace;font-size:10px;line-height:1.5;letter-spacing:.08em;
  text-transform:uppercase;text-align:right;padding-bottom:4px;color:#f7f3ee;
}
.sl-arch-page-v4 .sl-arch-hero__caption span:first-child { color:#dad4cb; }
.sl-arch-page-v4 .sl-arch-introduction { color:#1a1714;background:#f5f0e8; }
.sl-arch-page-v4 .sl-arch-introduction__inner {
  max-width:1220px;margin:auto;padding:43px 32px 46px;display:grid;grid-template-columns:1fr 1.35fr;
  align-items:center;column-gap:88px;
}
.sl-arch-page-v4 .sl-arch-introduction h2 {
  color:#1a1714;font-family:var(--bde-heading-font-family,'Space Grotesk',sans-serif);
  font-size:30px;line-height:1.12;font-weight:500;letter-spacing:-.035em;margin:0;
}
.sl-arch-page-v4 .sl-arch-introduction p { font-size:17px;line-height:1.65;color:#514b44;margin:0;max-width:600px; }
.sl-arch-page-v4 .arch-showcase { padding:0;background:#101010; }
.sl-arch-page-v4 .arch-gallery { padding:0;gap:8px; }
.sl-arch-page-v4 .arch-image { min-height:430px; }
.sl-arch-page-v4 .sl-arch-v2 .arch-eyebrow { color:#f35c31; }
.sl-arch-page-v4 .sl-arch-v2 .arch-editorial .arch-eyebrow { color:#a63517; }
.sl-arch-page-v4 #arch-project { scroll-margin-top:110px; }
.sl-arch-page-v4 a:focus-visible,.sl-arch-page-v4 button:focus-visible { outline:3px solid #f35c31;outline-offset:5px; }
@media (min-width:1600px) {
 .sl-arch-page-v4 .sl-arch-hero__inner { max-width:1560px; }
 .sl-arch-page-v4 .sl-arch-hero { height:800px; }
}
@media (max-width:1119px) {
 .sl-arch-page-v4 .sl-arch-hero__inner { padding:65px 40px 52px; }
 .sl-arch-page-v4 .sl-arch-hero__caption { display:none; }
 .sl-arch-page-v4 .sl-arch-hero__copy { max-width:850px; }
 .sl-arch-page-v4 .sl-arch-hero h1 { font-size:clamp(54px,6.5vw,74px); }
 .sl-arch-page-v4 .sl-arch-introduction__inner { column-gap:42px; }
}
@media (max-width:767px) {
 .sl-arch-page-v4 .sl-arch-hero { height:min(700px,calc(100svh - var(--sl-arch-header-height)));min-height:620px; }
 .sl-arch-page-v4 .sl-arch-hero__scene { object-position:50% 42%; }
 .sl-arch-page-v4 .sl-arch-hero__shade { background:linear-gradient(0deg,rgba(8,8,8,.92),rgba(8,8,8,.43) 60%,rgba(8,8,8,.12)); }
 .sl-arch-page-v4 .sl-arch-hero__inner { padding:42px 24px; }
 .sl-arch-page-v4 .sl-arch-hero h1 { font-size:clamp(37px,6.4vw,51px);line-height:1.055;letter-spacing:-.04em;margin-bottom:23px; }
 .sl-arch-page-v4 .sl-arch-hero__label { font-size:10px;letter-spacing:.14em;margin-bottom:21px; }
 .sl-arch-page-v4 .sl-arch-hero__description { font-size:16px;line-height:1.6;max-width:420px; }
 .sl-arch-page-v4 .sl-arch-introduction__inner { grid-template-columns:1fr;gap:20px;padding:34px 24px 37px; }
 .sl-arch-page-v4 .sl-arch-introduction h2 { font-size:27px; }
 .sl-arch-page-v4 .sl-arch-introduction h2 br { display:none; }
 .sl-arch-page-v4 .sl-arch-introduction p { font-size:16px; }
 .sl-arch-page-v4 .arch-image { min-height:330px; }
 .sl-arch-page-v4 .arch-gallery { gap:6px; }
}
@media (max-width:359px) {
 .sl-arch-page-v4 .sl-arch-hero__inner { padding-left:20px;padding-right:20px; }
 .sl-arch-page-v4 .sl-arch-hero h1 { font-size:34px; }
}
.sl-arch-page-v4 .arch-image video,
.sl-arch-page-v4 .arch-image iframe {
  width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;border:0;
}
@media (prefers-reduced-motion:reduce) {
 .sl-arch-page-v4 { scroll-behavior:auto; }
 .sl-arch-page-v4 .arch-image img { transition:none; }
}

/* The page name is the primary heading. The proposition is supporting copy. */
.sl-arch-page-v4 .sl-arch-hero h1 { margin-bottom:20px; }
.sl-arch-page-v4 .sl-arch-hero__tagline {
  color:#fff;font-family:var(--bde-heading-font-family,'Space Grotesk',sans-serif);
  font-size:clamp(21px,2.1vw,28px);font-weight:500;line-height:1.3;
  letter-spacing:-.025em;margin:0 0 18px;max-width:740px;
}
@media (max-width:767px) {
  .sl-arch-page-v4 .sl-arch-hero h1 { margin-bottom:17px; }
  .sl-arch-page-v4 .sl-arch-hero__tagline { font-size:21px;max-width:360px;margin-bottom:17px; }
}
@media (max-width:359px) {
  .sl-arch-page-v4 .sl-arch-hero__tagline { font-size:19px; }
}