Создавай картины, которых не ожидаешь сама

Эта техника — ваш путь к медитативному творчеству и уникальному интерьерному искусству.

Попробовать технику

css Копировать Редактировать :root{ --bg:#F7F3EE; --ink:#2E4950; --accent:#8FB6A3; --cta:#2E4950; --cta-hover:#FF8C7A; } body{background:var(--bg); color:var(--ink); font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto;} .hero{ position:relative; min-height:90vh; display:grid; grid-template-columns:1.1fr 0.9fr; gap:4rem; align-items:center; padding:6rem 6vw; } .hero__media img{ width:100%; height:auto; border-radius:24px; object-fit:cover; box-shadow:0 30px 80px rgba(46,73,80,.25); } .hero__content h1{ font-family:"Playfair Display",serif; font-size:clamp(38px,5vw,64px); line-height:1.1; margin:0 0 1rem; } .hero__content p{ font-size:clamp(16px,2vw,20px); opacity:.85; margin:0 0 2rem; } .btn{ display:inline-block; padding:14px 26px; border-radius:16px; text-decoration:none; font-weight:600; } .btn-primary{ background:var(--cta); color:#fff; box-shadow:0 12px 28px rgba(46,73,80,.25);} .btn-primary:hover{ background:var(--cta-hover); transform:translateY(-1px);} @media (max-width:900px){ .hero{ grid-template-columns:1fr; gap:2rem; padding:4rem 5vw;} .hero__media{ order:2;} }