.showroom-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 78px;
  border-bottom: 1px solid rgba(229, 183, 46, 0.34);
  background:
    radial-gradient(circle at 88% 16%, rgba(229, 183, 46, 0.17), transparent 25%),
    radial-gradient(circle at 12% 12%, rgba(40, 123, 239, 0.13), transparent 30%),
    linear-gradient(135deg, #f8fbff 0%, #eef6ff 64%, #fff8df 100%);
}

.showroom-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 8%;
  width: 190px;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--gold));
}

.showroom-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.7fr);
  gap: 58px;
  align-items: center;
}

.showroom-hero h1 {
  max-width: 800px;
  margin: 0 0 24px;
  font-size: clamp(44px, 6vw, 76px);
  line-height: 0.98;
  letter-spacing: -3.6px;
}

.showroom-hero h1::after {
  content: "";
  display: block;
  width: min(240px, 52%);
  height: 4px;
  margin-top: 20px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--blue) 0 70%, var(--gold) 70%);
}

.showroom-hero p:not(.eyebrow) {
  max-width: 720px;
  margin: 0 0 30px;
  color: #465572;
  font-size: 19px;
}

.showroom-promise {
  display: grid;
  gap: 10px;
  padding: 32px;
  border: 1px solid rgba(229, 183, 46, 0.54);
  border-radius: 18px;
  background: #08152b;
  color: white;
  box-shadow: 10px 10px 0 rgba(229, 183, 46, 0.12), 0 22px 52px rgba(8, 21, 43, 0.18);
}

.showroom-promise > span {
  color: #f2cf68;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 1.8px;
}

.showroom-promise strong {
  font-size: 25px;
  line-height: 1.1;
}

.showroom-promise p {
  margin: 8px 0 0 !important;
  color: #c6d4e8 !important;
  font-size: 14px !important;
}

.showroom-path {
  padding: 28px 0;
  border-bottom: 1px solid #cfc7b9;
  background: #f3eee4;
}

