:root{color-scheme:light;--ink:#17212d;--muted:#637083;--line:rgba(23,33,45,.12);--surface:#fff;--radius:28px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf0f2;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.card-page{min-height:100vh;min-height:100dvh;background:var(--page-bg);padding:0 0 48px}.card-shell{position:relative;width:min(100%,520px);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--card-bg);color:var(--card-ink);overflow:hidden;box-shadow:0 24px 80px rgba(9,16,24,.2)}
.hero{position:relative;height:330px;padding:max(16px,env(safe-area-inset-top)) 20px 24px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,12,.06),rgba(3,8,12,.28) 43%,var(--card-bg) 97%),var(--hero-image),linear-gradient(135deg,var(--secondary),#050709);background-size:cover;background-position:center 42%;z-index:-3}.hero::after{content:"";position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(180deg,transparent,var(--card-bg));z-index:-2;pointer-events:none}.hero-accent{position:absolute;width:250px;height:250px;left:50%;bottom:-88px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent),transparent 68%);z-index:-1}.identity-stage{width:100%;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:end;gap:16px}.portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;background:linear-gradient(145deg,var(--primary),var(--secondary));border:3px solid rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(0,0,0,.36)}.portrait-placeholder{display:grid;place-items:center;font-size:36px;color:#fff}.identity-copy{min-width:0;padding-bottom:2px}.hero h1{font-size:clamp(28px,8vw,36px);line-height:1;letter-spacing:-.015em;margin:0;text-wrap:balance}.role{margin:7px 0 9px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--primary);font-weight:850}.broker-brand{min-height:30px;display:flex;align-items:center}.broker-logo{max-height:38px;max-width:190px;object-fit:contain;object-position:left center}.broker-wordmark{font-size:11px;font-weight:750;line-height:1.25;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-card)}
.primary-zone{position:relative;padding:0 18px 10px}.save-contact{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:17px;background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 78%,white));color:var(--button-ink);font-size:15px;font-weight:850;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 26%,transparent);transition:transform .18s ease,filter .18s ease}.save-contact:hover{transform:translateY(-2px);filter:brightness(1.04)}.save-icon{width:25px;height:25px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:19px;line-height:1}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-top:9px}.action{min-width:0;min-height:78px;padding:8px 5px;border:1px solid var(--line-card);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:var(--surface-card);transition:transform .18s ease,border-color .18s ease}.action:hover{transform:translateY(-2px);border-color:var(--primary)}.action-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 65%,transparent);border-radius:50%;color:var(--primary);font-size:14px;font-weight:800}.action-copy{display:grid;min-width:0;width:100%;gap:2px}.action strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.action small{display:-webkit-box;max-width:100%;min-height:20px;font-size:8.5px;line-height:1.15;color:var(--muted-card);overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content{padding:7px 18px 42px;display:grid;gap:16px}.content>*{min-width:0}.panel{border:1px solid var(--line-card);background:var(--surface-card);border-radius:22px;padding:20px}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);font-weight:850}.panel h2{font-size:25px;line-height:1.08;margin:7px 0 10px}.panel p{font-size:14px;line-height:1.62;margin:0;color:var(--muted-card)}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:2px 0 1px}.social{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-card);border-radius:50%;background:var(--surface-card);font-size:12px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.05)}.social:hover{border-color:var(--primary);color:var(--primary)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 2px 10px}.section-heading h2{font-size:24px;line-height:1.05;margin:4px 0 0}.section-heading>span{font-size:10px;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-weight:850}
.listing-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(244px,82%);overflow-x:auto;overscroll-behavior-inline:contain;gap:11px;margin:0 -18px;padding:1px 18px 10px;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none}.listing-grid::-webkit-scrollbar{display:none}.listing{scroll-snap-align:start;border:1px solid var(--line-card);background:var(--surface-card);border-radius:20px;overflow:hidden}.listing-image{height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 24%,var(--secondary)),var(--secondary));background-size:cover;background-position:center;position:relative}.listing-status{position:absolute;left:11px;top:11px;background:rgba(6,11,17,.82);color:#fff;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(7px)}.listing-info{padding:14px}.listing-info h3{font-size:16px;margin:0 0 6px}.listing-price{font-size:17px;font-weight:880;color:var(--primary);margin-bottom:5px}.listing-meta{font-size:11px;color:var(--muted-card)}.swipe-dots{display:flex;justify-content:center;gap:6px;padding-top:1px}.swipe-dots i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--muted-card) 28%,transparent)}.swipe-dots i:first-child{width:18px;border-radius:999px;background:var(--primary)}
.review-stars{color:var(--primary);font-size:13px;letter-spacing:.1em;margin:10px 0 7px}.quote{font-family:Georgia,serif;font-size:18px;line-height:1.48}.attribution{margin-top:11px;color:var(--primary);font-size:12px;font-weight:780}.cta{background:linear-gradient(125deg,var(--primary),color-mix(in srgb,var(--primary) 48%,var(--secondary)));color:var(--button-ink);border:0}.cta .eyebrow{color:inherit;opacity:.65}.cta-link{display:inline-flex;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--secondary);color:#fff;font-size:12px;font-weight:820}.legal{padding:0 22px max(34px,env(safe-area-inset-bottom));text-align:center;color:var(--muted-card);font-size:9px;line-height:1.65}.legal nav{display:flex;justify-content:center;gap:15px;margin-top:11px}.legal a{text-decoration:underline;text-underline-offset:3px}
.editorial-light{--page-bg:#e9edee;--card-bg:#f8faf8;--card-ink:#172333;--muted-card:#596577;--surface-card:#fff;--line-card:rgba(23,35,51,.11);--button-ink:#101923}.editorial-light .hero{height:330px}.editorial-light .hero::before{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(248,250,248,.1) 44%,#f8faf8 96%),var(--hero-image),linear-gradient(135deg,#dbe4dd,#9eaca2);clip-path:ellipse(115% 88% at 50% 7%)}.editorial-light .identity-stage{padding:12px 12px 11px;border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(19,34,46,.13);backdrop-filter:blur(14px)}.editorial-light .hero h1{font-family:Georgia,serif;font-weight:500}.editorial-light .portrait{border-color:#fff;box-shadow:0 12px 27px rgba(15,29,40,.2)}.editorial-light .panel,.editorial-light .listing{box-shadow:0 12px 32px rgba(20,31,42,.055)}
.luxury-dark{--page-bg:#05090d;--card-bg:#101a24;--card-ink:#f6f2e9;--muted-card:#b8bdc2;--surface-card:#14212d;--line-card:rgba(214,179,105,.3);--button-ink:#111820}.luxury-dark .hero::before{background:linear-gradient(180deg,rgba(5,9,13,.08),rgba(16,26,36,.17) 43%,#101a24 97%),var(--hero-image),linear-gradient(135deg,#1d2d3a,#070b10)}.luxury-dark .identity-stage{position:relative}.luxury-dark .identity-stage::after{content:"";position:absolute;left:128px;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,var(--primary),transparent)}.luxury-dark .portrait{border-color:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent),0 18px 38px #000}.luxury-dark .hero h1,.luxury-dark .panel h2,.luxury-dark .section-heading h2{font-family:Georgia,serif;font-weight:500}.luxury-dark .action,.luxury-dark .panel,.luxury-dark .listing{box-shadow:inset 0 1px rgba(255,255,255,.025)}
.bold-brand{--page-bg:#050705;--card-bg:#080b09;--card-ink:#f4f7f2;--muted-card:#b6bdb4;--surface-card:#111512;--line-card:color-mix(in srgb,var(--primary) 42%,transparent);--button-ink:#081006}.bold-brand .hero::before{background:linear-gradient(180deg,rgba(3,8,5,.02),rgba(8,11,9,.15) 38%,#080b09 97%),var(--hero-image),linear-gradient(135deg,#16201a,#050705)}.bold-brand .hero-accent{width:320px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 34%,transparent),transparent 66%)}.bold-brand .portrait{border-color:var(--primary);box-shadow:0 0 34px color-mix(in srgb,var(--primary) 34%,transparent)}.bold-brand .hero h1{font-weight:900;text-transform:uppercase;letter-spacing:.045em;font-size:30px}.bold-brand .broker-wordmark{color:#fff}.bold-brand .action,.bold-brand .panel,.bold-brand .listing{box-shadow:0 0 28px color-mix(in srgb,var(--primary) 7%,transparent)}.bold-brand .save-contact{box-shadow:0 0 30px color-mix(in srgb,var(--primary) 30%,transparent)}
.unavailable{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f5}.unavailable article{max-width:470px;text-align:center;background:#fff;padding:44px;border-radius:28px;box-shadow:0 20px 70px rgba(16,29,40,.09)}.unavailable h1{font-family:Georgia,serif;font-size:38px;margin:0 0 12px}.unavailable p{color:#657181;line-height:1.6}
@media(max-width:760px){.card-shell{box-shadow:none}.card-page{padding:0}}
@media(max-width:350px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}.action{min-height:68px;padding:7px 3px;gap:3px}.action small{display:none}.bold-brand .hero h1{font-size:25px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}