body{margin:0;background:#eef0e8;color:#2f3a2c;font:16px/1.6 "Gill Sans","Gill Sans MT",Calibri,sans-serif}
.top{padding:18px 6%;font-size:20px;letter-spacing:.04em;border-bottom:1px solid #cfd6c3}.mark{color:#b5653d}
main{max-width:1000px;margin:0 auto;padding:30px 6%}
.intro h1{font-weight:300;font-size:38px;margin:10px 0}.intro p{max-width:560px;color:#55624f}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:36px 0}
figure{margin:0}.tile{aspect-ratio:1;border-radius:50% 50% 8px 8px}
.t1{background:radial-gradient(circle at 40% 35%,#d9cbb0,#8d7a5c)}.t2{background:radial-gradient(circle at 40% 35%,#cfe0d4,#7f9c8a)}
.t3{background:radial-gradient(circle at 40% 35%,#e7d3c4,#b5653d)}.t4{background:radial-gradient(circle at 40% 35%,#e3e1d8,#8c8a7d)}
figcaption{text-align:center;font-size:14px;margin-top:8px;color:#55624f}
.classes{background:#fff;border-radius:10px;padding:20px 28px}dt{font-weight:600;color:#b5653d}dd{margin:0 0 12px}
footer{text-align:center;padding:30px;color:#7c8776;font-size:13px}
@media(max-width:700px){.gallery{grid-template-columns:repeat(2,1fr)}}