/* Unieszewo — karty domów. Ładować po base.css. */
    /* Jasny nagłówek na ciemnym hero podstrony (tryb jasny, niezeskrolowany) — logo, powrót i przełącznik trybu czytelne na zdjęciu */
    html:not([data-theme="dark"]) .site-header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}
    html:not([data-theme="dark"]) .site-header:not(.scrolled) .back,
    html:not([data-theme="dark"]) .site-header:not(.scrolled) .theme-toggle{color:#f4f0e9}
    html:not([data-theme="dark"]) .site-header:not(.scrolled) .back{opacity:.92}
    html:not([data-theme="dark"]) .site-header:not(.scrolled) .theme-toggle{border-color:rgba(244,240,233,.45)}

    .hero h1{font-family:var(--ff-display);font-weight:500;font-size:clamp(3.4rem,11vw,8rem);line-height:.94;letter-spacing:-.02em;margin:.4rem 0 .6rem;text-shadow:0 2px 30px rgba(20,18,16,.4)}
    .hero .lat{font-family:var(--ff-display);font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);color:#e6d2a6}
    .main{padding:clamp(4rem,9vh,7rem) 0}
    .lead-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
    .lead-grid .aside{position:sticky;top:7rem}
    .lead-quote{font-family:var(--ff-display);font-weight:400;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.24;color:var(--text)}
    .lead-quote em{font-style:italic;color:var(--primary)}
    .facts{margin-top:2.4rem;border-top:1px solid var(--line)}
    .facts div{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line-soft);font-size:.92rem}
    .facts div span:first-child{color:var(--muted);letter-spacing:.04em}
    .facts div span:last-child{font-family:var(--ff-display);font-size:1.15rem;color:var(--text)}
    .badge-premiera{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding:.4rem .9rem;border:1px solid var(--accent);color:var(--accent);font-size:.64rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
    .price{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.6rem}
    .price span:first-child{color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
    .price span:last-child{font-family:var(--ff-display);font-size:1.7rem;color:var(--primary)}
    .figpair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.4vw,1.6rem);margin-top:clamp(3rem,7vw,5rem)}
    .figpair figure{overflow:hidden;background:var(--surface)}
    .figpair img{aspect-ratio:4/5;transition:transform 1.4s var(--ease)}
    .figpair figure:hover img{transform:scale(1.04)}
    .figpair figcaption{margin-top:.7rem;font-size:.72rem;letter-spacing:.04em;color:var(--muted)}
    .cta{margin-top:clamp(3.5rem,8vw,6rem);padding:clamp(2.2rem,5vw,3.6rem);background:var(--surface);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
    .cta h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(1.6rem,3vw,2.3rem);max-width:18ch}
    .cta h2 em{font-style:italic;color:var(--primary)}
    .navhouses{margin-top:clamp(3rem,7vw,5rem);padding-top:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;font-family:var(--ff-display);font-size:1.2rem}
    .navhouses a{color:var(--muted);transition:color .3s var(--ease)}
    .navhouses a:hover{color:var(--primary)}
    @media(max-width:820px){.lead-grid{grid-template-columns:1fr;gap:2.2rem}.lead-grid .aside{position:static}.figpair{grid-template-columns:1fr}}