body {color:#e5e2e1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.6}
.heading-section {color:#fff;font-family:Cormorant Garamond,serif;font-size:1.875rem;font-weight:600;line-height:1.1}
@media (width>=768px) {
.heading-section {font-size:2.25rem}
}
.heading-card {color:#fff;font-family:Cormorant Garamond,serif;font-weight:500;line-height:1.2}
.text-gold {color:#c9a84c}
.label {text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700}
.label--gold {color:#c9a84c}
.body-copy {color:#fff9;font-size:.9375rem;line-height:1.7}
*, :before, :after {box-sizing:border-box;margin:0;padding:0}
body {min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;background-color:#0a0a0a;overflow-x:hidden}
img {max-width:100%;height:auto;display:block}
a {color:inherit;text-decoration:none}
button {cursor:pointer;background:0 0;border:none;font-family:inherit}
@media (width<=767px) {
.btn, .header__cta, .listing-filters__btn {justify-content:center;align-items:center;min-height:44px;display:inline-flex}
}
::-webkit-scrollbar-thumb {background:#c9a84c4d;border-radius:3px}
:focus-visible {outline-offset:2px;outline:2px solid #c9a84c}
.container {width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}
@media (width>=768px) {
.container {padding:0 3rem}
}
.section {padding:4rem 1.5rem}
@media (width>=768px) {
.section {padding:5rem 3rem}
}
.grid {gap:3rem;display:grid}
.grid--2 {grid-template-columns:1fr}
@media (width>=768px) {
.grid--2 {grid-template-columns:repeat(2,1fr)}
}
.grid--3 {grid-template-columns:1fr}
@media (width>=768px) {
.grid--3 {grid-template-columns:repeat(3,1fr)}
}
.grid--4 {grid-template-columns:repeat(2,1fr)}
@media (width>=768px) {
.grid--4 {grid-template-columns:repeat(4,1fr)}
}
.flex {display:flex}
.reveal {opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}
.reveal.revealed {opacity:1;transform:translateY(0)}
.reveal-stagger .reveal-child {opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}
.reveal-stagger.revealed .reveal-child {opacity:1;transform:translateY(0)}
.reveal-stagger.revealed .reveal-child:first-child {transition-delay:0s}
.reveal-stagger.revealed .reveal-child:nth-child(2) {transition-delay:.12s}
.reveal-stagger.revealed .reveal-child:nth-child(3) {transition-delay:.24s}
.reveal-stagger.revealed .reveal-child:nth-child(4) {transition-delay:.36s}
.reveal-stagger.revealed .reveal-child:nth-child(5) {transition-delay:.48s}
.reveal-stagger.revealed .reveal-child:nth-child(6) {transition-delay:.6s}
.reveal-stagger.revealed .reveal-child:nth-child(7) {transition-delay:.72s}
.reveal-stagger.revealed .reveal-child:nth-child(8) {transition-delay:.84s}
.reveal-stagger.revealed .reveal-child:nth-child(9) {transition-delay:.96s}
.reveal-stagger.revealed .reveal-child:nth-child(10) {transition-delay:1.08s}
.reveal-stagger.revealed .reveal-child:nth-child(11) {transition-delay:1.2s}
.reveal-stagger.revealed .reveal-child:nth-child(12) {transition-delay:1.32s}
.counter {font-variant-numeric:tabular-nums;display:inline-block}
@keyframes draw-line {0%{stroke-dashoffset:var(--line-length,2000)}to{stroke-dashoffset:0}}
.fade-in {opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}
.fade-in.revealed {opacity:1}
.fade-in-left {opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}
.fade-in-left.revealed {opacity:1;transform:translate(0)}
.fade-in-right {opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(40px)}
.fade-in-right.revealed {opacity:1;transform:translate(0)}
@keyframes gold-pulse {0%,to{opacity:.3}50%{opacity:.8}}
html {scroll-behavior:smooth}
.header {z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ad9;border-bottom:.5px solid #4d463733;justify-content:space-between;align-items:center;height:5rem;padding:0 1.5rem;transition:background .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0;right:0}
@media (width>=768px) {
.header {height:6rem;padding:0 3rem}
}
.header__logo {z-index:502;align-items:center;display:flex;position:relative}
.header__logo-svg {width:auto;height:55px}
@media (width>=768px) {
.header__logo-svg {height:70px}
}
.header__nav {display:none}
@media (width>=768px) {
.header__nav {align-items:center;gap:3rem;display:flex}
}
.header__link {text-transform:uppercase;letter-spacing:.2em;color:#fff9;min-height:auto;padding-bottom:4px;font-size:.8125rem;font-weight:500;transition:color .4s;position:relative}
.header__link:after {content:"";background:#c9a84c;width:0;height:1px;transition:width .7s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}
.header__link:hover {color:#fff}
.header__link:hover:after {width:100%}
.header__link--active {color:#c9a84c}
.header__link--active:after {width:100%}
.header__right {align-items:center;gap:1rem;display:none}
@media (width>=768px) {
.header__right {display:flex}
}
.header__cta {color:#c9a84c;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;border:1px solid #c9a84c;border-radius:0;padding:.75rem 2rem;font-size:.6875rem;font-weight:700;transition:all .4s}
.header__cta:hover {background:#c9a84c26}
.header__mobile-toggle {-webkit-appearance:none;z-index:502;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex;position:relative;background:0 0!important;border:none!important}
@media (width>=768px) {
.header__mobile-toggle {display:none}
}
.header__mobile-toggle span {background:#c9a84c;border-radius:1px;width:22px;height:2px;transition:all .4s;display:block}
.btn {text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;border-radius:0;justify-content:center;align-items:center;padding:1.5rem 4rem;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}
.btn--gold {color:#c9a84c;z-index:1;background:0 0;border:1px solid #c9a84c;position:relative}
.btn--gold:before {content:"";z-index:-1;background:#c9a84c;width:0;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}
.btn--gold:hover {color:#000}
.btn--gold:hover:before {width:100%}
.btn--ghost {color:#fff9;background:0 0;border:1px solid #ffffff26}
.btn--ghost:hover {color:#fff;background:#ffffff08;border-color:#fff6}
.btn--text {color:#c9a84c;border-bottom:1px solid #c9a84c;border-radius:0;padding:0 0 2px;font-size:.8125rem}
.btn--text:hover {color:#d4b85e;border-color:#d4b85e}
.card {background:#0d0d0d;border:.5px solid #4d463733;border-radius:0;transition:border-color .7s cubic-bezier(.25,1,.5,1);overflow:hidden}
.card:hover {border-color:#c9a84c}
.card__image {aspect-ratio:3/2;position:relative;overflow:hidden}
.card__image img {object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1)}
.card:hover .card__image img {filter:grayscale(0%);transform:scale(1.03)}
.card__body {padding:2rem}
.card__title {color:#fff;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.5rem}
@media (width>=768px) {
.card__title {font-size:1.875rem}
}
.card__metrics {border-top:.5px solid #4d463733;gap:1.5rem;padding-top:1.5rem;display:flex}
.card__metric-label {text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:2px;font-size:.6875rem}
.card__metric-value {color:#c9a84c;font-variant-numeric:lining-nums tabular-nums;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600}
.card__metric-value--white {color:#fff}
.metrics-bar {background:#0e0e0e;border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733;grid-template-columns:repeat(2,1fr);display:grid}
@media (width>=768px) {
.metrics-bar {grid-template-columns:repeat(4,1fr)}
}
.metrics-bar__item {border-right:.5px solid #4d463733;flex-direction:column;justify-content:center;align-items:center;min-height:10rem;padding:3rem 1rem;display:flex}
@media (width>=768px) {
.metrics-bar__item {min-height:12rem}
}
.metrics-bar__item:last-child {border-right:none}
@media (width<=767px) {
.metrics-bar__item:nth-child(2n) {border-right:none}
.metrics-bar__item:nth-child(n+3) {border-top:.5px solid #4d463733}
}
.metrics-bar__value {color:#c9a84c;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:2.25rem;font-weight:600}
@media (width>=768px) {
.metrics-bar__value {font-size:3rem}
}
.metrics-bar__label {text-transform:uppercase;letter-spacing:.15em;color:#fff6;text-align:center;max-width:160px;font-size:.6875rem}
.performance {background:#0e0e0e;border:.5px solid #4d463733}
.advisor {flex-direction:column;gap:4rem;max-width:1400px;margin-left:auto;margin-right:auto;display:flex}
@media (width>=1024px) {
.advisor {flex-direction:row;gap:5rem}
}
.footer {background:#0e0e0e;border-top:1px solid #c9a84c4d;padding:3rem 1.5rem}
@media (width>=768px) {
.footer {padding:4rem 3rem}
}
.footer__grid {grid-template-columns:1fr;gap:3rem;display:grid}
@media (width>=768px) {
.footer__grid {grid-template-columns:2fr 1fr 1fr 1fr}
}
.footer__logo {margin-bottom:1.5rem;display:inline-block}
.footer__logo-svg {width:auto;height:60px}
.footer__description {color:#fff6;max-width:320px;font-size:.8125rem;line-height:1.7}
.footer__heading {text-transform:uppercase;letter-spacing:.2em;color:#c9a84c;margin-bottom:1.5rem;font-size:.6875rem;font-weight:700}
.footer__link {color:#fff6;text-transform:uppercase;letter-spacing:.1em;min-height:auto;padding:.5rem 0;font-size:.8125rem;transition:color .4s;display:block}
.footer__link:hover {color:#c9a84c}
.footer__bottom {border-top:.5px solid #4d463733;flex-direction:column;gap:1rem;margin-top:4rem;padding-top:3rem;display:flex}
@media (width>=768px) {
.footer__bottom {flex-direction:row;justify-content:space-between;align-items:center}
}
.footer__legal {text-transform:uppercase;letter-spacing:.15em;color:#ffffff40;font-size:.6875rem}
.hero {background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}
.hero__bg {position:absolute;inset:0;overflow:hidden}
.hero__bg-video {object-fit:cover;width:100%;height:100%}
.hero__bg-overlay {background:#000000b8;position:absolute;inset:0}
.hero__bg-overlay:after {content:"";background:linear-gradient(#0000004d 0%,#0000 40%,#00000080 100%);position:absolute;inset:0}
.hero__content {z-index:1;text-align:center;margin-top:-20vh;padding:8rem 1.5rem 4rem;position:relative}
@media (width>=768px) {
.hero__content {margin-top:0;padding:10rem 3rem}
}
.hero__eyebrow {justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}
.hero__eyebrow-line {opacity:.5;background:#c9a84c;width:3rem;height:1px;display:block}
@media (width>=768px) {
.hero__eyebrow-line {width:5rem}
}
.hero__eyebrow-text {text-transform:uppercase;letter-spacing:.3em;color:#c9a84c;font-size:.6875rem;font-weight:500}
.hero__headline {color:#fff;letter-spacing:.05em;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.4rem,8vw,6.5rem);font-weight:400;line-height:1}
.hero__rule {opacity:.6;background:#c9a84c;width:1px;height:3rem;margin:3rem auto}
@media (width>=768px) {
.hero__rule {height:4rem}
}
.hero__actions {justify-content:center;align-items:center;display:flex}
.hero__view-link {text-transform:uppercase;letter-spacing:.3em;color:#fff6;border-bottom:1px solid #ffffff26;padding:.75rem 0;font-size:.6875rem;text-decoration:none;transition:color .4s}
.hero__view-link:hover {color:#fffc;border-bottom-color:#fff6}
.hero__scroll-indicator {z-index:1;flex-direction:column;align-items:center;gap:.75rem;display:none;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}
@media (width>=768px) {
.hero__scroll-indicator {display:flex}
}
.hero__scroll-text {text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-size:.6875rem}
.hero__scroll-line {background:linear-gradient(#c9a84c,#0000);width:1px;height:2rem;animation:2s ease-in-out infinite scroll-pulse;display:block}
@keyframes scroll-pulse {0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
.dossier__header {border-bottom:.5px solid #4d463733;flex-direction:column;gap:1.5rem;max-width:1400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding-bottom:1.5rem;display:flex}
@media (width>=768px) {
.dossier__header {flex-direction:row;justify-content:space-between;align-items:baseline}
}
.dossier__title {margin-bottom:0}
.dossier__grid {grid-template-columns:1fr;gap:3rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=768px) {
.dossier__grid {grid-template-columns:repeat(3,1fr);gap:2rem}
}
.cta-section {text-align:center;border-top:.5px solid #4d463733;max-width:1400px;margin-left:auto;margin-right:auto;padding:10rem 1.5rem}
@media (width>=768px) {
.cta-section {padding:10rem 3rem}
}
.cta-section__headline {margin-bottom:3rem;font-size:2.25rem}
@media (width>=768px) {
.cta-section__headline {margin-bottom:4rem;font-size:3.75rem}
}
.cta-section__actions {flex-direction:column;align-items:center;gap:1.5rem;display:flex}
@media (width>=768px) {
.cta-section__actions {flex-direction:row;justify-content:center;gap:2rem}
}
.cta-section__actions .btn {width:100%;max-width:320px}
@media (width>=768px) {
.cta-section__actions .btn {width:auto}
}
.advisor-section {border-bottom:.5px solid #4d463733}
.leaders-grid {max-width:1400px;margin:0 auto}
.leader-card {background:#0d0d0d;border:.5px solid #4d463733;grid-template-columns:1fr;transition:border-color .7s cubic-bezier(.25,1,.5,1);display:grid;overflow:hidden}
@media (width>=1024px) {
.leader-card {grid-template-columns:350px 1fr}
}
.leader-card:hover {border-color:#c9a84c4d}
.leader-card:hover .leader-card__portrait img {filter:grayscale(40%);transform:scale(1.03)}
.leader-card__portrait {width:100%;height:280px;overflow:hidden}
@media (width>=1024px) {
.leader-card__portrait {height:100%}
}
.leader-card__portrait img {object-fit:cover;object-position:top center;filter:grayscale(70%);width:100%;height:100%;transition:transform .7s cubic-bezier(.25,1,.5,1),filter .7s}
.leader-card__body {flex-direction:column;justify-content:center;gap:.5rem;padding:2rem;display:flex}
@media (width>=1024px) {
.leader-card__body {padding:3rem}
}
.leader-card__name {color:#fff;margin-top:.75rem;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.875rem}
@media (width>=768px) {
.leader-card__name {font-size:2.25rem}
}
.leader-card__location {color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;font-size:.8125rem}
.leader-card__bio {color:#fff9;margin-top:1rem;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}
.leader-card__details {border-top:.5px solid #4d463733;flex-direction:column;gap:.75rem;padding-top:1.5rem;display:flex}
.leader-card__detail {align-items:center;gap:2rem;display:flex}
.leader-card__detail-label {text-transform:uppercase;letter-spacing:.15em;color:#fff6;min-width:70px;font-size:.6875rem}
.leader-card__detail-value {color:#fff9;font-size:.9375rem;transition:color .4s}
.leader-card__detail-value:hover {color:#c9a84c}
.mobile-nav {z-index:99999;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:100%;display:flex;position:fixed;inset:0}
@media (width>=768px) {
.mobile-nav {display:none}
}
.mobile-nav__close {color:#c9a84c;cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:absolute;top:1.25rem;right:1.25rem;background:0 0!important;border:none!important}
.mobile-nav__link {color:#fff9;text-transform:uppercase;letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:1.5rem;transition:color .4s}
.mobile-nav__link:hover {color:#c9a84c}
.mobile-nav__cta {margin-top:2rem}
.team-section {background:#0e0e0e;border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733}
.team__header {max-width:1400px;margin-bottom:4rem;margin-left:auto;margin-right:auto}
.team__title {margin-top:.75rem}
.team__grid {grid-template-columns:1fr;gap:2rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=480px) {
.team__grid {grid-template-columns:repeat(2,1fr)}
}
@media (width>=1024px) {
.team__grid {grid-template-columns:repeat(4,1fr)}
}
.agent-modal__backdrop {z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}
@media (width>=768px) {
.agent-modal__backdrop {padding:2rem}
}
.agent-modal {background:#111;border:none;width:100%;height:100%;position:relative;overflow-y:auto}
@media (width>=768px) {
.agent-modal {border:.5px solid #4d463733;max-width:960px;height:auto;max-height:85vh;overflow:hidden}
}
.agent-modal__close {color:#c9a84c;cursor:pointer;z-index:2;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:1.5rem;right:1.5rem;background:0 0!important;border:none!important}
.agent-modal__layout {flex-direction:column;display:flex}
@media (width>=768px) {
.agent-modal__layout {flex-direction:row;align-items:flex-start}
}
.agent-modal__sidebar {flex-direction:column;flex-shrink:0;align-items:center;display:flex}
@media (width>=768px) {
.agent-modal__sidebar {width:420px;padding:3rem 1.5rem 3rem 3rem}
}
.agent-modal__photo {aspect-ratio:1;width:100%;overflow:hidden}
@media (width>=768px) {
.agent-modal__photo {aspect-ratio:1;width:100%;max-height:none}
}
.agent-modal__photo img {object-fit:cover;object-position:top center;width:100%;height:100%}
.agent-modal__sidebar .agent-modal__name {text-align:center;margin-top:1.5rem;font-size:2.25rem}
@media (width>=768px) {
.agent-modal__sidebar .agent-modal__name {text-align:left;font-size:2.25rem}
}
.agent-modal__quick-links {flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1.5rem 1rem;display:flex}
@media (width>=768px) {
.agent-modal__quick-links {align-items:flex-start;padding:1.5rem 0}
}
.agent-modal__quick-link {color:#fff9;align-items:center;gap:.75rem;font-size:.9375rem;text-decoration:none;transition:color .4s;display:flex}
.agent-modal__quick-link:hover {color:#c9a84c}
.agent-modal__quick-link svg {color:#c9a84c;flex-shrink:0}
.agent-modal__info {text-align:center;flex-direction:column;gap:.5rem;padding:2rem 1.5rem 3rem;display:flex}
@media (width>=768px) {
.agent-modal__info {text-align:left;flex:1;max-height:80vh;padding:3rem;overflow-y:auto}
}
.agent-modal__name {color:#fff;margin-top:.75rem;font-family:Cormorant Garamond,serif;font-size:1.875rem}
@media (width>=768px) {
.agent-modal__name {font-size:2.25rem}
}
.agent-modal__location {color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;font-size:.8125rem}
.agent-modal__bio {color:#fff9;margin-top:1rem;font-size:.9375rem;line-height:1.7}
.agent-modal__socials {justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}
@media (width>=768px) {
.agent-modal__socials {justify-content:flex-start}
}
.agent-modal__social {color:#fff6;border:.5px solid #4d463733;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s;display:flex}
.agent-modal__social:hover {color:#c9a84c;border-color:#c9a84c}
.team-card {background:#0d0d0d;border:.5px solid #4d463733;transition:border-color .2s;overflow:hidden}
.team-card__placeholder {background:#0e0e0e;justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.team-card__image {aspect-ratio:1;position:relative;overflow:hidden}
.team-card__image img {object-fit:cover;width:100%;height:100%;transition:filter .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1)}
/* Grey-until-hover is a CURSOR effect, so it is scoped to pointers that have
one. It used to be unconditional, which left every phone looking at 23
permanently black-and-white portraits: :hover cannot fire on a touchscreen,
so the colour simply never arrived. */
@media (hover:hover) and (pointer:fine) {
.team-card__image img {filter:grayscale()}
.team-card:hover {border-color:#c9a84c}
.team-card:hover .team-card__image img {filter:grayscale(0%);transform:scale(1.04)}
}
/* Touch: scrolling stands in for the cursor. main.js marks whichever card is
in the middle of the screen .is-active and that card gets the same treatment,
losing it on the way out so scrolling back replays it.
Full colour is the UNCLASSED default here on purpose - .js-scroll-hover is
only present once the observer is actually running, so a phone with JS off
(or an old browser without IntersectionObserver) shows colour photos rather
than being stranded on the grey half of an effect it cannot complete. */
@media (hover:none) {
.team-card__image img {filter:grayscale(0%)}
.js-scroll-hover .team-card__image img {filter:grayscale()}
.js-scroll-hover .team-card.is-active {border-color:#c9a84c}
.js-scroll-hover .team-card.is-active .team-card__image img {filter:grayscale(0%);transform:scale(1.04)}
}
.team-card__body {padding:1.5rem 1.5rem 2rem}
.team-card__name {color:#fff;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:2.5rem}
@media (width>=768px) {
.team-card__name {font-size:1.875rem}
}
.team-card__title {text-transform:uppercase;letter-spacing:.15em;color:#c9a84c;margin-bottom:.5rem;font-size:.8125rem}
.team-card__location {color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.6875rem}
.team-card__summary {color:#fff9;letter-spacing:.02em;font-size:.9375rem;font-style:italic;line-height:1.5}
@media (width>=768px) {
.team-card__summary {font-size:.8125rem}
}
.listing-price {color:#c9a84c;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;display:block}
@media (width>=768px) {
.listing-price {font-size:1.875rem}
}
.listing-lease {color:#c9a84c;letter-spacing:.1em;text-transform:uppercase;background:#c9a84c0f;border:1px solid #c9a84c4d;margin-bottom:.75rem;padding:4px 10px;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:600;display:inline-block}
.listing-address {line-height:1.5;color:#fff9!important;font-family:Inter,sans-serif!important;font-size:1rem!important;font-weight:400!important}
.testimonials-section {background:#0a0a0a;border-top:.5px solid #4d463733}
.testimonials__header {max-width:1400px;margin-bottom:4rem;margin-left:auto;margin-right:auto}
.testimonials__grid {grid-template-columns:1fr;gap:2rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=768px) {
.testimonials__grid {grid-template-columns:repeat(3,1fr)}
}
.testimonial-card {background:#0d0d0d;border:.5px solid #4d463733;flex-direction:column;padding:3rem;transition:border-color .7s cubic-bezier(.25,1,.5,1);display:flex}
.testimonial-card:hover {border-color:#c9a84c4d}
.testimonial__stars {gap:2px;margin-bottom:1.5rem;display:flex}
.testimonial__star {color:#c9a84c;font-size:1.125rem}
.testimonial-card__text {color:#fff9;flex:1;margin-bottom:2rem;font-family:Cormorant Garamond,serif;font-size:1.125rem;font-style:italic;line-height:1.7}
.testimonial-card__author {border-top:.5px solid #4d463733;padding-top:1.5rem}
.testimonial-card__name {color:#fff;font-size:.9375rem;font-weight:600;display:block}
.testimonial-card__location {color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.8125rem;display:block}
.testimonials__carousel {max-width:1400px;margin-left:auto;margin-right:auto}
.testimonials__grid {animation:.6s cubic-bezier(.16,1,.3,1) both testimonialFadeIn}
@keyframes testimonialFadeIn {0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.testimonials__carousel--loop {overflow:hidden}
.testimonials__carousel--loop .testimonials__grid {display:flex;max-width:none;animation:none;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.testimonials__carousel--loop .testimonial-card {flex:0 0 100%}
@media (width>=768px) {
.testimonials__carousel--loop .testimonial-card {flex-basis:calc((100% - 4rem) / 3)}
}
.testimonials__dots {justify-content:center;gap:.75rem;margin-top:3rem;display:flex}
.testimonials__dot {cursor:pointer;background:0 0;border:1px solid #c9a84c66;width:10px;height:10px;padding:0;transition:background .2s,border-color .2s}
.testimonials__dot:hover {border-color:#c9a84c}
.testimonials__dot--active {background:#c9a84c;border-color:#c9a84c}
.about-section {background:#0e0e0e;border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733}
.about-layout {grid-template-columns:1fr;align-items:center;gap:4rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=1024px) {
.about-layout {grid-template-columns:1fr 1.1fr;align-items:stretch;gap:5rem}
}
.about-body {margin-top:2rem}
.about-body .body-copy {margin-bottom:1.5rem}
.about-body .body-copy:last-child {margin-bottom:0}
.featured-in {background:#0e0e0e;border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733;flex-direction:column;align-items:center;gap:3rem;width:100%;padding:4rem 0;display:flex;overflow:hidden}
.featured-in__label {text-transform:uppercase;letter-spacing:.25em;color:#c9a84c;text-align:center;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:500}
.featured-in__marquee {width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}
.featured-in__track {align-items:center;gap:5rem;width:max-content;padding:.75rem 0;animation:25s linear infinite marqueeScroll;display:flex}
@media (width>=1024px) {
.featured-in__track {gap:8rem}
}
@keyframes marqueeScroll {0%{transform:translate(0)}to{transform:translate(-33.333%)}}
.featured-in__logo-item {opacity:.35;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.25,1,.5,1);display:flex}
.featured-in__logo-item:hover {opacity:.7}
.featured-in__logo-item img {object-fit:contain;filter:grayscale()brightness(2);width:auto;height:28px;overflow:visible}
@media (width>=1024px) {
.featured-in__logo-item img {height:32px}
}
@media (width<=767px) {
.featured-in__logo-item img {height:22px}
}
.about-image img {object-fit:cover;aspect-ratio:4/3;border:.5px solid #4d463733;width:100%;height:100%}
@media (width>=1024px) {
.about-image img {aspect-ratio:unset}
}
.articles-section {background:#0a0a0a;border-top:.5px solid #4d463733}
.articles__header {max-width:1400px;margin-bottom:4rem;margin-left:auto;margin-right:auto}
.articles__grid {grid-template-columns:1fr;gap:2rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=480px) {
.articles__grid {grid-template-columns:repeat(2,1fr)}
}
@media (width>=1024px) {
.articles__grid {grid-template-columns:repeat(4,1fr)}
}
.article-card {background:#0d0d0d;border:.5px solid #4d463733;flex-direction:column;transition:border-color .7s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}
.article-card:hover {border-color:#c9a84c4d;transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 20px #c9a84c14}
.article-card:hover .article-card__image img {filter:grayscale(20%);transform:scale(1.05)}
.article-card:hover .article-card__link {color:#d4b85e}
.article-card__image {aspect-ratio:16/10;width:100%;overflow:hidden}
.article-card__image img {object-fit:cover;filter:grayscale(50%);width:100%;height:100%;transition:transform .7s cubic-bezier(.25,1,.5,1),filter .7s}
.article-card__content {flex-direction:column;flex:1;padding:2rem;display:flex}
@media (width>=768px) {
.article-card__content {padding:3rem}
}
.article-card__date {text-transform:uppercase;letter-spacing:.15em;color:#c9a84c;margin-bottom:1rem;font-size:.6875rem}
.article-card__title {color:#fff;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:1.25rem;line-height:1.3}
@media (width>=768px) {
.article-card__title {font-size:1.5rem}
}
.article-card__link {text-transform:uppercase;letter-spacing:.2em;color:#c9a84c;cursor:pointer;font-size:.6875rem;font-weight:700;transition:color .4s}
.newsletters-section .articles__grid, .newsletters-section .newsletters__grid {gap:3rem}
@media (width>=480px) {
.newsletters-section .articles__grid, .newsletters-section .newsletters__grid {grid-template-columns:repeat(2,1fr)}
}
@media (width>=1024px) {
.newsletters-section .articles__grid, .newsletters-section .newsletters__grid {grid-template-columns:repeat(3,1fr)}
}
@media (width>=1280px) {
.newsletters-section .newsletters__grid--home, .newsletters-section .newsletters__grid--archive {grid-template-columns:repeat(3,1fr)}
}
.newsletters__cta-row {justify-content:center;max-width:1400px;margin:4rem auto 0;display:flex}
.newsletter-card {background:linear-gradient(#14100c8c 0%,#0d0d0d 100%)}
.newsletter-card__image {aspect-ratio:16/10;background:#0c0a08}
.newsletter-card__image img {filter:grayscale(15%);object-position:center;transition:transform .7s cubic-bezier(.25,1,.5,1),filter .7s}
.newsletter-card:hover .newsletter-card__image img {filter:grayscale(0%);transform:scale(1.04)}
.newsletter-card__content {gap:1rem;padding:2rem}
@media (width>=768px) {
.newsletter-card__content {padding:3rem}
}
.newsletter-card__title {-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:2.8125rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.25;display:-webkit-box;overflow:hidden}
@media (width>=768px) {
.newsletter-card__title {min-height:3.125rem;font-size:1.25rem}
}
.newsletter-card__agent {border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733;flex:none;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 0;display:flex}
.newsletter-card__agent-avatar {background:#c9a84c14;border:1px solid #c9a84c40;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}
.newsletter-card__agent-avatar img {object-fit:cover;object-position:center top;width:100%;height:100%}
.newsletter-card__agent-text {flex-direction:column;min-width:0;line-height:1.3;display:flex}
.newsletter-card__agent-byline {text-transform:uppercase;letter-spacing:.18em;color:#fff9;margin-bottom:2px;font-size:.65rem}
.newsletter-card__agent-name {color:#fff;letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:.8125rem}
.newsletter-card__agent-location {text-transform:uppercase;letter-spacing:.15em;color:#c9a84c;margin-top:2px;font-size:.7rem}
.article-detail {max-width:800px;margin:0 auto;padding:0 1.5rem}
@media (width>=768px) {
.article-detail {padding:0}
}
.article-detail__hero {aspect-ratio:16/9;width:100%;margin-bottom:4rem;overflow:hidden}
.article-detail__hero img {object-fit:cover;border:.5px solid #4d463733;width:100%;height:100%}
.article-detail__body .body-copy {color:#fff9;margin-bottom:2rem;font-size:.9375rem;line-height:1.8}
@media (width>=768px) {
.article-detail__body .body-copy {font-size:1.125rem}
}
.article-detail__footer {border-top:.5px solid #4d463733;margin-top:4rem;padding-top:2rem}
.newsletter-detail .article-detail__hero {aspect-ratio:16/9}
.newsletter-detail .article-detail__hero img {object-fit:cover;width:100%;height:100%}
.newsletter-detail__footer {margin-top:4rem;margin-bottom:4rem}
@media (width>=768px) {
.newsletter-detail__footer {margin-bottom:5rem}
}
.newsletter-detail__byline {border-bottom:.5px solid #4d463733;align-items:center;gap:1rem;margin:3rem 0 4rem;padding-bottom:2rem;display:flex}
.newsletter-detail__byline-avatar {border:.5px solid #4d463733;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}
.newsletter-detail__byline-avatar img {object-fit:cover;width:100%;height:100%}
.newsletter-detail__byline-text {flex-direction:column;gap:2px;font-size:.875rem;display:flex}
.newsletter-detail__byline-label {text-transform:uppercase;letter-spacing:.08em;color:#fff9;opacity:.7;font-size:.75rem}
.newsletter-detail__byline-name {color:#e5e2e1;font-weight:500}
.newsletter-detail__byline-location {color:#fff9;opacity:.85;font-size:.8125rem}
.newsletter-detail__body>*+* {margin-top:1.5rem}
:root {--primary:#c9a84c;--primary-light:#d4b85e;--bg-dark:#0a0a0a;--bg-card:#ffffff0a;--border-glass:#ffffff14;--text-muted:#fff6}
.sidebar {border-right:1px solid var(--border-glass);background:#0006;flex-direction:column;flex-shrink:0;width:240px;padding:2rem 1.5rem;display:flex}
@media (width<=768px) {
.sidebar {width:200px;padding:1.5rem 1rem}
}
.brand {margin-bottom:2.5rem}
.agent-name {color:#fff;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.25rem}
.stars {color:var(--primary);gap:.25rem;margin-bottom:1rem;display:flex}
.page-hero {background:#0e0e0e;border-bottom:.5px solid #4d463733;align-items:flex-end;min-height:320px;padding:8rem 1.5rem 4rem;display:flex}
@media (width>=768px) {
.page-hero {min-height:400px;padding:10rem 3rem 4rem}
}
.page-hero__content {width:100%;max-width:1400px;margin:0 auto}
.page-hero__title {color:#fff;margin-top:1rem;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:600;line-height:1.1}
@media (width>=768px) {
.page-hero__title {font-size:4.5rem}
}
.page-hero__desc {color:#fff9;max-width:560px;margin-top:1.5rem;font-size:.9375rem;line-height:1.7}
@media (width>=768px) {
.page-hero__desc {font-size:1rem}
}
.page-hero__rule {background:#c9a84c;width:4rem;height:1px;margin-top:2rem}
.deal-card__status {margin-bottom:1rem}
.deal-card__badge {text-transform:uppercase;letter-spacing:.15em;color:#fff6;border:.5px solid #4d463733;padding:.5rem 1rem;font-size:.6875rem;display:inline-block}
.deal-card__badge--gold {color:#c9a84c;border-color:#c9a84c}
.portfolio-grid {grid-template-columns:1fr;gap:3rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=480px) {
.portfolio-grid {grid-template-columns:repeat(2,1fr)}
}
@media (width>=1024px) {
.portfolio-grid {grid-template-columns:repeat(3,1fr)}
}
.contact-layout {grid-template-columns:1fr;gap:4rem;max-width:1400px;margin-left:auto;margin-right:auto;display:grid}
@media (width>=1024px) {
.contact-layout {grid-template-columns:1.4fr 1fr;gap:5rem}
}
.contact-form {flex-direction:column;gap:1.5rem;display:flex}
.contact-form__row {grid-template-columns:1fr;gap:1.5rem;display:grid}
@media (width>=480px) {
.contact-form__row {grid-template-columns:1fr 1fr}
}
.contact-form__field {flex-direction:column;gap:.5rem;display:flex}
.contact-form__label {text-transform:uppercase;letter-spacing:.15em;color:#fff6;font-size:.6875rem;font-weight:500}
.contact-form__input {color:#e5e2e1;background:#0d0d0d;border:.5px solid #4d463733;border-radius:0;padding:1rem 1.5rem;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .4s}
.contact-form__input:focus {border-color:#c9a84c}
.contact-form__input::placeholder {color:#fff6}
.contact-form__select {appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C9A84C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}
.contact-form__select option {color:#e5e2e1;background:#0a0a0a}
.contact-form__textarea {resize:vertical;min-height:120px}
.office-card {border:.5px solid #4d463733;margin-bottom:1rem;padding:2rem;transition:border-color .4s}
.office-card:hover, .office-card--primary {border-color:#c9a84c4d}
.office-card__city {color:#fff;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.5rem}
.office-card__address {color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.8125rem}
.office-card__detail {color:#fff9;padding:2px 0;font-size:.8125rem;transition:color .4s;display:block}
.office-card__detail:hover {color:#c9a84c}
.legal-content {max-width:800px;margin:0 auto}
.legal-block {border-bottom:.5px solid #4d463733;margin-bottom:3rem;padding-bottom:3rem}
.legal-block:last-child {border-bottom:none}
.legal-block__title {color:#fff;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:1.5rem}
.legal-block__body {color:#fff9;font-size:.9375rem;line-height:1.8}
.listing-filters {border-bottom:.5px solid #4d463733;margin-bottom:3rem;padding:0 1.5rem}
@media (width>=768px) {
.listing-filters {padding:0 3rem}
}
.listing-filters__bar {gap:0;max-width:1400px;margin-left:auto;margin-right:auto;display:flex}
.listing-filters__btn {text-transform:uppercase;letter-spacing:.15em;color:#fff6;padding:1rem 1.5rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}
@media (width>=768px) {
.listing-filters__btn {padding:1rem 2rem}
}
.listing-filters__btn {cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;transition:color .4s;display:flex;position:relative}
.listing-filters__btn:after {content:"";background:0 0;height:2px;transition:background .4s;position:absolute;bottom:0;left:0;right:0}
.listing-filters__btn:hover {color:#fff}
.listing-filters__btn--active {color:#c9a84c}
.listing-filters__btn--active:after {background:#c9a84c}
.listing-filters__count {color:#ffffff40;font-size:.6875rem;font-weight:400}
.neighborhood-hero {align-items:flex-end;min-height:400px;display:flex;position:relative}
@media (width>=768px) {
.neighborhood-hero {min-height:500px}
}
.neighborhood-hero__bg {position:absolute;inset:0}
.neighborhood-hero__img {object-fit:cover;filter:grayscale();width:100%;height:100%}
.neighborhood-hero__overlay {background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000d9 100%);position:absolute;inset:0}
.neighborhood-hero__content {z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:4rem 1.5rem;position:relative}
@media (width>=768px) {
.neighborhood-hero__content {padding:5rem 3rem}
}
.neighborhood-hero__title {color:#fff;margin-top:1rem;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:600;line-height:1.1}
@media (width>=768px) {
.neighborhood-hero__title {font-size:4.5rem}
}
.pd-section {max-width:1400px;margin-left:auto;margin-right:auto;padding:4rem 1.5rem}
@media (width>=768px) {
.pd-section {padding:5rem 3rem}
}
.pd-breadcrumb {align-items:center;gap:.75rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:1.5rem;font-size:.8125rem;display:flex}
@media (width>=768px) {
.pd-breadcrumb {padding:1.5rem 3rem}
}
.pd-breadcrumb__link {color:#fff6;text-transform:uppercase;letter-spacing:.1em;transition:color .4s}
.pd-breadcrumb__link:hover {color:#c9a84c}
.pd-breadcrumb__sep {color:#ffffff40}
.pd-breadcrumb__current {color:#fff9;text-transform:uppercase;letter-spacing:.1em}
.pd-gallery {padding:.75rem 0 0}
.pd-gallery__main {aspect-ratio:4/3;border:.5px solid #4d463733;width:100%;position:relative;overflow:hidden}
@media (width>=768px) {
.pd-gallery__main {aspect-ratio:16/9}
}
.pd-gallery__hero-img {object-fit:cover;width:100%;height:100%;transition:opacity .4s}
.pd-gallery__status {z-index:2;position:absolute;top:1.5rem;left:1.5rem}
.pd-gallery__status .deal-card__badge {-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3}
.pd-gallery__thumbs {gap:.75rem;max-width:1400px;margin-top:.75rem;margin-left:auto;margin-right:auto;padding:0 1.5rem .75rem;display:flex;overflow-x:auto}
@media (width>=768px) {
.pd-gallery__thumbs {padding:0 3rem .75rem}
}
.pd-gallery__thumbs::-webkit-scrollbar {height:4px}
.pd-gallery__thumbs::-webkit-scrollbar-thumb {background:#c9a84c4d}
.gallery-thumb {cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;flex-shrink:0;width:120px;height:80px;min-height:auto;padding:0;transition:border-color .4s,opacity .4s;overflow:hidden}
@media (width>=768px) {
.gallery-thumb {width:160px;height:100px}
}
.gallery-thumb:hover {opacity:1;border-color:#c9a84c}
.gallery-thumb img {object-fit:cover;filter:grayscale(50%);width:100%;height:100%;transition:filter .4s}
.gallery-thumb:hover img {filter:grayscale(0%)}
.pd-header {border-bottom:.5px solid #4d463733;flex-direction:column;gap:3rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:3rem 1.5rem;display:flex}
@media (width>=768px) {
.pd-header {flex-direction:row;justify-content:space-between;align-items:flex-start;padding:3rem}
}
.pd-header__price {color:#c9a84c;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:2.25rem;font-weight:700;line-height:1;display:block}
@media (width>=768px) {
.pd-header__price {font-size:3rem}
}
.pd-header__address {color:#fff9;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.4}
@media (width>=768px) {
.pd-header__address {font-size:1.125rem}
}
.pd-header__type {text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-size:.6875rem}
.pd-header__quick-stats {flex-shrink:0;gap:2rem;display:flex}
@media (width>=768px) {
.pd-header__quick-stats {gap:3rem}
}
.pd-stat {text-align:center}
.pd-stat__value {color:#fff;font-variant-numeric:lining-nums tabular-nums;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;line-height:1;display:block}
@media (width>=768px) {
.pd-stat__value {font-size:1.875rem}
}
.pd-stat__label {text-transform:uppercase;letter-spacing:.15em;color:#fff6;font-size:.6875rem}
.pd-content__grid {grid-template-columns:1fr;gap:4rem;display:grid}
@media (width>=1024px) {
.pd-content__grid {grid-template-columns:1.4fr 1fr;gap:5rem}
}
.pd-specs .label {margin-bottom:2rem;display:block}
.pd-specs__grid {grid-template-columns:1fr;gap:0;display:grid}
.pd-specs__item {border-bottom:.5px solid #4d463733;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}
.pd-specs__item:first-child {border-top:.5px solid #4d463733}
.pd-specs__label {color:#fff6;text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem}
.pd-specs__value {color:#fff;font-size:.9375rem;font-weight:500}
.pd-features-section {background:#0e0e0e;border-top:.5px solid #4d463733;border-bottom:.5px solid #4d463733;max-width:none}
.pd-features-section>.reveal {max-width:1400px;margin-left:auto;margin-right:auto;padding:0 1.5rem}
@media (width>=768px) {
.pd-features-section>.reveal {padding:0 3rem}
}
.pd-features__grid {grid-template-columns:1fr;gap:.75rem;display:grid}
@media (width>=480px) {
.pd-features__grid {grid-template-columns:repeat(2,1fr)}
}
@media (width>=1024px) {
.pd-features__grid {grid-template-columns:repeat(3,1fr)}
}
.pd-feature {background:#0d0d0d;border:.5px solid #4d463733;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:border-color .4s;display:flex}
.pd-feature:hover {border-color:#c9a84c4d}
.pd-feature__icon {color:#c9a84c;flex-shrink:0;font-size:1rem}
.pd-feature__text {color:#fff9;font-size:.9375rem}
.pd-agent-section {border-top:.5px solid #4d463733}
.pd-agent__avatar {border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}
.pd-agent__avatar img {object-fit:cover;width:100%;height:100%}
.pd-agent__info {align-items:center;gap:2rem;display:flex}
.pd-agent {background:#c9a84c08;border:1px solid #c9a84c4d;flex-direction:column;gap:2rem;padding:3rem;display:flex}
@media (width>=768px) {
.pd-agent {flex-direction:row;justify-content:space-between;align-items:center;padding:3rem 4rem}
}
.pd-agent__name {color:#fff;margin-top:.75rem;font-family:Cormorant Garamond,serif;font-size:1.875rem}
@media (width>=768px) {
.pd-agent__name {font-size:2.25rem}
}
.pd-agent__title {text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-top:.5rem;font-size:.8125rem}
.pd-agent__actions {flex-direction:column;gap:1rem;display:flex}
@media (width>=480px) {
.pd-agent__actions {flex-direction:row}
}
.av-link {color:#c9a84c;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;margin-top:auto;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700;transition:color .2s}
.av-link:hover {color:#d4b85e}
::selection {color:#fff;background:#c9a84c4d}
::-webkit-scrollbar {width:6px}
::-webkit-scrollbar-track {background:#0a0a0a}
::-webkit-scrollbar-thumb {background:#c9a84c4d}
::-webkit-scrollbar-thumb:hover {background:#c9a84c80}
.page {color:#e5e2e1;background:#0a0a0a;min-height:100vh;overflow-x:hidden}
.main {padding-top:5rem}
@media (width>=768px) {
.main {padding-top:6rem}
}
/* The static build toggles the agent modal with the hidden attribute; the
original flex display must not override it. */
.agent-modal__backdrop[hidden] {display:none!important}
/* --------------------------------------------------------------------------
Static-build mobile navigation.
The original app mounted this overlay only while open; here it is always in
the DOM, so it must be closed by default and slide in from the right.
JS mirrors these states with inline styles so the drawer stays closable
even if a stale copy of this stylesheet is cached.
-------------------------------------------------------------------------- */
@media (max-width: 767px) {
.mobile-nav {
inset: 0 0 0 auto;
left: auto;
width: min(320px, 85vw);
height: 100%;
border-left: 1px solid rgba(201, 168, 76, 0.25);
box-shadow: -18px 0 50px rgba(0, 0, 0, 0.55);
transform: translateX(105%);
visibility: hidden;
transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.35, 1), visibility 0.35s;
}
.mobile-nav.is-open {
transform: none;
visibility: visible;
}
.header__mobile-toggle { margin-left: auto; }
}
/* Contact form validation states (added with the DB-backed contact handler) */
.contact-form__optional {color:#fff6;font-weight:400;text-transform:none;letter-spacing:0;font-size:.75rem}
.contact-form__input--error, .contact-form__input--error:focus {border-color:#e0655f !important;box-shadow:0 0 0 1px #e0655f33}
.contact-form__error {display:block;margin-top:.4rem;color:#e88a85;font-size:.8125rem;line-height:1.4}
.contact-form__status {margin:0 0 1.25rem;padding:.85rem 1rem;border-radius:6px;font-size:.875rem;line-height:1.5}
.contact-form__status--error {color:#f2b8b4;background:#e0655f1a;border:1px solid #e0655f66}
/* Newsletter body: style bare tags too, so the panel's rich-text editor output
(plain /