.intro-directions{padding:56px 0;scroll-margin-top:32px}
.intro-directions .directions-header{display:block;margin:24px 0 24px}
.intro-directions .directions-header>p{margin-bottom:10px}
.intro-directions .directions-header h2{font-size:clamp(40px,3.5vw,58px);line-height:1.2}
.directions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.direction-card{min-width:0;padding:18px 25px 20px;border:1px solid #dce8f8;border-radius:22px;background:radial-gradient(ellipse at 60% 25%,#e0edff80,transparent 66%),linear-gradient(155deg,#f5f9ff,#edf4fd);color:var(--ink)}
.direction-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#6b83a5}
.direction-card-meta>span:first-child{color:var(--blue)}
.direction-art{display:block;width:100%;height:clamp(220px,18vw,260px);object-fit:contain;margin:0 0 4px}
.direction-name{font-size:clamp(22px,1.75vw,27px);font-weight:500;line-height:1.4;letter-spacing:-.035em}
.direction-description{margin-top:10px;min-height:3.6em;font-size:13px;line-height:1.8;color:var(--muted)}
.direction-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.direction-tags>span{border:1px solid #d7e4f4;border-radius:30px;padding:4px 10px;font-size:11px;line-height:1.6;color:#54729c;background:#ffffffa6}
.intro-directions .next-cue{margin-top:24px;padding-top:16px;border-top:1px solid #cddff5}
@media(max-width:1200px){.directions-grid{gap:18px}.direction-card{padding:20px 19px 22px}.direction-name{font-size:21px}.direction-card-meta{font-size:9px}.direction-description{font-size:12px}.direction-tags{gap:5px}.direction-tags>span{padding-inline:8px}}