/* About page: the portal's own About styles (captured from the built portal, scoped to #page-about) */
#page-about{ --navy: #003268; --navy-2: #004783; --navy-3: #0a2d60; --gold: #c4a05a; --gold-soft: #f7ecd2; --ink: #082e67; --cream: #fffdf8; --paper: #ffffff; --line: #eadfca; --muted: #60708a; --shadow: 0 18px 44px rgba(0,50,104,.10); --shadow-strong: 0 22px 52px rgba(0,50,104,.16); --radius: 22px; }
#page-about *{box-sizing: border-box;}
#page-about button,#page-about a{font: inherit;}
#page-about button{cursor: pointer;}
#page-about a{color: inherit; text-decoration: none;}
#page-about .eyebrow{font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 12px;}
#page-about .cta{width: 100%; border: 1px solid var(--gold); color: white; background: linear-gradient(180deg,var(--navy-2),var(--navy)); border-radius: 10px; padding: 12px 18px; display: flex; justify-content: center; gap: 14px; align-items: center; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px inset; transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-about .cta:hover{transform: translateY(-2px); box-shadow: rgba(0, 50, 104, 0.2) 0px 12px 24px; filter: brightness(1.08);}}
#page-about .cta:active{transform: translateY(0px) scale(0.99);}
#page-about .about-page-shell{max-width: 1160px; margin: 0px auto;}
#page-about .about-page-header{text-align: center; padding: 20px 20px 24px;}
#page-about .about-page-header h2{margin: 0px 0px 8px; font-family: Georgia, serif; font-size: 48px; font-weight: 500; color: var(--ink);}
#page-about .about-page-header p{margin: 0px; color: var(--muted); font-size: 16px;}
#page-about .about-page-grid{display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1.28fr); gap: 28px; align-items: start; border: 1px solid var(--line); border-radius: 24px; background: rgb(255, 255, 255); padding: 28px; box-shadow: rgba(0, 50, 104, 0.06) 0px 14px 34px;}
#page-about .about-photo-original{display: block; width: 100%; height: auto; max-height: none; object-fit: contain; object-position: center center; border-radius: 18px; border: 1px solid var(--line); background: rgb(255, 255, 255); filter: none;}
#page-about .about-page-copy{padding: 4px 6px 8px;}
#page-about .about-page-copy p{margin: 0px 0px 17px; color: rgb(36, 66, 109); font-size: 16px; line-height: 1.78;}
#page-about .about-page-actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px;}
#page-about .about-page-actions .cta{width: auto; min-width: 190px;}
@media (max-width: 900px){#page-about .about-page-grid{grid-template-columns: 1fr;}}
@media (max-width: 760px){#page-about .about-page-header h2{font-size: 38px;}
#page-about .about-page-grid{padding: 18px;}
#page-about .about-page-copy p{font-size: 15px; line-height: 1.7;}}
#page-about .about-page-shell{max-width: 1220px; margin: 0px auto;}
#page-about .about-page-header{text-align: center; padding: 22px 20px 28px;}
#page-about .about-page-header h2{margin: 0px 0px 10px; font-family: Georgia, serif; font-size: 58px; line-height: 1.02; font-weight: 500; color: var(--ink);}
#page-about .about-page-header p{margin: 0px; color: var(--muted); font-size: 17px;}
#page-about .about-page-grid{display: grid; grid-template-columns: 340px minmax(0px, 1fr); gap: 34px; align-items: start; border: 1px solid rgba(212, 154, 32, 0.32); border-radius: 28px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 253, 250) 100%); padding: 32px; box-shadow: rgba(0, 50, 104, 0.06) 0px 18px 44px;}
#page-about .about-profile-column{display: flex; flex-direction: column; gap: 18px;}
#page-about .about-portrait-card{padding: 14px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 253, 248) 100%); box-shadow: rgba(0, 50, 104, 0.05) 0px 10px 24px;}
#page-about .about-photo-original{display: block; width: 100%; height: auto; object-fit: contain; object-position: center center; border-radius: 18px; background: rgb(255, 255, 255);}
#page-about .about-contact-card{display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 50, 104, 0.04) 0px 8px 20px;}
#page-about .about-mini-eyebrow{margin-bottom: 6px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold);}
#page-about .about-contact-card strong{font-family: Georgia, serif; font-size: 26px; font-weight: 500; line-height: 1.12; color: var(--ink);}
#page-about .about-contact-card span{color: rgb(53, 81, 125); line-height: 1.55;}
#page-about .about-contact-card a{display: inline-flex; align-items: center; width: max-content; margin-top: 6px; color: var(--navy-2); font-weight: 700; border-bottom: 1px solid rgba(212, 154, 32, 0.35);}
#page-about .about-story-card{padding: 6px 4px 4px;}
#page-about .about-story-kicker{display: inline-flex; align-items: center; gap: 10px; margin: 0px 0px 18px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--gold); font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase;}
#page-about .about-story-kicker::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gold);}
#page-about .about-copy-block + .about-copy-block{margin-top: 22px;}
#page-about .about-copy-label{margin: 0px 0px 10px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold);}
#page-about .about-page-copy p{margin: 0px 0px 16px; color: rgb(38, 67, 109); font-size: 17px; line-height: 1.88;}
#page-about .about-page-actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px;}
#page-about .about-page-actions .cta{min-width: 205px; justify-content: center;}
@media (max-width: 1100px){#page-about .about-page-grid{grid-template-columns: 1fr; gap: 26px;}
#page-about .about-profile-column{max-width: 520px; width: 100%; margin: 0px auto;}}
@media (max-width: 760px){#page-about .about-page-header h2{font-size: 42px;}
#page-about .about-page-grid{padding: 20px;}
#page-about .about-contact-card strong{font-size: 23px;}
#page-about .about-page-copy p{font-size: 15px; line-height: 1.78;}}
#page-about{ --champagne-foil: linear-gradient(135deg,#b78a43 0%,#e6c780 18%,#fff2c7 37%,#d9b15a 51%,#b98a36 67%,#f1d99b 86%,#d1a754 100%); --champagne-line: linear-gradient(90deg,#b88a3d,#efdb9f 27%,#c39a4c 48%,#fff0ba 68%,#b4893f); }
#page-about .cta{background: linear-gradient(var(--cream),var(--cream)) padding-box,var(--champagne-foil) border-box; color: var(--navy); border: 1px solid transparent !important;}
#page-about .cta{background: linear-gradient(var(--navy-2),var(--navy)) padding-box,var(--champagne-foil) border-box !important; color: white !important;}
#page-about .intentional-card{border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 246, 243)); padding: 24px; margin-bottom: 18px; min-width: 0px;}
#page-about .intentional-card h3{font-size: 25px; margin: 0px 0px 12px;}
#page-about .intentional-card p{font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; white-space: pre-wrap;}
#page-about .intentional-card label{display: block; margin: 12px 0px; font-size: 14px; font-weight: 600;}
#page-about .about-profile-column > .intentional-card{margin-top: 20px;}
#page-about .about-profile-column{align-self: start;}
#page-about .about-page-grid{align-items: stretch;}
#page-about .about-profile-column{align-self: stretch; display: flex; flex-direction: column;}
#page-about .about-profile-column > .intentional-card{margin-top: auto; margin-bottom: 0px; padding: 20px;}
#page-about .about-profile-column > .intentional-card h3{font-family: Georgia, serif; font-size: 24px; margin: 8px 0px;}
#page-about .about-profile-column > .intentional-card p{margin: 8px 0px; font-size: 14px;}
#page-about .about-story-card,#page-about .about-page-copy{display: flex; flex-direction: column;}
#page-about .about-page-copy{flex: 1 1 0%;}
#page-about .about-page-actions{margin-top: auto; padding-top: 16px;}
#page-about .review-invite{width: 100%; box-sizing: border-box; border: 1px solid var(--line); border-radius: 18px; padding: 20px; background: rgb(255, 247, 244);}
#page-about .review-invite h3{font-size: 24px; margin: 0px 0px 8px;}
#page-about .review-invite p{font-size: 14px; margin: 0px 0px 12px;}
@media (max-width: 800px){#page-about .about-profile-column > .intentional-card{margin-top: 18px;}}
#page-about .about-page-actions{margin-top: 0px !important;}
#page-about .about-portrait-card,#page-about .about-contact-card,#page-about .about-profile-column > .intentional-card,#page-about .review-invite,#page-about .about-story-kicker{background: linear-gradient(135deg, rgb(255, 245, 243), rgb(247, 223, 226)) !important; border-color: rgb(232, 196, 200) !important;}
#page-about .about-portrait-card,#page-about .about-contact-card,#page-about .about-story-kicker{background: rgb(255, 255, 255) !important; border-color: rgb(233, 221, 200) !important;}
#page-about .review-invite{background: rgb(255, 252, 246) !important; border-color: rgb(233, 221, 200) !important;}
#page-about .intentional-card{background: linear-gradient(135deg, rgb(255, 250, 250), rgb(252, 238, 237)) !important; border-color: rgb(236, 211, 209) !important;}
#page-about{ --az-night-navy: radial-gradient(ellipse at 48% 14%,#294568 0%,#172e4c 40%,#0d213b 82%); --az-night-navy-hover: radial-gradient(ellipse at 48% 14%,#34547c 0%,#1e3a5e 40%,#122a48 82%); }
#page-about .cta{background: var(--az-night-navy) padding-box,var(--champagne-foil) border-box !important;}
#page-about .intentional-card{background: linear-gradient(145deg, rgb(255, 254, 250) 0%, rgb(253, 248, 240) 61%, rgb(249, 236, 232) 100%) !important; border-color: rgb(205, 177, 127) !important; box-shadow: rgb(200, 160, 93) 0px 2px 0px inset, rgba(91, 61, 45, 0.094) 0px 10px 24px, rgb(255, 255, 255) 0px 1px 0px inset !important;}
#page-about .review-invite{--muted: #53636f; background: linear-gradient(110deg, rgb(255, 254, 250) 0%, rgb(252, 248, 242) 58%, rgb(248, 232, 220) 100%) !important; border-color: rgb(205, 177, 127) !important;}
#page-about .intentional-card,#page-about strong,#page-about button,#page-about .cta{--ink: #173653; --navy: #173653;}
#page-about .about-page-grid,#page-about button,#page-about .cta{--ink: #082e67; --muted: #60708a; --navy: #003268;}
#page-about .about-page-grid{color: var(--ink);}
#page-about .about-page-grid{background: rgb(254, 253, 250) !important;}
#page-about .about-mini-eyebrow,#page-about .about-copy-label,#page-about .about-story-kicker{color: rgb(125, 95, 40) !important;}
html body #page-about.page .about-page-shell{max-width: 1130px !important; margin-left: auto !important; margin-right: auto !important;}
html body #page-about.page .about-page-header{padding-top: 24px !important; padding-bottom: 24px !important;}
html body #page-about.page .about-page-grid{align-items: stretch !important;}
html body #page-about.page .about-profile-column{flex-direction: column; justify-content: space-between; box-sizing: border-box; display: flex !important;}
html body #page-about.page .about-profile-column > .intentional-card{flex: 0 0 auto; margin: 0px !important;}
#page-about .about-contact-name{white-space: nowrap;}
#page-about .about-realtor-script{display: inline-block; width: 3.023em; height: auto; border: 0px; vertical-align: -0.277em; margin-left: 0.1667em;}
#page-about .about-plan-card .mdd-group{display: flex; flex-direction: column; gap: 8px;}
#page-about .about-plan-card .mdd-group + .cta{margin-top: 12px !important;}
#page-about .mdd{position: relative; width: 100%;}
#page-about .mdd-btn{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; -electron-corner-smoothing: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; width: 100%; height: 46px; display: flex; align-items: center; padding: 0px 44px 0px 14px; background: rgb(255, 253, 248); border: 1px solid rgb(200, 160, 93); border-radius: 10px; color: rgb(8, 46, 103); cursor: pointer; position: relative;}
#page-about .mdd-btn::after{content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; border-right: 1.6px solid rgb(154, 122, 63); border-bottom: 1.6px solid rgb(154, 122, 63); transform: translateY(-70%) rotate(45deg); transition: transform 0.15s;}
#page-about .mdd.open .mdd-btn::after{transform: translateY(-25%) rotate(225deg);}
#page-about .mdd.open .mdd-btn{border-color: rgb(8, 46, 103); box-shadow: rgba(200, 160, 93, 0.25) 0px 0px 0px 3px;}
#page-about .mdd-list{position: absolute; z-index: 20; left: 0px; right: 0px; top: calc(100% + 6px); margin: 0px; padding: 6px; list-style: none; background: rgb(255, 253, 248); border: 1px solid rgb(200, 160, 93); border-radius: 12px; box-shadow: rgba(8, 46, 103, 0.14) 0px 12px 28px; display: none;}
#page-about .mdd.open .mdd-list{display: block;}
#page-about .mdd-list li{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 8px; color: rgb(8, 46, 103); cursor: pointer;}
#page-about .mdd-list li.act{background: rgb(247, 236, 226);}
#page-about .mdd-list li[aria-selected="true"]{font-weight: 600;}
#page-about .mdd-list li[aria-selected="true"]::after{content: ""; width: 5px; height: 10px; border-right: 2px solid rgb(185, 143, 73); border-bottom: 2px solid rgb(185, 143, 73); transform: rotate(45deg) translateY(-2px); flex: 0 0 auto;}
html body #page-about.page .about-story-card{flex-direction: column; display: flex !important; padding-bottom: 0px !important;}
#page-about .about-story-kicker{align-self: flex-start; display: inline-flex !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(234, 223, 202) !important; border-radius: 999px !important; color: rgb(196, 160, 90) !important; font: 400 12px Inter, ui-sans-serif, system-ui, sans-serif !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; padding: 9px 14px !important; margin: 0px 0px 18px !important;}
html body #page-about.page .about-page-copy{flex-direction: column; gap: 22px; flex: 1 1 auto !important; display: flex !important; color: rgb(8, 46, 103) !important; padding: 4px 6px 0px !important;}
#page-about .about-page-copy > *{margin-top: 0px !important; margin-bottom: 0px !important;}
#page-about .about-page-copy,#page-about .about-page-copy :is(.about-copy-block,#page-about .about-copy-label{font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important; font-weight: 400 !important;}
#page-about .about-copy-label{color: rgb(196, 160, 90) !important; font-size: 12px !important; letter-spacing: 3px !important; text-transform: uppercase !important; line-height: normal !important; margin: 0px 0px 10px !important;}
#page-about .about-copy-block p{font-size: 16px !important; line-height: 28.8px !important; color: rgb(38, 67, 109) !important; font-style: normal !important; letter-spacing: normal !important; margin: 0px 0px 16px !important;}
#page-about .about-copy-block p:last-child{margin-bottom: 0px !important;}
#page-about .about-copy-block em{font-style: italic;}
html body #page-about.page .about-page-actions{margin-top: auto !important;}
html body #page-about.page .review-invite{grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "lab btn" "row btn"; gap: 4px 18px; align-items: center; text-align: left; background: linear-gradient(135deg, rgb(255, 253, 249), rgb(251, 245, 234)) !important; border: 1px solid rgb(220, 198, 156) !important; border-radius: 12px !important; padding: 14px 18px !important; box-shadow: none !important; display: grid !important;}
html body #page-about.page .review-invite > *{margin: 0px !important;}
html body #page-about.page .review-invite h3{grid-area: lab; font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 1.3 !important; letter-spacing: 0.4px !important; color: rgb(125, 95, 40) !important; text-transform: none !important;}
#page-about .ri-stars{color: rgb(200, 160, 93); font-size: 11px; letter-spacing: 2px; line-height: 1; margin-right: 8px; vertical-align: 1px;}
#page-about .ri-line{grid-area: row; display: flex; align-items: baseline; gap: 10px; min-width: 0px; transition: opacity 1s ease-in-out;}
#page-about .ri-q{flex: 1 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px !important; font-style: italic !important; font-size: 14.5px !important; line-height: 1.4 !important; color: rgb(24, 59, 114) !important;}
#page-about .ri-by{flex: 0 0 auto; font-size: 12.5px; color: rgb(125, 95, 40); white-space: nowrap;}
html body #page-about.page .review-invite .cta{grid-area: btn; white-space: nowrap; transition: background 0.15s, color 0.15s; width: auto !important; min-width: 0px !important; height: auto !important; flex: 0 0 auto !important; padding: 7px 14px !important; font-size: 14px !important; background: none transparent !important; color: rgb(0, 50, 104) !important; -webkit-text-fill-color: rgb(0, 50, 104) !important; border: 1px solid rgb(200, 160, 93) !important; box-shadow: none !important;}
@media (prefers-reduced-motion: reduce){#page-about .ri-line{transition: none;}}
@media (max-width: 640px){html body #page-about.page .review-invite{grid-template-columns: minmax(0px, 1fr); grid-template-areas: "lab" "row" "btn";}
html body #page-about.page .review-invite .cta{justify-self: start;}}
@media not all and (hover: hover) and (pointer: fine) and (min-width: 701px){#page-about :where(button{color: rgb(0, 0, 0);}}
#page-about{ --az-page-title: 36px; }
@media (max-width: 1100px){#page-about{ --az-page-title: 30px; }}
@media (max-width: 700px){#page-about{ --az-page-title: 28px; }}