/* Scoped so the same page can be used within a Squarespace HTML block. */
html { scroll-behavior: smooth; }
body { margin: 0; }
#exterior-intelligence {
  --ei-ink: #08263f;
  --ei-blue: #12649a;
  --ei-muted: #566777;
  --ei-line: #d8dfe4;
  color: var(--ei-ink);
  background: #fcfdfd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
#exterior-intelligence *, #exterior-intelligence *::before, #exterior-intelligence *::after { box-sizing: border-box; }
#exterior-intelligence h1, #exterior-intelligence h2, #exterior-intelligence p { margin: 0; }
#exterior-intelligence a { color: inherit; text-underline-offset: 5px; }
#exterior-intelligence a:focus-visible { outline: 3px solid var(--ei-blue); outline-offset: 6px; }
#exterior-intelligence .ei-skip { position: fixed; top: 12px; left: 12px; z-index: 10; padding: 12px 18px; background: white; transform: translateY(-160%); }
#exterior-intelligence .ei-skip:focus { transform: translateY(0); }
#exterior-intelligence .ei-page { display: grid; grid-template-columns: minmax(300px, 36%) minmax(0, 1fr); min-height: 100svh; max-width: 1920px; margin-inline: auto; }
#exterior-intelligence .ei-brand { background: #c8c9cb; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 5rem 1.75rem; position: relative; }
#exterior-intelligence .ei-logo-frame { width: min(100%, 390px); aspect-ratio: 2 / 3; }
#exterior-intelligence .ei-logo { display: block; width: 100%; height: auto; object-fit: contain; }
#exterior-intelligence .ei-brand-note { margin-top: 2.5rem; font-size: .875rem; letter-spacing: .035em; color: #304456; }
#exterior-intelligence .ei-content { padding: 4.75rem clamp(2rem, 5.5vw, 6rem) 1.75rem; min-width: 0; }
#exterior-intelligence .ei-eyebrow { font-size: .8125rem; text-transform: uppercase; letter-spacing: .18em; color: var(--ei-blue); margin-bottom: 1.25rem; }
#exterior-intelligence h1 { font-size: clamp(3rem, 5.65vw, 5.5rem); font-weight: 400; line-height: 1.02; letter-spacing: -.055em; }
#exterior-intelligence .ei-suite-word { display: block; color: var(--ei-blue); }
#exterior-intelligence .ei-intro { margin-top: 1.65rem; font-size: 1rem; color: var(--ei-muted); }
#exterior-intelligence .ei-products { margin-top: 3.5rem; border-top: 1px solid var(--ei-line); }
#exterior-intelligence .ei-product { border-bottom: 1px solid var(--ei-line); }
#exterior-intelligence .ei-product-link, #exterior-intelligence .ei-product-preview { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem .75rem 1.5rem 0; text-decoration: none; }
#exterior-intelligence .ei-product-link:hover, #exterior-intelligence .ei-product-link:focus-visible { background: #f0f5f8; }
#exterior-intelligence .ei-product-link:focus-visible { outline-offset: -3px; }
#exterior-intelligence .ei-open { display: inline-flex; gap: .4rem; align-items: center; margin-top: .875rem; font-size: .875rem; color: var(--ei-blue); }
#exterior-intelligence .ei-status { display: block; margin-top: .875rem; font-size: .875rem; color: var(--ei-muted); }
#exterior-intelligence .ei-product-link:hover .ei-open, #exterior-intelligence .ei-product-link:focus-visible .ei-open { text-decoration: underline; text-underline-offset: 4px; }
#exterior-intelligence .ei-access-note { margin-top: 1.25rem; font-size: .875rem; color: var(--ei-muted); }
#exterior-intelligence .ei-number { font-size: .75rem; line-height: 2rem; color: var(--ei-muted); font-variant-numeric: tabular-nums; }
#exterior-intelligence h2 { font-size: 1.6rem; line-height: 1.2; font-weight: 500; letter-spacing: -.035em; overflow-wrap: anywhere; }
#exterior-intelligence h2 span { color: var(--ei-blue); }
#exterior-intelligence .ei-product p { margin-top: .55rem; max-width: 31rem; font-size: 1rem; line-height: 1.55; color: var(--ei-muted); }
#exterior-intelligence .ei-footer { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 1rem; padding-top: 2.5rem; font-size: .75rem; color: var(--ei-muted); }
#exterior-intelligence .ei-footer a { font-size: .875rem; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; gap: .5rem; }
#exterior-intelligence .ei-footer a:hover { color: var(--ei-blue); text-decoration: underline; }
@media (min-width: 1600px) {
  #exterior-intelligence .ei-content { padding-top: 6rem; padding-bottom: 2.25rem; }
  #exterior-intelligence .ei-products { margin-top: 4rem; }
}
@media (max-width: 900px) {
  #exterior-intelligence .ei-page { grid-template-columns: minmax(240px, 34%) minmax(0, 1fr); }
  #exterior-intelligence .ei-content { padding: 3.5rem 2rem 1.5rem; }
  #exterior-intelligence h1 { font-size: clamp(2.8rem, 6vw, 4rem); }
}
@media (max-width: 680px) {
  #exterior-intelligence .ei-page { display: block; }
  #exterior-intelligence .ei-brand { padding: 1.5rem 1.5rem 1.25rem; }
  #exterior-intelligence .ei-logo-frame { width: 180px; }
  #exterior-intelligence .ei-brand-note { display: none; }
  #exterior-intelligence .ei-content { padding: 2.75rem 1.5rem 1.25rem; }
  #exterior-intelligence h1 { font-size: clamp(2.65rem, 10.5vw, 4.5rem); }
  #exterior-intelligence .ei-products { margin-top: 2.75rem; }
  #exterior-intelligence .ei-product-link, #exterior-intelligence .ei-product-preview { grid-template-columns: 1.5rem minmax(0, 1fr); gap: .625rem; padding-block: 1.4rem; }
  #exterior-intelligence h2 { font-size: 1.5rem; }
  #exterior-intelligence .ei-footer { padding-top: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  #exterior-intelligence .ei-page { display: block; }
  #exterior-intelligence .ei-brand { padding: 0; }
  #exterior-intelligence .ei-logo-frame { width: 140px; }
  #exterior-intelligence .ei-brand-note, #exterior-intelligence .ei-footer a { display: none; }
  #exterior-intelligence .ei-content { padding: 1rem; }
  #exterior-intelligence h1 { font-size: 2.5rem; }
  #exterior-intelligence .ei-products { margin-top: 1.5rem; }
  #exterior-intelligence .ei-product { break-inside: avoid; }
  #exterior-intelligence .ei-product-link, #exterior-intelligence .ei-product-preview { padding-block: .8rem; }
}