/* ============================================================ Angel Home — wspólny arkusz redesignu (Newsreader + Manrope) Źródło prawdy: prototypy index-final_7 / inwestycja_5 / wykonczenie-pod-klucz_4 Tokeny prefiksowane --ah- (brak kolizji z site/styles.htm). Wszystkie reguły scope'owane pod .ah (body.ah na stronach zmigrowanych). ============================================================ */ :root{--ah-paper:#FBF8F2; --ah-linen:#F3ECDF; --ah-linen-deep:#ECE2CF; --ah-ink:#1F2E4D; --ah-ink-soft:#4D5B7A; --ah-gold:#B08C4F; --ah-gold-soft:#D9C495; --ah-sage:#7E9176; --ah-sage-deep:#64785C; --ah-stone:#B9B2A4; --ah-line:#E4DAC6; --ah-radius:14px; --ah-shadow:0 18px 50px -22px rgba(31,46,77,.22); --ah-ease:cubic-bezier(.22,.7,.3,1);} .ah *{margin:0;padding:0;box-sizing:border-box} .ah{scroll-behavior:smooth} .ah{font-family:'Manrope',sans-serif;background:var(--ah-paper);color:var(--ah-ink-soft);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden} .ah h1,.ah h2,.ah h3{font-family:'Newsreader',serif;font-weight:400;color:var(--ah-ink);line-height:1.1;letter-spacing:-.01em} /* main.css motywu narzuca h1..h3{text-transform:uppercase} — resetujemy, bo redesign chce mieszanej wielkosci (wersaliki tylko tam, gdzie ustawione jawnie, np. .l1) */ .ah h1,.ah h2,.ah h3,.ah h4{text-transform:none} .ah img{display:block;max-width:100%} .ah a{color:inherit;text-decoration:none} .ah .wrap{max-width:1240px;margin:0 auto;padding:0 32px} .ah section{padding:108px 0} .ah .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ah-gold);margin-bottom:20px} .ah .eyebrow::before{content:"";width:34px;height:1px;background:var(--ah-gold)} .ah .h2{font-size:clamp(34px,4.4vw,52px)} .ah em.gold{font-style:normal;color:var(--ah-gold);font-weight:500} .ah .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:52px} .ah .lead{max-width:430px;font-size:15.5px} .ah .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:15px;transition:all .35s var(--ah-ease);cursor:pointer;border:1px solid transparent} .ah .btn .arr{color:inherit;transition:transform .35s var(--ah-ease)} .ah .btn:hover .arr{transform:translateX(4px)} .ah .btn-ink{background:var(--ah-ink);color:#fff} .ah .btn-ink:hover{background:#2A3C63;box-shadow:var(--ah-shadow)} .ah .btn-ghost{border-color:var(--ah-ink);color:var(--ah-ink)} .ah .btn-ghost:hover{background:var(--ah-ink);color:#fff} .ah .btn-gold{background:var(--ah-gold);color:#fff} .ah .btn-gold:hover{background:#9A7A42} .ah .btn-light{background:rgba(255,255,255,.9);color:var(--ah-ink);backdrop-filter:blur(6px)} .ah .btn-light:hover{background:#fff;box-shadow:var(--ah-shadow)} .ah .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ah-ease),transform .8s var(--ah-ease)} .ah .rv.in{opacity:1;transform:none} .ah .rv.d1{transition-delay:.1s} .ah .rv.d2{transition-delay:.2s} .ah .rv.d3{transition-delay:.3s} @media (prefers-reduced-motion: reduce){ .ah .rv{opacity:1;transform:none;transition:none} .ah{scroll-behavior:auto} .ah *{animation:none!important;transition:none!important} } .ah .wings{display:block;width:104px;height:auto;margin-bottom:16px} .ah .wings path{stroke:var(--ah-gold);stroke-width:1.5;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1} .ah .in .wings path,.ah .wings.auto path{animation:wdraw 1.6s var(--ah-ease) forwards} .ah .wings path:nth-child(2),.ah .wings path:nth-child(5){animation-delay:.25s} .ah .wings path:nth-child(3),.ah .wings path:nth-child(6){animation-delay:.5s} @keyframes wdraw{to{stroke-dashoffset:0}} @media (prefers-reduced-motion: reduce){ .ah .wings path{stroke-dashoffset:0;animation:none} } /* (prototypowa nawigacja .ah nav/.nav-links/.navdrop nieużywana — zastąpiona przez .ahnav poniżej; selektor elementowy usunięty, bo łapał