body{color:#1b2733;background:#f4f7fb;margin:0;font-family:system-ui,sans-serif}main{max-width:1080px;margin:0 auto;padding:32px 24px}nav{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}nav a{color:inherit;text-transform:capitalize;background:#dde6f0;border-radius:16px;padding:7px 16px;text-decoration:none;transition:background .16s,transform .16s}nav a:hover{background:#c9d8e8;transform:translateY(-1px)}nav a.active{color:#fff;background:#1b6ec2}ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;padding:0;list-style:none;display:grid}li.trip-card{background:#fff;border:1px solid #e3eaf2;border-radius:16px;padding:0;transition:box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 4px 14px #18324a12}li.trip-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #18324a20}li h3{margin:0 0 8px;font-size:1.2rem;line-height:1.3}.trip-photo{object-fit:cover;background:#dce5ed;width:100%;height:190px;display:block}.trip-content{padding:16px 18px 18px}.trip-content p{color:#526170;margin:0 0 12px;line-height:1.5}.trip-content small{color:#637487;font-weight:600}.trip-tags{gap:7px;margin-bottom:10px;display:flex}.trip-tags span{color:#34506b;background:#edf4fa;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:650}.brand{align-items:center;gap:12px;margin:0;font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.1;display:flex}.brand img{width:64px;height:64px}.motto{color:#526a80;margin:8px 0 0;font-size:1.2rem;font-weight:600}.weather{color:#526170;margin:24px 0 16px}h2{margin:0 0 16px}@media (max-width:480px){main{padding:24px 16px}.trip-photo{height:170px}}@media (prefers-reduced-motion:reduce){nav a,li.trip-card{transition:none}nav a:hover,li.trip-card:hover{transform:none}}