/* Refined gallery rhythm and more legible interactive states. */
.style-gallery{gap:clamp(26px,3vw,44px)}
.style-tile{min-width:0}
.actual-preview{isolation:isolate;box-shadow:0 16px 36px #0002}
.actual-preview img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.actual-preview .preview-number{background:#f5f4ed;color:#1c2a1d;box-shadow:0 2px 10px #0002}
.tile-body h2{line-height:1.22;letter-spacing:-.025em}
.tile-body p{line-height:1.75;max-width:38ch}
.style-info{gap:14px;line-height:1.5}
.tile-actions{gap:15px;flex-wrap:wrap}
.tile-actions a,.tile-utilities button,.gallery-tool-actions button{min-height:44px}
.home-preview-caption{line-height:1.5}
:where(.style-tile,.gallery-tools,.style-tools,.home-preview,.agency-hero) :is(a,button,select):focus-visible{outline:3px solid #b4d7a7;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.style-tile:hover .actual-preview img{transform:scale(1.025)}.actual-preview:hover{box-shadow:0 20px 50px #0004}.tile-actions a:hover,.tile-utilities button:hover,.gallery-tool-actions button:hover{background:#d4e5ca;color:#172b19!important;box-shadow:0 0 0 5px #d4e5ca;border-radius:2px}}
html[data-theme=light] .actual-preview{box-shadow:0 14px 36px #203a251e}
html[data-theme=light] :where(.style-tile,.gallery-tools,.style-tools,.home-preview,.agency-hero) :is(a,button,select):focus-visible{outline-color:#284f32}
html[data-theme=light] .tile-actions a:hover,html[data-theme=light] .tile-utilities button:hover,html[data-theme=light] .gallery-tool-actions button:hover{background:#c7dac1;color:#17301c!important;box-shadow:0 0 0 5px #c7dac1}
@media(max-width:700px){.style-gallery{gap:34px}.tile-body p{min-height:0}.tile-actions{justify-content:flex-start;gap:24px}.home-preview-caption{padding:17px 18px}}
@media(prefers-reduced-motion:reduce){.actual-preview img{transition:none}.style-tile:hover .actual-preview img{transform:none}}
.agency-demo img{filter:none!important}
.agency-demo-grid .agency-demo>div{height:auto;aspect-ratio:1600/950}
.tile-best{display:grid;gap:5px;padding:13px 0 2px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);font-size:13px;line-height:1.6}
.tile-best strong{font-size:10px;letter-spacing:.08em}.tile-body p{min-height:0}