.home-counter { position:relative; background:#f6f6f3; background-image:var(--paper-texture); color:#1d211f; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,86px); padding:clamp(56px,6vw,100px) clamp(24px,4vw,70px); }
.counter-gallery { margin:0; position:relative; overflow:hidden; aspect-ratio:4/3; }
.counter-gallery img { display:block; width:100%; height:100%; object-fit:cover; }
.counter-gallery img + img { position:absolute; inset:0; opacity:0; transition:opacity 1.6s ease; }
.counter-gallery.show-second img + img { opacity:1; }
.home-counter h2 { font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(1.4rem,1.65vw,1.9rem); font-style:italic; font-weight:600; line-height:1.32; letter-spacing:.035em; margin:0 0 24px; padding-bottom:20px; border-bottom:1px solid #1d211f40; }
.home-counter p { font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(1.08rem,1.18vw,1.34rem); font-weight:500; line-height:1.72; letter-spacing:.035em; margin:0; }
.home-counter p + p { margin-top:18px; }
@media(max-width:900px) { .home-counter { grid-template-columns:1fr; gap:32px; } .home-counter article { max-width:640px; } }
@media(prefers-reduced-motion:reduce) { .counter-gallery img + img { transition:none; } }
@media(min-width:761px) { .home-counter { padding-left:calc(var(--nav) + clamp(24px,4vw,70px)); } }