html.knr-intro-pending body {visibility:hidden}
html.knr-intro-pending {background:#fbedf2}
body a.whatsapp {display:grid;place-items:center;padding:0;width:46px;height:46px;border-radius:50%;color:white}
.knr-social {display:grid;gap:.45rem}
.knr-social a {display:flex;align-items:center;gap:.45rem}
.knr-social img {width:26px;height:26px;object-fit:contain;border-radius:50%;background:#fff3f6;padding:2px}
body .arch-track .arch-card {clip-path:none;border-radius:5px;overflow:hidden;transform-origin:center bottom;outline:1px solid #ead5a9;transition:transform .18s ease}
body .arch-track .arch-card:hover {border-radius:5px}
body .brand-left,body .brand-right {bottom:clamp(98px,19vh,176px);width:clamp(100px,12vw,168px);height:auto;pointer-events:none}
body .brand-left img,body .brand-right img {display:block;width:100%;height:auto;filter:drop-shadow(0 2px 5px #0009)}
main img:not(.arch-card img,.knr-social img,.brand-left img,.brand-right img),.gallery .frame {outline:1px solid #cfad71;outline-offset:-1px}
@media(max-width:650px){
 body .brand-left,body .brand-right {bottom:clamp(125px,19svh,155px);width:clamp(65px,16vw,110px)}
 body .arch-track .arch-card,body .arch-track .arch-card:hover {width:clamp(38px,12vw,64px);transform:translateX(calc(-50% + var(--offset)*10vw)) translateY(calc(var(--lift)*.39)) rotate(calc(var(--offset)*9deg)) scale(var(--magnify,1))}
 body .arch-track .arch-card[style*="--offset: -3;"],body .arch-track .arch-card[style*="--offset: 3;"]{visibility:visible;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){body .arch-track .arch-card{transition:none}}

body a.whatsapp {box-sizing:border-box;width:60px;height:48px;border-radius:999px;background:#bf1457;color:#fff}
body a.whatsapp svg {width:20px;height:20px}