.showroom-path .container {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

.showroom-path span {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #354346;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.showroom-path b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 0;
  background: #17353a;
  color: #f2d49c;
  font-size: 11px;
}

.showroom-explorer {
  padding: clamp(72px, 9vw, 130px) 0;
  background: #102529;
  color: #f4f0e8;
}

.explorer-heading {max-width: 780px; margin-bottom: 42px}
.explorer-heading .eyebrow {color: #d8a54a}
.explorer-heading h2 {margin: 0; font-size: clamp(38px, 5vw, 68px); line-height: 1; letter-spacing: -2.7px}
.explorer-heading > p:last-child {max-width: 650px; color: #b9c9dd; font-size: 17px}
.explorer-layout {display: grid; grid-template-columns: minmax(240px, .62fr) minmax(0, 1.38fr); gap: 18px}
.scenario-choices {display: grid; align-content: start; gap: 6px}
.scenario-choice {display: flex; align-items: center; gap: 20px; min-height: 73px; padding: 15px 20px; border: 1px solid #496065; border-radius: 0; background: #17353a; color: #e3ece9; font: inherit; font-size: 17px; font-weight: 750; text-align: left; cursor: pointer; transition: background .2s, color .2s, border-color .2s}
.scenario-choice span {color: #9fb3b2; font-size: 12px; letter-spacing: .12em}
.scenario-choice:hover,.scenario-choice:focus-visible,.scenario-choice.is-active {border-color: #d8a54a; background: #d8a54a; color: #102529}
.scenario-choice.is-active span,.scenario-choice:hover span,.scenario-choice:focus-visible span {color: #394151}
.scenario-stage {min-height: 470px; padding: clamp(26px, 4vw, 56px); border: 1px solid #52696b; background: radial-gradient(circle at 100% 0, #24484b 0, transparent 35%), #17353a}
.stage-kicker,.stage-boundary > span {margin: 0 0 14px; color: #e0b96d; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase}
.scenario-stage h3 {max-width: 760px; margin: 0; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.08; letter-spacing: -1.4px}
.stage-context {color: #c6d5e6; font-size: 16px}
.stage-flow {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 36px 0; padding: 0; list-style: none; border-top: 1px solid #769091}
.stage-flow li {position: relative; display: grid; gap: 8px; padding: 24px 12px 0 0; font-size: 14px; line-height: 1.3}
.stage-flow li::before {content: ""; position: absolute; top: -6px; left: 0; width: 11px; height: 11px; border-radius: 50%; background: #d8a54a}
.stage-flow li span {color: #e0b96d; font-size: 11px; font-weight: 850}
.stage-boundary {padding: 18px 22px; border-left: 3px solid #d8a54a; background: #25464a}
.stage-boundary p {margin: 0; color: #f6f7f2; line-height: 1.5}
.stage-system {margin: 18px 0 0; color: #bdd0e4; font-size: 13px}
.stage-system strong {color: #fff}

.showroom-intro {
  padding-bottom: 36px;
}

.showroom-intro .section-intro {
  max-width: 840px;
  margin-bottom: 0;
}

.system-group:nth-child(even) {
  background: #f5f8fc;
}

.system-group {padding: 0 0 54px; border-top: 1px solid #d9e4f3}
.system-group-heading {cursor: pointer; padding-top: 38px; padding-bottom: 28px; list-style: none}
.system-group-heading::-webkit-details-marker {display: none}
.system-group-heading span:first-child {display: grid; gap: 6px}
.system-group-heading small {color: #98670b; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase}
.system-group-heading strong {font-size: clamp(30px, 4vw, 48px); line-height: 1.05; letter-spacing: -1.8px}
.system-group-heading span:last-child {color: var(--muted); font-size: 16px; line-height: 1.5}
.system-group-heading::after {content: "+"; grid-column: 2; justify-self: end; color: #1458b8; font-size: 32px; line-height: 1}
.system-group[open] .system-group-heading::after {content: "−"}
.system-group-heading:focus-visible {outline: 3px solid #1458b8; outline-offset: -6px}

.system-group-heading {
  display: grid;
  grid-template-columns: 1fr minmax(260px, 0.56fr);
  gap: 44px;
  align-items: end;
  margin-bottom: 34px;
}

.system-group-heading h2 {
  margin: 0;
  font-size: clamp(31px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -1.8px;
}

.system-group-heading > p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
}

.system-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.system-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border: 1px solid #d9e4f3;
  border-radius: 16px;
  background: white;
  box-shadow: 0 12px 34px rgba(8, 21, 43, 0.06);
}

.system-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--blue) 0 78%, var(--gold) 78%);
}

.system-card-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.system-number {
  color: #b9820d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.3px;
}

.system-status {
  padding: 5px 9px;
  border: 1px solid #c9ba9c;
  border-radius: 999px;
  background: #f7f0e2;
  color: #74501d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}

.system-card h3 {
  max-width: 560px;
  margin: 17px 0 10px;
  font-size: 24px;
  line-height: 1.13;
  letter-spacing: -0.5px;
}

.system-card > p {
  margin: 0 0 20px;
  color: var(--muted);
}

.system-flow,
.system-human {
  display: grid;
  gap: 5px;
  padding: 14px 0;
  border-top: 1px solid #e4ebf4;
}

.system-flow b,
.system-human b {
  color: #74501d;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.system-flow span,
.system-human span {
  color: #465572;
  font-size: 14px;
}

.system-boundary {
  margin: 18px 0 0 !important;
  padding: 13px 14px;
  border: 1px solid #d8c9aa;
  background: #faf5ea;
  color: #5b4a2f !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.system-link {
  display: inline-block;
  margin-top: 8px;
  color: #1558c4;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.system-link:hover,
.system-link:focus-visible {
  text-decoration: underline;
}

.custom-system {
  color: white;
  background:
    radial-gradient(circle at 80% 20%, rgba(229, 183, 46, 0.16), transparent 26%),
    linear-gradient(135deg, #08152b, #102a50);
}

.custom-system-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr;
  gap: 64px;
  align-items: center;
}

.custom-system h2 {
  margin: 0 0 18px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -2px;
}

.custom-system p {
  max-width: 680px;
  color: #c5d3e7;
  font-size: 17px;
}

.custom-system-steps {
  display: grid;
  gap: 12px;
}

.custom-system-steps span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
}

.custom-system-steps b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #e5b72e;
  color: #08152b;
  font-size: 12px;
}

.custom-system-steps .button {
  margin-top: 8px;
}

.custom-system-steps > p {
  margin: 8px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #d9e2df;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .showroom-hero-grid,
  .custom-system-grid {
    grid-template-columns: 1fr;
  }

  .showroom-path .container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 12px;
  }
  .explorer-layout {grid-template-columns: 1fr}
  .scenario-choices {grid-template-columns: repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px) {
  .showroom-hero {
    padding: 68px 0 58px;
  }

  .showroom-hero h1 {
    letter-spacing: -2.5px;
  }

  .system-group-heading,
  .system-grid {
    grid-template-columns: 1fr;
  }

  .system-group-heading {
    gap: 14px;
  }

  .showroom-path .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scenario-choices {grid-template-columns: 1fr}
  .scenario-choice {min-height: 56px}
  .stage-flow {grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 28px}
  .system-group-heading::after {grid-column: 1}
}

@media (max-width: 430px) {
  .showroom-hero h1 {
    font-size: 43px;
  }

  .showroom-promise,
  .system-card {
    padding: 23px;
  }

  .system-card-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .showroom-path span {
    white-space: normal;
  }
}
@media(max-width:560px){.system-number,.system-status,.showroom-promise span,.system-flow b,.system-human b{font-size:12px!important}.system-link,.showroom-hero .button,.custom-system a{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.scenario-choice{transition:none}}

/* The Showroom: an original, curatorial front half. */
.showroom-hero{padding:clamp(84px,11vw,150px) 0 92px;border-bottom:0;background:radial-gradient(circle at 80% 22%,rgba(216,165,74,.17),transparent 29%),linear-gradient(118deg,#081219 0 58%,#132a32 100%);color:#f4f0e8}
.showroom-hero::before{content:"CONCEPTS / 01";position:absolute;right:clamp(24px,7vw,110px);bottom:28px;color:rgba(244,240,232,.22);font-size:clamp(34px,7vw,104px);font-weight:900;letter-spacing:-.06em}
.showroom-hero::after{top:auto;right:auto;bottom:0;left:0;width:38%;height:5px;background:#d8a54a}
.showroom-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:clamp(44px,8vw,120px);align-items:end}
.showroom-hero .eyebrow{color:#d8a54a}
.showroom-hero h1{max-width:920px;margin-bottom:28px;font-size:clamp(52px,7vw,104px);line-height:.9;letter-spacing:-.065em}
.showroom-hero h1::after{display:none}
.showroom-hero h1 em{color:#d8a54a;font-family:Georgia,serif;font-weight:400}
.showroom-hero p:not(.eyebrow){max-width:680px;color:#bdc9c8;font-size:clamp(17px,1.8vw,21px);line-height:1.65}
.showroom-hero .button{background:#d8a54a;color:#081219}
.showroom-hero .button.secondary{border-color:#81918f;background:transparent;color:#f4f0e8}
.showroom-promise{gap:13px;padding:30px 0 30px 28px;border:0;border-left:1px solid #d8a54a;border-radius:0;background:transparent;box-shadow:none}
.showroom-promise>span{color:#d8a54a}
.showroom-promise strong{font-size:18px;font-weight:700}
.showroom-promise p{padding-top:14px;border-top:1px solid rgba(255,255,255,.16);color:#aebdbc!important;line-height:1.55}
.showroom-quick-nav{position:sticky;top:0;z-index:8;background:#f3eee4;color:#101b1e;border-bottom:1px solid #c9c1b3}
.showroom-quick-nav .container{display:flex;gap:clamp(18px,4vw,54px);flex-wrap:wrap}
.showroom-quick-nav a{padding:20px 0;color:#263538;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:3px solid transparent}
.showroom-quick-nav a:hover,.showroom-quick-nav a:focus-visible{border-color:#a56c20;color:#091416;outline:none}
.showroom-concept-links{padding:clamp(82px,10vw,145px) 0;background:#ede8de}
.showroom-concept-heading{display:grid;grid-template-columns:1.2fr .62fr;gap:48px;align-items:end;margin-bottom:46px}
.showroom-concept-heading h2,.showroom-tier-heading h2,.showroom-proof-heading h2,.showroom-systems-start h2{font-size:clamp(40px,5.4vw,76px);line-height:.97;letter-spacing:-.055em;margin:8px 0 20px}
.showroom-concept-heading h2{margin-bottom:0}
.showroom-concept-heading>p,.showroom-tier-heading p:not(.eyebrow),.showroom-proof-heading>p:last-child{color:#506064;font-size:17px;line-height:1.65;margin:0}
.showroom-concept-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.showroom-concept-list a{display:flex;min-height:530px;flex-direction:column;background:#0b171a;border:1px solid #27383b;overflow:hidden;text-decoration:none;color:#f4f0e8;transition:transform .22s ease,box-shadow .22s ease}
.showroom-concept-list a:nth-child(2),.showroom-concept-list a:nth-child(4){margin-top:44px}
.showroom-concept-list a:hover,.showroom-concept-list a:focus-visible{transform:translateY(-7px);box-shadow:0 20px 42px rgba(8,21,24,.2);outline:3px solid #d8a54a;outline-offset:3px}
.showroom-concept-list img{width:100%;height:330px;object-fit:cover;filter:saturate(.82)}
.showroom-concept-list span{padding:22px 22px 0;color:#d8a54a;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.showroom-concept-list strong{padding:8px 22px 0;font-size:clamp(23px,2.3vw,32px);line-height:1.05}
.showroom-concept-list em{margin-top:auto;padding:20px 22px 24px;color:#e8dfd1;font-size:13px;font-style:normal;font-weight:800}
.showroom-concept-note{margin:28px 0 0;color:#4c5b5d;font-size:13px}
.showroom-proof{padding:clamp(80px,10vw,140px) 0;background:#0c1b1f;color:#f4f0e8}
.showroom-proof-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(44px,8vw,120px)}
.showroom-proof-heading{align-self:start;position:sticky;top:95px}
.showroom-proof-heading .eyebrow,.showroom-proof-panel .eyebrow{color:#d8a54a}
.showroom-proof-heading>p:last-child{color:#aebdbc}
.showroom-proof-workbench{border-top:1px solid #536365}
.showroom-proof-tabs{display:flex;border-bottom:1px solid #536365}
.showroom-proof-tabs button{flex:1;min-height:68px;padding:14px 12px;border:0;border-right:1px solid #536365;background:transparent;color:#aebdbc;font:inherit;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.showroom-proof-tabs button:last-child{border-right:0}
.showroom-proof-tabs button[aria-selected="true"]{background:#d8a54a;color:#081219}
.showroom-proof-tabs button:focus-visible,.showroom-proof-panel:focus-visible{outline:3px solid #f1c778;outline-offset:3px}
.showroom-proof-panel{min-height:330px;padding:clamp(34px,6vw,72px);background:#12282d}
.showroom-proof-panel[hidden]{display:none}
.showroom-proof-panel h3{max-width:650px;margin:12px 0 22px;font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.045em}
.showroom-proof-panel>p:last-child{max-width:620px;color:#c1cfce;font-size:17px;line-height:1.7}
.showroom-tier-demos{padding:clamp(80px,10vw,135px) 0;background:#f6f3ec}
.showroom-tier-heading{max-width:900px;margin-bottom:48px}
.showroom-tier-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.showroom-tier-row,.showroom-tier-row:nth-child(even){display:flex;min-height:0;flex-direction:column;background:#fff;border:1px solid #d3cec4;border-radius:0;overflow:hidden;box-shadow:none}
.showroom-tier-row:nth-child(even) .showroom-tier-image{order:0}
.showroom-tier-image{position:relative;min-height:245px;background:#172838}
.showroom-tier-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) saturate(.72)}
.showroom-tier-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,21,43,.78))}
.showroom-tier-image span{position:absolute;bottom:20px;left:22px;z-index:1;color:#fff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.showroom-tier-copy{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:28px}
.showroom-tier-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#6a736f;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.showroom-tier-meta>*+*{padding-left:9px;border-left:1px solid #c7c9c4}
.showroom-tier-meta strong{color:#8a5c1d;font-size:11px;letter-spacing:.08em}
.showroom-tier-copy h3{margin:22px 0 10px;font-size:clamp(25px,2.7vw,35px);line-height:1.08;letter-spacing:-.035em}
.showroom-tier-copy>p{margin:0 0 20px;color:#4b5c5d;line-height:1.6}
.showroom-tier-inspect{width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #dbe0dc}
.showroom-tier-inspect b{color:#596562;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.showroom-tier-inspect ul{margin:10px 0 24px;padding-left:20px;color:#283d3f;line-height:1.55}
.showroom-tier-inspect li+li{margin-top:4px}
.showroom-tier-copy .button{display:inline-flex;align-items:center;min-height:46px;background:#17353a}
.showroom-demo-note{max-width:900px;margin:30px 0 0;color:#3f5051;line-height:1.65}
.showroom-systems-start{padding:clamp(72px,9vw,110px) 0 58px;background:#d8a54a;color:#081219}
.showroom-systems-start .eyebrow{color:#4c3211}
.showroom-systems-start h2{max-width:900px}
.showroom-systems-start p:not(.eyebrow){max-width:820px;color:#352918;font-size:17px;line-height:1.7}
@media(max-width:950px){.showroom-hero-grid,.showroom-proof-layout{grid-template-columns:1fr}.showroom-proof-heading{position:static}.showroom-concept-list,.showroom-tier-list{grid-template-columns:1fr}.showroom-concept-list a{min-height:0}.showroom-concept-list a:nth-child(2),.showroom-concept-list a:nth-child(4){margin-top:0}.showroom-concept-list img{height:clamp(260px,52vw,430px)}}
@media(max-width:720px){.showroom-hero{padding:68px 0 60px}.showroom-hero h1{font-size:clamp(48px,14vw,74px)}.showroom-hero-grid{gap:34px}.showroom-promise{padding:24px 0 0;border-top:1px solid #d8a54a;border-left:0}.showroom-quick-nav{position:static}.showroom-quick-nav .container{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.showroom-quick-nav a{padding:15px 0}.showroom-concept-heading{grid-template-columns:1fr;gap:22px}.showroom-proof-tabs{align-items:stretch;flex-direction:column}.showroom-proof-tabs button{display:flex;align-items:center;flex:0 0 auto;min-height:52px;border-right:0;border-bottom:1px solid #536365;text-align:left}.showroom-proof-tabs button:last-child{border-bottom:0}.showroom-proof-panel{min-height:0}.showroom-tier-copy{padding:26px}}
@media(max-width:430px){.showroom-hero h1{font-size:46px;letter-spacing:-.055em}.showroom-hero .button-row{display:grid}.showroom-hero .button{width:100%;justify-content:center}.showroom-quick-nav .container{grid-template-columns:1fr 1fr}.showroom-concept-list img{height:235px}.showroom-concept-list span{font-size:12px}.showroom-proof-panel{padding:28px 22px}.showroom-tier-image{min-height:220px}.showroom-tier-meta>*+*{padding-left:0;border-left:0}.showroom-tier-meta{gap:7px 12px}}
@media(prefers-reduced-motion:reduce){.showroom-concept-list a{transition:none}.showroom-concept-list a:hover,.showroom-concept-list a:focus-visible{transform:none}}

.home-bridge-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(32px,6vw,96px);align-items:center}
.home-bridge-layout h2{max-width:660px;font-size:clamp(38px,4.8vw,72px);line-height:1.06;letter-spacing:-.045em}
.home-bridge-layout p:not(.eyebrow){max-width:640px;color:#4a5b72;font-size:18px;line-height:1.7}
.home-bridge-layout .button-row{margin-top:28px}
.home-bridge-moments{border-top:3px solid #e5b72d;border-bottom:1px solid #bccce0}
.home-bridge-moments span{display:flex;gap:20px;align-items:baseline;padding:24px 8px;border-bottom:1px solid #d8e1ec;color:#102143;font-weight:750;font-size:clamp(16px,1.5vw,20px)}
.home-bridge-moments span:last-child{border-bottom:0}
.home-bridge-moments b{color:#1766b7;font-size:13px;letter-spacing:.1em}
@media(max-width:760px){.home-bridge-layout{grid-template-columns:1fr}.home-bridge-layout h2{font-size:clamp(36px,9vw,52px)}.home-bridge-layout p:not(.eyebrow){font-size:16px}.home-bridge-moments span{padding:18px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Live WillPower properties are deliberately distinct from the concept collection. */
.showroom-live-projects{padding:clamp(76px,10vw,132px) 0;background:#102226;color:#f4f0e8}
.showroom-live-projects-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:clamp(30px,6vw,84px);align-items:end;margin-bottom:42px}
.showroom-live-projects .eyebrow{color:#d8a54a}
.showroom-live-projects h2{max-width:720px;margin:7px 0 0;font-size:clamp(40px,5.3vw,76px);line-height:.96;letter-spacing:-.055em}
.showroom-live-projects h2 em{color:#d8a54a;font-family:Georgia,serif;font-weight:400}
.showroom-live-projects-heading>p{max-width:440px;margin:0;color:#bdc9c8;font-size:17px;line-height:1.65}
.live-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.live-project-card{display:flex;min-height:285px;flex-direction:column;align-items:flex-start;padding:clamp(27px,4vw,46px);border:1px solid rgba(216,165,74,.58);background:linear-gradient(135deg,#15343a,#0d181b);box-shadow:inset 0 4px 0 #d8a54a}
.live-project-card>span{color:#d8a54a;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.live-project-card h3{max-width:470px;margin:clamp(42px,6vw,76px) 0 12px;font-size:clamp(28px,3.2vw,46px);line-height:1;letter-spacing:-.045em}
.live-project-label{margin:0;color:#c5d1cf;font-size:16px;line-height:1.5}
.live-project-card a{display:inline-flex;gap:10px;align-items:center;margin-top:auto;padding-top:28px;color:#f4f0e8;font-size:12px;font-weight:850;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.live-project-card a::after{width:100%;height:2px;content:"";background:#d8a54a;transform:scaleX(.45);transform-origin:left;transition:transform .18s ease}
.live-project-card a:hover::after,.live-project-card a:focus-visible::after{transform:scaleX(1)}
.live-project-card a:focus-visible{outline:3px solid #f1c778;outline-offset:5px}
@media(max-width:760px){.showroom-live-projects-heading,.live-project-grid{grid-template-columns:1fr}.showroom-live-projects-heading{gap:22px}.live-project-card{min-height:240px}.live-project-card h3{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.live-project-card a::after{transition:none}}
