.mk-vessel{min-height:500px;transition:box-shadow .6s var(--mk-ease);grid-template-columns:1.3fr 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.mk-vessel:before{content:"";z-index:1;pointer-events:none;transition:border-color .6s var(--mk-ease);border:1px solid #c9a96e00;position:absolute;inset:0}.mk-vessel:hover{box-shadow:0 30px 60px #0006}.mk-vessel:hover:before{border-color:#c9a96e1f}.mk-vessel--reversed{grid-template-columns:1fr 1.3fr}.mk-vessel--reversed .mk-vessel__image{order:2}.mk-vessel--reversed .mk-vessel__info{order:1}.mk-vessel--reversed .mk-vessel__gold-line{margin-left:auto;margin-right:0}.mk-vessel__image{position:relative;overflow:hidden}.mk-vessel__img{object-fit:cover;transition:transform 1s var(--mk-ease)}.mk-vessel:hover .mk-vessel__img{transform:scale(1.06)}.mk-vessel__no-image{background:var(--mk-dark-light);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mk-vessel__no-image svg{width:64px;height:64px;color:var(--mk-gray-dark)}.mk-vessel__badge{z-index:3;font-family:var(--mk-font-sans);letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem 1rem;font-size:.6rem;font-weight:600;position:absolute;top:1.25rem;left:1.25rem}.mk-vessel__badge--sold{color:#fff;background:#b43c3cd9}.mk-vessel__badge--reduced{color:var(--mk-navy);background:#c9a96ed9}.mk-vessel__hover{opacity:0;z-index:2;transition:opacity .6s var(--mk-ease);background:linear-gradient(135deg,#0a16288c 0%,#28547559 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mk-vessel:hover .mk-vessel__hover{opacity:1}.mk-vessel__hover-btn{font-family:var(--mk-font-sans);letter-spacing:.25em;text-transform:uppercase;color:var(--mk-pure-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:transform .6s var(--mk-ease),opacity .6s var(--mk-ease),background .3s,border-color .3s;border:1px solid #ffffff73;padding:.85rem 2.5rem;font-size:.65rem;font-weight:500;transform:translateY(14px)}.mk-vessel:hover .mk-vessel__hover-btn{opacity:1;transform:translateY(0)}.mk-vessel__accent{background:linear-gradient(90deg,var(--mk-gold)0%,transparent 100%);transform-origin:0;height:2px;transition:transform .8s var(--mk-ease);z-index:3;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.mk-vessel--reversed .mk-vessel__accent{background:linear-gradient(270deg,var(--mk-gold)0%,transparent 100%);transform-origin:100%}.mk-vessel:hover .mk-vessel__accent{transform:scaleX(1)}.mk-vessel__info{background:var(--mk-dark);align-items:center;display:flex;position:relative}.mk-vessel__info-inner{padding:clamp(2.5rem,5vw,4rem)}.mk-vessel__gold-line{background:var(--mk-gold);width:40px;height:1px;transition:width .6s var(--mk-ease);margin-bottom:2rem}.mk-vessel:hover .mk-vessel__gold-line{width:70px}.mk-vessel__meta{font-family:var(--mk-font-sans);color:var(--mk-gray);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.65rem;display:flex}.mk-vessel__dot{color:var(--mk-gray-dark);font-size:.5rem}.mk-vessel__title{font-family:var(--mk-font-serif);color:var(--mk-pure-white);letter-spacing:.03em;margin:0 0 .5rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;line-height:1.15}.mk-vessel__name{font-family:var(--mk-font-serif);color:var(--mk-gold);margin-bottom:1.5rem;font-size:1.05rem;font-style:italic;font-weight:400;display:block}.mk-vessel__location{font-family:var(--mk-font-sans);color:var(--mk-gray);align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.8rem;display:flex}.mk-vessel__location svg{width:14px;height:14px;color:var(--mk-gray-dark);flex-shrink:0}.mk-vessel__price{font-family:var(--mk-font-serif);color:var(--mk-pure-white);letter-spacing:.02em;margin-bottom:2rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400}.mk-vessel__cta{font-family:var(--mk-font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mk-gold);transition:letter-spacing .4s var(--mk-ease);font-size:.7rem;font-weight:400}.mk-vessel:hover .mk-vessel__cta{letter-spacing:.28em}@media (max-width:768px){.mk-vessel,.mk-vessel--reversed{grid-template-columns:1fr;min-height:auto}.mk-vessel--reversed .mk-vessel__image,.mk-vessel--reversed .mk-vessel__info{order:0}.mk-vessel__image{aspect-ratio:16/10}.mk-vessel__gold-line{margin-left:0!important;margin-right:auto!important}}