.port-overview{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:0;padding:0;overflow:hidden;background:#073b4c}
.port-photo{position:relative;min-height:310px;overflow:hidden}
.port-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,36,46,.82))}
.port-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s ease}
.port-overview:hover .port-photo img{transform:scale(1.025)}
.port-photo span{position:absolute;left:22px;bottom:24px;z-index:1;background:rgba(255,255,255,.94);color:var(--navy);border-radius:99px;padding:9px 13px;font-size:.72rem;font-weight:800}
.port-photo a{position:absolute;right:14px;bottom:8px;z-index:1;color:rgba(255,255,255,.75);font-size:.58rem}
.port-copy{padding:32px 34px}
.port-copy>p:not(.eyebrow){color:#cee0e1;line-height:1.6;max-width:62ch}
.port-guide{grid-column:1/-1;display:grid;grid-template-columns:.65fr .8fr 1.25fr 1.3fr;background:#fff;color:var(--ink);border-top:1px solid rgba(255,255,255,.12)}
.port-guide>div{padding:19px 22px;border-right:1px solid var(--line)}
.port-guide>div:last-child{border:0}
.port-guide small{display:block;color:#168d8f;font-size:.62rem;letter-spacing:.13em;font-weight:800;margin-bottom:6px}
.port-guide strong{font-size:.8rem}
.port-guide p{font-size:.73rem;line-height:1.45;color:var(--muted);margin:0}
.port-guide .insider-tip{background:#fff3e9}
.port-guide .insider-tip small{color:#ce6045}
.activity{padding:18px;background:linear-gradient(145deg,#fff,#fbfdfa);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.activity:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(7,59,76,.08);border-color:#b7dcd7}
.activity-top strong{display:block;font-size:1rem;margin-top:5px}
.activity-type{display:inline-block;color:#118587;background:#e9f8f6;border-radius:99px;padding:5px 8px;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.activity-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}
.activity-meta span{background:#f2f6f4;border-radius:8px;padding:8px 6px;display:flex;align-items:center;gap:5px;font-size:.63rem}
.activity-meta b{color:#118587;font-size:.72rem}
.activity-detail{display:flex;gap:8px;margin-top:9px}
.activity-detail span{border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:.6rem;color:var(--muted)}
.activity-source{display:inline-flex;align-items:center;min-height:42px;margin-top:8px;color:#087c7e;font-size:.75rem;font-weight:800;text-decoration:none}
.activity-source:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.port-overview{grid-template-columns:1fr}.port-photo{min-height:260px}.port-guide{grid-template-columns:1fr 1fr}.port-guide>div:nth-child(2){border-right:0}.port-guide>div{border-bottom:1px solid var(--line)}}
@media(max-width:600px){.port-copy{padding:25px 20px}.port-guide{grid-template-columns:1fr}.port-guide>div{border-right:0}.activity-meta{grid-template-columns:1fr}.activity-detail{flex-wrap:wrap}}