/* Bold Valley look (Brand direction B; Ryan picked it 8:12 AM PT 10/30/2026 via CoS). Loaded only on pages that pass
   look="b" to Base (home and city pages), every rule scoped to body.look-b. Navy blocks, big headlines, outlined cards
   with offset shadows, yellow #FFC857 only as a fill or accent behind navy text, or as text on navy (never yellow text on white).
   No web fonts, no images, CSS only. Motion is under 200ms and off under prefers-reduced-motion. */
.look-b{--yel:#FFC857;--ol:3px solid var(--navy);background:#fff}
.look-b .hdr{background:var(--navy);border-bottom:0}
.look-b .nav a{color:#fff}.look-b .nav a:hover{background:var(--navy-2);color:#fff}.look-b .nav a[aria-current=page]{background:var(--navy-2)}
.look-b .nav a.acct-nav{background:var(--yel);color:var(--navy)}.look-b .nav a.acct-nav:hover{background:#fff;color:var(--navy)}
.look-b .menu summary{color:#fff;border-color:#fff}.look-b .menu-bars,.look-b .menu-bars::after{border-color:#fff}
.look-b .menu[open] summary{background:var(--navy-2)}.look-b .menu[open] .menu-bars::before,.look-b .menu[open] .menu-bars::after{border-color:#fff}
.look-b :focus-visible{outline-color:var(--yel)}
/* Home hero: solid navy block with a yellow edge */
.look-b .hero{background:var(--navy);color:#fff;padding:56px 0 48px;border-bottom:8px solid var(--yel)}
.look-b .hero::before,.look-b .hero::after{display:none}
.look-b .hero .hero-grid{display:block}
.look-b .hero h1{color:#fff;font-size:clamp(42px,7.4vw,84px);line-height:.98;letter-spacing:-.035em;max-width:13ch;margin-bottom:28px}
.look-b .hero .search{max-width:720px;border:0;box-shadow:0 0 0 6px var(--yel)}
.look-b .hero .search:focus-within{outline:3px solid #fff;outline-offset:8px}
.look-b .hero .ns-area{color:var(--yel);font-weight:800;font-size:16px;margin-top:22px}
.look-b .hero .hero-under .btn{background:#fff;color:var(--navy);border:2px solid #fff}
.look-b .hero .hc-line,.look-b .hero .hc-line a{color:#fff}
.look-b .hero .trust-strip{margin-top:28px;gap:16px}
.look-b .hero .trust-strip li{border:var(--ol);border-radius:16px;box-shadow:5px 5px 0 var(--yel)}
/* Headlines and outlined sticker cards */
.look-b h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em}
.look-b .eyebrow{color:var(--navy);display:inline-block;background:var(--yel);padding:3px 10px;border-radius:999px;font-weight:800}
.look-b .tile,.look-b .card{border:var(--ol);border-radius:20px;box-shadow:6px 6px 0 var(--navy);transition:transform .15s,box-shadow .15s}
.look-b .tile:hover,.look-b .card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--navy)}
.look-b .card-media{border-bottom:var(--ol)}
.look-b .tile-ico{background:var(--yel);border:2px solid var(--navy);border-radius:50%}
.look-b .section.cream{background:#F4F6FA}
.look-b .cards.cards-row{padding:4px 10px 14px 2px}
.look-b .band{background:var(--yel);color:var(--navy);border:var(--ol);box-shadow:8px 8px 0 var(--navy)}
.look-b .band h2{color:var(--navy)}.look-b .band p{color:var(--navy)}
.look-b .band .btn-primary{background:var(--navy);color:#fff}.look-b .band .btn-primary:hover{background:var(--navy-2);color:#fff}
.look-b .search .combo-list{border:var(--ol)}
/* City pages: crumbs, H1 and the action pills sit in one full-width navy block (border-image paints edge to edge with no scroll overflow) */
.look-b main>.wrap>.crumbs,.look-b main>.wrap>.page-head,.look-b main>.wrap>.city-actions{border-image:linear-gradient(var(--navy) 0 0) fill 0//0 100vmax}
.look-b main>.wrap>.crumbs{margin:0;padding:20px 0 8px;color:#C9D3E6}.look-b main>.wrap>.crumbs a{color:#fff}
.look-b main>.wrap>.page-head{padding:6px 0 18px;color:#fff}
.look-b main>.wrap>.page-head h1{color:#fff;font-size:clamp(40px,6.6vw,76px);line-height:1;letter-spacing:-.035em}
.look-b main>.wrap>.page-head p{color:#E3E8F2}
.look-b main>.wrap>.city-actions{margin:0 0 28px;padding:0 0 34px;border-image:linear-gradient(to top,var(--yel) 8px,var(--navy) 8px) fill 0//0 100vmax}
.look-b .city-actions a.ca-sec{background:#fff;color:var(--navy);border:2px solid #fff}.look-b .city-actions a.ca-sec:hover{background:var(--yel);border-color:var(--yel)}
.look-b .city-actions a.ca-primary{background:var(--yel);color:var(--navy);box-shadow:none}.look-b .city-actions a.ca-primary:hover{background:#fff}
.look-b .city-actions a:focus-visible{outline:3px solid #fff}
@media (prefers-reduced-motion:reduce){.look-b .tile,.look-b .card{transition:none}.look-b .tile:hover,.look-b .card:hover{transform:none}}
@media (max-width:700px){.look-b .hero{padding:36px 0 32px}.look-b .hero h1{margin-bottom:20px}.look-b .hero .search{border-radius:24px}}
/* Home hero photo band (statewide CC0 scene, src/lib/bold-valley.js); the H1 overlaps its lower edge on a navy plate */
.look-b .hero{padding-top:0}
.look-b .hero-b-photo{display:block;position:relative;z-index:0;height:clamp(180px,26vw,340px);border-bottom:8px solid var(--yel);background:var(--navy-2)}
.look-b .hero-b-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.look-b .hero-b-photo+.wrap{margin-top:-64px}
.look-b .hero h1{display:inline-block;background:var(--navy);padding:18px 26px 8px 0;margin-bottom:6px}
.look-b .hero .hero-sub{color:#E3E8F2;font-size:clamp(17px,2vw,21px);max-width:40ch;margin:0 0 22px}
/* Zoo Crew badges (decorative) on the trust strip, the RoofZoo bear on the selling panel */
.look-b .trust-strip .bv-char{width:44px;height:44px;flex:none;background:var(--yel);border:2px solid var(--navy);border-radius:50%;padding:3px}
.look-b .band .bv-bear{width:112px;height:112px;flex:none}
.look-b .band .band-txt{flex:1;min-width:220px}
@media (max-width:700px){.look-b .hero-b-photo+.wrap{margin-top:-40px}.look-b .hero h1{padding:12px 16px 6px 0}.look-b .band{justify-content:center;text-align:center}}
/* Round 2 (CoS 8:37 AM PT 10/30/2026): kicker line (a paragraph, not a heading) and the city hero band with one decorative character */
.look-b .bv-kicker{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:var(--yel);color:var(--navy);font-weight:800;font-size:clamp(15px,1.8vw,19px);letter-spacing:-.01em}
.look-b .hero .bv-kicker{position:relative;z-index:1}
.look-b .bv-city-hero{background:var(--navy);color:#fff}
.look-b .bv-city-hero .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;min-height:76px}
.look-b .bv-city-hero .bv-kicker{margin:0 0 14px}
.look-b .bv-city-char{width:72px;height:72px;flex:none;margin-bottom:-2px}
@media (min-width:900px){.look-b .bv-city-hero .wrap{min-height:110px}.look-b .bv-city-char{width:104px;height:104px}}
/* CoS 8:46 AM PT 10/30/2026: fixed suburban street photo behind the home hero; text sits on the left over the sky under a navy gradient */
.look-b .hero{position:relative;overflow:hidden;padding:56px 0 64px;isolation:isolate}
.look-b .hero-b-photo{position:absolute;inset:0;height:auto;border:0;z-index:-1;background:var(--navy)}
.look-b .hero-b-photo img{object-position:70% 40%}
.look-b .hero-b-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,33,61,.9) 0,rgba(20,33,61,.82) 38%,rgba(20,33,61,.35) 62%,rgba(20,33,61,0) 80%)}
.look-b .hero-b-photo+.wrap{margin-top:0}
.look-b .hero h1{display:block;background:none;padding:0;margin:0 0 24px}
@media (max-width:900px){.look-b .hero{padding:40px 0 44px}.look-b .hero-b-photo::after{background:rgba(20,33,61,.84)}.look-b .hero-b-photo+.wrap{margin-top:0}.look-b .hero h1{padding:0}}
/* Selling band over the hills photo with a navy overlay: white text, yellow button with navy text */
.look-b .band.band-photo{position:relative;overflow:hidden;isolation:isolate;background:var(--navy);color:#fff}
.look-b .band-bg{position:absolute;inset:0;z-index:-1}
.look-b .band-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.look-b .band-bg::after{content:"";position:absolute;inset:0;background:rgba(20,33,61,.82)}
.look-b .band.band-photo h2,.look-b .band.band-photo p{color:#fff}
.look-b .band.band-photo .btn,.look-b .band.band-photo .btn-primary{background:var(--yel);color:var(--navy);border-color:var(--yel)}
.look-b .band.band-photo{box-shadow:8px 8px 0 var(--yel)}