.guides-wrap{padding:16px max(12px,min(4vw,24px))}.guides-grid{grid-template-columns:repeat(12,1fr);gap:max(14px,min(2vw,24px));display:grid}.guide-card{cursor:pointer;background:#eef2f6;border-radius:16px;outline:none;grid-column:span 4;min-height:max(200px,min(26vw,300px));position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}@media (max-width:1024px){.guide-card{grid-column:span 6}}@media (max-width:640px){.guide-card{grid-column:span 12}}.guide-media{position:absolute;top:0;bottom:0;left:0;right:0}.guide-img{object-fit:cover}.guide-name{letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font-size:max(22px,min(3.2vw,42px));font-weight:800;position:absolute;bottom:max(14px,min(2vw,22px));left:max(14px,min(2vw,22px))}.guide-info{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#1b2838;opacity:0;background:rgba(255,255,255,.92);border-radius:14px;align-content:start;gap:10px;padding:max(14px,min(2.2vw,20px));transition:opacity .22s,transform .22s;display:grid;position:absolute;top:max(10px,min(2vw,18px));bottom:max(10px,min(2vw,18px));left:max(10px,min(2vw,18px));right:max(10px,min(2vw,18px));transform:translateY(10px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.guide-info h3{color:#233754;margin:0;font-size:max(18px,min(2vw,22px));font-weight:800;line-height:1.2}.guide-info p{color:#374c69;margin:0;font-size:max(14px,min(1.6vw,16px));line-height:1.55}.guide-card:hover .guide-info{opacity:1;transform:translateY(0)}.guide-card:focus-visible .guide-info{opacity:1;transform:translateY(0)}@media (hover:none) and (pointer:coarse){.guide-card:focus .guide-info{opacity:1;transform:translateY(0)}}.guide-card,.guide-media,.guide-img{border-radius:16px}