.old{--black: #090909; --white: #f5f5f3; --off-white: #eceae5; --red: #c0392b; --red-dark: #a93226; --red-on-dark: #e35c50; --gray-1: #e0dedd; --gray-2: #b8b5b2; --gray-3: #7e7b78; --gray-4: #3e3c3a; --gray-link-dark: #f5f3ef; --gray-5: #1e1d1c; --nav-h: 80px; --fs-xs: 13px; --fs-sm: 15px; --fs-base: 17px; --fs-md: 18px; --fs-lg: 19px; --fs-xl: 20px; --fs-label-xs: 11px; --fs-label-sm: 12px; --fs-label-md: 13px;background: var(--black); color: var(--white); font-family: Montserrat, sans-serif; font-weight: 300; overflow-x: clip;--glow-red: rgba(192,57,43,0.15); --glow-white: rgba(255,255,255,0.06); --border-subtle: rgba(255,255,255,0.07); --border-accent: rgba(192,57,43,0.35); --glass: rgba(255,255,255,0.03); --glass-hover: rgba(255,255,255,0.055);--fs-xs: 14px; --fs-sm: 16px; --fs-label-xs: 12px; --fs-label-sm: 13px; --fs-label-md: 14px;}

.old *{margin: 0px; padding: 0px; box-sizing: border-box;}
.old a{text-decoration: none; color: inherit;}
.old img{display: block; max-width: 100%;}
.old button{font-family: inherit; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none;}
.old p{text-wrap: balance;}
.old #hero{position: relative; height: 100svh; min-height: 680px; display: flex; align-items: flex-end; overflow: hidden;}
.old .cta-btn{font-size: var(--fs-label-md); letter-spacing: 0.35em; text-transform: uppercase; font-weight: 500; padding: 16px 40px; transition: 0.35s; display: inline-block;}
.old .cta-btn.primary{background: var(--white); color: var(--black);}
.old .cta-btn.primary:hover{background: var(--red); color: var(--white);}
.old .hero-scroll{position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; opacity: 0; animation: 1s ease 1.6s 1 normal forwards running fadeIn;}
.old .hero-scroll span{font-size: var(--fs-label-xs); letter-spacing: 0.45em; text-transform: uppercase; color: var(--gray-3);}
.old .scroll-bar{width: 1px; height: 52px; background: linear-gradient(to bottom,var(--gray-3),transparent); animation: 2s ease-in-out 0s infinite normal none running scrollPulse;}
.old .section-rule{width: 48px; height: 1px; background: var(--red); margin-bottom: 20px;}
.old .section-eyebrow{font-size: var(--fs-label-sm); letter-spacing: 0.45em; text-transform: uppercase; color: var(--red); margin-bottom: 20px;}
.old #about{padding: 110px 60px; background: rgb(241, 239, 235); color: var(--black);}
.old .about-img-col{position: relative; overflow: hidden;}
.old .about-img-overlay{position: absolute; inset: 0px; background: linear-gradient(to right, transparent 55%, rgb(241, 239, 235) 100%);}
.old .about-heading{font-family: "Cormorant Garamond", serif; font-size: clamp(36px, 3.5vw, 54px); font-weight: 300; line-height: 1.12; margin-bottom: 24px;}
.old .about-heading em{font-style: italic; color: var(--gray-3);}
.old .about-body{font-size: var(--fs-xl); line-height: 1.85; color: var(--gray-4); margin-bottom: 18px; max-width: 60ch;}
.old .about-creds{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px;}
.old .cred-badge{font-size: var(--fs-label-xs); letter-spacing: 0.25em; text-transform: uppercase; border: 1px solid rgba(9, 9, 9, 0.18); padding: 7px 14px; color: var(--gray-4);}
.old #about .about-img-col{overflow: visible;}
.old #about .about-img-col img{border-radius: 20px; box-shadow: rgba(9, 9, 9, 0.12) 0px 24px 64px; height: auto !important; object-fit: unset !important;}
.old #about .about-img-overlay{display: none;}
.old #about .cta-btn{border-radius: 100px;}
.old #about .cta-btn.primary{background: var(--red); color: var(--white);}
.old #about .cta-btn.primary:hover{background: var(--red-dark); color: var(--white);}
.old .about-head{text-align: center; max-width: 880px; margin: 0px auto 52px;}
.old .about-head .section-rule{margin: 0px auto 20px;}
.old .about-banner{max-width: 1180px; margin: 0px auto 56px; display: grid; grid-template-columns: minmax(0px, 460px) minmax(0px, 1fr); gap: 64px; align-items: center;}
.old .about-banner .about-body{max-width: none;}
.old .team-strip{max-width: 1180px; margin: 0px auto; border-top: 1px solid rgba(9, 9, 9, 0.15); border-bottom: 1px solid rgba(9, 9, 9, 0.15); padding: 26px 0px; display: flex; gap: 32px;}
.old .team-strip .ts-row{flex: 1 1 0px; min-width: 0px;}
.old .ts-row{display: flex; align-items: center; gap: 14px;}
.old .ts-row img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: center top; filter: grayscale(20%); flex-shrink: 0;}
.old .ts-name{font-family: "Cormorant Garamond", serif; font-size: 19px; font-weight: 600; color: var(--black);}
.old .ts-meta{font-size: 11px; color: var(--gray-4); line-height: 1.8; margin-top: 2px;}
.old .ts-meta a{color: var(--black); text-decoration: underline 1px; text-underline-offset: 2px;}
.old .ts-meta a.ts-email{color: rgb(139, 41, 32); font-size: 10.5px;}
.old .about-foot{max-width: 1180px; margin: 36px auto 0px; display: flex; justify-content: space-between; align-items: center; gap: 24px 32px; flex-wrap: wrap;}
.old .about-foot .about-creds{flex-basis: 100%; order: 3; display: flex; flex-wrap: wrap; gap: 8px;}
.old .about-foot .team-omni{margin: 0px;}
.old .about-ctas{display: flex; gap: 14px; align-items: stretch; flex-wrap: wrap;}
.old .team-omni{font-size: 14px; color: var(--gray-4); line-height: 1.9;}
.old .team-omni a{color: var(--black); text-decoration: underline; text-underline-offset: 2px;}
.old .team-omni a.team-omni-link{color: rgb(139, 41, 32); text-decoration: underline; text-underline-offset: 2px;}
.old .team-omni-lbl{font-size: 9px; letter-spacing: 0.35em; text-transform: uppercase; color: var(--red); margin-bottom: 12px;}
.old .rv{opacity: 0; transform: translateY(36px); transition: opacity 0.9s, transform 0.9s;}
@media (prefers-reduced-motion: reduce){.old *{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}
@media (prefers-reduced-motion: reduce){.old .rv{opacity: 1 !important; transform: none !important;}}
@media (max-width: 900px){.old #hero{position: relative; height: 100svh; min-height: 600px; display: flex; align-items: flex-end; overflow: hidden;}}
@media (max-width: 900px){.old #hero{overflow: hidden; width: 100vw; max-width: 100vw;}}
@media (max-width: 900px){.old .cta-btn{padding: 16px 24px; font-size: var(--fs-label-xs);}}
@media (max-width: 900px){.old .hero-scroll{display: none;}}
@media (max-width: 900px){.old #about{grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 900px){.old #about > *{min-width: 0px;}}
@media (max-width: 900px){.old #about{padding: 64px 22px;}}
@media (max-width: 900px){.old .about-banner{grid-template-columns: minmax(0px, 1fr); gap: 34px; margin-bottom: 40px;}}
@media (max-width: 900px){.old .team-strip{flex-direction: column; gap: 18px;}}
@media (max-width: 900px){.old .about-foot{flex-direction: column; align-items: flex-start;}}
@media (max-width: 900px){.old .about-ctas{width: 100%; flex-direction: column;}}
@media (max-width: 900px){.old .about-ctas .cta-btn{text-align: center;}}
@media (max-width: 900px){.old .about-img-col{height: 300px; min-height: unset;}}
@media (max-width: 900px){.old #about .about-img-col{height: auto; min-height: 0px; margin-bottom: 8px;}}
@media (max-width: 900px){.old .about-img-overlay{background: none;}}
@media (max-width: 900px){.old #hero{height: 90vh; min-height: 560px;}}
@media (max-width: 600px){.old #about{padding: 52px 20px !important;}}
.old .section-rule{position: relative; overflow: hidden;}
.old .section-rule::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transform: translateX(-100%); animation: 3s ease 1s 1 normal forwards running ruleShimmer;}
.old .cta-btn.primary{position: relative; overflow: hidden; letter-spacing: 0.28em; transition: 0.3s !important;}
.old .rv{opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s;}
.old .hero-scroll span, .old .cred-badge{color: var(--gray-2);}
.old #about .cred-badge{color: var(--gray-4);}
.old .hero-scroll span{font-size: var(--fs-label-sm);}
.old .cred-badge{font-size: 9.5px;}
.old [style*="font-size:9px"]{font-size: 11px !important;}
.old .section-eyebrow{letter-spacing: 0.32em;}
.old .hero-scroll span{letter-spacing: 0.34em;}
@media (max-width: 640px){.old a.ch-cta{font-size: 12px; letter-spacing: 0.18em; padding: 15px 36px;}}
@media (max-width: 768px){.old #about .ts-meta{font-size: 12px;}}
@media (max-width: 768px){.old #about .ts-meta a.ts-email{font-size: 12px;}}
@media (max-width: 768px){.old #about .ts-meta a, .old #about .team-omni a{display: inline-block; padding: 12px 3px; margin: -9px -1px;}}
@media (max-width: 768px){.old .team-omni-lbl{font-size: 10.5px;}}
@media (max-width: 768px){.old [style*="font-size:13px"]{font-size: 16px !important;}}
.old a[href^="mailto:"]{overflow-wrap: anywhere;}
@media (max-width: 480px){.old a.ch-cta, .old a.cta-btn{width: 100%; text-align: center; justify-content: center; text-wrap: balance; padding: 16px 20px !important; letter-spacing: 0.22em !important; line-height: 1.35 !important;}}
.old [data-hover="border-red"]:hover{border-color: rgba(192, 57, 43, 0.6) !important;}
.old #about .about-img-col img{aspect-ratio: 1200 / 1000 !important; object-fit: cover !important; object-position: center top !important;}
.old .about-ctas a{font-size: var(--fs-label-md);}
.old .about-creds{align-items: center;}
.old .hero-scroll span, .old .ch-bar-stats span{color: rgb(255, 255, 255) !important;}
.old .hero-scroll span{font-weight: 400;}
.old .about-body, .old .ts-meta, .old .cred-badge{color: rgb(20, 17, 15) !important;}
.old h1:not([class*="jkb"]), .old h2:not([class*="jkb"]):not(.jkb-widget-title){font-weight: 700 !important; letter-spacing: -0.005em;}
.old h1:not([class*="jkb"]), .old h2:not([class*="jkb"]):not(.jkb-widget-title){font-family: "Libre Baskerville", Georgia, serif !important;}
.old h2 em{font-style: normal !important; color: inherit !important; font-weight: inherit !important;}
.old .nw, .old .nwk{white-space: nowrap;}
@media (max-width: 639px){.old .nw{white-space: normal;}}
.old .about-banner{align-items: start;}
.old .about-foot{max-width: none;}
.old .awards-strip{mask-image: none;}
@media (max-width: 480px){.old #about a.cta-btn{font-size: 11px !important; letter-spacing: 0.12em !important; padding-left: 12px !important; padding-right: 12px !important;}}
@media (max-width: 480px){.old .about-ctas a{width: 100%; text-align: center; box-sizing: border-box; font-size: 11px !important; letter-spacing: 0.14em !important; padding: 15px 12px !important;}}
@media (max-width: 480px){.old body #about{padding-bottom: 40px !important;}}
.old .ch-cta, .old .ch-proof{-webkit-tap-highlight-color: transparent; transition-property: background, color, border-color, transform, gap; transition-duration: 0.3s, 0.3s, 0.3s, 0.12s, 0.3s;}
.old :is(.ch-cta, .ch-proof, .tp-cta, .tp-tab, .iw-all, .listing-cta, .msf-next, .msf-pill, .nav-call-btn, .nav-cta-btn, .view-all-link, .hamburger):active{transform: scale(0.97);}
@media (prefers-reduced-motion: reduce){.old :is(.ch-cta, .ch-proof, .tp-cta, .tp-tab, .iw-all, .listing-cta, .msf-next, .msf-pill, .nav-call-btn, .nav-cta-btn, .view-all-link, .hamburger):active{transform: none;}}
.old #hero.ch{position: relative; height: 82svh; min-height: 600px; padding-top: 70px; box-sizing: border-box; background: var(--black); overflow: hidden; display: flex; align-items: center; justify-content: center;}
.old .ch-slides{position: absolute; inset: 0px;}
.old .ch-slide{position: absolute; inset: 0px; background-size: cover; background-position: center center; opacity: 0; transform: scale(1);}
@media (max-width: 900px){.old .ch-s1{background-image: url("/stock-house-mobile.webp") !important;}}
.old .ch-slide.active{animation: 7s linear 0s 1 normal forwards running chKenBurns;}
.old .ch-scrim{position: absolute; inset: 0px; background: linear-gradient(to top, rgba(9, 9, 9, 0.88) 0%, rgba(9, 9, 9, 0.35) 35%, rgba(9, 9, 9, 0.25) 60%, rgba(9, 9, 9, 0.45) 100%);}
.old .ch-content{position: relative; z-index: 2; text-align: center; padding: 0px 24px; margin-top: 0px; opacity: 0; animation: 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal forwards running chRise;}
.old .ch-eyebrow{font-size: var(--fs-label-md); letter-spacing: 0.38em; text-transform: uppercase; color: var(--white); margin-bottom: 30px;}
.old .ch-title{font-family: "Cormorant Garamond", serif; font-size: clamp(33px, 7.2vw, 109px); font-weight: 300; line-height: 1.04; color: var(--white);}
.old .ch-line{white-space: nowrap;}
.old .ch-accent{color: var(--white); position: relative;}
.old .ch-accent::after{content: ""; position: absolute; left: 8%; right: 8%; bottom: -0.12em; height: 4px; background: var(--red);}
.old .ch-content .ch-cta{margin-top: clamp(33px, 24px + 2.4vw, 60px);}
.old .ch-cta{display: inline-block; margin-top: 34px; background: var(--red); color: var(--white); font-size: var(--fs-label-md); letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500; padding: 18px 44px; border-radius: 100px; white-space: nowrap; transition: background 0.3s, transform 0.3s;}
.old .ch-cta:hover{background: var(--red-dark); transform: translateY(-2px);}
.old .proof-band{background: rgb(241, 239, 235); border-bottom: 1px solid rgba(9, 9, 9, 0.1); padding: 36px 60px;}
.old .proof-band .in{max-width: 1180px; margin: 0px auto; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px 32px;}
.old .proof-band b{display: block; font-family: "Cormorant Garamond", serif; font-size: 46px; font-weight: 300; line-height: 1; color: var(--black); font-variant-numeric: tabular-nums;}
.old .proof-band span{display: block; margin-top: 8px; font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gray-4); line-height: 1.6;}
@media (max-width: 640px){.old .ch-line{white-space: normal;}}
@media (max-width: 640px){.old .ch-bar{max-width: calc(100% - 32px);}}
@media (max-width: 900px){.old .proof-band{padding: 28px 20px;}}
@media (max-width: 900px){.old .proof-band .in{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 900px){.old .proof-band b{font-size: 38px;}}
.old .ch-bar{position: static; margin: 28px auto 0px; max-width: 520px; z-index: 3; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 18px; padding: 18px 30px; opacity: 0; animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.9s 1 normal forwards running chRise;}
.old .ch-bar-stats{display: flex; gap: 30px; font-size: var(--fs-label-md); color: rgba(245, 245, 243, 0.85); letter-spacing: 0.06em; text-transform: uppercase; flex-wrap: wrap; justify-content: center;}
.old .ch-scrollpos{display: none;}
@media (max-width: 900px){.old .ch-bar-stats{gap: 18px; font-size: var(--fs-label-md);}}
@media (max-width: 640px){.old #hero.ch{min-height: 520px; height: 78svh;}}
@media (max-width: 640px){.old .ch-bar{left: 16px; right: 16px; bottom: 20px; padding: 14px 18px;}}
@media (max-width: 640px){.old .ch-bar-stats{gap: 10px 18px; font-size: var(--fs-label-md);}}
@media (max-width: 640px){.old .ch-bar-stats span{text-align: center;}}
@media (max-width: 640px){.old .ch-title{font-size: clamp(30px, 8.5vw, 44px);}}
@media (max-width: 640px){.old .ch-cta{width: auto; padding: 13px 32px; font-size: 9px; letter-spacing: 0.2em; margin-top: 26px;}}
@media (prefers-reduced-motion: reduce){.old .ch-content, .old .ch-bar{animation: auto ease 0s 1 normal none running none; opacity: 1;}}
@media (prefers-reduced-motion: reduce){.old .ch-slide.active{animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none;}}
.old .awards-strip{height: 118px; background: var(--white); overflow: hidden; display: flex; align-items: center; position: relative;}
.old .awards-strip::before, .old .awards-strip::after{content: none;}
.old .awards-track{display: flex; align-items: center; animation: 50s linear 0s infinite normal none running marquee;}
.old .awards-track:hover{animation-play-state: paused;}
.old .awards-set{display: flex; align-items: center; flex-shrink: 0;}
.old .award-badge{height: 68px; width: auto; margin: 0px 44px;}
.old .award-badge--seal{height: 76px;}
.old .award-badge--wide{height: 50px;}
@media (max-width: 640px){.old .awards-strip{height: 94px;}}
@media (max-width: 640px){.old .award-badge{height: 54px; margin: 0px 26px;}}
@media (max-width: 640px){.old .award-badge--seal{height: 60px;}}
@media (max-width: 640px){.old .award-badge--wide{height: 40px;}}
@media (prefers-reduced-motion: reduce){.old .awards-track{flex-wrap: wrap; justify-content: center; animation: auto ease 0s 1 normal none running none !important;}}
@media (prefers-reduced-motion: reduce){.old .awards-set[aria-hidden="true"]{display: none;}}
@media (prefers-reduced-motion: reduce){.old .awards-strip{height: auto; padding: 20px 0px;}}
@media (prefers-reduced-motion: reduce){.old .award-badge{margin: 10px 24px;}}
.old .about-more-toggle{display: none;}
@media (max-width: 768px){.old .about-copy .about-more{display: none;}}
@media (max-width: 768px){.old .about-more-toggle{display: inline-flex; align-items: center; margin-top: 10px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--red); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600; cursor: pointer; padding: 8px 0px; min-height: 44px;}}
.old .homepage-summary{background: var(--white); max-width: none !important; margin: 0px !important; padding: 46px max(24px, 50% - 404px) 42px !important; font-size: 19px !important;}
@media (max-width: 640px){.old .homepage-summary{text-align: left !important;}}
@media (min-width: 641px){.old .team-omni-lbl, .old .cred-badge{font-size: 12px !important;}}
@media (min-width: 641px){.old .ts-email{font-size: 11px !important;}}
.old .ch-proof{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; margin-top: 12px; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245, 245, 243, 0.9);}
.old .ch-proof-stars{color: var(--red); letter-spacing: 3px; font-size: 13px;}
.old .ch-content > .ch-proof{display: flex;}
@media (max-width: 640px){.old .ch-proof{font-size: 10px; letter-spacing: 0.16em; margin-top: 8px;}}
@media (max-width: 640px){.old #hero .ch-bar{margin-top: 14px;}}
.old #about{padding-top: 80px !important; padding-bottom: 80px !important;}
@media (max-width: 900px){.old #about{padding-top: 52px !important; padding-bottom: 52px !important;}}
.old #about .about-banner, .old #about .team-strip{max-width: 1320px !important;}
.old .ch-cta, .old .cta-btn{border-radius: 100px !important; padding: 16px 40px !important; font-size: 12px !important; letter-spacing: 0.3em !important; line-height: 1.25 !important;}
@keyframes chKenBurns{
  0%{opacity:0;transform:scale(1);}
  8%{opacity:1;}
  92%{opacity:1;}
  100%{opacity:0;transform:scale(1.09);}
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes chRise{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes scrollPulse{0%,100%{opacity:0.3}50%{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes ruleShimmer {
  to { transform: translateX(200%); }
}
/* live reveal states */
.old .rv.in{opacity:1!important;transform:none!important}

/* The still drone photo is brighter than the old slides: darken it so the small hero text reads */
.old .ch-slide.still{filter:brightness(.6)}
