/* O-88: look1 skin stylesheet, scoped under .l1 and pruned to what the buyer frame uses. Generated by tools/build_buyer_site_css.py from the locked homepage design; do not edit by hand. */
/* O-88 mockup: look1 stylesheet scoped under .l1 by build_interior.py (do not edit; regenerate). */
@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(fonts/figtree-400.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:600;font-display:swap;src:url(fonts/figtree-600.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(fonts/figtree-700.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:800;font-display:swap;src:url(fonts/figtree-800.woff2) format("woff2")}
@font-face{font-family:"L1 Inter";font-weight:400 600;font-display:swap;src:url(fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"L1 Inter";font-weight:700 800;font-display:swap;src:url(fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:"L1 Manrope";font-weight:700;font-display:swap;src:url(fonts/manrope-700.woff2) format("woff2")}
@font-face{font-family:"L1 Manrope";font-weight:800;font-display:swap;src:url(fonts/manrope-800.woff2) format("woff2")}
.l1{
  --navy:#0B1F4D;--navy-deep:#061538;--navy-2:#16306B;
  --gold:#C9A45C;--gold-cta:#E2BA68;--gold-cta-hover:#EDC77A;--gold-ink:#7A5A1C;--gold-wash:#FBF4E6;
  --paper:#F6F7F9;--sky:#E9EEF6;--white:#fff;--ink:#18213D;--body:#3A4460;--muted:#5D667C;--line:#D8DEE9;
  --sage:#2C7A57;--live:#1BA35F;--focus:#1D5BD8;--down:#C2410C;
  --serif:"Young Serif",Georgia,"Times New Roman",serif;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:20px;--max:1200px;--header-h:76px;
}
.l1 *,.l1 *::before,.l1 *::after{box-sizing:border-box}
.l1{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){.l1{scroll-behavior:auto}}
.l1{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.l1 img{max-width:100%;height:auto;display:block}
.l1 a{color:inherit}
.l1 button,.l1 input,.l1 select{font:inherit;color:inherit}
.l1 h1,.l1 h2,.l1 h3,.l1 h4{font-family:var(--serif);font-weight:400;color:var(--ink);margin:0;letter-spacing:-.01em}
.l1 p{margin:0}
.l1 ul,.l1 ol{margin:0;padding:0;list-style:none}
.l1 .wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.l1 :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.l1 .on-dark :focus-visible{outline-color:var(--gold-cta)}
.l1 svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.l1 .skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:700;text-decoration:none}
.l1 .skip:focus{top:12px}
.l1 .tnum{font-variant-numeric:tabular-nums}
.l1 .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 1.5em;border-radius:999px;border:0;font-weight:700;font-size:1.02rem;text-decoration:none;cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap}
.l1 .btn-gold{background:var(--gold-cta);color:var(--navy-deep);box-shadow:0 10px 24px -12px rgba(122,90,28,.7)}
.l1 .btn-gold:hover{background:var(--gold-cta-hover);transform:translateY(-1px)}
.l1 .btn-navy{background:var(--navy);color:#fff}
.l1 .btn-navy:hover{background:var(--navy-2)}
.l1 .btn-ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.l1 .btn-ghost:hover{background:rgba(11,31,77,.05)}
.l1 .btn-ghost-light{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.l1 .btn-ghost-light:hover{background:rgba(255,255,255,.18)}
.l1 .btn-block{width:100%}
.l1 .textlink{color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.l1 .textlink:hover{text-decoration-color:var(--navy)}
.l1 .on-dark .textlink{color:#fff}
.l1 .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:12px}
.l1 .eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px}
.l1 .on-dark .eyebrow{color:var(--gold-cta)}
.l1 .site-header{position:fixed;inset:0 0 auto 0;z-index:40;height:var(--header-h);display:flex;align-items:center;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 var(--line);transition:box-shadow .25s ease}
.l1 .site-header.is-solid{box-shadow:0 1px 0 var(--line),0 10px 30px -18px rgba(11,31,77,.35)}
.l1 .site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1360px}
.l1 .brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.l1 .brand img{height:50px;width:auto;flex:none;object-fit:contain;object-position:left center}
.l1 .nav{display:none}
.l1 .nav>a,.l1 .mega-dd>button{display:inline-flex;align-items:center;gap:5px;height:var(--header-h);border:0;background:none;padding:0;font-weight:700;font-size:.94rem;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap;position:relative}
.l1 .nav>a:hover,.l1 .mega-dd:hover>button,.l1 .mega-dd.open>button{color:var(--navy-2)}
.l1 .mega-dd>button::before{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s ease}
.l1 .mega-dd:hover>button::before,.l1 .mega-dd.open>button::before{transform:none}
.l1 .chev2{width:14px;height:14px;stroke-width:2.4;transition:transform .2s}
.l1 .mega-dd:hover .chev2,.l1 .mega-dd.open .chev2{transform:rotate(180deg)}
.l1 .header-actions{display:flex;align-items:center;gap:8px}
.l1 .header-phone{display:none}
.l1 .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--sky);color:var(--navy);border:0;cursor:pointer;text-decoration:none}
.l1 .icon-btn svg{width:20px;height:20px}
@media (min-width:1180px){.l1{--header-h:92px}
.l1 .brand img{height:62px}
.l1 .nav{display:flex;gap:26px}
.l1 .header-phone{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}
.l1 .header-phone svg{width:18px;height:18px;color:var(--gold)}
.l1 .icon-btn{display:none}
.l1 .header-actions{gap:18px}}
.l1 .mega{position:fixed;left:50%;top:calc(var(--header-h) - 6px);width:min(1180px,calc(100vw - 48px));transform:translate(-50%,10px);display:grid;gap:28px;padding:26px 28px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 50px 90px -30px rgba(6,21,56,.5),0 0 0 1px var(--line);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60;text-align:left}
.l1 .mega-dd>button::after{content:"";position:absolute;left:-18px;right:-18px;top:70%;height:50%}
.l1 .mega-dd:hover .mega,.l1 .mega-dd.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.l1 .mega.narrow{width:min(760px,calc(100vw - 48px))}
.l1 #mega-buy{grid-template-columns:1.05fr 1.35fr .95fr}
.l1 #mega-sell{grid-template-columns:1.1fr 1fr}
.l1 #mega-areas{grid-template-columns:2.3fr 1fr}
.l1 #mega-blog{grid-template-columns:1.55fr 1fr}
.l1 .mcol{display:flex;flex-direction:column;gap:6px;min-width:0}
.l1 .mhead{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:6px}
.l1 .mhead a{letter-spacing:0;text-transform:none;font-size:.85rem;color:var(--navy);text-decoration:none;font-weight:800}
.l1 .mlink{display:flex;align-items:center;gap:14px;padding:9px 12px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background-color .15s}
.l1 .mlink:hover,.l1 .mlink:focus-visible{background:var(--sky)}
.l1 .mi{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#F0CE85,#C9A45C);color:var(--navy-deep)}
.l1 .mi svg{width:20px;height:20px}
.l1 .mlink b{display:block;font-weight:800;font-size:.97rem;line-height:1.25}
.l1 .mlink small{display:block;font-size:.82rem;color:var(--muted);font-weight:500}
.l1 .mlink .cnt{margin-left:auto;font-weight:800;font-size:.8rem;color:var(--navy);background:var(--sky);border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums}
.l1 .mlink:hover .cnt{background:#fff}
.l1 .mcity{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .15s}
.l1 .mcity:hover{background:var(--sky)}
.l1 .mcity .mv{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#cfd7e4 center/cover}
.l1 .mcity .mv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l1 .mcity b{display:block;font-family:var(--serif);font-weight:400;font-size:1.12rem;line-height:1.15}
.l1 .mcity small{display:block;font-size:.8rem;color:var(--muted)}
.l1 .mcity .live2{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;color:var(--navy);white-space:nowrap}
.l1 .mcity .live2 i{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(27,163,95,.2)}
.l1 .mchips{display:flex;flex-wrap:wrap;gap:6px}
.l1 .mchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:.86rem;font-weight:700;color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s}
.l1 .mchip b{font-weight:800;color:var(--gold-ink);font-variant-numeric:tabular-nums}
.l1 .mchip:hover{border-color:var(--navy);background:var(--sky)}
.l1 .mfeat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;background:var(--navy-deep)}
.l1 .mfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.l1 .mfeat:hover img{transform:scale(1.05)}
.l1 .mfeat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,.1) 25%,rgba(6,21,56,.92) 100%)}
.l1 .mfeat .ftag{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;color:var(--navy-deep);font-size:.76rem;font-weight:800}
.l1 .mfeat .ftag i{width:8px;height:8px;border-radius:50%;background:var(--live)}
.l1 .mfeat .fb{padding:18px}
.l1 .mfeat .fb>span{display:block}
.l1 .mfeat .fb>.fgo{display:inline-flex}
.l1 .mfeat .fp{font:800 1.6rem "L1 Manrope",sans-serif;line-height:1.1}
.l1 .mfeat .fa{font-weight:700;margin-top:2px}
.l1 .mfeat .ff{font-size:.86rem;color:rgba(255,255,255,.8)}
.l1 .mfeat .fgo{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--gold-cta)}
.l1 .mfeat .fgo svg{width:16px;height:16px}
.l1 .mvtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.l1 .mvtile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;background:#0d2149 center/cover}
.l1 .mvtile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.l1 .mvtile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,0) 45%,rgba(6,21,56,.88))}
.l1 .mvtile .vb{padding:12px}
.l1 .mvtile b{display:block;font-family:var(--serif);font-weight:400;font-size:1.2rem;line-height:1.1}
.l1 .mvtile small{display:block;font-size:.78rem;color:rgba(255,255,255,.85)}
.l1 .mvtile .cnt2{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.93);color:var(--navy-deep);font-size:.72rem;font-weight:800}
.l1 .mvalue{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:18px;background:radial-gradient(120% 120% at 100% 0%,#1E3A7A 0%,var(--navy) 50%,var(--navy-deep) 100%);color:rgba(255,255,255,.85)}
.l1 .mvalue b{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:#fff;line-height:1.2}
.l1 .mvalue .inp{min-height:50px;border-radius:12px;border:0;padding:0 14px;color:var(--ink)}
.l1 .mvalue .btn{min-height:48px}
.l1 .mvalue small{font-size:.82rem}
.l1 .mabout{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center}
.l1 .mabout>img{width:170px;height:170px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold-cta)}
.l1 .mname{display:block;font-family:var(--serif);font-size:1.7rem;color:var(--ink);line-height:1.15}
.l1 .mabout p{margin:6px 0 10px;color:var(--body)}
.l1 .mrow{display:flex;flex-wrap:wrap;gap:10px}
.l1 .mrow .btn{min-height:46px;font-size:.95rem}
.l1 .mguides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.l1 .mguide{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.l1 .mguide:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(11,31,77,.5)}
.l1 .mg-img{display:block;aspect-ratio:16/10;background:#DDE3EE center/cover no-repeat}
.l1 .mg-b{display:block;padding:10px 12px 12px}
.l1 .mg-b small{display:block;font-size:.74rem;font-weight:700;color:var(--gold-ink)}
.l1 .mg-b b{display:block;font-family:var(--serif);font-weight:400;font-size:1rem;line-height:1.25;margin-top:3px}
.l1 .mcat{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:700;border:1px solid var(--line)}
.l1 .mcat:hover{background:var(--sky)}
.l1 .mcat b{min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){.l1 .mega{transition:none}}
.l1 .drawer{position:fixed;inset:0;z-index:70;display:none}
.l1 .drawer.open{display:block}
.l1 .drawer-bg{position:absolute;inset:0;background:rgba(6,21,56,.55)}
.l1 .drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(90vw,400px);background:#fff;overflow:auto;padding:16px 20px 40px;box-shadow:-20px 0 60px -20px rgba(0,0,0,.5)}
.l1 .drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.l1 .drawer-top img{height:44px;width:auto}
.l1 .drawer details{border-bottom:1px solid var(--line)}
.l1 .drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:800;font-size:1.05rem;color:var(--ink);cursor:pointer}
.l1 .drawer summary::-webkit-details-marker{display:none}
.l1 .drawer details[open] summary svg{transform:rotate(180deg)}
.l1 .drawer details .sub{padding-bottom:12px;display:grid;gap:2px}
.l1 .drawer details .sub a{display:flex;align-items:center;justify-content:space-between;padding:9px 0 9px 12px;font-weight:600;color:var(--body);text-decoration:none}
.l1 .drawer details .sub a small{min-width:28px;height:22px;padding:0 8px;border-radius:999px;background:var(--sky);color:var(--navy);font-weight:800;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}
.l1 .drawer .dlink{display:block;padding:16px 0;font-weight:800;font-size:1.05rem;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
.l1 .dteam{display:flex;align-items:center;gap:14px;margin:20px 0 6px}
.l1 .dteam img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold-cta)}
.l1 .dteam b{display:block;font-family:var(--serif);font-weight:400;font-size:1.15rem;color:var(--ink)}
.l1 .dteam small{color:var(--muted);font-size:.84rem}
.l1 .drawer .btn{margin-top:14px}
.l1 .hero{position:relative;color:#fff;background:var(--navy-deep);isolation:isolate;overflow:hidden}
.l1 .bg-video video{width:100%;height:100%;object-fit:cover;display:block}
.l1 .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,.45) 0%,rgba(6,21,56,.30) 22%,rgba(6,21,56,.52) 46%,rgba(6,21,56,.84) 70%,var(--navy-deep) 94%)}
@keyframes l1-ping{from{transform:scale(.8);opacity:.9}to{transform:scale(2.2);opacity:0}}
.l1 .hero h1{margin-top:18px;color:#fff;font-size:clamp(2.3rem,9vw,4.4rem);line-height:1.04;letter-spacing:-.02em;max-width:15ch;text-wrap:balance}
.l1 .hero h1 em{font-style:normal;color:var(--gold-cta)}
.l1 .types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.l1 .type{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:12px 6px;border-radius:16px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--ink);transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}
.l1 .type svg{width:38px;height:38px;color:var(--navy);stroke-width:1.5}
.l1 .type small{font-size:.74rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.l1 .type:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(11,31,77,.45)}
.l1 .type[aria-pressed=true]{border-color:var(--gold);background:var(--gold-wash);box-shadow:inset 0 0 0 1px var(--gold)}
.l1 .inp{width:100%;min-height:54px;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;font-size:1rem;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.l1 .inp:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 4px rgba(11,31,77,.1)}
@media (min-width:900px){.l1 .hero{min-height:min(940px,100vh)}
.l1 .hero::after{background:linear-gradient(90deg,rgba(6,21,56,.8) 0%,rgba(6,21,56,.58) 34%,rgba(6,21,56,.14) 62%,rgba(6,21,56,0) 82%),linear-gradient(180deg,rgba(6,21,56,.22) 0%,rgba(6,21,56,0) 26%,rgba(6,21,56,0) 74%,rgba(6,21,56,.42) 100%)}
.l1 .hero h1{font-size:clamp(2.8rem,4.7vw,4.3rem)}
.l1 .type{min-height:122px}}
@media (prefers-reduced-motion:no-preference){.l1 .hero h1{animation:l1-rise .8s cubic-bezier(.2,.7,.2,1) both}
.l1 .hero h1{animation-delay:.05s}}
@keyframes l1-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes l1-tick{to{transform:translateX(-50%)}}
.l1 section{scroll-margin-top:calc(var(--header-h) + 8px)}
.l1 .section{padding:72px 0}
.l1 .section-head{max-width:44rem;margin-bottom:34px}
.l1 .section-head h2{font-size:clamp(1.9rem,6vw,3rem);line-height:1.1;text-wrap:balance}
.l1 .section-head p{margin-top:14px;font-size:1.1rem;color:var(--muted)}
.l1 .on-dark .section-head h2{color:#fff}
.l1 .on-dark .section-head p{color:rgba(255,255,255,.76)}
@media (min-width:900px){.l1 .section{padding:104px 0}
.l1 .section-head{margin-bottom:46px}}
.l1 .bg-video{position:absolute;inset:0;z-index:-2;background:var(--navy-deep) center/cover no-repeat}
.l1 .play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,rgba(6,21,56,0) 40%,rgba(6,21,56,.62));cursor:pointer;color:#fff}
.l1 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.l1 .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.l1 .tip{position:absolute;top:-34px;transform:translateX(-50%);padding:4px 9px;border-radius:8px;background:#fff;color:var(--navy-deep);font-size:.76rem;font-weight:800;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}
.l1 .bands{padding:22px 20px;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.l1 .bands h3{font-family:var(--sans);font-size:1rem;font-weight:800;color:#fff;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.l1 .bands h3 small{font-weight:600;font-size:.8rem;color:rgba(255,255,255,.6)}
.l1 .band{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:12px;padding:6px 8px;margin:0 -8px;border-radius:10px;text-decoration:none;color:#fff;transition:background .15s}
.l1 .band:hover{background:rgba(255,255,255,.07)}
.l1 .band span{font-size:.86rem;font-weight:700;color:rgba(255,255,255,.82)}
.l1 .band .bar{height:12px;border-radius:0 4px 4px 0;background:rgba(255,255,255,.08);overflow:hidden}
.l1 .band .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#C9A45C,#E2BA68);border-radius:0 4px 4px 0;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.l1 .band b{text-align:right;font-weight:800;font-size:.9rem;font-variant-numeric:tabular-nums}
@media (min-width:900px){.l1 .stats{grid-template-columns:repeat(4,1fr);gap:16px}}
.l1 .ours{background:var(--paper)}
.l1 .strip{background:var(--paper)}
.l1 .strip.alt{background:var(--sky)}
.l1 .tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.l1 .hoods{margin-top:40px;display:grid;gap:28px;padding-top:34px;border-top:1px solid rgba(255,255,255,.14)}
.l1 .hoods h3{font-family:var(--sans);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-cta);margin-bottom:12px}
@media (min-width:900px){.l1 .tiles{grid-template-columns:repeat(4,1fr);gap:18px}
.l1 .hoods{grid-template-columns:repeat(3,1fr);gap:40px}}
.l1 .worth{position:relative;color:#fff;isolation:isolate;overflow:hidden}
.l1 .worth .bg-video{background-image:url(https://www.conductorzero.ai/cz_assets/mockups/realtor-templates/look1/media/value-poster-sm.webp)}
.l1 .worth::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,.78),rgba(6,21,56,.62) 50%,rgba(6,21,56,.86))}
.l1 .worth h2{color:#fff;font-size:clamp(2rem,6vw,3.3rem);line-height:1.08;text-wrap:balance}
@media (min-width:900px){.l1 .worth .bg-video{background-image:url(https://www.conductorzero.ai/cz_assets/mockups/realtor-templates/look1/media/value-poster.webp)}
.l1 .worth::after{background:linear-gradient(90deg,rgba(6,21,56,.88) 0%,rgba(6,21,56,.62) 50%,rgba(6,21,56,.3) 100%)}}
.l1 .stars{display:inline-flex;gap:2px;color:#E8B547}
.l1 .stars svg{width:16px;height:16px;fill:currentColor;stroke:none}
.l1 .who{display:flex;align-items:center;gap:14px}
.l1 .who img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold-cta);flex:none}
.l1 .who b{display:block;color:#fff;font-size:1rem}
.l1 .who span span{display:block;font-size:.85rem;color:rgba(255,255,255,.7)}
.l1 .quote{margin:0;padding:24px;display:flex;flex-direction:column;gap:14px}
.l1 .quote blockquote{flex:1}
.l1 .quote blockquote{margin:0;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.92)}
.l1 .quote .who img{width:46px;height:46px}
.l1 .blog{background:var(--paper)}
.l1 .faq{background:#fff}
.l1 .faq-list details{border-bottom:1px solid var(--line)}
.l1 .faq-list details:first-child{border-top:1px solid var(--line)}
.l1 .faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:800;font-size:1.06rem;color:var(--ink);cursor:pointer}
.l1 .faq-list summary::-webkit-details-marker{display:none}
.l1 .chev{width:34px;height:34px;border-radius:50%;background:var(--sky);display:grid;place-items:center;flex:none;color:var(--navy);transition:transform .2s,background .2s}
.l1 .chev svg{width:16px;height:16px;stroke-width:2.6}
.l1 details[open] .chev{transform:rotate(45deg);background:var(--gold-cta)}
.l1 .answer{padding:0 0 20px;color:var(--body);max-width:44rem}
.l1 .answer a{color:var(--navy);font-weight:700}
.l1 .final{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;padding:96px 0}
.l1 .final .bg-video{background-image:url(https://www.conductorzero.ai/cz_assets/mockups/realtor-templates/look1/media/message-poster-sm.webp)}
.l1 .final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,.46),rgba(6,21,56,.66))}
.l1 .final img.fteam{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 18%;margin:0 auto 22px;box-shadow:0 0 0 3px var(--gold-cta)}
.l1 .final h2{color:#fff;font-size:clamp(2rem,6vw,3.3rem);line-height:1.08;max-width:18ch;margin:0 auto;text-wrap:balance}
.l1 .final p{margin:16px auto 0;max-width:34rem;color:rgba(255,255,255,.86);font-size:1.1rem}
.l1 .final .cta-row{justify-content:center}
@media (min-width:900px){.l1 .final{padding:130px 0}
.l1 .final .bg-video{background-image:url(https://www.conductorzero.ai/cz_assets/mockups/realtor-templates/look1/media/message-poster.webp)}}
.l1 .site-footer{background:var(--navy-deep);color:rgba(255,255,255,.78);font-size:.95rem;padding:60px 0 28px}
.l1 .foot-grid{display:grid;gap:36px}
.l1 .foot-brk{margin-top:12px;font-size:.86rem;color:rgba(255,255,255,.7);line-height:1.5}
.l1 .foot-contact{display:grid;gap:6px;margin-top:16px}
.l1 .foot-contact a{color:#fff;text-decoration:none;font-weight:800;font-variant-numeric:tabular-nums}
.l1 .pop h3{font-family:var(--sans);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-cta);margin-bottom:12px}
.l1 .pop-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}
.l1 .pop-cols h4{font-family:var(--sans);font-size:.84rem;font-weight:800;color:#fff;margin-bottom:6px}
.l1 .pop a{display:flex;justify-content:space-between;gap:8px;padding:4px 0;color:rgba(255,255,255,.82);text-decoration:none;font-size:.9rem}
.l1 .pop a small{color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
.l1 .pop a:hover{color:#fff}
.l1 .board{margin-top:36px;display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:.84rem;line-height:1.5}
.l1 .foot-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;align-items:center;font-size:.86rem}
.l1 .foot-bottom nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.l1 .foot-bottom a{color:rgba(255,255,255,.86);text-decoration:none}
.l1 .eho{display:inline-flex;align-items:center;gap:8px}
.l1 .eho svg{width:26px;height:26px}
@media (min-width:900px){.l1 .foot-grid{grid-template-columns:.9fr 2.6fr;gap:64px}
.l1 .pop-cols{grid-template-columns:repeat(4,1fr)}}
.l1 .credit{display:flex;justify-content:center;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.l1 .credit a{display:inline-flex;align-items:center;gap:8px;font:600 .76rem/1 var(--sans);letter-spacing:.04em;color:rgba(255,255,255,.66);text-decoration:none}
.l1 .credit a:hover{color:#fff}
.l1 .cz-mark{width:16px;height:21px;border:1.5px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;perspective:200px;flex:0 0 auto}
.l1 .cz-mark b{font:800 10.5px/1 var(--sans);color:var(--gold-cta);margin-top:1px;display:inline-block;transform-style:preserve-3d;animation:l1-czspin 5s linear infinite}
@keyframes l1-czspin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.l1 .cz-mark b{animation:none}}
.l1 .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,21,56,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -10px 30px -12px rgba(0,0,0,.45);transform:translateY(110%);transition:transform .3s ease}
.l1 .mobile-bar.show{transform:none}
.l1 .mobile-bar .btn{min-height:50px}
.l1 .mobile-bar .btn-call{width:50px;padding:0;background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
@media (min-width:900px){.l1 .mobile-bar{display:none}}
@media (max-width:899px){.l1 .site-footer{padding-bottom:calc(28px + 76px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.l1 .bg-video video,.l1 .mvtile video,.l1 .mcity video{display:none}}
@keyframes l1-spin{to{transform:rotate(360deg)}}
.l1 .then{font-family:var(--serif);font-size:1.2rem;color:rgba(255,255,255,.7)}
.l1 .foot-lender{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.l1 .foot-lender img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.l1 .foot-lender small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-cta)}
.l1 .foot-lender b{color:#fff;font-size:.92rem}
.l1 .foot-lender span{display:block;font-size:.8rem}
.l1 .play{background:linear-gradient(180deg,rgba(6,21,56,0) 45%,rgba(6,21,56,.72))}
.l1 .newest{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;width:400px;max-width:100%;padding:10px;border-radius:20px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--line),0 0 0 1px var(--line),0 30px 50px -36px rgba(11,31,77,.55);transition:transform .2s}
.l1 .newest:hover{transform:translateY(-2px)}
@media (max-width:899px){.l1 .newest{width:100%}}
@media (max-width:599px){.l1 .newest{grid-template-columns:110px 1fr}}
.l1 .sm{position:relative;display:inline-block;color:rgba(128,128,128,.35);white-space:nowrap;line-height:1;font-size:15px;letter-spacing:1px}
.l1 .sm i{position:absolute;left:0;top:0;overflow:hidden;color:#e6a900;font-style:normal}
.l1 .z .sm i,.l1 .sm.z i{color:#006AFF}
.l1 .on-dark .sm{color:rgba(255,255,255,.28)}
.l1 .on-dark .z .sm i{color:#3B8BFF}
.l1 .src{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);text-decoration:none;color:#fff;transition:background .15s}
.l1 .src:hover{background:rgba(255,255,255,.14)}
.l1 .src small{font-size:.8rem;color:rgba(255,255,255,.72);font-weight:600}
.l1 .play{background:radial-gradient(circle at 50% 50%,rgba(6,21,56,.18),rgba(6,21,56,0) 60%)!important}
.l1 #mega-sell{grid-template-columns:1fr 1fr 1fr;width:min(1180px,calc(100vw - 48px))}
.l1 .mlink .up{margin-left:auto;font-size:.76rem;font-weight:800;color:var(--sage);background:#E6F4EC;border-radius:999px;padding:3px 8px;white-space:nowrap}
.l1 .mvalue.photo{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep) url(https://www.conductorzero.ai/cz_assets/mockups/realtor-templates/look1/media/h01.webp) center/cover;justify-content:flex-end}
.l1 .mvalue.photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,56,.35),rgba(6,21,56,.88) 62%)}
@media (max-width:899px){.l1 #mega-sell{grid-template-columns:1fr}}
.l1 #mega-buy .mcol{gap:4px}
.l1 .mcity{grid-template-columns:44px 1fr auto;gap:14px;padding:9px 12px;min-height:60px}
.l1 .mcity .mv{width:44px;height:44px;border-radius:12px}
.l1 .mcity b{font-family:var(--sans);font-weight:800;font-size:.97rem;line-height:1.25}
.l1 .mcity small{font-size:.82rem}
.l1 .mcity .live2{font-weight:800;font-size:.8rem;color:var(--navy);background:var(--sky);border-radius:999px;padding:3px 9px 3px 7px}
.l1 .mcity:hover .live2{background:#fff}
.l1 #mega-buy .mlink{min-height:60px}
.l1 .src{align-items:center;text-align:center}
.l1 #mega-buy .mcol{display:grid;grid-template-rows:auto repeat(6,62px);gap:4px}
.l1 #mega-buy .mhead{margin-bottom:6px;height:22px;align-self:end}
.l1 #mega-buy .mcity,.l1 #mega-buy .mlink{height:62px;min-height:0;padding:0 12px;box-sizing:border-box}
.l1 #mega-buy .mlink .mi{width:44px;height:44px}
.l1 #mega-buy .mcity{grid-template-columns:44px 1fr auto}
.l1 .mlink .cnt{display:inline-flex;align-items:center;gap:6px}
.l1 .mlink .cnt i{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(27,163,95,.2)}
.l1 .types{gap:10px}
.l1 .hero h1{max-width:17.5ch}
.l1 .hero h1 em{display:block}
.l1 .hero h1 .l1,.l1 .hero h1 .l2{display:block;white-space:nowrap}
@media (min-width:900px){.l1 .hero h1{font-size:clamp(2.6rem,4.1vw,3.85rem);max-width:none}}
.l1 .site-header .hwx{--ink:#18213D;--line:#D8DEE9;--brand-soft:#E9EEF6;--brand:#0B1F4D;--brand-muted:#6888b4;--brand-sky:#38bdf8;--card:#fff}
.l1 .wx-card{--ink:#18213D;--line:#D8DEE9;--card:#fff;--brand:#0B1F4D;--brand-soft:#E9EEF6;--brand-sky:#38bdf8;--brand-muted:#6888b4;z-index:70}
@media (max-width:1179px){.l1 .site-header .hwx{display:none!important}}
/* shared weather chip */

/* O-78 header weather chip + card (owner-approved mockup v3, 10-03-2026). BUYER pages only.
   The chip's space is reserved from the first paint (hidden until weather.js fills it, so nothing shifts);
   no data = .wx-none (gone). mobile_nav.js shrinks it (icon only, then off) before the nav ever falls back
   to the menu button. The card sits under every overlay: the registration gate (.ov, z 80), the menu
   (79) and the photo viewers (60+) always stay on top of it. */
.site-header .hwx{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 9px;margin-right:6px;border-radius:10px;
 color:var(--ink);text-decoration:none;cursor:default;flex:none;position:relative;transition:background .15s;-webkit-tap-highlight-color:transparent}
.site-header .hwx:after{content:"";position:absolute;right:-4px;top:9px;bottom:9px;width:1px;background:var(--line)}
.site-header .hwx:hover,.site-header .hwx.open,.site-header .hwx:focus-visible{background:var(--brand-soft);outline:none}
.site-header .hwx .wx-i{display:block;width:26px;height:26px;flex:none}
.site-header .hwx b{font:700 16px/1 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.site-header .hwx.wx-wait{visibility:hidden}
.site-header .hwx.wx-wait b:before{content:"00\B0"}  /* reserves the temperature's width (not page text) */
.site-header .hwx.wx-none{display:none!important}
.site-header .hbar[data-wx=icon]>.hwx{padding:0 8px;gap:0}
.site-header .hbar[data-wx=icon]>.hwx b{display:none}
.site-header .hbar[data-wx=off]>.hwx{display:none}
/* icon colors (header = light surface) */
.wx-i{--sun:#F5A524;--cloud:var(--brand-muted,#6888b4);--cloud-fill:var(--brand-soft,#eaf0ff);--drop:var(--brand,#1d4ed8)}
.wx-card .wx-i{--cloud:#c7d3e6;--cloud-fill:rgba(199,211,230,.16);--drop:var(--brand-sky,#38bdf8)}
@media(max-width:1000px){
 .site-header .hwx{height:44px;padding:0 9px 0 7px;margin:0 2px 0 0;gap:5px;border:1px solid var(--line);background:var(--card)}
 .site-header .hwx:after{display:none}
 .site-header .hwx .wx-i{width:24px;height:24px}
 .site-header .hwx b{font-size:15px}
}
.site-header .hbar.bp-nav-menu>.hwx{height:44px;padding:0 9px 0 7px;margin:0 2px 0 0;gap:5px;border:1px solid var(--line);background:var(--card)}
.site-header .hbar.bp-nav-menu>.hwx:after{display:none}
.site-header .hbar.bp-nav-menu>.hwx .wx-i{width:24px;height:24px}
.site-header .hbar.bp-nav-menu>.hwx b{font-size:15px}
/* ---- card: same family as the editor score hover card ---- */
.wx-card{--t:var(--brand-sky,#38bdf8);position:fixed;top:0;left:0;z-index:55;width:320px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:16px 18px 12px;
 border-radius:14px;color:#ECECF2;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left;
 background:radial-gradient(130% 70% at 50% 0%,color-mix(in srgb,var(--t) 13%,transparent),transparent 62%),linear-gradient(180deg,#191b22,#121318);
 border:1px solid color-mix(in srgb,var(--t) 32%,#2a2f38);
 box-shadow:0 18px 40px -12px rgba(0,0,0,.75),0 2px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
 pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .12s ease-out,transform .12s ease-out;visibility:hidden}
.wx-card.open{opacity:1;transform:none;visibility:visible}
.wx-arrow{position:absolute;top:-7px;left:var(--ax,50%);width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);box-sizing:border-box;
 background:color-mix(in srgb,var(--t) 10%,#191b22);border:1px solid color-mix(in srgb,var(--t) 32%,#2a2f38);border-right:0;border-bottom:0}
.wx-head{display:flex;align-items:center;gap:14px;margin-bottom:13px}
.wx-badge{flex:none;position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
 background:radial-gradient(circle at 50% 30%,#1f2129,#121318);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 30%,transparent),0 0 18px -4px color-mix(in srgb,var(--t) 45%,transparent)}
.wx-badge .wx-i{width:36px;height:36px}
.wx-titles{flex:1;min-width:0}
.wx-name{font:800 16px/1.2 Manrope,system-ui,sans-serif;color:#fff;letter-spacing:-.01em}
.wx-now{display:flex;align-items:baseline;gap:8px;margin-top:5px}
.wx-now b{font:800 30px/1 Manrope,system-ui,sans-serif;color:#fff;letter-spacing:-.03em}
.wx-now span{font:600 13px/1.2 Inter,system-ui,sans-serif;color:var(--t)}
.wx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.wx-stat{padding:9px 6px 8px;text-align:center;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.wx-stat small{display:block;font:600 10.5px/1 Inter,system-ui,sans-serif;color:#8a92a1;letter-spacing:.02em;margin-bottom:5px}
.wx-stat b{font:700 14px/1 Inter,system-ui,sans-serif;color:#F3F4F7}
.wx-stat b em{font-style:normal;font-weight:500;font-size:11px;color:#9aa2b1;margin-left:2px}
.wx-days{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.wx-day{display:grid;justify-items:center;gap:5px;padding:2px 0}
.wx-day+.wx-day{border-left:1px solid rgba(255,255,255,.06)}
.wx-day>small{font:700 11.5px/1 Inter,system-ui,sans-serif;color:#cfd4dd}
.wx-day .wx-i{width:28px;height:28px}
.wx-day .hl{font:700 13px/1 Inter,system-ui,sans-serif;color:#fff}
.wx-day .hl i{font-style:normal;font-weight:500;color:#8a92a1;margin-left:5px}
.wx-day .rn{display:flex;align-items:center;gap:3px;font:600 11px/1 Inter,system-ui,sans-serif;color:var(--t)}
.wx-day .rn svg{width:10px;height:10px;fill:currentColor}
.wx-foot{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06);font:500 11.5px/1 Inter,system-ui,sans-serif;color:#c3c9d4}
.wx-foot svg{width:12px;height:12px;flex:none;fill:none;stroke:var(--t);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wx-foot b{color:var(--t);font-weight:700}
.wx-foot a{margin-left:auto;color:#8f97a6;text-decoration:none}
.wx-x{display:none}
.wx-scrim{display:none}
/* phone: the same card drops from the header, full width, tap-to-close */
@media(max-width:1000px){
 .wx-card{left:12px!important;right:12px;width:auto;max-width:none;pointer-events:auto;padding:16px 16px 12px}
 .wx-x{display:grid;place-items:center;position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#cfd4dd;cursor:pointer;padding:0}
 .wx-x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none}
 .wx-head{padding-right:34px}
 .wx-scrim{display:block;position:fixed;inset:0;z-index:54;background:rgba(10,14,22,.38);opacity:0;visibility:hidden;transition:opacity .15s}
 .wx-scrim.open{opacity:1;visibility:visible}
}
@media (prefers-reduced-motion:reduce){.wx-card{transition:opacity .08s linear;transform:none!important}}

/* O-88 interior design: page glue + the SEO / GEO layer (ported from build_output/o88_interior_mockups/interior_css.py). */

/* ---- the old buyer-page header stays for page.js (ids + scroll offsets); never shown ---- */
header.top.iz-hooks{position:fixed!important;top:0!important;left:0;right:0;height:var(--zb-hh,92px)!important;visibility:hidden!important;
  pointer-events:none!important;z-index:-1!important;overflow:hidden!important;padding:0!important;border:0!important;margin:0!important}
.l1 .iz-hsp{height:var(--zb-top,var(--header-h))}
#app{scroll-margin-top:var(--zb-hh,92px)}
.iz [id]{scroll-margin-top:calc(var(--zb-hh,92px) + 12px)}

/* ---- brand: the client's logo + name in the look's type ---- */
.l1 .iz-brand{gap:12px}
.l1 .iz-brand img{height:46px;width:46px;border-radius:12px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--line)}
.l1 .iz-brand span{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.l1 .iz-brand b{font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--navy);white-space:nowrap}
.l1 .iz-brand small{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.l1 .iz-dbrand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.15rem;color:var(--navy)}
.l1 .iz-dbrand img{width:40px;height:40px;border-radius:10px;object-fit:contain;box-shadow:0 0 0 1px var(--line)}
.l1 .iz-flogo{display:flex;align-items:center;gap:14px}
.l1 .iz-flogo img{width:56px;height:56px;border-radius:14px;background:#fff;object-fit:contain}
.l1 .iz-flogo b{font-family:var(--serif);font-weight:400;font-size:1.6rem;color:#fff}
.l1 .iz-marks{display:inline-flex;gap:10px;align-items:center;margin-right:auto}
.l1 .iz-marks img{height:30px;width:auto;opacity:.9}
.l1 .iz-blogo{flex:none;height:40px;width:auto;border-radius:6px;background:#fff;padding:4px}
.l1 .iz-bname{width:auto;padding:0 10px;font:800 11px/1 var(--sans)}
.l1 .mhead a{margin-left:auto;font-size:.72rem;letter-spacing:.08em;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
.l1 .mcity[aria-current]{background:var(--gold-wash);border-radius:12px}
/* favorites heart from the buyer page, now in the look's header (page.js shows it once something is saved) */
.l1 .header-actions .iz-hfav{margin:0}
.l1 .header-actions .iz-hfav svg{width:18px;height:18px;display:block}
@media (max-width:1179px){.l1 .header-actions .header-cta{display:none}}
/* O-89 parity with the Look 1 homepage (hub ruling: the header is identical on the homepage and every inner page):
   its image logo, its gold "Search Homes" button (desktop only, as on the homepage) and the Communities menu's
   per-town "Schools · Events" line (build_output/o87_homepage_mockups/o88_schools_events/menu_se.py, Look 1 colors) */
.l1 .iz-logo img{width:auto;height:50px;max-width:220px;border-radius:0;background:none;box-shadow:none;object-fit:contain;object-position:left center}
.l1 .drawer-top .iz-dlogo{height:44px;width:auto;max-width:200px;object-fit:contain;object-position:left center}
.l1 .header-cta{display:none}
@media (min-width:1180px){.l1 .iz-logo img{height:62px;max-width:260px}
.l1 .header-actions .header-cta{display:inline-flex;min-height:46px;padding:0 1.3em;font-size:.95rem;white-space:nowrap}
.l1.iz-tight .header-cta,.l1.iz-nocta .header-actions .header-cta{display:none}}
.l1 .zse-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.l1 .zse-tl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:2px 7px;margin:0;padding:0 2px;font:700 10.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.l1 .mega .zse-tl a{display:inline;min-height:0;margin:0;padding:1px 0;border-radius:0;background:none;color:var(--gold-ink);font:inherit;letter-spacing:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.l1 .mega .zse-tl a:hover,.l1 .mega .zse-tl a:focus-visible{background:none;border-bottom-color:currentColor}
.l1 .zse-tl .zse-dot{font-style:normal;color:var(--muted);opacity:.75}
/* O-89 (Josh): the Market mega menu - Market Snapshot table (Look 6 homepage's rows) + Market Reading */
@media (min-width:1180px){.l1 #mega-market{grid-template-columns:1.8fr 1fr;width:min(1080px,calc(100vw - 48px))}
  .l1 #mega-market.iz-nopost{grid-template-columns:1fr;width:min(740px,calc(100vw - 48px))}}
.l1 #mega-market .mguides{grid-template-columns:1fr}
/* the Market menu's chevron + the Search Homes button + the weather chip still fit a 1440px laptop beside the realtor's
   mark + name: 4px less between menu items and header buttons (measured: 33px short at 1440 without it) */
@media (min-width:1180px) and (max-width:1500px){.l1 .nav{gap:22px}.l1 .header-actions{gap:14px}}
.l1 .iz-mtable{width:100%;border-collapse:collapse;font:500 14.5px/1.2 var(--sans);color:var(--ink)}
.l1 .iz-mtable th{font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;padding:0 10px 10px;white-space:nowrap}
.l1 .iz-mtable th:first-child,.l1 .iz-mtable td:first-child{text-align:left;padding-left:0}
.l1 .iz-mtable td{padding:0;border-top:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}
.l1 .iz-mtable td a{display:block;padding:8px 10px;text-decoration:none;color:inherit}
.l1 .iz-mtable td:first-child a{padding-left:0;font-weight:700;color:var(--navy)}
.l1 .iz-mtable tr:hover td,.l1 .iz-mtable tr[aria-current] td{background:var(--gold-wash)}
.l1 .iz-mtable td a b{font-weight:800;color:var(--navy)}
.l1 .iz-mtable .tn{display:flex;align-items:center;gap:12px;white-space:nowrap}
.l1 .iz-mtable .mthumb{flex:none;width:56px;height:40px;border-radius:8px;background:var(--sky) center/cover no-repeat}
.l1 .iz-mnote{margin:10px 0 0;font-size:.8rem;color:var(--muted)}
@media (min-width:1180px){.l1 #mega-sell.iz-nosold{grid-template-columns:1.1fr 1fr;width:min(860px,calc(100vw - 48px))}}

/* ---- the layer ---- */
.iz{background:#fff;color:var(--body);font-size:1.0625rem}
.iz .iz-sec{padding:76px 0;content-visibility:auto;contain-intrinsic-size:auto 900px}
.iz .iz-sec:nth-of-type(even){background:var(--paper)}
.iz .iz-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-bottom:34px}
.iz .iz-head .section-head{margin-bottom:0}
.iz .section-head h2{font-size:clamp(1.85rem,4.4vw,2.75rem)}
.iz .iz-headbtn{min-height:46px;font-size:.95rem}
.iz .iz-headlink{font-size:1rem}
.iz h3{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.005em}
.iz .tnum{font-variant-numeric:tabular-nums}
.iz .iz-note{margin-top:18px;font-size:.88rem;color:var(--muted)}
.iz .iz-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--sky);color:var(--navy);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.iz .iz-pill i{width:8px;height:8px;border-radius:50%;background:var(--live)}
.iz .iz-pill-sample{background:var(--gold-wash);color:var(--gold-ink)}
.iz .iz-pill-sample i{background:var(--gold)}
.iz .iz-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--navy);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.iz .iz-chip-soft{background:var(--sky);color:var(--navy)}

/* jump bar: breadcrumb + on this page */
.iz .iz-jumpbar{background:var(--navy-deep);color:rgba(255,255,255,.82)}
.iz .iz-jump{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-top:16px;padding-bottom:16px;font-size:.9rem}
.iz .iz-crumb{display:flex;gap:10px;align-items:center;white-space:nowrap}
.iz .iz-crumb a{color:#fff;font-weight:700;text-decoration:none}
.iz .iz-crumb span[aria-hidden]{opacity:.45}
.iz .iz-toc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px}
.iz .iz-toc>span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-cta);margin-right:8px}
.iz .iz-toc a{color:#fff;text-decoration:none;font-weight:600;padding:6px 10px;border-radius:999px}
.iz .iz-toc a:hover{background:rgba(255,255,255,.1)}
.iz .iz-toc .iz-adv{display:inline-flex;align-items:center;gap:6px;margin-left:6px;box-shadow:inset 0 0 0 1.5px rgba(226,186,104,.7);color:var(--gold-cta)}
.iz .iz-toc .iz-adv svg{width:16px;height:16px}

/* market snapshot */
.iz .iz-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.iz .iz-kpi{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 22px 22px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.iz .iz-kpi small{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.iz .iz-kpi b{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.2vw,2.7rem);line-height:1;color:var(--navy)}
.iz .iz-kpi span{font-size:.92rem;color:var(--muted)}
.iz .iz-kpi-feat{background:var(--navy);box-shadow:none}
.iz .iz-kpi-feat small{color:var(--gold-cta)}
.iz .iz-kpi-feat b{color:#fff}
.iz .iz-kpi-feat span{color:rgba(255,255,255,.72)}
.iz .iz-kls{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}
.iz .iz-kl{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:14px;background:#fff;
  box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);transition:box-shadow .18s,transform .18s}
.iz .iz-kl:hover{box-shadow:inset 0 0 0 1.5px var(--gold),0 10px 24px -16px rgba(11,31,77,.5);transform:translateY(-1px)}
.iz .iz-kl-i{width:22px;height:22px;color:var(--gold-ink)}
.iz .iz-kl span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.iz .iz-kl span b{font-size:1.35rem;font-weight:800;color:var(--navy)}
.iz .iz-kl span small{font-size:.8rem;font-weight:700;color:var(--muted)}
.iz .iz-factline{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.95rem;color:var(--body)}
.iz .iz-factline b{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* inventory charts */
.iz .iz-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.iz .iz-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;padding:24px 22px;box-shadow:inset 0 0 0 1px var(--line)}
.iz .iz-card h3{font-size:1.35rem}
.iz .iz-card-s{margin:4px 0 16px;font-size:.88rem;color:var(--muted)}
.iz .iz-card-wide{grid-column:1/-1;display:grid;flex-direction:initial;grid-template-columns:minmax(220px,300px) 1fr;gap:8px 32px;align-items:center}
.iz .iz-card-wide .iz-card-s{margin-bottom:0}
.iz .iz-hb{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:9px 0;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.iz .iz-hb:first-of-type{border-top:0}
.iz .iz-hb-l{font-weight:700;font-size:.95rem}
.iz .iz-hb-v{font-size:.95rem;color:var(--muted);white-space:nowrap}
.iz .iz-hb-v b{color:var(--navy);font-weight:800;margin-right:6px}
.iz .iz-hb-t{grid-column:1/-1;height:8px;border-radius:99px;background:var(--sky);overflow:hidden}
.iz .iz-hb-t i{display:block;height:100%;border-radius:99px;background:var(--navy-2);transition:background .18s}
.iz .iz-hb.iz-top .iz-hb-t i{background:var(--navy)}
.iz .iz-hb:hover .iz-hb-t i{background:var(--gold)}
.iz .iz-hb-s{grid-column:1/-1;font-size:.82rem;color:var(--muted)}
.iz .iz-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;flex:1;min-height:236px}
.iz .iz-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%;text-decoration:none;color:var(--ink)}
.iz .iz-col b{font-weight:800;color:var(--navy);font-size:1.05rem}
.iz .iz-col-t{width:100%;max-width:64px;flex:1;display:flex;align-items:flex-end;border-radius:10px 10px 4px 4px;background:var(--sky)}
.iz .iz-col-t i{display:block;width:100%;border-radius:10px 10px 4px 4px;background:var(--navy-2);transition:background .18s}
.iz .iz-col.iz-top .iz-col-t i{background:var(--navy)}
.iz .iz-col:hover .iz-col-t i{background:var(--gold)}
.iz .iz-col small{font-size:.8rem;font-weight:700;color:var(--muted);white-space:nowrap}
.iz .iz-stack{display:flex;height:22px;border-radius:99px;overflow:hidden;gap:3px;background:#fff}
.iz .iz-stack i{display:block;height:100%}
.iz .iz-legend{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:4px;font-size:.9rem}
.iz .iz-legend li{display:flex;align-items:center;gap:8px}
.iz .iz-legend i{width:12px;height:12px;border-radius:4px}
.iz .iz-legend b{color:var(--navy)}

/* overview */
.iz .iz-over-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px 56px;align-items:start}
.iz .iz-over-g>.iz-head{grid-column:1/-1;margin-bottom:6px}
.iz .iz-prose p{font-size:1.1rem;line-height:1.75;color:var(--body);margin:0 0 18px;max-width:44rem}
.iz .iz-prose b{color:var(--ink)}
.iz .iz-prose .iz-head+p::first-letter{font-family:var(--serif);float:left;font-size:3.7rem;line-height:.86;padding:6px 10px 0 0;color:var(--navy)}
.iz .iz-nw{white-space:nowrap}
.iz .iz-glance{border-radius:20px;background:var(--navy);color:rgba(255,255,255,.86);padding:26px 26px 22px;position:sticky;top:calc(var(--zb-hh,92px) + 20px)}
.iz .iz-glance h3{color:#fff;font-size:1.4rem;margin-bottom:10px}
.iz .iz-glance dl{margin:0}
.iz .iz-glance dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14)}
.iz .iz-glance dt{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-cta);padding-top:2px}
.iz .iz-glance dd{margin:0;text-align:right;color:#fff;font-weight:700}
.iz .iz-ag{display:grid;grid-template-columns:56px 1fr;gap:6px 14px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.iz .iz-ag img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold-cta)}
.iz .iz-ag span{display:flex;flex-direction:column;line-height:1.3}
.iz .iz-ag b{color:#fff}
.iz .iz-ag small{color:rgba(255,255,255,.7)}
.iz .iz-ag .btn{grid-column:1/-1;margin-top:8px;min-height:48px}

/* schools */
.iz .iz-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iz .iz-school{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -32px rgba(11,31,77,.45)}
.iz .iz-school-img{position:relative;aspect-ratio:16/10;background:var(--sky)}
.iz .iz-school-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iz .iz-school-img .iz-chip{position:absolute;left:14px;top:14px}
.iz .iz-cr{position:absolute;right:10px;bottom:8px;font-size:.68rem;color:#fff;background:rgba(6,21,56,.55);padding:2px 8px;border-radius:99px}
.iz .iz-school-b{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}
.iz .iz-school h3{font-size:1.4rem;line-height:1.15}
.iz .iz-dist{font-size:.92rem;color:var(--muted)}
.iz .iz-meta{font-size:.92rem;font-weight:700;color:var(--navy)}
.iz .iz-kv{margin:8px 0 4px;display:flex;flex-direction:column;gap:6px;font-size:.92rem}
.iz .iz-kv li{display:grid;grid-template-columns:76px 1fr;gap:10px}
.iz .iz-kv span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.iz .iz-kv a{color:var(--navy);font-weight:700}
.iz .iz-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px}
.iz .iz-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:0;background:var(--sky);color:var(--navy);
  font-weight:800;font-size:.88rem;text-decoration:none;cursor:pointer}
.iz .iz-btn svg{width:15px;height:15px}
.iz .iz-btn:hover{background:#dfe6f2}
.iz .iz-btn-q{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}

/* events */
.iz .iz-evs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.iz .iz-ev{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.iz .iz-ev-d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;background:var(--navy);color:#fff;padding:12px 6px;align-self:start}
.iz .iz-ev-d small{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-cta)}
.iz .iz-ev-d b{font-family:var(--serif);font-weight:400;font-size:1.55rem;line-height:1.05}
.iz .iz-ev-d span{font-size:.78rem;opacity:.7}
.iz .iz-ev-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.iz .iz-ev h3{font-size:1.2rem;line-height:1.2}
.iz .iz-ev-w{font-size:.9rem;font-weight:700;color:var(--navy)}
.iz .iz-ev-n{font-size:.92rem;color:var(--body)}
.iz .iz-ev .textlink{font-size:.9rem}

/* neighborhoods + nearby */
.iz .iz-near-g{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 56px}
.iz .iz-near-c h3{font-size:1.45rem;margin-bottom:8px}
.iz .iz-place{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 16px;padding:16px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.iz .iz-place:last-of-type{border-bottom:1px solid var(--line)}
.iz .iz-place-n{font-family:var(--serif);font-size:1.25rem;color:var(--navy)}
.iz .iz-place-s{grid-column:1;grid-row:2;font-size:.9rem;color:var(--muted)}
.iz .iz-place-s b{color:var(--ink)}
.iz .iz-place-mi{grid-column:2;grid-row:1/3;font-size:.82rem;font-weight:800;color:var(--gold-ink);background:var(--gold-wash);padding:5px 10px;border-radius:99px}
.iz .iz-place>svg{grid-column:3;grid-row:1/3;width:18px;height:18px;color:var(--muted);transition:transform .18s,color .18s}
.iz .iz-place:hover .iz-place-n{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.iz .iz-place:hover>svg{transform:translateX(3px);color:var(--navy)}

/* blog */
.iz .iz-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.iz .iz-post{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s}
.iz .iz-post:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -28px rgba(11,31,77,.5)}
.iz .iz-post-img{position:relative;aspect-ratio:16/10;background:var(--sky);overflow:hidden}
.iz .iz-post-img img{width:100%;height:100%;object-fit:cover}
.iz .iz-post-img .iz-chip{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:var(--navy)}
.iz .iz-post-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.iz .iz-post-b b{font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1.2;color:var(--ink)}
.iz .iz-post-b span{font-size:.93rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* faq */
.iz .iz-faq-g{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:28px 64px;align-items:start}
.iz .iz-faq-g .iz-head{margin-bottom:22px}
.iz .iz-ask{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.iz .iz-ask img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold-cta)}
.iz .iz-ask span{display:flex;flex-direction:column}
.iz .iz-ask b{font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--navy)}
.iz .iz-ask a{color:var(--navy);font-weight:800}
.iz .iz-faql summary::-webkit-details-marker{display:none}
.iz .iz-faql details[open] .chev{transform:rotate(180deg);background:var(--gold-wash)}

/* final */
.iz .iz-final{content-visibility:auto;contain-intrinsic-size:auto 520px}
.iz .iz-final p{margin:16px auto 0;max-width:36rem;color:rgba(255,255,255,.86);font-size:1.1rem}
.iz .iz-final .cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.iz .iz-final .iz-final-l{display:flex;justify-content:center;gap:22px;font-size:.95rem}
.iz .iz-final .iz-final-l a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-cta);text-underline-offset:4px}

/* ---- tablet ---- */
@media (max-width:1100px){
  .iz .iz-kls{grid-template-columns:repeat(3,1fr)}
  .iz .iz-charts{grid-template-columns:repeat(2,1fr)}
  .iz .iz-sgrid,.iz .iz-posts{grid-template-columns:repeat(2,1fr)}
  .iz .iz-over-g{grid-template-columns:1fr}
  .iz .iz-glance{position:static}
}
/* ---- phone ---- */
@media (max-width:760px){
  .iz .iz-sec{padding:52px 0}
  .iz .iz-head{margin-bottom:24px}
  .iz .iz-kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .iz .iz-kpi{padding:18px 16px 16px}
  .iz .iz-kpi b{font-size:1.85rem}
  .iz .iz-kpi span{font-size:.84rem}
  .iz .iz-kls{grid-template-columns:repeat(2,1fr);gap:10px}
  .iz .iz-kl{gap:10px;padding:12px}
  .iz .iz-charts,.iz .iz-sgrid,.iz .iz-posts,.iz .iz-evs,.iz .iz-near-g,.iz .iz-faq-g{grid-template-columns:1fr}
  .iz .iz-card-wide{grid-template-columns:1fr}
  .iz .iz-legend{grid-column:1}
  .iz .iz-cols{height:200px;gap:8px}
  .iz .iz-ev{grid-template-columns:76px 1fr;gap:14px;padding:14px}
  .iz .iz-ev-d b{font-size:1.25rem}
  .iz .iz-prose p{font-size:1.02rem}
  .iz .iz-jump{padding-top:12px;padding-bottom:12px}
  .iz .iz-toc{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}
  .iz .iz-toc::-webkit-scrollbar{display:none}
  .iz .iz-toc a{white-space:nowrap}
  .iz .iz-toc>span{display:none}
  .l1 .site-footer{padding-bottom:calc(28px + 76px + env(safe-area-inset-bottom))}
  .iz .iz-headbtn{width:100%}
  .iz .iz-glance{padding:22px 20px 18px}
}
.l1-site .grid>.bp-empty-inventory{background:color-mix(in srgb,var(--f-gold) 12%,white);border:0;border-radius:24px;box-shadow:none;padding:42px 24px 48px;gap:12px;color:var(--f-ink);margin:24px 0}
.l1-site .bp-empty-icon{color:var(--f-gold-ink);margin-bottom:4px;flex:none}
.l1-site .bp-empty-inventory h2{font:400 clamp(30px,3.4vw,46px)/1.08 var(--f-serif,Georgia,serif);color:var(--f-navy);margin:0;max-width:660px}
.l1-site .bp-empty-inventory .bp-empty-place{font:600 14px/1.5 var(--f-sans,system-ui);color:var(--f-gold-ink);letter-spacing:.04em}
.l1-site .bp-empty-inventory p{font:400 16px/1.6 var(--f-sans,system-ui);color:var(--f-body);max-width:440px;margin:0}
.l1-site .bp-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.l1-site .bp-empty-actions .btn{font:600 14px/1.4 var(--f-sans,system-ui);margin:0;border:1px solid var(--f-navy);border-radius:6px;min-height:46px;padding:13px 22px;text-decoration:none}
.l1-site .bp-empty-actions .btn-p{background:var(--f-navy);color:#fff}
.l1-site .bp-empty-actions .bp-empty-town{background:transparent;color:var(--f-navy)}
.l1-site .bp-empty-actions .btn:hover{filter:brightness(.92)}
@media(max-width:640px){.l1-site .grid>.bp-empty-inventory{padding:32px 12px 40px}.l1-site .bp-empty-actions{width:100%}.l1-site .bp-empty-actions .btn{width:100%;max-width:330px}}
.iz-subdivisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:24px}
.iz-subdivision{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--navy)}
.iz-subdivision b{font:400 24px/1.2 var(--serif)}
.iz-subdivision span{color:var(--body);font-size:14px}
.iz-subdivision:hover{background:var(--sky)}

/* O-88 interior design: the frame around the buyer page + page.js output restyled (ported from build_output/o88_interior_mockups/frame_parts.py). */
body.l1-site{--f-navy:#0B1F4D;--f-navy-deep:#061538;--f-gold:#C9A45C;--f-gold-cta:#E2BA68;--f-gold-ink:#7A5A1C;--f-ink:#18213D;
  --f-body:#3A4460;--f-muted:#5D667C;--f-line:#D8DEE9;--f-paper:#F6F7F9;--f-sky:#E9EEF6;
  --f-serif:"Young Serif",Georgia,"Times New Roman",serif;--f-sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#fff}

/* ---- band ---- */
.czb{position:relative;z-index:5;overflow-x:clip;background:var(--f-navy-deep);color:#fff;isolation:isolate}
.czb-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.czb-media img,.czb-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.czb-media video{opacity:0;transition:opacity .6s ease}.czb-media video.on{opacity:1}
.czb-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,56,.9) 0%,rgba(6,21,56,.72) 46%,rgba(6,21,56,.5) 100%)}
.czb-in{max-width:1360px;margin:0 auto;padding:14px 20px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.czb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:20px}
/* a long trail scrolls inside its own row on a phone, never widening the page */
.czb-crumbs{min-width:0;max-width:100%}
.czb-crumbs ol{display:flex;flex-wrap:nowrap;gap:6px;margin:0;padding:0;list-style:none;font:600 13px/1.4 var(--f-sans);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.czb-crumbs ol::-webkit-scrollbar{display:none}
.czb-crumbs li{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.92)}
.czb-crumbs li+li:before{content:"\203A";color:var(--f-gold-cta);font-weight:800}
.czb-crumbs a{color:rgba(255,255,255,.78);text-decoration:none}.czb-crumbs a:hover{color:#fff;text-decoration:underline}
.czb-sample{display:inline-flex;align-items:center;gap:7px;flex:none;font:700 11.5px/1 var(--f-sans);letter-spacing:.02em;color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:6px 10px;border-radius:999px}
.czb-sample i{width:7px;height:7px;border-radius:50%;background:#1BA35F}
.czb-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px}
.czb-h1{margin:0;font:400 clamp(28px,2.6vw,38px)/1.08 var(--f-serif);letter-spacing:-.005em;color:#fff;text-wrap:balance}
.czb-h1.czb-long{font-size:clamp(25px,2.1vw,30px);line-height:1.06}
/* place names carry town + state (SEO), so a neighborhood / building title runs long: smaller, and the stats tighten */
.czb-h1.czb-xlong{font-size:clamp(22px,1.75vw,26px);line-height:1.08;letter-spacing:-.01em}
@media (min-width:861px){.czb:has(.czb-xlong) .czb-stat{min-width:92px;padding:9px 9px 8px}.czb:has(.czb-xlong) .czb-main{gap:16px}}
.czb-stats{display:grid;grid-template-columns:repeat(4,auto);gap:8px}
.czb-stat{min-width:104px;padding:9px 14px 8px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center}
.czb-stat b{display:block;font:400 21px/1.1 var(--f-serif);color:#fff;font-variant-numeric:tabular-nums}
.czb-stat span{display:block;margin-top:3px;font:700 10.5px/1.2 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);white-space:nowrap}
.czb-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 1px;margin:0 -2px}
/* frame.js shows only the chips that fit whole, then "+N More" (a popover with the rest); no script = the row scrolls */
.czb-in>*{min-width:0}
.czb-chips.fit{overflow:visible;min-width:0;max-width:100%;justify-content:center}
.czb-chips .czb-chip[hidden],.czb-morew[hidden],.czb-pop[hidden]{display:none!important}
.czb-morew{position:relative;flex:none;display:inline-flex}
.czb-more{-webkit-appearance:none;appearance:none;cursor:pointer;font:700 13px/1.2 var(--f-sans);margin:0}
.czb-more[aria-expanded="true"]{background:rgba(255,255,255,.24)}
.czb-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:36;min-width:270px;max-height:340px;overflow:auto;display:grid;gap:2px;padding:8px;
  background:#fff;border-radius:16px;box-shadow:0 30px 60px -24px rgba(6,21,56,.55),0 0 0 1px var(--f-line)}
.czb-pop.czb-pop-l{right:auto;left:0}
.czb-pop a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;color:var(--f-navy);
  font:700 14px/1.2 var(--f-sans);text-decoration:none;white-space:nowrap}
.czb-pop a span{color:var(--f-gold-ink);font-weight:800;font-variant-numeric:tabular-nums}
.czb-pop a:hover,.czb-pop a:focus-visible{background:var(--f-sky);outline:none}
.czb-chips::-webkit-scrollbar{display:none}
.czb-chip{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font:700 13px/1.2 var(--f-sans);
  color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);white-space:nowrap;transition:background .15s}
.czb-chip span{font-weight:800;color:var(--f-gold-cta);font-variant-numeric:tabular-nums}
.czb-chip:hover{background:rgba(255,255,255,.2)}
.czb-chip.on{background:var(--f-gold-cta);border-color:var(--f-gold-cta);color:var(--f-navy-deep)}.czb-chip.on span{color:var(--f-navy-deep)}
.czb-chip:focus-visible,.cza-btn:focus-visible,.czl a:focus-visible{outline:3px solid var(--f-gold-cta);outline-offset:2px}

/* ---- agent strip (band on desktop, its own row on phones) ---- */
.cza{display:flex;align-items:center;gap:12px}
.cza img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--f-gold-cta);background:#fff}
.cza-id{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.cza-id b{font:400 17px/1.15 var(--f-serif)}
.cza-id small{font:600 12px/1.3 var(--f-sans);opacity:.8}
.cza-tel{font:800 13px/1.4 var(--f-sans);text-decoration:none;white-space:nowrap}
.cza-btn{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--f-gold-cta);
  color:var(--f-navy-deep);font:800 14px/1 var(--f-sans);text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(122,90,28,.7)}
.cza-btn svg{width:17px;height:17px}.cza-btn:hover{background:#EDC77A}
.cza-band{padding:8px 8px 8px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cza-band .cza-id{color:#fff}.cza-band .cza-tel{color:var(--f-gold-cta)}
.cza-phone{display:none}
@media (max-width:1180px){.czb-main{grid-template-columns:minmax(0,1fr) auto}.czb-main>.cza-band{display:none}
  .cza-phone{display:block;background:#fff;border-bottom:1px solid var(--f-line)}
  .cza-strip{max-width:1360px;margin:0 auto;padding:8px 20px;color:var(--f-ink)}.cza-strip .cza-tel{color:var(--f-navy)}
  .cza-strip .cza-id{flex:1}}
@media (max-width:860px){.czb-main{grid-template-columns:1fr;gap:10px}.czb-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .czb-stat{min-width:0;padding:8px 6px 7px;border-radius:12px}.czb-stat b{font-size:18px}.czb-stat span{font-size:9.5px;letter-spacing:.04em;white-space:normal}}
@media (max-width:640px){.czb-in{padding:8px 16px 10px;gap:8px}.czb-h1{font-size:27px;line-height:1.1}.czb-h1.czb-long{font-size:23px}.czb-h1.czb-xlong{font-size:20px;line-height:1.12}.czb-top{flex-wrap:wrap;gap:6px}
  .czb-crumbs ol{font-size:12px}.czb-sample{padding:5px 8px;font-size:10.5px;flex:0 1 auto;max-width:100%;white-space:normal;line-height:1.25}
  .cza-strip{padding:8px 16px;gap:10px}.cza-strip img{width:40px;height:40px}.cza-strip .cza-id b{font-size:15px}.cza-strip .cza-id small{display:none}
  .cza-strip .cza-btn{min-height:40px;padding:0 13px;font-size:13px}.cza-strip .cza-btn svg{display:none}}

/* ---- page.js output on frame pages: old hero + right column out, one toolbar, homes full width ---- */
body.l1-area main#app{display:block!important;max-width:1360px}
body.l1-area #app>.city-banner{display:none!important}
body.l1-area #app>.cols{display:block!important}
body.l1-area #app>.cols>.rail{display:none!important}
/* toolbar: the count heading centered, then the filter row + top pager as ONE centered group (a row that does not fill
   the width sits in the middle; with no pager the filters center alone). Flex order puts the pager beside the filters
   (page.js writes it after the More Filters panel). Same heights as before. */
body.l1-area #app>.cols>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:16px;margin-top:14px}
body.l1-area #app>.cols>div>*{flex:0 0 100%;order:5;min-width:0}
body.l1-area #app>.cols>div>.sample-notice{display:none!important}
body.l1-area #app>.cols>div>.count{order:0;margin:0 0 8px!important;text-align:center;font:400 21px/1.25 var(--f-serif)!important;color:var(--f-ink)}
body.l1-area #app>.cols>div>.count b{color:var(--f-gold-ink);font-weight:400}
body.l1-area #app>.cols>div>.filters{order:1;flex:1 1 0;max-width:1040px;margin:0!important;justify-content:center}
body.l1-area #app>.cols>div>.pager-top{order:2;flex:0 0 auto;max-width:100%;margin:0!important}
/* the controls fill their share of the row (no gap inside it), so the row + pager read as one centered group */
@media (min-width:641px){body.l1-area #app>.cols>div>.filters>select,body.l1-area #app>.cols>div>.filters>.fbtn.fmore{flex:1 1 auto;max-width:none!important}}
/* drawer breakpoint and up: the filter row + pager ALWAYS stay one line (a long pager like '1 2 3 4 ... 44' never wraps it):
   below 1280 the pager drops its Prev / Next words (arrows stay) and the controls shrink with an ellipsis */
@media (min-width:1180px){body.l1-area #app>.cols>div>.filters{flex-wrap:nowrap!important}
  body.l1-area #app>.cols>div>.filters>select,body.l1-area #app>.cols>div>.filters>.fbtn{min-width:0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media (min-width:1180px) and (max-width:1279px){body.l1-area #app>.cols>div>.pager-top .pg-t{display:none}
  body.l1-area #app>.cols>div>.pager-top{gap:5px!important}body.l1-area #app>.cols>div>.pager-top .pg-nav{padding:0 11px!important}
  body.l1-area #app>.cols>div{column-gap:12px}body.l1-area #app>.cols>div>.filters{gap:5px!important}
  body.l1-area #app>.cols>div>.filters>select{font-size:12px!important;padding-left:9px!important;padding-right:24px!important;background-position:right 8px center!important}
  body.l1-area #app>.cols>div>.filters>.fbtn.fmore{font-size:12px!important;padding:0 10px!important;height:34px;line-height:34px!important;display:block!important;text-align:center}}
body.l1-area #app>.cols>div>.fpanel{order:3}
body.l1-area #app>.cols>div>.chips{order:4}
body.l1-area #app>.cols>div>.pager-top~#homes,body.l1-area #app>.cols>div>.filters~#homes{margin-top:14px}
/* filter row in Look 1's field style (Advanced Search controls): white fields, gold chevrons, navy More Filters; same height */
body.l1-area #app .filters select,body.l1-area #app .fpanel select{-webkit-appearance:none;appearance:none;border:0!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5A1C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/12px!important;
  box-shadow:inset 0 0 0 1.5px var(--f-line)!important;color:var(--f-ink)!important;font-family:var(--f-sans)!important;font-weight:700!important;border-radius:999px!important;cursor:pointer;transition:box-shadow .15s}
body.l1-area #app .filters select:hover,body.l1-area #app .fpanel select:hover{box-shadow:inset 0 0 0 1.5px var(--f-gold)!important}
body.l1-area #app .filters select:focus-visible,body.l1-area #app .fpanel select:focus-visible,body.l1-area #app .fpanel input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--f-navy),0 0 0 4px rgba(226,186,104,.45)!important}
body.l1-area #app .filters .fbtn{background:var(--f-navy)!important;color:#fff!important;font-family:var(--f-sans)!important;font-weight:800!important;box-shadow:none!important;border-radius:999px!important}
body.l1-area #app .filters .fbtn.on,body.l1-area #app .filters .fbtn:hover{background:var(--f-navy-deep)!important}
/* More Filters panel: a Look 1 card (opens on demand; nothing above the homes grows) */
body.l1-area #app .fpanel{background:#fff!important;border:1px solid var(--f-line)!important;border-radius:22px!important;box-shadow:0 34px 70px -44px rgba(6,21,56,.5)!important;
  padding:20px 22px 18px!important;margin:12px 0 4px!important;font-family:var(--f-sans)}
body.l1-area #app .fpanel:before{content:"More Filters";display:block;font:800 11.5px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--f-gold-ink);margin:0 0 14px}
body.l1-area #app .fpanel .fp-row,body.l1-area #app .fpanel .fp-basic{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;justify-content:stretch}
body.l1-area #app .fpanel .fp-basic{display:none!important}
body.l1-area #app .fpanel select{width:100%;height:50px!important;padding:0 36px 0 16px!important;border-radius:14px!important;font-size:14.5px!important;background-position:right 14px center!important;background-size:13px!important}
body.l1-area #app .fpanel .fp-feats{justify-content:flex-start;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--f-line)}
body.l1-area #app .fpanel .fchip{min-height:36px;padding:0 14px;border:0!important;border-radius:999px;background:#fff!important;box-shadow:inset 0 0 0 1.5px var(--f-line);
  font:700 13.5px/1 var(--f-sans)!important;color:var(--f-ink)!important;display:inline-flex;align-items:center;gap:6px}
body.l1-area #app .fpanel .fchip span{color:var(--f-gold-ink)!important;font-weight:800!important;margin:0}
body.l1-area #app .fpanel .fchip:hover{box-shadow:inset 0 0 0 1.5px var(--f-gold)}
body.l1-area #app .fpanel .fchip.on{background:var(--f-navy)!important;box-shadow:none;color:#fff!important}
body.l1-area #app .fpanel .fchip.on span{color:var(--f-gold-cta)!important}
body.l1-area #app .fpanel .fp-kw{justify-content:flex-start;margin-top:14px}
body.l1-area #app .fpanel .fp-kw input{max-width:none;height:50px;border:0!important;border-radius:14px;padding:0 16px 0 46px!important;font:600 15px var(--f-sans)!important;color:var(--f-ink);
  box-shadow:inset 0 0 0 1.5px var(--f-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5A1C' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center/18px}
body.l1-area #app .fpanel .fp-foot{border-top:1px solid var(--f-line);margin-top:16px;padding-top:14px}
body.l1-area #app .fpanel .fp-clear{color:var(--f-navy)!important;font:700 14px/1 var(--f-sans)!important;text-decoration:underline;text-underline-offset:3px}
body.l1-area #app .fpanel .fp-foot .btn{background:var(--f-gold-cta)!important;color:var(--f-navy-deep)!important;border:0!important;border-radius:999px!important;min-height:48px;padding:0 26px!important;
  font:800 15px/1 var(--f-sans)!important;box-shadow:0 12px 26px -14px rgba(122,90,28,.75)!important}
body.l1-area #app .fpanel .fp-foot .btn:hover{background:#EDC77A!important}
@media (max-width:860px){body.l1-area #app .fpanel .fp-row,body.l1-area #app .fpanel .fp-basic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.l1-area #app .fpanel{padding:16px 14px!important}body.l1-area #app .fpanel .fp-basic{display:grid!important}
  body.l1-area #app .fpanel .fp-row{margin-top:10px}body.l1-area #app .fpanel select{height:46px!important}}
body.l1-area #app .pager>a.on,body.l1-area #app .pager>a[aria-current]{background:var(--f-navy)!important;border-color:var(--f-navy)!important;color:#fff!important}
body.l1-area #app #homes.grid,body.l1-area #app #homesMore.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
body.l1-area #app #homes:empty{display:none}
body.l1-area #app #homes>.bp-empty{grid-column:1/-1}
@media (max-width:1279px){body.l1-area #app #homes.grid,body.l1-area #app #homesMore.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:1000px){body.l1-area #app #homes.grid,body.l1-area #app #homesMore.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){
  body.l1-area #app #homes.grid,body.l1-area #app #homesMore.grid{grid-template-columns:1fr!important}
  body.l1-area #app>.cols>div{margin-top:10px;column-gap:10px}
  body.l1-area #app>.cols>div>.count{font-size:18px!important;margin-bottom:6px!important}
  body.l1-area:has(.czb-xlong) #app>.cols>div>.count{font-size:15.5px!important;letter-spacing:-.01em}
  body.l1-area #app>.cols>div>.filters{flex-wrap:nowrap}
  body.l1-area #app>.cols>div>.pager-top>a,body.l1-area #app>.cols>div>.pager-top>span{min-width:38px!important;height:44px!important;padding:0 8px!important}
  body.l1-area #app>.cols>div>.pager-top .pg-nav{padding:0 10px!important}}

/* ---- detail pages: the body stays as it is; only the trail bar ---- */
.czc{background:var(--f-paper);border-bottom:1px solid var(--f-line)}
.czc-crumbs{max-width:1200px;margin:0 auto;padding:0 20px}
.czc-crumbs ol{display:flex;gap:6px;margin:0;padding:8px 0;list-style:none;font:600 13px/1.4 var(--f-sans);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.czc-crumbs li{display:flex;gap:6px;color:var(--f-ink)}.czc-crumbs li+li:before{content:"\203A";color:var(--f-gold-ink);font-weight:800}
.czc-crumbs a{color:var(--f-navy);text-decoration:none}.czc-crumbs a:hover{text-decoration:underline}
@media (max-width:640px){.czc-crumbs ol{flex-wrap:wrap;row-gap:2px;white-space:normal;overflow:visible}}

/* ---- below the listings: home value, rates + lender, searches ---- */
.czl{background:var(--f-paper);border-top:1px solid var(--f-line);margin-top:34px}
.czl-in{max-width:1360px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:400px minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.czl-card{background:#fff;border:1px solid var(--f-line);border-radius:20px;padding:22px;box-shadow:0 18px 40px -30px rgba(6,21,56,.35);font-family:var(--f-sans);color:var(--f-body)}
.czl .eyebrow{display:block;font:800 11.5px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--f-gold-ink);margin-bottom:10px}
.czl h2{margin:0 0 8px;font:400 26px/1.15 var(--f-serif);color:var(--f-ink)}
.czl p{margin:0 0 14px;font-size:15px;line-height:1.5}
.czl-w{width:100%;height:600px;border:0;border-radius:14px;display:block;background:#0b1220}
.czl-stack{display:grid;gap:22px}
.czl-rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.czl-rgrid div{background:var(--f-sky);border-radius:14px;padding:12px 14px}
.czl-rgrid b{display:block;font:400 26px/1.1 var(--f-serif);color:var(--f-navy)}
.czl-rgrid span{font:700 12px/1.3 var(--f-sans);color:var(--f-muted)}
.czl-note{margin:12px 0 0!important;font-size:13px!important;color:var(--f-muted)}
.czl-lrow{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.czl-lrow img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.czl-lrow b{display:block;font:400 19px/1.2 var(--f-serif);color:var(--f-ink)}
.czl-lrow small{display:block;font-size:13px;color:var(--f-muted)}
.czl-acts{display:flex;flex-wrap:wrap;gap:10px}
.czl-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--f-gold-cta);color:var(--f-navy-deep);font:800 14px/1 var(--f-sans);text-decoration:none}
.czl-ghost{background:#fff;border:1.5px solid var(--f-navy);color:var(--f-navy)}
.czl-slist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin-top:6px}
.czl-slist a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--f-line);color:var(--f-navy);font:700 14px/1.3 var(--f-sans);text-decoration:none}
.czl-slist a b{color:var(--f-gold-ink);font-variant-numeric:tabular-nums}
.czl-slist a:hover span{text-decoration:underline}
@media (max-width:1180px){.czl-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.czl-searches{grid-column:1/-1}}
@media (max-width:760px){.czl-in{grid-template-columns:1fr;padding:30px 16px}.czl-slist{grid-template-columns:1fr}}
/* ---- polish round: framed media beside section heads + CTA bands between the guide sections ---- */
.iz .czm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:24px 44px;align-items:end}
.iz .czm-head .czm-txt{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.czm{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:var(--f-sky);
  box-shadow:0 30px 60px -36px rgba(6,21,56,.55),0 0 0 1px rgba(201,164,92,.38)}
.czm img,.czm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.czm figcaption{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(6,21,56,.74);color:#fff;
  font:700 12px/1 var(--f-sans);letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.iz-faq .czm{margin-top:20px;max-width:440px}
@media (max-width:860px){.iz .czm-head{grid-template-columns:1fr}.czm{aspect-ratio:16/9}}
.czv .eyebrow,.czr .eyebrow,.czs .eyebrow{display:block;font:800 11.5px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--f-gold-ink);margin-bottom:12px}
.czv{position:relative;isolation:isolate;overflow:hidden;background:var(--f-navy-deep);color:#fff;font-family:var(--f-sans)}
.czv-bg{position:absolute;inset:0;z-index:-1}
.czv-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.czv-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,56,.42) 0%,rgba(6,21,56,.16) 55%,rgba(6,21,56,.06) 100%)}
/* a LOCAL scrim behind the copy keeps AA contrast while the video reads clearly */
.czv-copy{position:relative;padding:30px 32px;border-radius:24px;background:linear-gradient(180deg,rgba(6,21,56,.74),rgba(6,21,56,.62));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 30px 60px -40px rgba(0,0,0,.6);text-shadow:0 1px 10px rgba(0,0,0,.35)}
@media (max-width:640px){.czv-copy{padding:22px 18px}}
.czv-in{max-width:1240px;margin:0 auto;padding:76px 20px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center}
.czv .eyebrow{color:var(--f-gold-cta)}
.czv h2{margin:0 0 14px;font:400 clamp(30px,3.2vw,44px)/1.08 var(--f-serif);color:#fff}
.czv p{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);max-width:540px}
.czv ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px;font:600 15.5px/1.4 var(--f-sans)}
.czv li{display:flex;align-items:center;gap:10px}.czv li:before{content:"";width:20px;height:20px;flex:none;border-radius:50%;background:var(--f-gold-cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061538' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") no-repeat center/12px}
.czv-call{color:var(--f-gold-cta);font:800 15px/1 var(--f-sans);text-decoration:none}.czv-call:hover{text-decoration:underline}
.czv-w{background:#fff;border-radius:24px;padding:10px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.czr{background:#FBF4E6;font-family:var(--f-sans)}
.czr-in{max-width:1240px;margin:0 auto;padding:68px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.czr-in.czr-one{grid-template-columns:minmax(0,640px);justify-content:center}
.czr .czl-card{padding:28px}
.czr h2,.czs h2{margin:0 0 14px;font:400 28px/1.15 var(--f-serif);color:var(--f-ink)}
.czr p{margin:0 0 16px;font-size:15.5px;line-height:1.55;color:var(--f-body)}
.czr .czl-rgrid b{font-size:30px}
.czr .czl-lrow img{width:72px;height:72px}
.czs{background:var(--f-sky);font-family:var(--f-sans)}
.czs-in{max-width:1240px;margin:0 auto;padding:64px 20px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;align-items:start}
.czs-head p{margin:0;font-size:15.5px;line-height:1.55;color:var(--f-body)}
.czs .czl-slist{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;background:#fff;border-radius:22px;padding:10px 24px 14px;box-shadow:0 24px 50px -38px rgba(6,21,56,.45)}
@media (max-width:1000px){.czv-in,.czr-in,.czs-in{grid-template-columns:1fr;gap:28px}.czs .czl-slist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.czv-in{padding:48px 16px}.czr-in,.czs-in{padding:44px 16px}.czs .czl-slist{grid-template-columns:1fr;padding:6px 16px 10px}.czr .czl-card{padding:20px}}
.iz .iz-place-n small.czp-sub{display:block;margin-top:2px;font:600 12px/1.2 var(--f-sans);color:var(--f-muted);letter-spacing:.01em}
/* the look's phone bar must never sit on the last homes / footer */
@media (max-width:1179px){body.l1-site{padding-bottom:72px}}
/* ---- engine additions (O-88 build-in): menu header links, condo-building chips, a Sell menu with no town pages ---- */
.l1 .mhead .iz-mlink{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.l1 .mhead .iz-mlink svg{width:14px;height:14px}
.l1 .iz-mhead2{margin-top:18px}
@media (min-width:1180px){.l1 #mega-sell.iz-novalues{grid-template-columns:1fr;width:min(460px,calc(100vw - 48px))}}
.l1 form.mvalue{margin:0}
/* one FAQ per page: the page's FAQ lives in the guide below the listings */
body.l1-area #app #homesTail .area-faq{display:none!important}
/* the band carries the sample pill; the count line's own copy of the notice is not repeated */
body.l1-area #app .count .sample-notice{display:none!important}
/* the agent's round headshot with the initials fallback (band strip, phone strip, final CTA) */
.cza-av{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:#E9EEF6;color:#0B1F4D;
  font:800 16px/1 var(--f-sans);letter-spacing:.02em}
.cza .cza-av{width:52px;height:52px;border:2px solid var(--f-gold-cta)}
.cza .cza-av>img,.cza-av>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;background:none}
.cza .cza-av>img[hidden],.cza-av>img[hidden]{display:none}
@media (max-width:640px){.cza-strip .cza-av{width:40px;height:40px;font-size:14px}}
.iz .iz-final .cza-av.fteam{width:96px;height:96px;margin:0 auto 18px;font-size:30px;border:3px solid var(--f-gold-cta)}
/* review A1: the agent's review lines in the final CTA, the lender's in its card, social links in the footer */
/* re-review B1: a dark-glass pill (Look 1's band glass) with white text, hugging its two lines */
.iz .iz-final .iz-revs{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:max-content;max-width:100%;margin:18px auto 0;
  padding:8px 16px;border-radius:16px;background:rgba(6,21,56,.62);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.iz .iz-final .iz-revs a{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;margin:0;color:#fff!important;font:700 13.5px/1.3 var(--sans);text-decoration:none;white-space:nowrap}
.iz .iz-final .iz-revs a:hover{text-decoration:underline;text-decoration-color:var(--gold-cta)}
.iz .iz-final .iz-revs .star-meter{color:rgba(255,255,255,.32);font-size:15px}
.iz .iz-final .iz-revs img{flex:none}
.czl-lrow small.ab,.czl-lrow small.nmls{display:block}.czl-lrow a.google-stars{justify-content:flex-start;margin:4px 0}
.l1 .iz-soc{justify-content:flex-start;margin:14px 0 4px}
/* review A2: the page's own rich FAQ answers (cards, bullets, more link) inside the guide's FAQ */
.iz .iz-faqrich{display:block;background:none;border:0;box-shadow:none;padding:0;margin:0}
/* review fix F1: the whole first row on a 1440x790 laptop even when a card's address runs 3 lines (the card itself is
   protected): the space is won ABOVE the cards - band padding + row gaps, count heading and toolbar spacing */
@media (min-width:861px){
  .czb-in{padding:12px 20px 10px;gap:8px}
  body.l1-area #app>.cols>div{margin-top:8px}
  body.l1-area #app>.cols>div>.count{margin:0 0 6px!important}
  body.l1-area #app>.cols>div>.pager-top~#homes,body.l1-area #app>.cols>div>.filters~#homes{margin-top:8px}}
/* a desktop header too narrow for a long agent name / brokerage beside the nav (frame.js fitHeader) = the tablet header */
@media (min-width:1180px){.l1.iz-tight .nav{display:none}.l1.iz-tight .header-phone{display:none}.l1.iz-tight .icon-btn{display:inline-flex}}
@media (min-width:1180px){.l1.iz-wrapb .iz-brand small{white-space:normal;max-width:380px;line-height:1.3}}
/* the weather chip keeps a 44px tap/click target (40px chip + an invisible 2px band above and below it) */
.l1 .site-header .hwx:before{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}
/* 1181-1359px (small laptops): the band row (title + four stat tiles + agent) is tight. The agent keeps the full
   labeled Request a Showing button; the title takes a smaller tier, the tiles tighten, and the agent strip narrows
   (smaller photo + padding, "Call or Text" drops to just the phone) so the title is not squeezed to four lines */
@media (min-width:1181px) and (max-width:1359px){.czb-h1{font-size:clamp(24px,2.2vw,29px)}.czb-h1.czb-long{font-size:clamp(22px,1.85vw,25px)}
  .czb-h1.czb-xlong{font-size:clamp(20px,1.6vw,22px)}
  .czb-stat{min-width:84px;padding:9px 8px 8px}.czb-main{gap:14px}
  .cza-band{gap:9px;padding:6px}.cza-band .cza-av{width:44px;height:44px}.cza-band .cza-id b{font-size:15.5px}
  .cza-band .cza-id small{font-size:11px}.cza-band .cza-tel-l{display:none}.cza-band .cza-btn{padding:0 14px;gap:6px}}
/* O-89: a team identity (its long brokerage line) takes the same narrow agent strip at every desktop width, so the
   title keeps its width and the first homes stay where they were */
@media (min-width:1181px){.cza-band.cza-team{gap:9px;padding:6px}.cza-band.cza-team .cza-av{width:44px;height:44px}
  .cza-band.cza-team .cza-id b{font-size:15.5px}.cza-band.cza-team .cza-id small{font-size:11px}
  .cza-band.cza-team .cza-tel-l{display:none}.cza-band.cza-team .cza-btn{padding:0 14px;gap:6px}}
/* the page script's favorite-heart ".pop" pulse (scale up to 1.4) must not reach the Look footer's ".pop" card - it pulsed
   on every load and briefly pushed the page wider than the screen */
.l1 .site-footer .pop{animation:none}