.hotel-directory{padding:74px 0 88px}.hotel-directory-heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:28px;display:flex}.hotel-directory-heading>div{max-width:700px}.hotel-directory-heading p{color:#ef3340;letter-spacing:.14em;margin:0 0 10px;font-size:13px;font-weight:900}.hotel-directory-heading h2{color:#0b3157;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.05}.hotel-directory-heading>span{color:#60738a;max-width:460px;line-height:1.7}.hotel-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.hotel-directory-grid>a{color:#fff;background:#0b3157;border-radius:24px;min-height:310px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f305021}.hotel-directory-grid>a:first-child,.hotel-directory-grid>a:nth-child(2){grid-column:span 2;min-height:360px}.hotel-directory-grid img{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.hotel-directory-grid>a:hover img{transform:scale(1.045)}.hotel-directory-shade{background:linear-gradient(#04162805 22%,#041628e6 100%);position:absolute;inset:0}.hotel-directory-grid>a>div{z-index:1;position:absolute;inset:auto 24px 23px}.hotel-directory-grid small{color:#ffd052;letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.hotel-directory-grid h3{margin:0 0 6px;font-size:25px;line-height:1.08}.hotel-directory-grid p{color:#e7eef6;margin:0 0 15px;font-size:14px}.hotel-directory-grid b{font-size:14px}.hotel-directory-grid a:focus-visible{outline-offset:3px;outline:4px solid #ffd052}@media (max-width:980px){.hotel-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-directory-grid>a:first-child,.hotel-directory-grid>a:nth-child(2){grid-column:span 1;min-height:320px}.hotel-directory-heading{flex-direction:column;align-items:start;gap:16px}}@media (max-width:620px){.hotel-directory{padding:52px 0 64px}.hotel-directory-grid{grid-template-columns:1fr;gap:14px}.hotel-directory-grid>a,.hotel-directory-grid>a:first-child,.hotel-directory-grid>a:nth-child(2){border-radius:20px;min-height:270px}.hotel-directory-grid>a>div{inset:auto 20px 20px}.hotel-directory-grid h3{font-size:23px}}