/* GENERATED by tools/look/build.py from assets/css/coral.css + tools/look/look-new.src.css: edit those, then run it. Loaded after assets/css/coral.css when look_new() is on. */
/* 1. assets/css/coral.css rules with warm colours (and old fonts), neutralised */
.nav{background:rgba(255,255,255,.86)}
.photo{background:#e6e6e6}
.fc-rating .stars{color:#ef8d7d}
.play{background:rgba(0,0,0,.72)}
.rv .stars{color:#ef8d7d}
.agent .ph-a{background:linear-gradient(160deg,#f1f1f1,#dcdcdc)}
.agent:nth-child(2n) .ph-a{background:linear-gradient(160deg,#ececec,#d6d6d6)}
.mbar{background:rgba(0,0,0,.94)}
.mosaic button{background:#e6e6e6}
.room img{background:#e6e6e6}
.map{background:#e6e6e6}
.amen-grid button{background:#e6e6e6}
.amen-grid span{background:rgba(13,13,13,.72)}
.gallery button{background:#e6e6e6}
.t-strip a{background:linear-gradient(160deg,#f1f1f1,#dcdcdc)}
.t-strip a:nth-child(2n){background:linear-gradient(160deg,#ececec,#d6d6d6)}
.person .pic{background:linear-gradient(160deg,#f1f1f1,#dcdcdc)}
.person:nth-child(2n) .pic{background:linear-gradient(160deg,#ececec,#d6d6d6)}
.ba .pair div{background:#e6e6e6}
.lcard.stub .photo{background:linear-gradient(150deg,var(--accent-pale),#ececec)}
.band form.lead input:not([type=checkbox]){border-color:rgba(0,0,0,.2)}
.agent-hero .pic{background:linear-gradient(160deg,#f1f1f1,#dcdcdc)}
.ig-grid a{background:#e6e6e6}
.fc-quote .stars{color:#ef8d7d}
.pull-review .stars{color:#ef8d7d}
.case-pic{background:linear-gradient(160deg,var(--accent-pale),#dcdcdc)}
.mk-shot figcaption{color:var(--muted,#666666)}
.photo.team-photo,.p-hero .photo.team-photo,.story .photo.team-photo{background:#ffffff}
.tone-pink,.agent:nth-child(n) .ph-a.tone-pink,.t-strip a.tone-pink,.person:nth-child(n) .pic.tone-pink,.agent-hero .pic.tone-pink,.case-pic.tone-pink{background:linear-gradient(160deg,#f1f1f1,#dcdcdc)}
.tone-beige,.agent:nth-child(n) .ph-a.tone-beige,.t-strip a.tone-beige,.person:nth-child(n) .pic.tone-beige,.agent-hero .pic.tone-beige,.case-pic.tone-beige{background:linear-gradient(160deg,#ececec,#d6d6d6)}
.agent-card .who img.tone-pink,.hero-reviews .faces img.tone-pink{background:#e3e3e3}
.agent-card .who img.tone-beige,.hero-reviews .faces img.tone-beige{background:#e6e6e6}
.lk-quote .stars{color:#ef8d7d}
.doc-shot::after{background:rgba(0,0,0,.78)}
.zoom-x{color:#111111}
.rv-pop::backdrop{background:rgba(0,0,0,.62)}
.yt-play{background:rgba(0,0,0,.82)}
.rp-amenities figure{background:#e6e6e6}
.rp-unit img{background:#e6e6e6}
.mc svg .grid{stroke:#e4e4e4}
.mobile-menu .mm-search{color:#ffffff}
.mobile-menu .mm-search span{color:#d4d4d4}
.hero-search .hs-go{background:#ef8d7d}
.hero-search .hs-go:hover{background:#e87a68}
.search-feature .eyebrow{color:#ef8d7d}
.search-feature .lead{color:#d4d4d4}
.sf-points li>span{background:#222222;color:#ef8d7d}
.sf-points small{color:#d4d4d4}
.sf-go{background:#ef8d7d}
.sf-go:hover{background:#e87a68}
.sf-ph{background:#e6e6e6}
.sf-tags em{background:#f3f3f3}
.sf-chips a{border:1px solid #444444;color:#ffffff}
.sf-chips a:hover{background:#222222}
.sb-buy-points span{color:#ef8d7d}
.nav-search em{background:#ef8d7d}
@media (max-width:440px){
  .nav-search.is-in.has-new::after{background:#ef8d7d}
}
.hl-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08)}

/* 2. hand-written */
/* The black-and-white look, Oct 2026: Schibsted Grotesk, white paper, black ink, colour photos, coral only as small highlights.
   Approved from the homepage mockup (tools/mockups). Loaded after coral.css. */
:root{ --grot:'Schibsted Grotesk',Helvetica,Arial,sans-serif;
  --paper:#ffffff; --paper-2:#f3f3f3; --card:#ffffff; --ink:#111111; --ink-2:#2b2b2b; --muted:#5f5f5f;
  --line:rgba(0,0,0,.12); --line-strong:rgba(0,0,0,.24); --dark:#0d0d0d; --dark-2:#1a1a1a;
  --accent-deep:#111111; --accent-pale:#fbe7e1; --serif:var(--grot); --sans:var(--grot); --brand:var(--grot);
  --shadow-sm:0 1px 2px rgba(0,0,0,.05),0 2px 8px rgba(0,0,0,.04);
  --shadow-md:0 2px 4px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08);
  --shadow-lg:0 4px 8px rgba(0,0,0,.04),0 24px 60px rgba(0,0,0,.14); }
body{background:#fff}
/* headlines: heavy grotesque, the italic word becomes a lighter weight with a coral marker underneath */
h1,h2{font-family:var(--grot);font-weight:800;letter-spacing:-.045em;line-height:.98}
h1 em,h2 em,h3 em{font-style:normal;font-weight:300;color:inherit;background:linear-gradient(transparent 82%, rgba(239,141,125,.85) 82%, rgba(239,141,125,.85) 94%, transparent 94%)}
.on-dark h1 em,.on-dark h2 em{color:#fff;background:linear-gradient(transparent 82%, rgba(239,141,125,.9) 82%, rgba(239,141,125,.9) 94%, transparent 94%)}
h3{font-family:var(--grot);font-weight:700;letter-spacing:-.02em}
.eyebrow{font-family:var(--grot);font-weight:700;color:#111}
.on-dark .eyebrow{color:rgba(255,255,255,.7)}
/* buttons stay rounded; black and white, coral only where the site already uses it as a fill */
.btn{font-family:var(--grot);font-weight:700}
.btn-dark{background:#111;color:#fff}
/* warm beige surfaces become white or light grey; dark bands become black */
.bg-alt{background:#f3f3f3}
.dark,.section.dark{background:#0d0d0d}
.proof b{font-family:var(--grot);font-weight:800;letter-spacing:-.04em}
.proof sup{color:#ef8d7d}
/* coral kept to a few small highlights: the marker under the lighter word, the little seal by each label, the result
   asterisks, and status tags. Buttons and links go black (white on the dark band). */
.hero-search .hs-go,.hero-search .hs-go:hover{background:#111;color:#fff}
.sf-go,.sf-go:hover{background:#fff;color:#111}
.btn-accent,.btn-accent:hover{background:#111;color:#fff}
.on-dark .btn-accent,.dark .btn-accent,.on-dark .btn-accent:hover,.dark .btn-accent:hover{background:#fff;color:#111}
.link-arrow{border-bottom-color:#111}
.on-dark .link-arrow{border-bottom-color:#fff}
.mbar a.c{background:#111;color:#fff}
.chip:hover{border-color:#111}
.band{background:#f3f3f3}
.cta::after{display:none}
.stars,.rv .stars,.fc-quote .stars,.fc-rating .stars{color:#ef8d7d}
/* header: white pill, black type (was cream rgba(246,243,238)) */
.nav{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.14)}
.nav-links a{color:#111} .nav-links a.on{background:#111;color:#fff;box-shadow:none}
.nav-search{background:#fff;border-color:#111;color:#111} .nav-search:hover{background:#f3f3f3}
.nav-phone i{background:#111;color:#fff}
.burger{background:#111;color:#fff}
.mobile-menu.open{background:#fff} .mobile-menu a:hover{background:#f3f3f3}
.mobile-menu .mm-search{background:#111;color:#fff} .mobile-menu .mm-search span{color:rgba(255,255,255,.7)}
/* stars written inline on listing pages */
[aria-label="5 stars"]{color:#ef8d7d!important}