.hero.cl{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:70px 72px 40px;background:var(--bg);overflow:visible}
.hero.cl h1{font-size:62px;line-height:1.05;margin:14px 0 18px}
.hero.cl p{font-size:20px;line-height:1.55;max-width:470px;margin:0 0 26px;color:var(--tx)}
.wg{padding:50px 72px 90px;background:linear-gradient(180deg,var(--bg),var(--soft))}
.wg .q{font-family:'Adamina','Caladea',serif;font-size:40px;margin:12px 0 6px}
.chs{display:flex;flex-wrap:wrap;gap:12px}
.ch{border:2px solid var(--line);background:#fff;border-radius:50px;padding:15px 26px;font-size:17px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;font-family:inherit;color:var(--tx);font-weight:400}
.ch i{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none}
.ch:hover{transform:translateY(-3px);border-color:var(--c)}
.ch.on{background:var(--c);border-color:var(--c);color:var(--cx,#fff);box-shadow:0 18px 34px -20px var(--c)}
.ch.on i{background:var(--cx,#fff)}
.ltr{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.ltr .im{height:520px;border-radius:26px;background-size:cover;background-position:center 40%;box-shadow:0 36px 70px -46px rgba(48,48,48,.7);position:relative}
.ltr p{font-size:20px;line-height:1.7;margin:0 0 16px}