.about { padding: 100px 0; background: var(--paper); }
.about .grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: center; }
.about-copy h2 { font-size:32px;margin-bottom:20px; }
.about-copy p { font-size: 16.5px; color: #3E5566; margin-bottom: 18px; }
.about-copy p:last-of-type { margin-bottom: 28px; }
.no-camera-note { display: flex; gap: 14px; align-items: flex-start; background: var(--mint); border-radius: 16px; padding: 18px 20px; margin-top: 8px; }
.no-camera-note svg { width: 26px; height: 26px; color: var(--teal-dark); flex-shrink: 0; margin-top: 2px; }
.no-camera-note strong { display: block; font-size: 14.5px; color: var(--navy); margin-bottom: 3px; }
.no-camera-note span { font-size: 13.5px; color: #33544A; }
.about-art { position: relative; }
.about-art .frame { border-radius: 26px; overflow: hidden; box-shadow: var(--shadow); }
.about-art .frame img { width: 100%; height: 420px; object-fit: cover; }
.about-art .float-tag { position: absolute; right: -20px; top: -20px; background: #fff; border-radius: 16px; padding: 14px 18px; box-shadow: 0 18px 40px -18px rgba(20, 50, 60, 0.35); font-size: 13px; font-weight: 800; color: var(--navy); display: flex; align-items: center; gap: 10px; }
.about-art .float-tag .dotstat { width: 9px; height: 9px; border-radius: 50%; background: var(--aqua); }
@media (max-width:900px) {
 .about .grid { grid-template-columns: 1fr; gap: 40px; }
.about-art { order: -1; }
.about{
	padding: 50px 0;
 }
 .about-art .float-tag{
 	right: -10px;
    top: -10px;
    border-radius: 10px;
 }
 .about-copy h2{
		font-size: 28px;
	}
}
@media (max-width:575px){
	.about-art .frame img{
		height: 350px;
	}

}