:root {
  --pixie-navy: #233d59;
  --pixie-blue: #a0c0e5;
  --pixie-gold: #d5a84c;
}

html[data-brand="pixie"] .site-header.is-scrolled { background: rgba(245, 250, 253, .96); }
html[data-brand="pixie"] .inquire-button { border-color: var(--pixie-navy); padding-right: 20px; padding-left: 20px; color: var(--pixie-navy); }
html[data-brand="pixie"] .inquire-button:hover,
html[data-brand="pixie"] .inquire-button.is-active { color: #fff; background: var(--pixie-navy); }
html[data-brand="pixie"] .hero .site-header:not(.is-scrolled) .inquire-button { border-color: #fff; color: #fff; }
html[data-brand="pixie"] .hero .site-header:not(.is-scrolled) .inquire-button:hover { color: var(--pixie-navy); background: #fff; }
html[data-brand="pixie"] .brand { width: 100px; }
html[data-brand="pixie"] .brand-mark img { width: 92px; height: auto; max-height: 50px; }
.pixie-hero-logo { display: block; width: min(390px, 76vw); height: auto; transform: scale(var(--brand-logo-scale, 1)); transform-origin: center; filter: brightness(0) invert(1) drop-shadow(0 4px 24px rgba(0, 0, 0, .32)); }
.homepage-promotions { position: relative; z-index: 4; margin-top: clamp(-94px, -7vw, -76px); padding: 0 20px; background: transparent; }
.homepage-promotions::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(245, 250, 253, .18); backdrop-filter: blur(2px); }
.homepage-promotions.hidden { display: none; }
.homepage-promotion-list { display: flex; justify-content: center; align-items: center; gap: 18px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 8px; }
.homepage-promotion-list > a { display: grid; place-items: center; }
.homepage-promotion-list > img,
.homepage-promotion-list > a img { display: block; width: auto; max-width: 100%; height: clamp(42px, 4.3vw, 66px); object-fit: contain; box-shadow: 0 12px 34px rgba(20, 37, 48, .18); }
.pixie-apply-panel { width: min(760px, 100%); margin: 0 auto; padding: 52px; text-align: center; background: #fff; box-shadow: 0 18px 60px rgba(31,57,75,.1); }
.pixie-apply-panel h2 { margin: 12px 0 18px; font-family: var(--serif); font-size: clamp(2rem, 5vw, 3.8rem); font-weight: 400; }
.pixie-apply-panel p { color: #61707a; font-family: Georgia, serif; line-height: 1.7; }
.pixie-apply-intro p:last-child { max-width: 790px; }
html[data-brand="pixie"] .quote-intro > p:last-child { width: min(100%, 790px); text-align: left; }
.pixie-application-form { max-width: 980px; }
.pixie-application-form textarea { resize: vertical; }
.pixie-application-choices select { width: 100%; min-height: 52px; border: 1px solid #cfd8dc; border-radius: 0; padding: 0 14px; color: #263f50; background: #fff; font: inherit; }
.pixie-application-note { margin-top: 42px; padding: 22px 24px; border-left: 3px solid var(--pixie-gold); color: #536872; background: #f7fafc; }
.pixie-application-note strong { display: block; margin-bottom: 5px; color: var(--pixie-navy); }
.pixie-application-note p { margin: 0; line-height: 1.6; }
[data-site-copy^="formPages."] { white-space: pre-line; }
.contact-intro { padding-bottom: 36px; }
.contact-form-section { padding-top: 0; }
.contact-form { max-width: 820px; }
.contact-form .quote-submit-row button { border-color: var(--pixie-navy); background: var(--pixie-navy); transition: color 180ms ease, background 180ms ease, transform 180ms ease; }
.contact-form .quote-submit-row button:hover { color: var(--pixie-navy); background: #fff; transform: translateY(-1px); }
.contact-form .quote-submit-row button:focus-visible { outline: 3px solid rgba(127, 181, 212, .45); outline-offset: 3px; }
.contact-form .quote-submit-row button:disabled { color: #fff; background: var(--pixie-navy); transform: none; }

.pixie-story-section { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(48px, 7vw, 110px); align-items: center; padding: clamp(78px, 10vw, 150px) clamp(24px, 6.6vw, 86px); background: #fff; }
.pixie-story-images { position: relative; display: grid; grid-template-columns: 1fr .72fr; grid-template-rows: 1fr 1fr; gap: 14px; min-height: clamp(430px, 47vw, 650px); }
.pixie-story-images img { width: 100%; height: 100%; object-fit: cover; background: #dce8ed; }
.pixie-story-images img:first-child { grid-row: 1 / 3; }
.pixie-story-images img:nth-child(2) { object-position: center 35%; }
.pixie-story-copy h2, .pixie-centered-heading h2, .pixie-team-feature h2, .pixie-closing-cta h2 { margin: 20px 0 24px; font-family: var(--serif); font-size: clamp(2.7rem, 5vw, 5.2rem); font-weight: 400; letter-spacing: -.035em; line-height: .98; }
.pixie-story-copy > p:not(.section-kicker), .pixie-centered-heading > p:not(.section-kicker), .pixie-team-feature p:not(.section-kicker), .pixie-closing-cta p:not(.section-kicker) { color: #61707a; font-family: Georgia, serif; line-height: 1.75; }
.pixie-story-copy .text-link { margin-top: 20px; }
.pixie-credentials { padding: 54px clamp(24px, 6.6vw, 86px) 62px; text-align: center; background: #eaf3f7; }
.pixie-credentials .section-kicker { justify-content: center; }
.pixie-credential-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(32px, 6vw, 88px); margin-top: 36px; }
.pixie-credential-logo { display: grid; place-items: center; min-width: 120px; }
.pixie-credential-logo img { width: auto; max-width: 170px; height: clamp(68px, 7vw, 104px); object-fit: contain; mix-blend-mode: multiply; }
.pixie-credential-logo.is-universal img { width: min(306px, 25vw); max-width: 306px; height: auto; max-height: 94px; mix-blend-mode: normal; }
.pixie-credential-logo.has-dark-background { padding: 15px 20px; border-radius: 4px; background: var(--pixie-navy); }
.pixie-credential-logo.has-dark-background img { width: min(360px, 29vw); max-width: 360px; height: auto; max-height: 110px; mix-blend-mode: normal; }
.pixie-easy-section { padding: clamp(84px, 10vw, 150px) clamp(24px, 6.6vw, 86px); }
.pixie-centered-heading { max-width: 700px; margin: 0 auto 54px; text-align: center; }
.pixie-centered-heading .section-kicker { justify-content: center; }
.pixie-centered-heading h2 { margin-bottom: 18px; }
.pixie-centered-heading > p:not(.section-kicker) { margin: 0; }
.pixie-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.pixie-service-card { display: grid; min-width: 0; background: #fff; box-shadow: 0 16px 45px rgba(28, 53, 68, .08); }
.pixie-service-card img { width: 100%; aspect-ratio: 1.55 / 1; object-fit: cover; background: #dce8ed; }
.pixie-service-card-image-placeholder { width: 100%; aspect-ratio: 1.55 / 1; background: #dce8ed; }
.pixie-service-card > div { position: relative; padding: 30px 28px 34px; }
.pixie-service-card span { color: var(--pixie-gold); font-size: .67rem; font-weight: 800; letter-spacing: .2em; }
.pixie-service-card h3 { margin: 10px 0 13px; font-family: var(--serif); font-size: 1.75rem; font-weight: 400; }
.pixie-service-card p { margin: 0; color: #687882; font-family: Georgia, serif; font-size: .92rem; line-height: 1.65; }
.pixie-team-feature { position: relative; display: flex; justify-content: flex-end; align-items: stretch; min-height: 680px; color: #fff; background: #6d8da4; overflow: hidden; --team-parallax: 0px; }
.pixie-team-feature-image { position: absolute; inset: -15% 0; background-position: center 30%; background-repeat: no-repeat; background-size: cover; transform: translate3d(0, var(--team-parallax), 0) scale(1.04); will-change: transform; pointer-events: none; }
.pixie-team-feature-copy { position: relative; z-index: 1; display: grid; align-content: center; justify-items: start; width: min(600px, 48%); min-height: 680px; padding: clamp(52px, 7vw, 96px); background: rgba(160,192,229,.84); background: color-mix(in srgb, var(--pixie-blue) 84%, transparent); }
.pixie-team-feature h2 { font-size: clamp(2.7rem, 4.8vw, 4.9rem); }
.pixie-team-feature p:not(.section-kicker) { max-width: 540px; color: #fff; }
.pixie-team-feature .text-link { margin-top: 22px; }
.pixie-closing-cta { position: relative; display: grid; place-items: center; min-height: 620px; padding: 80px 24px 92px; color: #fff; text-align: center; overflow: hidden; }
.pixie-closing-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pixie-closing-cta::after { content: ""; position: absolute; inset: 0; background: rgba(19, 40, 57, .64); }
.pixie-closing-cta > div { position: relative; z-index: 1; display: grid; justify-items: center; max-width: 780px; }
.pixie-closing-cta h2 { font-size: clamp(3rem, 6vw, 6rem); }
.pixie-closing-cta p:not(.section-kicker) { max-width: 600px; color: #fff; }
html[data-brand="pixie"] .pixie-closing-cta .inquire-button { margin-top: 24px; border-color: #fff; padding: 18px 24px; color: #fff; background: transparent; }
html[data-brand="pixie"] .pixie-closing-cta .inquire-button:hover { border-color: #fff; color: var(--pixie-navy); background: #fff; }
.pixie-site-footer { padding: 20px clamp(20px, 4vw, 56px); color: #65737c; background: #eaf3f7; }
.pixie-site-footer .pixie-site-copyright { max-width: none; margin: 0; color: inherit; font-family: var(--sans); font-size: .64rem; letter-spacing: .035em; line-height: 1.6; text-align: center; }

@media (max-width: 1000px) {
  .pixie-story-section { grid-template-columns: 1fr; }
  .pixie-story-copy { max-width: 720px; }
  .pixie-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pixie-team-feature-copy { width: min(590px, 62%); }
}

@media (max-width: 600px) {
  .homepage-promotions { margin-top: -42px; padding: 0 16px; }
  .homepage-promotion-list { display: grid; gap: 12px; width: min(520px, 100%); }
  .homepage-promotion-list > img,
  .homepage-promotion-list > a img { width: 100%; height: auto; max-height: none; }
  html[data-brand="pixie"] .brand { width: 78px; }
  html[data-brand="pixie"] .brand-mark img { width: 72px; }
  .pixie-hero-logo { width: min(320px, 78vw); }
  .pixie-apply-panel { padding: 38px 22px; }
  .pixie-story-section { padding-top: 72px; padding-bottom: 72px; }
  .pixie-story-images { grid-template-columns: 1fr 1fr; min-height: 420px; }
  .pixie-credential-list { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
  .pixie-credential-logo img { max-width: 125px; margin: auto; }
  .pixie-credential-logo.is-universal img { width: min(230px, 62vw); max-width: 230px; }
  .pixie-credential-logo.has-dark-background { padding: 13px 16px; }
  .pixie-credential-logo.has-dark-background img { width: min(270px, 72vw); max-width: 270px; }
  .pixie-service-grid { grid-template-columns: 1fr; }
  .pixie-team-feature { min-height: 620px; }
  .pixie-team-feature-copy { width: 100%; min-height: 620px; padding: 48px 28px 54px; }
  .pixie-closing-cta { min-height: 590px; }
  .pixie-closing-cta .inquire-button { display: inline-grid; }
}
