/* AULA model-family landings. Every rule is confined to a family root. */
[data-aula-family] {
  --af-ink: #142642;
  --af-muted: #53657d;
  --af-blue: #245bc2;
  --af-night: #0e1d31;
  --af-paper: #f0f5fa;
  --af-line: #d4dfea;
  --af-cyan: #9ae2ff;
  width: 100%;
  max-width: 100%;
  margin: 24px 0 0;
  color: var(--af-ink);
  background: #fff;
  font: 16px/1.65 Arial, Helvetica, sans-serif;
  text-align: left;
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
}
[data-aula-family] *, [data-aula-family] *::before, [data-aula-family] *::after { box-sizing: border-box; }
[data-aula-family] h2, [data-aula-family] h3, [data-aula-family] h4,
[data-aula-family] p, [data-aula-family] figure, [data-aula-family] dl, [data-aula-family] dd { margin: 0; }
[data-aula-family] h2, [data-aula-family] h3, [data-aula-family] h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: inherit;
  text-transform: none;
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.08;
}
[data-aula-family] h2 { font-size: clamp(31px, 4.2vw, 60px); }
[data-aula-family] h3 { font-size: clamp(24px, 2.6vw, 37px); }
[data-aula-family] h4 { font-size: 20px; }
[data-aula-family] p { color: var(--af-muted); }
[data-aula-family] a { color: inherit; text-decoration: none; }
[data-aula-family] img { display: block; max-width: 100%; height: auto; }
[data-aula-family] button { font: inherit; color: inherit; cursor: pointer; }
[data-aula-family] button, [data-aula-family] a { -webkit-tap-highlight-color: transparent; }
[data-aula-family] button:focus-visible, [data-aula-family] a:focus-visible,
[data-aula-family] summary:focus-visible { outline: 3px solid #ed77b9; outline-offset: 5px; }
[data-aula-family] [id] { scroll-margin-top: 115px; }
[data-aula-family] .af-nav {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  padding: 22px 6%; background: #fff; border-bottom: 1px solid var(--af-line);
}
[data-aula-family] .af-wordmark { display: flex; align-items: center; gap: 18px; font-size: 25px; font-weight: 900; letter-spacing: -1px; }
[data-aula-family] .af-wordmark span { padding-left: 18px; border-left: 1px solid var(--af-line); font-size: 10px; letter-spacing: 1.4px; font-weight: 700; }
[data-aula-family] .af-nav-links { display: flex; align-items: center; gap: 24px; font-size: 12px; font-weight: 700; }
[data-aula-family] .af-nav a:hover { color: var(--af-blue); }
[data-aula-family] .af-hero { position: relative; display: grid; grid-template-columns: 1fr 1.1fr; min-height: 580px; background: linear-gradient(125deg, #f0f5fc, #e7eff8); }
[data-aula-family] .af-hero-copy { position: relative; z-index: 1; padding: 68px 0 52px 12%; }
[data-aula-family] .af-eyebrow { color: var(--af-blue); font-size: 10px; font-weight: 800; letter-spacing: 2px; line-height: 1.6; margin-bottom: 20px; }
[data-aula-family] .af-hero h2 { font-size: clamp(47px, 6.8vw, 92px); line-height: .97; letter-spacing: -.06em; overflow-wrap: anywhere; }
[data-aula-family] .af-hero h2 span { display: block; margin-top: 24px; font-size: .54em; line-height: 1.06; letter-spacing: -.045em; }
[data-aula-family] .af-lead { max-width: 470px; margin: 25px 0; font-size: 16px; line-height: 1.75; }
[data-aula-family] .af-btn { display: inline-flex; justify-content: space-between; align-items: center; gap: 28px; min-height: 48px; padding: 12px 23px; background: var(--af-blue); color: #fff; font-size: 13px; font-weight: 700; border-radius: 3px; transition: background .2s, transform .2s; }
[data-aula-family] .af-btn:hover { background: #18479e; transform: translateY(-2px); }
[data-aula-family] .af-model-note { margin-top: 22px; font-size: 11px; line-height: 1.65; max-width: 440px; }
[data-aula-family] .af-hero-visual { position: relative; display: grid; align-content: center; min-width: 0; padding: 45px 7% 65px 2%; }
[data-aula-family] .af-ghost { position: absolute; top: 25px; left: 0; right: 0; text-align: center; color: #214a8710; font-size: clamp(60px, 11vw, 158px); font-weight: 900; line-height: 1.2; letter-spacing: -.07em; overflow: hidden; pointer-events: none; }
[data-aula-family] .af-hero-visual > img { position: relative; z-index: 1; width: 100%; max-height: 450px; object-fit: contain; mix-blend-mode: multiply; }
[data-aula-family] .af-visual-label { position: absolute; z-index: 2; right: 12%; bottom: 35px; border-left: 2px solid var(--af-blue); padding-left: 14px; font-size: 11px; line-height: 1.6; }
[data-aula-family] .af-visual-label b { display: block; font-size: 17px; letter-spacing: -.025em; }
[data-aula-family] .af-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--af-night); color: #fff; padding: 32px 6%; gap: 25px; }
[data-aula-family] .af-facts > div { min-width: 0; padding-left: 20px; border-left: 1px solid #a3bedc38; }
[data-aula-family] .af-facts strong { display: block; font-size: clamp(20px, 2.5vw, 34px); letter-spacing: -.04em; line-height: 1.2; overflow-wrap: anywhere; }
[data-aula-family] .af-facts span { display: block; margin-top: 7px; color: #c5d3e3; font-size: 11px; line-height: 1.6; }
[data-aula-family] .af-section { padding: 72px 6%; }
[data-aula-family] .af-heading { max-width: 800px; margin-bottom: 38px; }
[data-aula-family] .af-heading > p:not(.af-eyebrow) { max-width: 720px; margin-top: 22px; }
[data-aula-family] .af-paper { background: var(--af-paper); }
[data-aula-family] .af-night { color: #fff; background: var(--af-night); }
[data-aula-family] .af-night p { color: #c2d0e0; }
[data-aula-family] .af-night .af-eyebrow { color: #a9d2ff; }
[data-aula-family] .af-split { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: center; }
[data-aula-family] .af-split + .af-split { margin-top: 64px; }
[data-aula-family] .af-split.af-reverse .af-photo { order: 2; }
[data-aula-family] .af-photo { overflow: hidden; min-width: 0; background: #edf2f8; border-radius: 10px; }
[data-aula-family] .af-photo img { width: 100%; max-height: 520px; object-fit: contain; mix-blend-mode: multiply; }
[data-aula-family] .af-photo figcaption { padding: 14px 20px; color: #d9e5f1; background: #172b45; font-size: 11px; }
[data-aula-family] .af-feature-copy { min-width: 0; }
[data-aula-family] .af-feature-copy h3 { margin: 17px 0 21px; }
[data-aula-family] .af-feature-copy p + p { margin-top: 15px; }
[data-aula-family] .af-pill { display: inline-block; padding: 7px 11px; border: 1px solid #aac0d9; color: #2a568d; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; }
[data-aula-family] .af-mini-spec { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--af-line); font-size: 12px; }
[data-aula-family] .af-mini-spec b { display: block; font-size: 15px; margin-bottom: 3px; }
[data-aula-family] .af-note { margin-top: 20px; font-size: 11px; line-height: 1.75; }
[data-aula-family] .af-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
[data-aula-family] .af-detail { min-width: 0; }
[data-aula-family] .af-detail img { width: 100%; aspect-ratio: 1.1; object-fit: contain; background: #f0f4f8; border-radius: 8px; margin-bottom: 25px; }
[data-aula-family] .af-detail h3 { font-size: clamp(22px, 2.3vw, 31px); margin-bottom: 17px; }
[data-aula-family] .af-detail p { font-size: 14px; }
[data-aula-family] .af-inspect { display: grid; grid-template-columns: 1.05fr 1fr; gap: 6%; align-items: start; }
[data-aula-family] .af-inspect-figure { min-width: 0; }
[data-aula-family] .af-inspect-visual { position: relative; display: grid; place-items: center; min-width: 0; aspect-ratio: 1.12; border-radius: 10px; border: 1px solid #9fbed72b; background: #f7f9fc; }
[data-aula-family] .af-inspect-visual > img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; border-radius: 10px; }
[data-aula-family] .af-inspect-visual.af-cutout { background: transparent; }
[data-aula-family] .af-inspect-visual.af-cutout > img { mix-blend-mode: normal; }
[data-aula-family] .af-inspect-visual.af-portrait { aspect-ratio: .9; }
[data-aula-family] .af-pin { position: absolute; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #83b5e7; border-radius: 50%; color: #fff; background: #173956e6; font-size: 11px; font-weight: 800; box-shadow: 0 0 0 5px #15314c18; transform: translate(-50%, -50%); transition: box-shadow .2s, background .2s, color .2s; }
[data-aula-family] .af-pin[aria-pressed="true"] { color: #10243e; background: var(--af-cyan); border: 2px solid #effaff; box-shadow: 0 0 0 8px #76d6ff35, 0 0 24px #9ae2ffbb; }
[data-aula-family] .af-pin:hover { box-shadow: 0 0 0 8px #76d6ff35, 0 0 22px #9ae2ff88; }
[data-aula-family] .af-pin-p01 { left: 25%; top: 30%; }
[data-aula-family] .af-pin-p02 { left: 50%; top: 30%; }
[data-aula-family] .af-pin-p03 { left: 75%; top: 30%; }
[data-aula-family] .af-pin-p04 { left: 25%; top: 50%; }
[data-aula-family] .af-pin-p05 { left: 50%; top: 50%; }
[data-aula-family] .af-pin-p06 { left: 75%; top: 50%; }
[data-aula-family] .af-pin-p07 { left: 25%; top: 70%; }
[data-aula-family] .af-pin-p08 { left: 50%; top: 70%; }
[data-aula-family] .af-pin-p09 { left: 75%; top: 70%; }
[data-aula-family] .af-pin-p10 { left: 15%; top: 50%; }
[data-aula-family] .af-pin-p11 { left: 85%; top: 50%; }
[data-aula-family] .af-pin-p12 { left: 50%; top: 15%; }
[data-aula-family] .af-pin.pos-top-left { left: 25%; top: 30%; }
[data-aula-family] .af-pin.pos-top-center { left: 50%; top: 30%; }
[data-aula-family] .af-pin.pos-top-right { left: 75%; top: 30%; }
[data-aula-family] .af-pin.pos-mid-left { left: 25%; top: 50%; }
[data-aula-family] .af-pin.pos-center { left: 50%; top: 50%; }
[data-aula-family] .af-pin.pos-mid-right { left: 75%; top: 50%; }
[data-aula-family] .af-pin.pos-bottom-left { left: 25%; top: 70%; }
[data-aula-family] .af-pin.pos-bottom-center { left: 50%; top: 70%; }
[data-aula-family] .af-pin.pos-bottom-right { left: 75%; top: 70%; }
[data-aula-family] .af-inspect-current { margin-top: 20px; padding: 20px 22px; color: #fff; background: #17324e; border-left: 3px solid var(--af-cyan); border-radius: 0 5px 5px 0; }
[data-aula-family] .af-inspect-current .af-current-number { display: block; font-size: 10px; color: var(--af-cyan); letter-spacing: 1.7px; font-weight: 800; margin-bottom: 7px; }
[data-aula-family] .af-inspect-current h3 { font-size: 23px; margin-bottom: 11px; }
[data-aula-family] .af-inspect-current p { font-size: 13px; line-height: 1.65; color: #d3dfec; }
[data-aula-family] .af-feature-list { display: grid; min-width: 0; }
[data-aula-family] .af-feature-choice { display: grid; grid-template-columns: 24px 1fr 12px; gap: 13px; align-items: start; width: 100%; text-align: left; min-width: 0; padding: 18px 13px; color: #eaf3fc; background: transparent; border: 0; border-left: 3px solid transparent; border-bottom: 1px solid #8da9c432; }
[data-aula-family] .af-feature-choice > span:first-child { color: #a5c4e2; font-size: 10px; font-weight: 700; padding-top: 3px; }
[data-aula-family] .af-feature-choice > span:nth-child(2) { min-width: 0; }
[data-aula-family] .af-feature-choice b { display: block; font-size: 15px; line-height: 1.4; }
[data-aula-family] .af-feature-choice small { display: block; margin-top: 6px; color: #c4d3e3; font-size: 12px; line-height: 1.65; }
[data-aula-family] .af-feature-choice i { color: #a6d2fb; font-style: normal; font-size: 12px; }
[data-aula-family] .af-feature-choice:hover { background: #153453; }
[data-aula-family] .af-feature-choice[aria-pressed="true"] { background: #20486c; border-left-color: var(--af-cyan); box-shadow: inset 0 0 0 1px #9ae2ff30; }
[data-aula-family] .af-feature-choice[aria-pressed="true"] > span:first-child { color: #d5f5ff; }
[data-aula-family] .af-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
[data-aula-family] .af-mode { min-width: 0; padding: 25px 0 8px; border-top: 2px solid var(--af-line); }
[data-aula-family] .af-mode-number { color: var(--af-blue); font-size: 11px; font-weight: 700; letter-spacing: 2px; }
[data-aula-family] .af-mode h3 { margin: 18px 0; font-size: 30px; }
[data-aula-family] .af-mode p { font-size: 14px; }
[data-aula-family] .af-callout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 45px; align-items: center; margin-top: 44px; padding: 32px; background: #e4edf8; border-radius: 8px; }
[data-aula-family] .af-callout strong { color: var(--af-blue); font-size: clamp(37px, 5vw, 66px); font-weight: 800; letter-spacing: -.05em; line-height: 1.1; }
[data-aula-family] .af-callout strong span { display: block; font-size: 14px; letter-spacing: 0; margin-top: 7px; }
[data-aula-family] .af-callout h3 { margin-bottom: 14px; font-size: 25px; }
[data-aula-family] .af-callout p { font-size: 13px; }
[data-aula-family] .af-gallery { display: grid; grid-template-columns: 1fr 210px; gap: 24px; align-items: start; }
[data-aula-family] .af-gallery-main { display: block; position: relative; background: #edf2f7; border-radius: 10px; overflow: hidden; }
[data-aula-family] .af-gallery-main img { width: 100%; height: auto; aspect-ratio: 1.25; object-fit: contain; mix-blend-mode: multiply; }
[data-aula-family] .af-gallery-main > span { display: block; padding: 14px 20px; color: #d8e5f2; background: #142d4a; font-size: 11px; }
[data-aula-family] .af-gallery-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
[data-aula-family] .af-gallery-options button { min-width: 0; padding: 7px; border: 1px solid #d3deeb; border-radius: 5px; background: #fff; text-align: left; }
[data-aula-family] .af-gallery-options img { width: 100%; aspect-ratio: 1; object-fit: contain; }
[data-aula-family] .af-gallery-options span { display: block; margin-top: 6px; font-size: 10px; line-height: 1.4; }
[data-aula-family] .af-gallery-options button[aria-pressed="true"] { border-color: var(--af-blue); box-shadow: 0 0 0 1px var(--af-blue); background: #edf4ff; }
[data-aula-family] .af-spec-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 6%; align-items: start; }
[data-aula-family] .af-specs { min-width: 0; }
[data-aula-family] .af-specs > div { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--af-line); font-size: 13px; }
[data-aula-family] .af-specs dt { color: var(--af-muted); }
[data-aula-family] .af-specs dd { min-width: 0; font-weight: 700; overflow-wrap: anywhere; }
[data-aula-family] .af-spec-aside { padding: 28px; border: 1px solid var(--af-line); background: #fff; border-radius: 8px; min-width: 0; }
[data-aula-family] .af-spec-aside h3 { font-size: 27px; margin-bottom: 20px; }
[data-aula-family] .af-spec-aside p { font-size: 13px; }
[data-aula-family] .af-spec-aside p + p { margin-top: 16px; }
[data-aula-family] .af-spec-aside ul { margin: 18px 0 0; padding-left: 17px; color: var(--af-muted); font-size: 13px; }
[data-aula-family] .af-spec-aside li { padding: 3px 0; }
[data-aula-family] .af-spec-aside a { display: inline-block; margin-top: 20px; color: var(--af-blue); font-size: 12px; font-weight: 700; }
[data-aula-family] .af-comparison { margin-top: 40px; }
[data-aula-family] .af-comparison h3 { font-size: 27px; margin-bottom: 18px; }
[data-aula-family] .af-table-wrap { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--af-line); border-radius: 7px; }
[data-aula-family] .af-table { width: 100%; min-width: 560px; border-collapse: collapse; text-align: left; font-size: 12px; }
[data-aula-family] .af-table th, [data-aula-family] .af-table td { padding: 14px 17px; border-bottom: 1px solid var(--af-line); vertical-align: top; }
[data-aula-family] .af-table th { color: var(--af-ink); background: #e5edf7; font-size: 11px; }
[data-aula-family] .af-table tbody tr:last-child td { border-bottom: 0; }
[data-aula-family] .af-design-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
[data-aula-family] .af-design { display: block; min-width: 0; padding: 13px 13px 18px; border: 1px solid var(--af-line); border-radius: 8px; background: #fff; transition: border-color .2s, transform .2s; }
[data-aula-family] .af-design:hover { transform: translateY(-3px); border-color: #5b87c6; }
[data-aula-family] .af-design img { width: 100%; aspect-ratio: 1.12; object-fit: contain; margin-bottom: 14px; }
[data-aula-family] .af-design > span { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 700; line-height: 1.4; }
[data-aula-family] .af-design > span b { color: var(--af-blue); font-size: 16px; }
[data-aula-family] .af-design small { display: block; margin-top: 7px; color: var(--af-muted); font-size: 10px; line-height: 1.6; }
[data-aula-family] .af-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7%; background: var(--af-paper); }
[data-aula-family] .af-faq details { border-bottom: 1px solid var(--af-line); }
[data-aula-family] .af-faq summary { display: flex; justify-content: space-between; gap: 18px; padding: 19px 0; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
[data-aula-family] .af-faq summary::-webkit-details-marker { display: none; }
[data-aula-family] .af-faq summary span { color: var(--af-blue); font-size: 20px; font-weight: 400; transition: transform .2s; }
[data-aula-family] .af-faq details[open] summary span { transform: rotate(45deg); }
[data-aula-family] .af-faq details p { margin-bottom: 20px; font-size: 13px; }
[data-aula-family] .af-end { text-align: center; padding: 72px 7%; background: var(--af-night); color: #fff; }
[data-aula-family] .af-end .af-eyebrow { color: #9cc8fa; }
[data-aula-family] .af-end p:not(.af-eyebrow) { color: #bfcee0; margin: 24px auto; max-width: 660px; }
[data-aula-family] .af-end-link { display: block; width: fit-content; margin: 22px auto 0; color: #b5d6fa; font-size: 12px; }
@media (max-width: 1050px) {
  [data-aula-family] .af-hero { min-height: 510px; }
  [data-aula-family] .af-hero-copy { padding-top: 48px; }
  [data-aula-family] .af-section { padding: 58px 5%; }
  [data-aula-family] .af-hero-visual { padding-right: 4%; }
  [data-aula-family] .af-design-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-aula-family] .af-gallery { grid-template-columns: 1fr 160px; }
  [data-aula-family] .af-facts { gap: 17px; }
}
@media (max-width: 780px) {
  [data-aula-family] .af-nav { padding: 18px 5%; flex-wrap: wrap; }
  [data-aula-family] .af-nav-links { gap: 18px; }
  [data-aula-family] .af-hero { grid-template-columns: 1fr; min-height: 0; }
  [data-aula-family] .af-hero-copy { padding: 40px 7% 15px; }
  [data-aula-family] .af-hero h2 { font-size: clamp(43px, 10vw, 72px); }
  [data-aula-family] .af-hero h2 span { font-size: .56em; }
  [data-aula-family] .af-lead { max-width: 560px; }
  [data-aula-family] .af-hero-visual { padding: 25px 8% 75px; }
  [data-aula-family] .af-hero-visual > img { max-height: 380px; }
  [data-aula-family] .af-ghost { top: 0; font-size: 20vw; }
  [data-aula-family] .af-visual-label { bottom: 27px; }
  [data-aula-family] .af-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 22px; padding: 30px 6%; }
  [data-aula-family] .af-split, [data-aula-family] .af-inspect, [data-aula-family] .af-spec-grid, [data-aula-family] .af-faq { grid-template-columns: 1fr; gap: 30px; }
  [data-aula-family] .af-split.af-reverse .af-photo { order: 0; }
  [data-aula-family] .af-split + .af-split { margin-top: 45px; }
  [data-aula-family] .af-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-aula-family] .af-inspect-figure { max-width: 550px; width: 100%; margin-inline: auto; }
  [data-aula-family] .af-inspect-visual { aspect-ratio: 1.25; }
  [data-aula-family] .af-inspect-visual.af-portrait { aspect-ratio: 1; }
  [data-aula-family] .af-feature-list { grid-template-columns: 1fr 1fr; gap: 9px; }
  [data-aula-family] .af-feature-choice { grid-template-columns: 20px 1fr; gap: 7px; padding: 12px 10px; background: #152d49; border: 1px solid #8da9c432; border-left: 3px solid transparent; border-radius: 3px; }
  [data-aula-family] .af-feature-choice b { font-size: 12px; }
  [data-aula-family] .af-feature-choice small, [data-aula-family] .af-feature-choice i { display: none; }
  [data-aula-family] .af-feature-choice[aria-pressed="true"] { border-left-color: var(--af-cyan); }
  [data-aula-family] .af-modes { gap: 20px; }
  [data-aula-family] .af-mode h3 { font-size: 25px; }
  [data-aula-family] .af-callout { grid-template-columns: .8fr 1.2fr; gap: 25px; padding: 25px; }
  [data-aula-family] .af-gallery { grid-template-columns: 1fr; }
  [data-aula-family] .af-gallery-options { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
}
@media (max-width: 520px) {
  [data-aula-family] { font-size: 14px; border-radius: 8px; }
  [data-aula-family] [id] { scroll-margin-top: 90px; }
  [data-aula-family] .af-nav { gap: 14px; }
  [data-aula-family] .af-wordmark { font-size: 23px; }
  [data-aula-family] .af-wordmark span { font-size: 9px; padding-left: 12px; }
  [data-aula-family] .af-nav-links { width: 100%; justify-content: space-between; font-size: 10px; gap: 9px; }
  [data-aula-family] .af-hero-copy { padding-top: 32px; }
  [data-aula-family] .af-eyebrow { font-size: 9px; letter-spacing: 1.5px; margin-bottom: 17px; }
  [data-aula-family] .af-lead { font-size: 14px; margin-top: 23px; }
  [data-aula-family] .af-btn { padding: 11px 18px; gap: 22px; font-size: 12px; }
  [data-aula-family] .af-hero-visual { padding: 15px 5% 70px; }
  [data-aula-family] .af-hero-visual > img { max-height: 300px; }
  [data-aula-family] .af-visual-label { right: 7%; bottom: 23px; font-size: 9px; }
  [data-aula-family] .af-visual-label b { font-size: 14px; }
  [data-aula-family] .af-facts > div { padding-left: 14px; }
  [data-aula-family] .af-facts strong { font-size: 24px; }
  [data-aula-family] .af-facts span { font-size: 10px; }
  [data-aula-family] .af-section { padding: 43px 7%; }
  [data-aula-family] .af-heading { margin-bottom: 28px; }
  [data-aula-family] .af-heading > p:not(.af-eyebrow) { margin-top: 18px; font-size: 13px; }
  [data-aula-family] .af-feature-copy p { font-size: 13px; }
  [data-aula-family] .af-mini-spec { gap: 15px; font-size: 10px; }
  [data-aula-family] .af-mini-spec b { font-size: 13px; }
  [data-aula-family] .af-detail-grid { grid-template-columns: 1fr; gap: 35px; }
  [data-aula-family] .af-detail img { margin-bottom: 22px; aspect-ratio: 1.2; }
  [data-aula-family] .af-detail h3 { font-size: 26px; }
  [data-aula-family] .af-detail p { font-size: 13px; }
  [data-aula-family] .af-inspect { gap: 17px; }
  [data-aula-family] .af-inspect-current { margin-top: 15px; padding: 17px 18px; min-height: 155px; }
  [data-aula-family] .af-inspect-current h3 { font-size: 21px; }
  [data-aula-family] .af-inspect-current p { font-size: 12px; }
  [data-aula-family] .af-pin { width: 29px; height: 29px; font-size: 10px; }
  [data-aula-family] .af-feature-list { gap: 8px; }
  [data-aula-family] .af-feature-choice { padding: 11px 7px; grid-template-columns: 17px 1fr; gap: 5px; }
  [data-aula-family] .af-feature-choice b { font-size: 11px; }
  [data-aula-family] .af-modes { grid-template-columns: 1fr; gap: 24px; }
  [data-aula-family] .af-mode { padding-top: 18px; }
  [data-aula-family] .af-mode h3 { margin: 13px 0; }
  [data-aula-family] .af-mode p { font-size: 13px; }
  [data-aula-family] .af-callout { grid-template-columns: 1fr; gap: 20px; padding: 24px; }
  [data-aula-family] .af-callout strong span { display: inline-block; font-size: 13px; margin-left: 10px; }
  [data-aula-family] .af-gallery-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  [data-aula-family] .af-gallery-options span { font-size: 9px; }
  [data-aula-family] .af-specs > div { grid-template-columns: 1fr; gap: 5px; padding: 12px 0; font-size: 12px; }
  [data-aula-family] .af-spec-aside { padding: 23px; }
  [data-aula-family] .af-design-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 10px; }
  [data-aula-family] .af-design { padding: 8px 8px 13px; }
  [data-aula-family] .af-design > span { font-size: 11px; gap: 5px; }
  [data-aula-family] .af-design small { font-size: 9px; }
  [data-aula-family] .af-faq summary { font-size: 13px; }
  [data-aula-family] .af-faq details p { font-size: 12px; }
  [data-aula-family] .af-end { padding: 50px 7%; }
  [data-aula-family] .af-end p:not(.af-eyebrow) { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-aula-family] *, [data-aula-family] *::before, [data-aula-family] *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}